:root {
     --br:16px;
}
 body {
     color: var(--ptc);
     font-weight: 400;
     line-height: 1.5;
     font-family: var(--sf);
     font-size: var(--sfs);
     background-color: var(--bc);
}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-family: var(--shf);
}
 h1{
     font-size: var(--shs);
}
 h2{
     font-size: calc(var(--shs)*0.8);
}
 h3{
     font-size: calc(var(--shs)*0.7);
}
 h4{
     font-size: calc(var(--shs)*0.6);
}
 h5{
     font-size: calc(var(--shs)*0.5);
}
 h6{
     font-size: calc(var(--shs)*0.4);
}
 h4 {
     margin-block-end:0;
}
 ul {
     padding-inline-start:0;
}
 button, input, optgroup, select, textarea {
     font-family: var(--sf);
}
 article{
     min-height:70vh;
}
 *::-webkit-scrollbar {
     width: 12px;
}
 *::-webkit-scrollbar-thumb {
     background-color: #FFF;
     background-image: -webkit-gradient(linear, 40% 0%, 75% 84%,from(var(--scc)),to(var(--scc)));
}
 *::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
     background-color: #F5F5F5;
}
article.container{
    margin-top: 151px;
}

 aside .card {
     border: none;
     color: var(--ptc);
}
 aside .card a {
     color: var(--ptc);
 }
 .page-link {
     color: var(--ptc);
    }
 .switch {
     display: table-cell;
     vertical-align: middle;
     padding: 10px 
}
.b-0{
bottom: 0;
}

 .system-dc ol li {
     list-style:decimal!important;
}
 .system-dc ol {
     list-style:decimal!important;
}
 .system-dc ul li {
     list-style:disc!important;
}
 .system-dc ul {
     list-style:disc!important;
     padding-right: 59px;
}
 *,:before,:after {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     list-style: none;
}
 .carousel-dc {
     width:100%;
     border-radius:var(--br);
}
 .index.slide{
}

.sv-card-body{
    position: relative;
    height: 163px;
}
.view-product-btn{
    bottom: 0;
    position: absolute;
    left: 0;
}

 body,button{
     font-family: var(--sf);
}
 :focus-visible {
     outline: none;
     outline-color: transparent;
     outline-style: none;
     outline-width: 0;
}
.view-all {
    position: absolute;
    right: calc(50% - 95px);
    top: 119.5%;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #fff;
    padding: 8px 25px;
    padding-right: 12px;
    width: 190px;
}
 .swiper-dc .view-all{
     color:var(--wtc1);
     border: 1px solid var(--wtc1);
}
 .swiper-s-dc .view-all{
     color:var(--wtc2);
     border: 1px solid var(--wtc2);
}

.timed-discount-whit-image  .view-all.first-view-all-btn {
    display: none;
}
.timed-discount-whit-image {
    position: relative;
}
.timed-discount-whit-image  .view-all.second-view-all-btn {
    position: absolute;
    top: 2%;
    z-index: 9999;
    left: unset;
    right: calc(100% - 220px);
}
.all-products{
    position: absolute;
    right: calc(50% - -425px);
    top: 4px;
    border: 1px solid var(--mc);
    border-radius: 8px;
    color: var(--mc);
    padding: 8px 25px;
    padding-right: 12px;
    width: 190px;
}

#productList .breadcrumb{
    background: transparent;
    padding-inline: 15px;
}

#productList .breadcrumb-category .breadcrumb-item a.active{
    font-weight: 800;
}

@media(max-width: 992px){
    .timed-discount-whit-image  .view-all.second-view-all-btn {
        white-space: normal;
        top: 3%;
        padding-right: 70px;
    }
    .all-products-mob{
        position: absolute;
        top:2px;
        white-space: unset;

    }

}


.timed-discount-whit-image .swiper-s-dc{
    padding-top: 35px;
}

 .view {
     position: absolute;
     font-size:150%;
     left: 2px;
     top: 3px;
}
.english-ltr .view{
    left:158px;
    rotate: 178deg;
    top: -3px;
}
 .user_card {
     top:15%;
     width: 350px;
     margin-bottom: auto;
     position: relative;
     display: flex;
     justify-content: center;
     flex-direction: column;
     padding: 10px;
     border: solid 1px #dddddda3;
     border-radius: 5px;
}
 .brand_logo_container {
     position: absolute;
     height: 170px;
     width: 170px;
     top: -75px;
     border-radius: 50%;
     background: #60a3bc;
     padding: 10px;
     text-align: center;
}
 .brand_logo {
     height: 150px;
     width: 150px;
     border-radius: 50%;
     border: 2px solid white;
}
 .form_container {
     margin-top: 100px;
}
 .login_btn {
     width: 100%;
     background: var(--mc) !important;
     color: white !important;
     cursor: pointer;
}
 .login_btn:focus {
     box-shadow: none !important;
     outline: 0px !important;
}
 .login_container {
     padding: 0 2rem;
}
 .input-group-text {
     background: #c0392b !important;
     color: white !important;
     border: 0 !important;
     border-radius: 0.25rem 0 0 0.25rem !important;
}
 .input_user, .input_pass:focus {
     box-shadow: none !important;
     outline: 0px !important;
}
 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #c0392b !important;
}
 .usr-label {
     font-size:75%;
     margin-bottom:0;
}
 .usr-label-code {
     margin-right: 27px;
}
 .btn-register {
     padding-left: 0;
     padding-right: 0;
     padding-top: 14px;
     cursor: pointer;
}
.breadcrumb li a{
        color: gray;
}
 img.refresh-captcha {
    position: absolute;
    top: 23px;
    left: 1px;
    height: 38px;
    cursor: pointer;
    width: 86px;
    border-radius: 7px;
}


 img.refresh-captcha.usr-cpch {
     top: auto;
     bottom: 0;
}
 span.refresh-captcha.usr-cpch {
     top: auto;
     bottom: -6px;
}
 span.refresh-captcha {
     left: 90px!important;
     top: 21px;
}
 .d-captcha {
     position:relative;
}
 form.frm .hint {
     position: absolute;
     font-size: 62.5%;
     top: 27px;
     left: 3px;
     color: #009385;
    ;
}
 .form-group{
     position: relative!important;
}
.login-checkbox {
     left: 17px;
     margin-top: 10px;
}
 .checkbox {
     display: block;
     position: relative;
     padding-right: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size:92.5%;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .checkbox input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
 .checkbox .checkmark {
     position: absolute;
     top: 0;
     right: 3px;
     height: 19px;
     width: 19px;
     border-radius: 5px;
     background-color: #c5c3c3;
}
 .checkbox:hover input ~ .checkmark {
     background-color: #ccc;
}
 .checkbox input:checked ~ .checkmark {
     background-color: var(--mc);
}
 .checkbox .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .checkbox input:checked ~ .checkmark:after {
     display: block;
}
 .checkbox .checkmark:after {
     left: 6px;
     top: 2px;
     width: 7px;
     height: 11px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .pc .alert_buttons .btn-icon-consplit-ok{
     background-color:#57cfb1!important;
     border-color: #57cfb1!important;
}
 .pc .alert_buttons .btn-icon-consplit-cancel{
     background-color:var(--mc)!important;
     border-color: var(--mc)!important;
}
 .pc .alert_buttons .alert_btn:hover {
     border-color:none!important;
}
 .user-menu-item:hover {
     text-decoration:none;
}
 .recieve-code {
     width:100%;
}
 .form-control-code {
    width: 93%;
     padding: .5rem .75rem;
     font-size: 1rem;
     line-height: 1.25;
     color: #464a4c;
     background-color: #fff;
     background-image: none;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     border: 1px solid rgba(0,0,0,.15);
     border-radius: .25rem;
     margin-right: 15px;
}
 .view-pass{
     width: 23px;
     position: absolute;
     left: 19px;
     top: auto;
     bottom: 7px;
}
 .usr-menu-view {
     width: 30px;
     position: absolute;
     left: 28px;
     top: 9px;
}
 .usr-menu-view::after{
     vertical-align: bottom;
}


 a.top-menu-view .usr-menu-view {
     left: 37px;
}
 .btn-new-pass {
     width: 92%;
     margin-right: 14px;
     background: var(--mc) ;
     color: white;
}
 .pass-form {
     display:inline-block;
}
 .rules-link {
     cursor:pointer;
}
 .rules {
     font-size:87.5%;
}
 .edit_btn {
     width: 64%;
     background: var(--mc) !important;
     color: white !important;
}
 .registration {
     text-align: center;
     display: block;
     font-size:18px;
     margin-top: 18px;
     pointer: cursor;
     text-decoration: revert;
}
 .back-error-message {
     display:block;
}
 .error-message {
     width:100%;
     max-width:500px;
}

 .user-card div.rule{
     font-size:68.75%;
     padding: 9px;
}
 .user-card div.rule a{
     border-bottom: 1px solid;
}
 .i-dc {
     float:right;
     margin-top:12px;
}

 .ent-bt {
     float: left;
}
 .ent-bt.login {
     width: 53px;
     border:none;
     position: relative;
}
 .ent-bt.login i{
     vertical-align: bottom;
}
 .ent-bt.login:after{
     content: " | ";
     font-size: 16px;
     padding-bottom: 15px;
     position: absolute;
     color: #cac6c6d4;
     left: -4px;
     top: 12px;
}

 .ent-ic {
     font-size:112.5%;
     padding: -5px -8px;
     right: 0px;
     top: 8px;
     position: absolute;
}
 .m-l {
     float:left;
}
 .i-store {
     float: left;
     font-size:225%;
     color: #615a5a;
     padding: -10px;
     padding: -1px -4px;
     opacity: 1 !important;
     display: inline-block;
     position: absolute;
     z-index: 0;
     top: 2px;
}

 .bg-menu-dc {
     position: relative;
     background-color: var(--mc);
     font-size: .714rem;
     line-height: 1;
     font-weight: bold;
     padding: 0px 4px;
     color: var(--mtc);
     border: 2px solid #fff;
     line-height: 17px;
     border-radius: 6px;
}
 .tooltip {
     position: relative;
     display: inline-block;
}
 .tooltip .tooltiptext {
     visibility: hidden;
     width: 70px;
     background-color: #464a4c;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: -13px 4px;
     position: absolute;
     z-index: 1;
     top: 17px;
     font-size: 100%;
     right: 96%;
}
 .tooltip:hover .tooltiptext {
     visibility:visible;
}
 .f-baner {
     display:block;
     border-radius: 4px;
     width: 100%;
     max-height: 25%;
}
 .s-baner {
     padding-top:3px;
     border-radius: 4px;
}
 .baner-dc {
     border-radius: 4px;
     width: 100%;
     border-radius: var(--br);
}
 .m-baner {
     margin-top: 15px;
}
 .jc-right, .jc-left {
     width: 39px !important;
     height: 39px !important;
     background: #fff !important;
}
 .jc-right svg, .jc-left svg {
     fill:#0f0101 !important;
}
 .swiper-dc {
     padding-top: 20px;
     padding-bottom: 20px;
     border-radius: var(--br);
     padding-left: 5px;
     height: 501px;
     overflow: hidden;
     background-color: var(--wbc1) 
}
 .bg-red {
     background-color: #F0394E;
}
 .bg-green{
     background-color: #6bb927;
}
 .bg-purple{
     background-color: #6779de;
}
 .bg-pink{
     background-color: #f1c0b9;
}
 bg-blue{
     background-color:#78d0ff;
}
 .bg-light-blue{
     background-color: #00c5cb;
}
 .bg-green-blue{
     background-color: #9cccce;
}
 .sw-card {
      width:253px;
     border-radius: var(--br);
}
 .sw-card.item-p{
     display: inline-block;
     vertical-align: bottom;
     font-size: var(--sfs);
     margin: 0 4px;
}
 .sw-sg-card {
     width:250px;
     border:none !important;
     float: right;
}
 .sw-sg-card-mob {
     width:150px;
     border:none !important;
     float: right;
}
 .sw-card-body {
     position: relative;
     height: 163px;
}
 .card-title.category {
     color:#000!important;
}
 .pro-options .sw-card-title {
     height: 23px;
     color: #7a7a7a;
}
 .sw-card-title {
     overflow: hidden;
     height: 49px;
     white-space: initial;
     line-height: 21px;
     color: #464a4c;
     padding: 0 8px;
     font-family: var(--sf);
        margin-top: 16px;
}
 .swiper-items {
     padding: 20px 0;
}
 .sw-sg-card-title {
     margin-top: 2%;
     text-align: center;
     height: 100px;
     overflow: hidden;
     white-space: initial;
     font-size:40px;
     font-family: 'gh';
}
 .swiper-dc .sw-sg-card-title{
     color: var(--wtc1);
}
 .swiper-s-dc .sw-sg-card-title{
     color: var(--wtc2);
}
 .sw-card-bg {
     font-size: 95%;
     margin-left: 3px;
     background-color: var(--mc);
     color: var(--mtc);
     padding: 5px 4px 1px 4px;
     border-radius: 10px;
     position: absolute;
     top: 98px;
     left: 0;
}
 .sw-discount {
     font-weight: 600;
     font-size:75%;
     margin: 0 7px;
     margin-top: 0 ;
     float: left;
     text-decoration: line-through;
     color: #c0c0c0;
     position: absolute;
     top: 97px;
     left: 47px;
}

 .old-price{
     text-decoration: line-through;
     color: #c0c0c0;
}
.sw-cost {
    color: #000;
    top: 126px;
    font-weight: bold;
    float: left;
    position: absolute;
    margin-left: 7px;
    left: 4px;
}
.sw-discount-dc {
     height: 24px;
     position: relative;
}
.swiper-f-dc {
     padding-top: 8px;
     padding-bottom: 20px;
}
.sh-card{
     border-radius: var(--br);
     box-shadow: 0 0 5px 1px #ddd;
     overflow: hidden;
     background-color:#fff 
}
.sw-brand-card {
     border: none;
     background-color:#fff;
     width: 163px;
     max-width: fit-content;
     display: inline-block;
     margin: 0 10px;
     text-align: center;
}
.sw-brand-card .sw-card-title {
     osition: absolute;
    /* width: 200px;
     */
     font-size:75%;
     height: 30px;
     margin-top: 9px;
     padding: 0 0;
}
 .sw-brand-card-body {
     width: 224px;
     margin-right: 10px;
}
 .sw-Fdiscount-dc {
     height: 70px;
     position: relative;
}
 .sw-card-Fbg {
     font-size: 100%;
     padding: 2px 4px;
     line-height: 1;
     float: left;
     margin-left: 10px;
     background-color: #ee384e;
     padding: 9px 1px;
     width: 31px;
     height: 31px;
     border-radius: 100%;
}
 .sw-Fcost {
     font-weight: bold;
     color: #555;
     float: left;
     margin-left: 14px;
     margin-right: 15px;
     laft: 11px;
     margin-top: -10px;
}
 .mob-login {
     font-size:287.5%;
     color:#615a5a;
}

 .mob-s {
     font-size:131.25%;
     bottom: 11px;
     position: absolute;
     left: 45px;
     top: 16px;
     color:#615a5a;
}

 .sw-brand-card .card-img-top {
     border-radius: var(--br);
}
 .card-img-top{
     border-top-left-radius: var(--br);
     border-top-right-radius: var(--br);
}
 .brand-index .card-img-top{
     width: 105px;
    height: 105px;
}
 .breadcrumb-item+.breadcrumb-item::before {
     content: "\F0FDF";
     font-family: 'Material Design Icons' 
}
.breadcrumb{
    background-color: #e9ecef;
}
.breadcrumb .mdi-home{
    font-size: 22px;
}
 .score {
     font-size: 100%;
     position: relative;
     overflow: hidden;
     text-align: center;
}
 .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;
}

 .product-show .tool .mdi-heart{
     color:#fb3449 
}
 .score-wrap {
     display: inline-block;
     position: relative;
     height: 19px;
     text-align: right;
     line-height: 1;
}
 .score .stars-active {
     color: #EEBD01;
     position: relative;
     z-index: 10;
     display: inline-block;
     overflow: hidden;
     white-space: nowrap;
     font-size: inherit;
}
.score .stars-inactive {
     color: grey;
     position: absolute;
     top: 0;
     right: 0;
     -webkit-text-stroke: initial;
     overflow: hidden;
     font-size: inherit;
}
 .product-show .anotherPhoto, #showAllImg .anotherPhoto{
     opacity: 0.8;
     width: 78px;
     border: 1px solid #afaeae;
     text-align: center;
     border-radius: 9px;
     display: inline-block;
     height: 78px;
     margin: 2px 
}
 .product-show .anotherPhoto img, #showAllImg .anotherPhoto img{
     width: 71px;
     height: 71px;
    ;
     padding:5px 3px 0px 2px;
     border-radius:9px 
}
 .oneImage{

     width:100%;
     border-radius: 9px;
}
 .product-show .title{
     color: #171616;
     padding: 0px 0px 5px 0px;
     border-bottom: 1px solid #dedede;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .product-show .title-s{
    margin-top: 10px;
     color: #4a4646;
     font-size:75% 
}
 .product-show .score-pro{
     font-size:81.25%;
}
 .product-show .score span{
     font-size: 100%;
     margin-right: 3px;
}
 .product-show .score a {
     color:var(--sc);
     cursor: pointer 
}
 .product-show .score-pro i {
     color: #f7c305;
     font-size:106.25%;
     vertical-align: middle;
}
 .product-show i.mdi-circle-small{
     color: #bfbfbd;
     font-size:143.75%;
}

 .product-show .discount-pro span:last-child{
     background-color: var(--mc);
     color: var(--mtc);
     border-radius: 11px;
     padding: 2px 5px;
}
 .product-show .discount-pro span:first-child{
     text-decoration: line-through;
     color: #a9a5a5;
}
 .warranty i.mdi{
     vertical-align: middle;
     font-size:156.25%;
}

 .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%;
}
 .btndig{
     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;
}
 .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;
}
 .color-s.select{
     background-color:#32d4f9;
}
 #productBodyHeader .no-color{
     font-size:68.75%;
}
 ul.property {
     list-style: none;
     padding: 0;
     position: relative;
}


 ul.property.mo{
     max-height:100% 
}

 ul.property li{
     font-size:81.25%;
}
 ul.property li::before {
     content: "\2022";
     color: #cac7c7;
     font-weight: bold;
     display: inline-block;
     width: 10px;
     font-size:131.25%;
     vertical-align: sub;
}
 .more-p,.more-f{
     color: var(--sc);
     font-size:68.75%;
     cursor: pointer;
}
 .box-a{
     border-top: 1px solid #dfdfdf;
}
 .box-a .possibility div{
     display: inline-block;
     vertical-align: super;
     color:var(--ptc);
     font-size:81.25% 
}
 .box-a .possibility i{
     display: inline-block;
     font-size:181.25%;
     color: var(--ptc);
}
 ul.tab li{
     padding: 0;
     list-style: none;
     margin:0 -2px;
     display: inline-block;
}
 .nav-tabs .nav-link:hover {
     border-color:#ffff;
     color:#424040 
}
 .nav-tabs .nav-link2885 {
     border-bottom: 3px solid var(--mc);
     color:var(--mc);
     border-color: #fff #fff var(--mc);
}
 ul.tab{
     border-bottom: 1px solid #e4e4e4;
}
 .product-show ul.tab{
     overflow-x: auto;
     overflow-y: hidden;
}
 .sh-card ul.tab{
     overflow:hidden 
}
 .content-pro .title-c {
     border-bottom: 2px solid var(--mc);
     padding-bottom: 6px;
     display: inline-block;
}
 .content-pro .more-p, .content-pro .more-f{
     font-size:93.75%;
     margin-top: 8px;
}
 .item-suggestion .title-su {
     color: #000;
     border-bottom: 2px solid var(--mc);
     display: inline-block;
     padding-bottom: 12px 
}
 .box-left-bottom img{
     width: 100%;
     margin: auto;
     max-width: 87px;
     border-radius: 9px;
}
 .box-left-bottom .title{
     font-size:87.5%;
}
 .box-left-bottom{
     border: 1px solid #e2e1e1;
     border-radius:10px;
     margin-left: 6px;
     padding-top: 19px 
}
 .text-muted {
     color: #868686!important;
}
 .comment .name, .comment .date{
     font-size:81.25%;
     display: inline-block;
}
 .comment .date::after {
     content: "\2022";
     color: #cac7c7;
     font-weight: bold;
     display: inline-block;
     width: 30px;
     font-size:106.25%;
     vertical-align: sub;
     padding: 0px 10px;
}
 .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;
}
 .addComment:hover{
     color: var(--mc);
}
 .edit-comment{
     font-size:81.25%;
     padding: 2px 9px;
     border: 1px solid #c1c1c1;
     border-radius: 9px;
     vertical-align: middle;
     color: #484646;
     background-color: #fff;
}
 .comment .advice{
     font-size:81.25%;
}
 .box-left-bottom.fixed{
     position:fixed 
}
 .possibility{
     display: inline-block;
     padding: 10px 0px;
}
 .number-points span{
     font-weight: 600;
     color: #3c3c3c;
     font-size:250%;
}
 .score-star span{
     font-size:81.25%;
}
 .comment .comment-t{
     font-size:81.25%;
     margin-top: 8px;
}
 .page li.page-item a{
     padding: 5px;
     background-color: var(--sc);
     width: 35px;
     height: 35px;
     text-align: center;
     color: #fff;
     font-weight: 600;
     border-radius: 6px;
     margin: 1px;
}
 .page-item.active .page-link{
     background-color: var(--mc);
     border-color:var(--mc);
}
 .content-body {
     overflow: hidden;
}
 .content-body.mo{
     max-height:100% 
}
 .specifications{
     padding:0 
}
 .share-i{
     cursor: pointer;
}
 .share-i i{
     padding:5px 10px 0px 8px border-radius: 8px;
}
 #share-pro button{
    left: 0;
    font-size: 19px;
    margin: 0;
    padding: 0;
}
 #copyLink{
     cursor:pointer 
}
 .modal#share-pro .modal-dialog {
     width: 404px;
}
 .product-show .anotherPhoto:hover {
     opacity: 1;
     cursor:pointer
}
 .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);
}
 .ss-1 .nav-tabs.tab .nav-link.active h2 {
     color: var(--wtc3);
     font-size: calc(var(--shs)*0.4);
}
 .ss-2 .nav-tabs.tab .nav-link.active h2 {
     color: var(--wtc4);
     font-size: calc(var(--shs)*0.4);
}
 .ss-3 .nav-tabs.tab .nav-link.active h3 {
     color: var(--wtc5);
     font-size: calc(var(--shs)*0.4);
}
 .ss-1 .nav-tabs.tab .nav-link.active{
     border-color: #fff0 #fff0 var(--wtc3);
     border-bottom: 3px solid var(--wtc3);
}
 .ss-2 .nav-tabs.tab .nav-link.active{
     border-color: #fff0 #fff0 var(--wtc4);
     border-bottom: 3px solid var(--wtc4);
}
 .ss-3 .nav-tabs.tab .nav-link.active{
     border-color: #fff0 #fff0 var(--wtc5);
     border-bottom: 3px solid var(--wtc5);
}
 .ss-1 {
     background-color:var(--wbc3) 
}
 .ss-2 {
     background-color:var(--wbc4) 
}
 .ss-3 {
     background-color:var(--wbc5) 
}
 .cursorshade{
     background-color:#fff 
}
 #showAllImg .modal-title{
     border-bottom: 3px solid #0099bd;
     color: #0099bd;
     font-size: 100%;
     padding: 0px 11px;
}
 .allImage .swiper .items{
     padding:0 
}
 .allImage .jc-left {
     left: -1px!important 
}
 .allImage .jc-right, .allImage .jc-left {
     width: 25px !important;
     height: 25px !important;
     background: #fff !important;
}
 .box-left-bottom i.mdi-content-save-outline{
     font-size:112.5%;
     color:var(--sc);
}
 .bg-white{
     background-color: #fff;
     padding: 13px;
     border: 1px solid #e2e1e1!important;
     border-radius: 9px!important;
}
 #comment-click{
     cursor:pointer 
}
 .specialSale{
     font-size:87.5%;
     color: #eb1741 
}

 div.img-pr img{
     max-width: 170px;
     width: 100%;
     max-height: 170px;
     border-radius: 10px;
}
 .card-c{
     padding: 23px 10px;
}
 .color-filter{
     width: 15px;
     height: 15px;
     background-color: #c71585;
     display: inline-block;
     border-radius: 50%;
     vertical-align: middle;
     margin-left:10px;
}
 .cart-s .specifications{
     font-size:82%;
}
 .cart-s .specifications i{
     font-size:129.5%;
     color: #97979a;
     padding-left: 4px;
     vertical-align: sub;
}
 .cart-s .specifications .link-to i{
     color: var(--sc) 
}
 .cancel-item{
     cursor: pointer;
}
 .number-cart .minus{
     border-bottom-right-radius: 14px;
     display: inline-block;
     font-size:150%;
     cursor: pointer;
}
 .number-cart .plus{
     display: inline-block;
     font-size:125%;
     cursor: pointer;
}
.number-cart .cap{
    display: inline-block;
    font-size: 81%;
    position: relative;
    top: -3px;
}
.number-cart input {
    display: inline-block;
    width: 25px;
    outline: none;
    border: none;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    color: black;
    font-size: 18px;
    position: relative;
    top: -3px;
}
.number-cart {
    border: 1px solid #9f9999b3;
    width: 100px;
    background: white;
    height: 41px;
    border-radius: 9px;
    text-align: center;
    font-size: 125%;
    color: #8f8f8f;
}
.cart-s .price{
     text-align: left;
     color: #270707;
}
 .cart-s .discount{
     text-align: left;
     padding-left: 18px;
     color: var(--mc);
}
 .cart-s .price span{
     font-size:109.75%;
     font-weight: 600;
}
 .nav-tabs.tab a span , .sw-tab-bar a span{
     color: var(--mtc);
     border-radius: 50%;
     padding: 0px 7px;
     font-size:87.5%;
}
 .nav-tabs.tab a span , .sw-tab-bar a span{
     background-color: #999999;
}
 .nav-tabs.tab a.active span , .sw-tab-bar a.active span {
     background-color: var(--mc);
     margin-right: 5px;
}
 .nav-tabs.tab a.active h6{
     display:inline-block 
}
 .factor {
     font-size:81.25%;
}
 .factor .all-price-before span, .factor .delivery-cost span{
     font-size: 100% 
}
 .factor .all-discount span{
     font-size: 100% 
}
 .factor .amount span,.factor .payment span{
     font-size: 117%;
     font-weight: 600;
}
 .factor .amount, .factor .payment{
     color: #323232;
}
 .amount-t, .payment-t{
     font-weight: 600;
     color: #323232!important;
}
 .factor div{
     margin-bottom:5px;
     color: #323232;
     font-size:14px 
}
 .factor .all-discount,.factor .discount-code.pay-dis{
     color: #e23b4a;
}
 .card-c.box-su .jc-right, .card-c.box-su .jc-left{
     bottom:527px;
     box-shadow:none 
}
 .suggestion-img img{
     max-width: 73px;
     width:100%;
     margin: auto;
     padding: 0;
     border-radius: 10px;
}
 .suggestion-item .discount-item span{
     color: var(--mtc);
     background-color: var(--mc);
     border-radius: 15px;
     padding: 2px 5px;
     font-size:87.5%;
     margin: 1px 7px 0px 0px;
}
 .suggestion-item .discount-item div{
     font-size:93.75%;
     display: inline-block;
     text-decoration: line-through;
     color: #afadad;
}
 .title-cart{
     white-space: initial;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 41px;
     padding-right:82px;
     font-size:81.25%;
     padding-bottom: 14px;
}
 .suggestion-img a.addToCart{
     position: absolute;
     background-color: #fff;
     width: 30px;
     font-size: 22px;
     border-radius: 50%;
     height: 31px;
     padding: 0;
     color: var(--mc);
     right: 5px;
     bottom: 3px;
     border: 1px solid var(--mc);
     cursor: pointer;
}
 .suggestion-img{
     position:absolute 
}
 .cart-s .item-p{
     border-bottom: 1px solid #e5e5e5;
     width: 100%;
     margin: auto;
     padding: 14px 0px 
}
 .cart-s .item-p:last-child {
     border-bottom: 1px solid #fff0;
}
 .suggestion-item{
     border-bottom: 1px solid #e5e5e5;
     padding-top: 13px;
     padding-bottom: 18px;
     position: relative;
}
.suggestion-cart  .suggestion-item {
    padding-inline: 8px;
    border-bottom: 1px solid #8080802b;
    display: -webkit-box !important;
}
.suggestion-cart  .suggestion-item .cap{
float: left;
    width: -webkit-fill-available;
}
 div.card-c.box-su .swiper .items {
     grid-template-columns: 100% 100% 100%;
     display: grid;
}
.swiper .items{
    box-shadow: none !important;
}

.column-suggestion{
     width:100%;
     display: block;
}

.suggestion-item {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 13px;
    padding-bottom: 18px;
    position: relative;
}

 div.note-f{
     font-size:68.75%;
     color: #6f6f6f;
}

.cart-item {
    display: inline-block;
    margin: 2px;
    text-align: center;
    margin-inline: 15px;
    font-size: 14px;
}
 .box-hov{
     padding: 8px;
}
 .box-hov.bascket-menu{
     width: 312px;
}

 .account-menu {
     width:250px;
}
 .account-menu i.icon-a{
     font-size:143.75%;
     padding-left: 5px;
     vertical-align: sub;
     line-height: 0;
}
 .wallet-menu{
     font-size:68.75%;
     color: #827f7f;
     padding-top: 12px;
     padding-bottom: 10px;
}
 .acc-i{
     font-size:87.5%;
     cursor: pointer;
     line-height: 1;
}
 .box-hov hr{
     margin:0 
}
 .all-hov:hover .box-hov{
     display:block 
}
 .link-to{
     color: var(--sc);
     font-size:81.25%;
}
 .box-hov .num-pro{
     font-size:81.25% 
}
 .bascket-menu-item img{
     width:100%;
     max-width:50px 
}
 .bascket-menu-item .bas-title{
     font-size:81.25% 
}
 .bascket-menu-item .bas-num::after{
     content:" | ";
     color:#8a8787;
     padding-right: 13px;
}
 .bascket-menu-item .bas-num.after-content::after{
     content:" ";
}
 .bascket-menu-item .bas-num,.bascket-menu-item .bas-filter{
     font-size:68.75% 
}
 .bascket-menu-item{
     overflow:auto;
     max-height: 500px;
}
 .bas-pay{
     font-size:75%;
}
 .bas-amount{
     font-size:87.5%;
}
 .bas-delete,.bas-filter,.bas-num{
     color: #7b7b7b;
     cursor:pointer 
}
 .bas-filter span{
     width: 13px;
     height: 13px;
     display: inline-block;
     background-color: red;
     border-radius: 50%;
     vertical-align: middle 
}

 .empty-cart img{
     width: 100%;
     max-width: 192px;
}
 .empty-cart a{
     color:var(--sc) 
}

 a:hover {
     color: var(--sc);
     text-decoration: unset;
}
 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%;
}
 .btn-border{
     border: 2px solid #eae6e6;
     background-color: #fbfbfb;
     border-radius: 8px;
     color: #323232;
     cursor: pointer;
}
 .btn-border.active{
     border: 2px solid var(--mc);
}
 .changehangeTypes.active{
     border: 2px solid var(--mc);
     background-color: #fff;
}
 .multi-step span{
     width: 25px;
     height: 25px;
     border-radius: 50%;
     background-color: #d0d0d0;
     position: absolute;
     bottom: -12px;
     z-index: 5;
}
 .multi-step div.bo{
     border-bottom: 2px solid #d0d0d0;
     padding: 0;
}
 .multi-step .infor span{
     right: 25%;
}
 .multi-step .end span{
     right: 32px;
}
 .multi-step .pay span{
     left: 44px 
}
 .multi-step .infor.select{
     color: var(--sc) 
}
 .multi-step .end.select {
     color: var(--sc) 
}
 .multi-step .pay.select {
     color: var(--sc) 
}
 .multi-step .bo.select{
     border-bottom: 2px solid var(--sc);
}
 .multi-step .infor.select span{
     background-color: var(--sc);
}
 .multi-step .end.select span{
     background-color: var(--sc);
}
 .multi-step .pay.select span{
     background-color: var(--sc);
}
 .multi-step .infor{
     position: absolute;
     width: 144px;
     bottom: 0;
     text-align: center;
     right: -38px;
}
 .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;
}
 .shipping a.addAddress-shi{
     color: var(--sc);
     text-align:right;
     padding-right:0;
     font-size:81.25%;
     padding-top: 0;
     cursor: pointer;
}
 .shipping a.addAddress-shi:hover{
     color: var(--sc);
}
 .address-list i{
     font-size:125%;
     color: #bfbdbd;
     padding-left: 5px;
}
 .address-list span{
     font-size:75%;
     vertical-align: text-top;
}
 .cart-item img{
     width: 100%;
     max-width: 85px;
     min-width: 83px;
     border-radius: 10px;
}
 .address-box{
     border: 2px solid var(--sc);
     border-radius: 9px;
}
 .shipping .delete-address, .shipping .edit-address{
     color: var(--sc);
     text-align:right;
     padding-right:0;
     font-size:81.25%;
     padding-top: 0;
     background-color:#fff;
     border: none;
     cursor: pointer;
}
 .shipping .delete-address{
     color:#eb1741 
}
 button.edit-address:focus,button.delete-address:focus {
     outline: 1px dotted;
     outline: white;
}
 .left-line::after{
     content:" | ";
     color:#8a8787;
     padding-right: 13px;
}

 .address-box label{
     font-size:68.75% 
}
 .addres-add ul.tab {
     overflow: hidden;
}

/*end shipping*/
/*start payment*/
 .open-next .upDo{
     font-size:162.5%;
     float: left;
     color: #868383;
     cursor: pointer;
}
 .open-next{
     cursor:pointer;
}
 label.lbl{
     font-size:81.25%;
     margin-bottom: 0px 
}
 .form-control{
     border-radius: 7px 
}
 .modal-backdrop.show {
     opacity: .5;
}

 .modal {
     z-index: 10001;
}
 .card-c h6{
     color: var(--wtc3);
}
 .sh-card .input-group .form-control:not(:last-child){
     border-radius: 8px 
}
 .sh-card .input-group button{
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
     background-color: #fff0;
     border-right-color:#fff0;
     color: #bbbbbb;
     position: absolute;
     z-index: 5;
     left: 25px;
     padding: 0px;
     vertical-align: top;
     top: 6px;
     cursor: pointer;
     border: none;
}
 .sh-card .input-group ::placeholder {
     color:rgb(0 0 0 / 20%) 
}
 .sh-card .input-group button:focus{
     border-color: #fff;
     box-shadow: none;
}
 .sh-card .input-group input:focus .addDiscount{
     color:var(--mc) 
}
 .open-next p{
     font-size:81.25%;
     color: #908e8e;
}
 .payment-gateway {
     max-width: 67px;
     width: 100%;
     margin: auto;
     border-radius: 9px;
     cursor: pointer;
     border: 1px solid #eb174100;
}
 .payment-gateway.active{
     border: 1px solid var(--mc);
}
 .img-upload-box img{
     max-width: 373px;
     display: block;
     width: 100%;
}
 .radioButton {
     display: block;
     position: relative;
     padding-right: 27px;
     margin-right: 4px;
     margin-bottom: 11px;
     cursor: pointer;
     font-size:87.5%;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .radioButton input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
}
 .radioButton .checkmark {
     position: absolute;
     top: 0;
     right: 0;
     height: 20px;
     width: 20px;
     background-color: #eee;
     border-radius: 50%;
}
 .radioButton input:checked ~ .checkmark {
     background-color: var(--mc);
}
 .radioButton .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .radioButton input:checked ~ .checkmark:after {
     display: block;
}
 .radioButton .checkmark:after {
     top: 6px;
     left: 6px;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: white;
}

/*end payment*/
/*start comment*/
 .comment .img-c{
     width: 100%;
     max-width:237px;
     border-radius: 9px 
}
 .card-w{
     padding: 23px 10px;
     background-color: #fff;
}
 .score-comment .score{
     position: relative;
}
 .card-g{
     background-color: #fcfcfc;
}
 .comment label.lbl {
     font-size: 100%;
     margin-bottom: 3px;
     padding-bottom: 9px;
}
 .score-massage{
     font-size:106.25%;
     vertical-align: text-bottom;
}
 .btndig-a {
     background-color: var(--sc);
     color: #fff!important;
     border-radius: 8px;
     padding: 13px;
     margin: 7px 0px 12px 0px;
     font-size:93.75%;
     font-weight: 600;
     cursor: pointer;
}
 .rule-ac{
     font-size:75% 
}
 .comment .link-to{
     border-bottom: 1px dashed var(--sc);
}
 .score-comment i{
     font-size:279.25%;
     cursor: pointer 
}
/*end comment*/
/*start cancel*/
 .back-pru i{
     display: block;
     font-size:181.25% 
}
 .separator:after{
     content: " | ";
     color: #c5c4c4;
     font-size:318.75%;
}
 .back-pru{
     color: #929191!important;
     font-size:75%;
     font-weight: 600;
}
 .cancel-img img{
     width: 100%;
     max-width: 84px;
}
 .product-cancel-item{
     border-bottom: 1px solid #d8d8d8;
     width: 100%;
     margin: auto;
     padding: 6px 26px;
}
 .cancel-badge{
     position: absolute;
     bottom: 0;
     background-color: var(--sc);
     padding: 0px 4px;
     border-radius: 50%;
     color: #fff;
     min-width: 26px;
     min-height: 25px;
     text-align: center;
     left: 5px;
}
 .product-cancel-item .form-check-label{
     position:relative 
}
 .product-cancel .btn-bac{
     border: 1px solid #b5b5b5;
     background-color: #ffffff;
     color: #484444;
     border-radius: 6px;
     height: 32px;
     margin: 19px 0px 12px 0px;
     font-size:93.75%;
     cursor: pointer;
}
 .product-cancel .btn-can {
     border: 1px solid #e2e2e2;
     background-color: #e2e2e2;
     color: #484444;
     border-radius: 6px;
     height: 32px;
     margin: 19px 0px 12px 0px;
     font-size:93.75%;
     cursor: pointer;
}

 .blog-box{
     border-radius:var(--br);
     width: 272px;
}
 .blog-box img.img-post{
     width: 100%;
     border-top-left-radius: var(--br);
     border-top-right-radius: var(--br);
     height: 164px;
}
 .description-blog{
     font-size: 82%;
     height: 47px;
     overflow: hidden;
     line-height: 23px;
     text-align: center;
     text-overflow: ellipsis;
}
 .blog-box-down{
     font-size: 73%;
     color: #8c8c8c;
}
 .blog-box-down i{
     float: left;
     font-size: 15px;
}
 .blog-menu > li > ul.blog-menu-des{
     position: absolute;
     top: 5px;
     right: 101%;
     z-index: 2;
     background-color: #f6f6f6;
     padding: 10px;
     border-radius: 12px;
     display:none;
     width: 218px;
}
 .blog-menu > li > ul.blog-menu-mob{
     background-color: #f6f6f6;
     padding: 10px;
     border-radius: 12px;
     display:none;
}
 .blog-menu > li > ul> li{
     padding: 2px;
     font-size: 14px;
}
 .blog-menu > li{
     position: relative;
     color: #707070;
     cursor: pointer;
}
 .blog-menu > li:hover > a{
     color:#eb3237!important;
}
 .blog-menu > li:hover > ul.blog-menu-des{
     display:block;
}
 .writer-profile img{
     border-radius: 50%;
     width: 27px;
     height: 27px;
     margin-left: 5px;
}
 #like-post.mdi-heart {
     color: #fb3449;
}
 .blog-box h6{
     overflow: hidden;
     padding-top: 5px;
}
 .blog-box hr{
     border-top: 2px solid var(--sc);
}
 .blog-box:hover img.img-post{
     filter: contrast(0.5);
}
 .blog-box:hover a.blog-category{
     display:block!important;
}
 .blog-box a{
     cursor:pointer;
     color: rgb(70, 74, 76);
}
 font-size: 110%;
 .blog-menu > li > ul >li > i{
     font-size: 19px;
     vertical-align: middle 
}
 .blog-category{
     position: absolute;
     left: 11px;
     top: 11px;
     display:none;
     background-color: var(--sc);
     border-radius: 9px;
     padding: 0px 6px;
     color:#fff!important 
}
 .post-show h1.title{
    font-size: 30px;
    font-weight: 600;
}
 .post-show .like-post,.post-show .visitCount {
     font-size: 20px;
     color: #ababab 
}
 .post-show .send-post{
     font-size: 89%;
}
 .img-post-show img{
     max-width: fit-content;
     max-width: -moz-fit-content;
     height: fit-content;
}


 .key-word-show{
     margin: 6px;
     border: 1px dashed #cecece;
     padding: 3px 8px;
}
 .share-post i{
     padding: 1px 10px 0px 8px;
     border-radius: 8px;
     color: #b1b1b1;
     font-size: 29px;
}
 #sendCommentBlog{
     border: 1px solid rgba(0,0,0,.15);
}
 .blog-comment-box{
     border: 1px solid rgba(0,0,0,.15);
     padding: 17px;
     border-radius: 7px;
}
 .blog-comment-box i{
     font-size: 49px;
     color: #b3b3b3;
     padding: 10px;
}

 .sw-sg-card-body {
     text-align:center;
     position: relative;
}
 input:focus {
     outline:none !important;
}
 .full-baner {
     position:relative;
}
 .full-baner > img {
     width: 100%;
     height: 100%;
     box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
     cursor: pointer;
     border-radius: var(--br);
}
 .swiper-title {
     font-size: 1.286rem;
     color: #515151;
}
 .gap-co-l {
     height: 29px;
}
 .Bfull {
     width: 100%;
     box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
     border-radius: var(--br);
}
 .swiper-s-dc {
     padding-top: 20px;
     padding-bottom: 20px;
     border-radius: var(--br);
     padding-left: 5px;
     height: 501px;
     overflow:hidden;
     background-color: var(--wbc2) 
}

 .mid-baner {
     width: 100%;
     border-radius: var(--br);
}
 .product-sec {
     width:82%;
}
 .pro-options {
     float: right;
     width: 230px;
     position: absolute;
     right: 0;
}
 .result {
     width: calc(100% - 50px);
     float: left;
     line-height: 2;
     border: none;
}
 .result-btn {
     border: none;
     background-color: #fff;
}
 .result-mgn {
     color:#515151;
     font-size:131.25%;
}
 .side-collaps {
     float:left;
}
 .card-body > ul > li > input {
     right: 16px;
}
 .u-brand li a label:nth-of-type(even) {
     float: left;
}
 ul > li {
     list-style: none;
}
.post-show ul > li {
     list-style: inherite;
}

 .card-body.brand {
     max-height: 300px;
}
 .card-body > ul {
     padding: 0;
}
 .switch {
     position: relative;
     display: inline-block;
     width: 38px;
     height: 21px;
     margin: 11px 0 
}
 .switch input {
     opacity: 0;
     width: 0;
     height: 0;
}
 .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
}
 .slider:before {
     position: absolute;
     content: "";
     height: 17px;
     width: 17px;
     left: 3px;
     bottom: 2px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
}
 input:checked + .slider {
     background-color: var(--mc);
}
 input:focus + .slider {
     box-shadow: 0 0 1px #2196F3;
}
 input:checked + .slider:before {
     -webkit-transform: translateX(14px);
     -ms-transform: translateX(14px);
     transform: translateX(14px);
}
 .slider.round {
     border-radius: 34px;
}
 .slider.round:before {
     border-radius: 50%;
}
 .l-switch {
     font-size:87.5%;
}
 #brand-clp ul > li,#sell-clp ul > li {
     padding:0px;
}
 .pro-dc .navbar {
     border:1px solid #ddd;
}
padding: 20px 0;
 .pro-dc .col-md-3 {
     padding:0!important;
     border:1px solid #eceeef;
}
 .pro-dc .col-md-12 {
     padding:0;
}
 aside::-webkit-scrollbar {
     width: 6px;
}
 aside.col-lg-2 .sh-card:nth-of-type(n+2) {
     margin-top:15px;
}
 section.pro-dc .col-lg-3 {
     height:400px;
}
 section.pro-dc .col-lg-3 img {
     position: absolute;
     right: 16%;
     top: 10%;
}
 section.pro-dc .col-lg-3 span:nth-of-type(1) {
     height: 32px;
     line-height: 1;
     overflow: hidden;
     position: absolute;
     top: 61%;
     font-size:87.5%;
     right: 3%;
     padding: 5px;
}
 section.pro-dc .col-lg-3 span:nth-of-type(2) {
     top: 71%;
     height: 32px;
     line-height: 1;
     overflow: hidden;
     position: absolute;
     font-size:87.5%;
     right: 3%;
     color: var(--mc);
     padding: 5px;
}
 section.pro-dc .col-lg-3 span:nth-of-type(3) {
     font-size:112.5%;
     padding: 2px 4px;
     line-height: 1;
     margin-left: 10px;
     background-color: var(--mc);
     padding: 9px 5px;
     border-radius: 20px;
     right: 72%;
     top: 80%;
     position: absolute;
}
 .menu-login-ico {
     position: absolute;
     left: 48px;
     top: 14px;
     font-size:93.75%;
}

 .pro-side-category {
     color: #908f8f;
     margin-top: 10px;
     font-size:81.25%;
     line-height: 2;
     margin-right: 5px;
}
 .pro-side-category ul>li>ul {
     margin-right:8px;
     margin-top:5px;
}
 .category-option {
     color: #343434;
     font-weight: bold;
}
 .pro-side-category ul>li>a {
     display:block;
}
 .product-serach-dc .sw-brand-card {
     display: inline-block;
     margin-top: 15px;
}
 .item-box{
     display: inline-block;
     width: 100%;
     padding: 20px 0;
     text-align: center;
     font-size:0;
     margin-inline: 0;
}
 .item-box-b{
     display: inline-block;
     width: 100%;
     padding: 20px 0;
     text-align: center;
}
 .pro-search-btn {
     border: none;
     border-radius: 6px;
     padding: 10px 15px;
     margin-bottom: 3%;
     color: #464a4c;
     font-size:87.5%;
     margin-right: 2%;
     background-color: #ddd;
}
 .pro-dc .navbar ul > li {
     font-size:81.25%;
     color: #636363;
}
 .pro-dc .navbar ul > li > p {
     margin: 7px 0;
     color: #000;
}
 .pro-dc .navbar ul > li >:focus {
     background-color:var(--sc);
     color:#fff;
     border-radius:7px;
}
 .modal.show .modal-dialog {
     max-width:100%;
}
.modal.show .modal-dialog .share-i div .item {
    display: flex;
    margin-inline: 3px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
}

 #most-popular-btn > ul > li > a {
     font-size:93.75%;
}
 .modal .modal-body > ul {
     padding-inline-start: 0;
}
 .modal .modal-body > ul > li {
     padding: 10px;
}

 .card-link.collapsed i::before {
     content:"\F0143";
}
 .payment-sw-card-bg {
     font-size:131.25%;
     padding: 2px 4px;
     line-height: 1;
     float: left;
     margin-left: 10px;
     background-color: #6bb927;
     padding: 9px 2px;
     border-radius: 100%;
}
.sw-payment-card-bg {
    font-size: 14px;
    padding: 6px 4px !important;
    margin-right: 10px;
    background-color: var(--mc);
    border-radius: 3px;
    right: 0;
    top: 95px;
    width: 18px;
    height: 18px;
    text-align: center;
    position: absolute;
    color: #fff;
    line-height: 0.4;
}
 .swiper-f-dc {
     margin-top:15px;
     padding-left: 5px;
     height: 543px;
     overflow:hidden 
}
 .order-success-message {
     color:green;
}
 .order-error-message {
     color:red;
}
 .follow-up-order {
     border:none;
     background-color:var(--mc);
     color:#fff;
     border-radius:6px;
     font-size:93.75%;
     margin-top: 31px 0;
     padding: 5px 21px;
     pointer:cursor;
}
 .success-bascket {
     width: 30%;
     height: 175px;
     float: left;
}

 .swiper-payment-title {
     font-size: 100%;
     color:#515151;
}

.sidebar {
    position: static;
    height: fit-content;
    height: -moz-fit-content;
    overflow-x: hidden;
    z-index: 998;
    margin-top: 140px;
}

div aside.sidebar{
    z-index: 8 !important;
}

.sidebar .sidebar-chiled{
    padding: 0;
    padding-inline: 10px;
    height: 100%;
    overflow: auto;
}

.sidebar .sidebar-chiled::-webkit-scrollbar {
   margin-left: 5px;
    width: 2px;
    height: 90%;
}
.sidebar .sidebar-chiled::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.sidebar .sidebar-chiled::-webkit-scrollbar-thumb {
  background: #130073;
  border-radius: 10px;
}

 .sidebar a {
     display: block;
     color: #5a5658;
     padding: 16px;
     text-decoration: none;
}
 .sidebar a:hover {
     color:var(--sc);
}
 .sidebar a.active {
     background-color: #4CAF50;
     color: white;
}
/*.sidebar a:hover:not(.active) {
     background-color: #555;
     color: white;
}
*/



 .order-profile-pic {
     width: 54px;
     border: 1px solid #ccc;
     border-radius: 50%;
     display: inline-block;
     margin: 12px 6px;
}
 .order-profile-name {
     width: 133px;
     overflow: hidden;
     font-size:75%;
     font-weight: 600;
     display: inline;
     position: absolute;
     margin-top: 21px;
     padding: 2px 0px;
}

 .order-details-card {
     float:left;
}
 .order-details-card p:nth-of-type(odd) {
     color:#9f9f9f;
     padding-left: 5px;
}
 .order-details-card p {
     display: inline-block;
     font-size:75%;
     font-weight: 600;
}
 .card-footer .order-detail-info {
     width:100px;
}
 .transaction-history {
     color:#555658!important;
     display: inline-block;
     float: left;
}
 .usr-order {
     float: right;
     width: 100%;
     position:relative;
}
 .usr-order h4 {
     height: 57px;
     line-height: 2;
     overflow: hidden;
     color: #333;
     white-space: initial;
     font-weight: 100;
     float: right;
     width: calc(100% - 220px);
     margin-right: 10px;
}
 .delete-comment {
     position: absolute;
     color: #e84a42;
     font-size:125%;
     left: 8px;
     cursor: pointer;
}
 .usr-order .file-edit-dc {
     position: absolute;
     left: 10px;
     top: 44px;
     font-size:125%;
}
 .usr-order img {
     width: 160px;
     float: right;
     border-radius:var(--br);
}
 .usr-order .show-prod {
     color: #12b4cd;
     font-size: 81.25%;
     margin: 7px 0px 0;
     display: block;
}
 .usr-order .show-prod:hover {
     color:var(--sc);
}
 .usr-order-cost{
     position: absolute;
     left: 12px;
     font-size:84.75%;
     bottom: 6px;
}
 .article-menu-mode {
     min-height: 80vh;
}
 #transaction-history-clp .table thead th {
     text-align: right;
     font-size:87.5%;
}
 .delivery-order {
     height:196px;
}
 .delivery-order span:nth-of-type(odd) {
     color:#9f9f9f;
     padding-left:3px;
}
 .delivery-order span {
     font-size:75%;
     font-weight:600;
}
 .delivery-order div {
     position:absolute;
}
 .delivery-order div:nth-of-type(1) {
     top:20px;
}
 .delivery-order div:nth-of-type(2) {
     top:60px;
}
 .delivery-order div:nth-of-type(3) {
     top:120px;
}
 .box-address .delete-address i{
     font-size:125%;
     position: absolute;
     left: 30px;
}
 .usr-address {
     width: 100%;
     height: 21px;
     overflow: hidden;
     font-size:81.25%;
}
 .usr-address-info span {
     color:#9f9f9f;
     display: block;
     font-size:75%;
     padding: 6px 10px;
}
 .variation-address-block {
     font-size:75%;
     font-weight: 600;
     padding: 0 10px;
     cursor:pointer;
}
 .variation-address-block .mdi-trash-can {
     color:#ea4335;
}
 .file-edit-dc {
     color:#05c1f0;
}
 .add-addredss-btn {
     background-color:var(--mc);
     color:var(--mtc);
     font-size:75%;
     font-weight: 600;
     cursor: pointer;
}
 footer {
     background: var(--fc);
     width: 100%;
}
.top-page{
    position: fixed;
    bottom: 10px;
    right: 20px;
    background-color: #1f1f1f;
    padding: 0;
    border-radius: 100%;
    width: 33px;
    height: 33px;
        z-index: 1000;
}
 .top-page a {
     font-size:135%;
     color:#fff;
}
 .top-page i {
     font-size: 130%;
     line-height: 1.1;
}
 footer h6 ,
 footer h1,
 footer span.title{
display: inline-block;
    font-size: 19px;
    padding-top: 5px;
    color: var(--tfc);
    height: 57px;
    overflow: hidden;
}
 footer .link-list li a {
     font-size:81.25%;
     padding: 2px;
     height: 30px;
     overflow: hidden;
     color: var(--pfc);
}
 footer p {
     font-size:87.5%;
     color:var(--pfc);
     margin: 0;
}
 .follow-social li {
    display: inline-block;
    width: 30px;
}
 .follow-social span {
     display: block;
     color:var(--tfc);
}
 .follow-social i {
     font-size:187.5%;
     color:var(--pfc);
}
 footer img {
     margin:0 0;
}
 .copyright {
     color: var(--pfc);
     text-align: center;
     background-color: #8885;
     width: 100%;
     padding: 12px 10px;
     font-size:93.75%;
     margin-top: 65px;
}

 .registration {
     text-align:center;
}
 .remain-product {
     font-size: 62.5%;
     color: var(--mc);
     display:inline;
     float: right;
     margin-right: 5px;
}
 .score {
     color: #aca9a9;
     position: absolute;
     left: 0;
     margin-right: 5px;
     font-size: 15px;
}
 .product-sale {
     float: right !important;
     font-size:75%;
     margin-right: 10px;
     color: var(--mc);
     position: absolute;
     bottom: 10px;
     right: 0;
}


@media(max-width: 768px){
 .product-sale {
     top: -51px;
     bottom: unset;
}
#productList  .item-p .product-sale {
     top: -40px;
}
}
 .product-sale i {
     font-size:87.5%;
     color:var(--mc);
}
 .notification-msg span i {
     padding: 0 6px;
     font-size:118.75%;
}
 .notification-msg span {
     color: #303030;
}
 span.msg-row.read,.notification-msg span i.msg-row.read,.notification-msg p.msg-row.read {
     color: #666666b3;
}
 .notification-msg p {
     color: #464a4c;
     font-size:81.25%;
}
 .Deadline-message {
    color:red;
     font-size:75%;
}
.score-comment {
    font-size: 19px;
    font-weight: 600;
    line-height: 2.5;
    position: static;
    margin-left: -3px;
    left: 44px;
    border-radius: 10px;
    border: 1px solid #ffaf003d;
    box-shadow: 0 0 17px #80808069;
    background: rgb(255,175,0);
background: linear-gradient(90deg, rgba(255,175,0,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 49%, rgba(255,253,246,1) 65%, rgba(255,192,0,1) 100%);
}

 .empty-info {
     text-align: center;
     margin-inline: auto;
     width: 100%;
}
 .empty-info img {
     width:400px;
     max-width:100%;
}
 .empty-info p {
     font-size:125%;
     font-weight: 600;
}
 .tooltip {
     z-index: 9999;
     font-family: var(--sf);
}
 .usr-cm-title {
     position: absolute;
     right: 178px;
     top: 22px;
     font-weight: 600;
     font-size:93.75%;
}
 .usr-cm-body {
     font-size: 81.25%;
     position: absolute;
     top: 51px;
     right: 178px;
     line-height: 1.1;
     height: 28px;
     overflow: hidden;
     width: 200px;
}
 .usr-order .badge {
     position: absolute;
     top: 89px;
     width: 26px;
     right: 177px;
     background-color: #999;
}
 .btn-cm-status {
     font-size: 12px;
     font-weight: bold;
     padding: 6px 0;
}
 .swiper-serach-items {
     display: grid !important;
     grid-template-columns: repeat(4, 24%);
     grid-gap: 14px;
     padding: 20px 18px;
}
 .ic-color {
     color: #edab09;
}
 .read .ic-color {
     color: #666666b3;
}
 .notification-msg {
     position:relative;
}
 .delete-favorite {
     color: #e84a42;
     position: absolute;
     top: 23px;
     left: 20px;
}
 .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;
}
 .gradient-1 {
     color: #fff !important;
     background-image: linear-gradient(230deg, #d0d011, #537b03);
     height: 155px;
}
 .gradient-2, .dropdown-mega-menu .ext-link.link-3 a {
     color: #fff !important;
     background-image: linear-gradient(230deg, #08f5bf, #04b3bb);
     height: 155px;
}
 .usr-cart-body {
     adding: 1.88rem 1.81rem;
     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;
}
 .gradient-3 {
     color: #fff !important;
     background-image: linear-gradient(230deg, #ffc480, #ff763b);
     height: 155px;
}
 .gradient-4 {
     color: #fff !important;
     background-image: linear-gradient(230deg, #cc66ff, #3005b3);
     height: 155px;
}
 #inputLink {
     position: relative;
     background-color: #ffeecc;
     border-radius: 6px;
     text-align: left;
     border: none;
}
 #copyReferalLink {
     top: 24px;
     position: absolute;
     right: 10px;
     background-color: #e29700;
     border: 1px solid #e29700;
     height: 37px;
     margin: 0;
     color: #ffff;
     padding: 7px;
     border-top-left-radius: 0;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 0;
     border: none;
}
 .nav-tabs.tab .nav-link.menu-active:focus {
     color: var(--mc);
     background-color: #fff0;
     border-color: #fff0 #fff0 var(--mc);
     border-bottom: 3px solid var(--mc);
}
 .switch-tab.tab a span , .sw-tab-bar a span {
     margin-right: 7px;
}
 .switch-tab .nav-link {
     font-size:87.5%!important;
     padding: 16px 23px;
}
 .switch-tab .nav-link a{
     color:red!important;
}
 .order-history span {
     padding: 10px 0;
     font-weight: 600;
     font-size:93.75%;
}
 .order-history p {
     margin: 10px 0;
     color: #666666e0;
}
 .order-view {
     color: #19bfd3;
     font-size:92.25%;
     float: left;
}
 .order-view:hover {
     color: var(--sc);
}
 .order-caption {
     font-size:81.25%;
     color: #666;
}
 .order-details-card h4 {
     display:inline-block;
}
 .order-details-card .card-header span {
     font-size: 13px;
     font-weight: 600;
     color: #555;
}
 .usr-dash-ico {
     position: absolute;
     left: 14px;
     left: 0px;
     f: 152px;
     font-size: 168px;
     op: 18px;
     top: -47px;
}
 .usr-ico-success {
     color:#a4b20c33;
}
 .usr-ico-order {
     color:#07eabe2e;
}
 .usr-ico-list {
     color:#ffbd7a40;
}
 .usr-ico-cart {
     color:#ffbb78;
}
 .usr-ico-fav {
     color:#aa51ee2b;
    ;
}
 .factor-info {
     border-left: 1px solid #000;
     padding: 0 10px;
     border-right: 1px solid #000;
}
 th {
     text-align:right!important;
     font-size: 13px!important;
}
 .factor-dc {
     border: 1px solid #000;
}
 .factor-right-dc {
     float: right;
     -webkit-transform: rotate(-90deg);
     font-size: 12px;
     font-weight: 600;
     margin-top: 18px;
}
 .order-history hr {
     margin:0 0;
}
 .order-factor {
     color: var(--sc);
     font-size: 81.25%;
}
 .order-history a {
     padding-bottom:0;
     padding-left:0;
     padding-right:0;
     padding-top:0;
     margin: -13px 0;
     font-weight: 600;
}
 .list-discount {
     color:var(--mc);
     font-size: 12px!important;
}
 .card-footer {
     background-color:#ffffff!important;
}
 .card-header {
     background-color:#ffffff!important;
}
 .carousel-control-prev {
    right: 0;
    left: auto;
    height: 100px;
    top: calc(50% - 50px);

}

 .carousel-control-next {
     left: 0;
     right:auto;
     height: 100px;
    top: calc(50% - 50px);
}
 .color-search{
     width:15px;
     height: 15px;
     display: inline-block;
     float: left;
     border-radius: 50%;
     margin-top: 5px;
     border: 1px solid #c1c1c1;
}
 .carousel-caption {
     text-shadow: 2px 2px #000000cf;
}
 .sort-search li{
     cursor:pointer 
}
 .sort-search .nav-link.active{
     background-color: var(--sc);
     border-radius: 18px;
     color: #fff;
}
 .item-box .item-b{
     border-radius: var(--br);
     display: inline-block;
     vertical-align: bottom;
     margin: 3px;
}
 .item-box-b .item-b{
     border-radius: var(--br);
     display: inline-block;
     vertical-align: bottom;
     margin: 3px;
}
 .swiper .item-p{
     display: inline-flex;
     overflow: hidden;
}
.product-label{
    position: absolute;
    right: -9px;
    top: -9px;
    width: 60px;
    height: fit-content;
    height: -moz-fit-content;
    border-radius: 0 0 0 100%;
    font-size: 15px;
    white-space: break-spaces;
    line-height: 1;
    font-weight: 700;
    padding: 6px 10px 13px;
}
.product-show .product-img .product-label{
    border-radius: 0 0 400px 0;
    left: 0;
    right: unset;
    font-size: 17px;
    height: fit-content;
    height: -moz-fit-content;
    width: 100px;
    text-align: end;
    padding: 0;
    padding-left: 14px;
}
 .avatar-name-block {
     position: absolute;
     width: 100px;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     padding-top: 6px;
}
 .mostVisitedBlog div:nth-child(1) {
     font-size: 12px;
     height: 36px;
     overflow: hidden;
}
 .mostVisitedBlog div:nth-child(2) {
     color: #9e9b9b;
     font-size: 12px;
}
 .item-mostVisitedBlog{
     padding-bottom: 10px;
     border-bottom: 1px solid #e2e2e2;
     margin-bottom: 14px;
}
 .item-mostVisitedBlog img{
     border-radius:16px;
     width: 100%;
}
 .item-mostVisitedBlog:last-child {
     border-bottom:1px solid #fff 
}
 .date-block {
     float: left;
     overflow: hidden;
     max-width: 113px;
     white-space: nowrap;
     text-align: right;
}
 .m-user-dc {
     display:inline-block!important;
}
 .pro-show-links {
     float:right;
}
 .category-all.active a, .blog-menu span.active a {
     color: var(--sc);
}
 .user-menu-info a {
     position:relative;
}

 .wallet-dc {
     font-size: 20px;
}
 .wallet {
     position:relative;
}
 .user-menu-info a:nth-of-type(3) i {
     position: absolute;
     bottom: -2px;
}

 .user-menu-info a:nth-of-type(3) {
     font-size: 12px;
     font-weight: 600;
     color: #19bfd3;
}
 .user-menu-info a:nth-of-type(3):hover {
     color:var(--sc);
}


 .body-text{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     text-align: center;
     padding: 0 30px;
}
 .body-text div{
     font-size: 45px;
     font-weight: 600;
}
 ul.blog-menu>li>ul {
     margin-right: 8px;
     margin-top: 5px;
}
 .blog-menu {
     font-size: 15px;
     color: #312f2f;
     padding: 1.25rem;
}
 .blog-menu a{
color:var(--ptc)
}
.mostVisitedBlog a{
color:var(--ptc)
}

 li.category-name a:hover {
     color:var(--sc);
}
 a.category-title:hover {
     color:var(--sc);
}

 .trscn-chart ul , .trscn-chart div {
     display:inline-block;
     color: #6c757d;
     font-size:15px;
}
 .trscn-chart span {
     color:#05c1f0;
     font-weight: 600;
}
 .pay-dc {
     position: absolute;
     right: 13px;
     top: 64px;
}
 .pay-back-to {
     color: var(--mc);
     font-weight: 600;
}
 .order-check-dc {
}
ul.menu-site a.active{
     color: var(--mc) 
}

 .cnt-info span:nth-of-type(odd) {
     font-weight:bold;
}

 .order-view-adress {
     color: var(--sc);
     font-size: 92.25%;
     float: left;
     font-weight: bold;
}
.col-md-3 .link-to .back-link {
    position: relative;
    font-size: 18px;
    top: 3px;
}
a.addAddress-shi i {
     position: absolute;
     top: 1px;
}
a.addAddress-shi {
     position:relative;
}
.wallet-result img{
     width: 100%;
     max-width: 137px;
}
 #modal-edite-address .modal-dialog {
     max-width: 1000px;
     width: 1000px;
}
 .swiper-fi-in{
     font-size:0;
}


 .swiper-fi-in {
    box-shadow: none;
    height: fit-content;
    height: -moz-fit-content;
    padding-bottom: 100px;
}
 .swiper-f-dc.brand-index{
     height:210px;
}
 .swiper-f-dc.brand-index .swiper-items{
     height:247px;
}
 .swiper.allImage{
     height: 110px;
     overflow: hidden;
}
 .swiper.allImage .items{
     height: 120px;
}
 .swiper.order-li-it{
     height:116ppro-show-links p-2x;
     overflow: hidden;
}
 .swiper.order-li-it .swiper-items{
     height: 180px;
}


 .brand-index .jc-right, .brand-index .jc-left{
     top: 48px;
}
 a.text-white:hover {
     color:var(--sc)!important;
}
 .dropdown-menu .account-menu div a:hover {
     color:var(--sc) 
}
.swp-card-img-top
{
    max-height: none!important;
    min-height: 0!important;
}

.usr-not-btn {
 float:left;}

.swiper.swiper-dc .jc-right, .swiper.swiper-s-dc .jc-right, .swiper.swiper-f-dc .jc-right , .swiper.allImage .jc-right
 {
    right: 3px!important;
}
.swiper.swiper-dc .jc-left,.swiper.swiper-s-dc .jc-left, .swiper.swiper-f-dc .jc-left ,  .jc-left ,.swiper.allImage .jc-left
{
    left:3px!important;
}

.whatsapp-chat {
    position: fixed;
    z-index: 999;
    height: 60px;
    width: 60px;
    bottom: 15px;
    background-color: #0dc143;
    color: #ffff;
    border-radius: 100%;
    left: 10px;
}

.whatsapp-chat i {
    font-size: 47px;
    position: absolute;
    bottom: -31px;

    padding: 20px 6px;
}
a.whatsapp-chat
{
    color:#fff!important
}
blockquote {
  margin: 0 0 1rem;
    padding: 0 10px 0 20px;
    border-right: solid var(--sc);
    border-width: 0 3px 0 0px;
   }


.zoom-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 20% !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

@media(min-width: 990px){
.zoom-modal {
  padding-top: 5% !important;
  }
}

.modal-content {
  margin: auto;
  display: block;
  width: auto;
  max-width: 400px;
}
.modal-content-next {

  max-width: 1000px;
}

#myZoom .close {
  position: fixed;
  top: 20px;
  left: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.modal-close
{
    font-size: 2.5rem;
}

 
 .usr-drop-acc {
 left: 35px;
 position: absolute;}  .sw-tab-bar .nav-link {
 display:inline-block;} .sw-tab .jc-left , .sw-tab .jc-right {
 display:none!important;} .btn-post {
 border: 1px solid #eae6e6;
 background-color: #fbfbfb;
 border-radius: 8px;
 color: #505050;
 cursor: pointer;
 margin: 4px;
} .btn-post.active {
 border: 1px solid var(--mc);
 background-color: #fff;
 outline:none } .btn-border.changehangeTypes{
 font-size: 13px;
 height: 54px;} .ke-image-container img {
 max-width:100%;} .copyright a{
 color: var(--sc);} .order-detail-status {
 float: left;
 color: #19bfd3;
 display: inline-block;} .btn-cm-status-p {
 background-color:#ffc107;} .btn-cm-status-a {
 background-color:#28a745;} .btn-cm-status-d {
 background-color:#dc3545;} .btn.btn-cm-status {
 cursor:alias;
}
 .as-se .card-header {
 padding: 7px 10px;
 font-size: 14px
}
 .search-product{
 padding: 7px 6px 5px 0px;
 font-size: 15px 
}
 .imp-upload{
}
 .category-search li.pa ul.pat{
 display:none 
}
 .card-body.pro-side-category.collapse{
 padding: 5px;
}
 .bg-wb4 {
}
 .mob-register{
 font-size: 15px;
}
 .product-show .desc{
 font-size: 13px;
 float: left;
 background-color: #f5f5f5;
 padding: 6px;
 border-radius:10px;
 cursor: pointer;
 color: #686868;
}
 .jc-right {
 right:1px!important;
}
 .jc-left {
 left:1px!important;
}
 article.APP {
 margin-top: 0;
}
 .title-s {
 overflow:hidden;
}
 .video-title{
 color: #fff;
}
 .bg3{
 background-color: var(--mc);
}
 .play-video i {
 position: absolute;
 right: 42%;
 top: 32%;
 color: #ffff;
 font-size: 49px;
}
 .pos-relative {
 position: relative;
 box-shadow: 0px 1px 6px 0px #e5e5e5;
}
 .play-video img{
 width: 100%;
}

 .file-view {
 position: absolute;
 left: 22px;
 top: 46%;
}
 .order-history {
 position:relative;
}
 .dwl {
 text-align: right;
 color: #28a745!important;
 font-size: 23px;
 text-decoration-line: underline!important;
}

header.asazoon-header{
    box-shadow: 0px 1px 29px #bdbbbb42;
}

.pt-0{
 padding-top: 0 !important;
}
.product-img img.oneImage{
        max-width: 100% !important;
}
#img01{
max-height: 500px;
    object-fit: contain;
}
.product-show{
    padding: 15px 0px 17px 10px;
    overflow: hidden;
}
.footer-certificates li{
    display: inline-block;
    max-width: 65px;
}
.footer-certificates li img{
    width: 100%;
    margin-top: 0 !important;
}

.menu-click{
        position: relative;
    top: 3px;
}

#modalAddComment .modal-dialog,#modalAddComment .modal-content {
    width: 90% !important;
    max-width: 90% !important;
}
#modalAddComment .close {
    position: relative;
    top: -26px;
}
.s-dc {
    width: 55%;
}


.product-show .number-cart{
    width: 155px;
    line-height: 1.2;
}


.product-show .tab-pane table{
    border-collapse: collapse;
    border: 1px solid #dee2e6;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
.product-show .tab-pane table td, .product-show .tab-pane table th {
    border: 1px solid #dee2e6;
    padding: 10px;
}
.display{
    display: block;
}
.mdi-rss{
    font-size: 20px;
}
a {
    color: darkgray;
}
#fit{
    width: min-content;
    float: left;
}
#study{
    width: max-content;
    text-align: left;
}
#impress{
    width: inherit;
    justify-content: left;
}

.product-show .tab-pane table td, .product-show .tab-pane table th {
    border: 1px solid #dee2e6;
    padding: 6px;
    font-size: 14px;
}
.container {
    width: 100%;
    padding-right: 7px;
    padding-left: 7px;
}
section.product-show{
    padding-inline: 0;
}
}


.card-title.sw-card-title.call-txt {
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: black;
    position: absolute;
    bottom: 8px;
}
.product-call-btn {
    display: block;
    font-size: 14px;
    float: left;
    background: var(--mc);
    padding: 5px;
    color: var(--mtc)!important;
    padding-inline: 15px;
    line-height: 1;
    border-radius: 3px;
    margin-top: -23px;
    margin-left: 11px;
    position: absolute;
    left: 0;
    bottom: 8px;
}
.product-item .card-h{
width: 250px;
height: 250px;
max-width: 100%;
}
.product-item .card-h{
width: 100%;
height: 100%;
}

.blog-box div.title{
height: 60px;
}
.blog-box div.title h6{
font-size: 15px;
}

@media(min-width: 768px){
    .pay-possibility{
       font-size: 13px;
    }
}

@media(min-width: 992px){
   .pay-possibility{
    font-size: 13px;
    }
}

@media(min-width: 1200px){
   .pay-possibility{
    font-size: 16px;
    }
}


@media(max-width: 576px){
   .pay-possibility{
     font-size: 14px;
   }
}

@media(min-width: 1300px){
.container {
width: 1240px;
max-width: 100%;
}}
@media(min-width: 1400px){
.container {
width: 1340px;
max-width: 100%;
}}
@media(min-width: 1500px){
    .container {
     width: 1440px;
     max-width: 100%;
    }
}


@media(min-width: 1600px){
.container {
 width: 1540px;
 max-width: 100%;
}
}
@media screen and (max-width: 1239px) and ( min-width: 999px){
 .card-c .jc-right, .card-c .jc-left{
     bottom:508px;
}
}
@media screen and (max-width: 995px) and ( min-width: 750px){
 .btndig{
     font-size:56.25%;
 }

}
@media(min-width: 768px){
.visitCount {
margin: -10px 17px;
}
.mdi-eye-outline {
   margin: 0 2px;
 }
#left {
   float: left;
  margin-top: -10px;
 }
.mdi-eye-outline {
   margin-left: 0px;
  }
}
@media(min-width: 700px){
 .edit-card {
     width:60%;
}

}



@media(min-width: 576px){
 #showAllImg .modal-dialog {
     max-width: 1000px;
}
}
@media(min-width: 576px){
.position-md-absolute{
position: absolute;
}
}
@media(min-width: 300px) and (max-width:460px) {
 .mob-login {
     font-size:175%;
}
 .mob-s {
     font-size:93.75%;
     position: absolute;
     left: 28px;
     top: 12px;
}
 .i-store {
     font-size:206.25%;
     top: 2px;
}

}
@media(min-width: 460px) and (max-width:900px) {
 .mob-s {
     font-size:93.75%;
     position: absolute;
     left: 28px;
     top: 12px;
}

 .i-store {
     top: 7px;
     left: 10px;
}
}
@media screen and (max-width: 970px) {

::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #242526;
}
::-webkit-scrollbar-thumb {
background: #3A3B3C;
}
}
@media(max-width: 991px){
.product-show .product-img .product-label {
left: -10px;
top: -15px;
}

}
@media(max-width: 990px){
.pro-dc {
margin-top:15px;
}
}
@media(max-width: 900px){
.product-show .title {
     text-align: center;
     line-height: 2;
}
 @media(max-width: 400px) {
     .product-show .title {
         white-space: revert;
    }
}
 .product-show .box-right {
     padding-right: 30px;
}
 .specifications{
     padding:0
}
 .box-left-bottom .img{
     text-align:center
}
 .box-left-bottom {
     margin: auto;
}
}
@media(max-width: 900px){
 .view {
     top: 0px;
     left:-2px;
}
 .swiper-dc .view-all {
     border:none;
}
 .swiper-s-dc .view-all {
     border:none;
}
 .view-all {
     position: absolute;
     top: 114.5%;
     padding: 5px 19px;
     padding-right: 5px;
     border:none;
}
 .view-all-mob {
     right: calc(50% - 75px);
     max-width: 100%;
    white-space: break-spaces;
}
 .wonderful {
     height: 129px;
}


}
@media(max-width: 900px){
.card.sw-card {
padding-inline: 10px;
}
}
@media(max-width: 970px) and (min-width: 728px){
 .blog-menu > li {
     font-size: 14px;
}
}
@media(max-width: 880px){
 .blog-comment-box i {
     font-size: 37px;
}
}
@media(max-width: 850px){
.play-video{
width: 138px;
}

.post-show .share-post
{
float:left;
}
.play-video i {
right: 34%;
top: 10%;
}
}
@media(max-width: 800px){
 .product-show .price span {
     font-size:125%;
}
 .product.m{
     margin:0
}
 .addToCart {
     font-size:81.25%;
}
}
@media(max-width: 800px){

 .specifications {
     padding: 17px;
}
}
@media(max-width: 770px){
 .img-pr {
     text-align:center
}
 div.img-pr img {
     max-width: 106px;
     width: 100%;
     max-height: 155px;
}
 .factor {
     margin: 1px;
}
 .card-c.box-su{
     margin: 1px;
}
}
@media(max-width: 768px){
#study{
font-size: 10px;
line-height: 0rem;
}
.writer-profile{
font-size: 10px;
padding: 0;
}
#writer-profile{
font-size: 10px;
padding: 0;
line-height: 1.5rem;
}
.row h1{
font-weight: bolder;
font-size: 1.2rem;
}
.mdi-eye-outline {
margin-left: 0px;
}
}
@media(max-width: 768px){
 .order-history span {
     font-size: 78.75%!important;
}

 .order-view {
     font-size: 75.25%!important;
}
 .baner-im-dc {
     margin-top:25px;
}
}
@media(max-width: 767px){


 .index.lt-banner-down{
     margin-top:30px;
}
}
@media(max-width: 766px){
 .mob-login {
     font-size:162.5%;
}
}
@media(max-width: 766px){
 .separator:after {
     content: " ";
}
 .back-pru {
     margin: auto;
}
}
@media(max-width: 760px){
.follow-social i {
font-size:131.25%;
}
}
@media(max-width: 728px) and (min-width: 480px) {
 .blog-menu > li > ul.blog-menu-des{
     right: 55%;
}
}
@media screen and (max-width: 700px) {
.sidebar {
width: 100%;
height: auto;
position: relative;
}
.sidebar a {
float: left;
}

}
@media(max-width: 576px){
.sw-card-title{
font-size: 14px;
}

}
@media(max-width: 576px){
.pay-possibility{
display: inline-block;
padding: 0px 0px;
}
.box-a .possibility i {
display: inline-block;
font-size: 133.25%;
color: var(--ptc);
}

 ul.property {
   max-height: fit-content;
   max-height: -moz-fit-content;
   margin-bottom: 6px;
}


.color-s{
display: inline-block;
position: relative;
top: 11px;
}
.size-filter{
display: inline-block;
}
}
@media(max-width: 529px){
 .blog-comment-box {
     padding: 3px 3px 19px 4px;
}
}
@media screen and (max-width: 500px){
 .multi-step {
     font-size:68.75%;
}
 .sw {
     padding-right:0;
     padding-left:0;
}

 .swiper-dc, .swiper-s-dc , .swiper.swiper-f-dc.sh-card {
     border-radius:0!important;
}
 .swiper.swiper-f-dc.product-item-suggestion
{
     border-radius:var(--br)!important;
}
.product-item-suggestion
{
margin-top:0px!important;
}
 .swiper.swiper-dc ,.swiper.swiper-s-dc {
     height: 459px;
}
}
@media screen and (max-width: 400px){
 .multi-step {
     display:none
}
}
@media(max-width: 448px){
.modal#share-pro .modal-dialog {
    width: 100%;
    margin: auto;
}
}
@media(max-width: 440px){
.usr-order img {
width: 124px;
}
.usr-order h4 {
height: 57px;
margin-right: 10px;
right: 116px;
position: absolute;
}
.usr-cm-body {
position: absolute;
top: 51px;
right: 127px;
line-height: 1.1;
height: 28px;
overflow: hidden;
width: 106px;
}
.btn-cm-status {
padding: 3px 0;
width: 79px;
font-size:10px;
}
.usr-order .badge {
top: 97px;
right: 124px;
}
}
@media(max-width: 400px){
 .product-show .tool {
     font-size: 22px;
     right: 8px;
}
}
@media screen and (max-width: 400px) {
.sidebar a {
text-align: center;
float: none;
}
}
@media(max-width: 400px){
 .item-suggestion .title-su {
     font-size:68.75%;
}
 .product-show .box-img{
     text-align: center;
}
 ul.tab {
     margin-right:0;
}
}
@media(max-width: 390px){
.order-set {
text-align:center;
}
.order-set a {
white-space: nowrap;
display: contents;
}
.success-bascket {
float: none;
}
}
@media(max-width: 360px){
 .product-show .anotherPhoto img {
     width: 35px;
     height: 35px;
     padding: 2px 0px 0px 0px;
}
 .product-show .anotherPhoto {
     width: 40px;
     height: 40px;
}
}
@media(max-width: 350px){
 ul.property.mobile{
     max-height:345px;
}
}
@media(max-width: 300px){
section.product-show #con{
width: 100%;
overflow-x: scroll;
}
section.product-show .content-body{
height: 100%;
min-width: 300px;
}
}
.cart-postal-section .cart-form {
    width: 80%;
    margin: auto;
}
.cart-preview{
    background-size: cover;
    box-shadow: 0 0 15px #d7d7d7;
    border-radius: 5px;
}
.cart-postal-section .cart-form textarea,
.cart-postal-section .cart-form input{
    width: 100%;
    border: 1px solid #b9b8b842;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px;
    padding-inline: 15px;
}
.cart-postal-section .cart-form textarea{
    min-height: 100px;
}
.cart-postal-section .cart-form input{
    width: 49.5%;
}
.cart-postal-section .cart-form .upload-voice{
    background-color: #335cb9;
    color: white;
    font-size: 14px;
    padding: 5px;
    padding-inline: 10px;
    border: none;
    border-radius: 5px;
    margin-top: 15px;
    padding-top: 6px;
}
.cart-postal-section .cart-form .upload-voice i{
    position: relative;
    font-size: 16px;
    float: right;
}
.cart-form .submit{
    display: block;
    margin-top: 10px;
    width: 100%;
    padding: 8px;
    border: none;
    background-color: green;
    border-radius: 5px;
    color: white;
}
.cart-form h1{
    font-size: 18px;
    font-weight: 600;
}
.cart-postal-section form.preview{
    position: relative;
    width: 100%;
    height: 100%;
}
.cart-postal-section form.preview p,
.cart-postal-section form.preview img{
    position: absolute;
}
.cart-postal-section form.preview img.barcode{
    width: 128px;
    position: absolute;
    left: calc(50% - 42px);
    bottom: 21%;
}
.cart-postal-section form.preview .img-cap{
    position: absolute;
    bottom: 17%;
    left: calc(50% - 82px);
    font-size: 14px;
    font-weight: 700;
    color: #464444;
}
.cart-postal-section form.preview img.mic {
    position: absolute;
    width: 98px;
    bottom: 22%;
    left: calc(32% - 30px);
    z-index: 1;
}
.cartpostal-qrCode .cart-postal-section form.preview img.mic {
    position: absolute;
    width: 80px;
    top: 55%;
    left: calc(25% - -2px);
}
.cartpostal-qrCode form.preview p.name {
    left: 0;
    bottom: 75px;
    color: black;
    font-size: 20px;
    font-weight: 600;
    width: 147px;
    font-family: bzar;
}
.cartpostal-qrCode form.preview p.date {
    left: 0;
    font-size: 20px;
    width: 150px;
    bottom: 28px;
    font-family: bzar;
    color: black;
}


.cart-postal-section form.preview img.bg-img{
    width: 100%;
    position: relative;
    height: 100%;
}
form.preview p.order-body {
    width: 300px;
    padding-inline: 30px;
    left: calc(50% - 150px);
    text-align: center;
    top: 21%;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    line-clamp: 9;
    -webkit-box-orient: vertical;
    font-family: bzar;
}
form.preview p.name {
    left: 27px;
    bottom: 60px;
    font-size: 20px;
    font-weight: 600;
    width: 147px;
    font-family: bzar;
}
form.preview p.date{
    left: 27px;
    font-size: 20px;
    width: 150px;
    bottom: 20px;
    font-family: bzar;
}

.cartpostal-qrCode :focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}

.cartpostal-qrCode .button-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.cartpostal-qrCode .button {
  font-size: 1.5rem;
  border-radius: 99em;
  padding: 0;
  border: 0;
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  cursor: pointer;
  width: 3.5rem;
  height: 3.5rem;
  transition: color 0.15s ease, width 0.25s ease-out;
  position: relative;
  background-color: var(--color-background-secondary);
  border: 1px solid var(--color-border);
  box-shadow: 0 4px 8px 0 rgba(0 0 0/var(--shadow-alpha));

}
.cartpostal-qrCode button,
.cartpostal-qrCode input,
.cartpostal-qrCode select,
.cartpostal-qrCode textarea {
  font: inherit;
  color: inherit;
}
.cartpostal-qrCode .button--play {
  width: 4.5rem;
  height: 4.5rem;
  position: relative;
}
.cartpostal-qrCode .button--play:after {
  content: "";
  display: block;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  z-index: -1;
  left: -3px;
  top: -3px;
  position: absolute;
  background-image: conic-gradient(transparent, var(--spinner));
  border-radius: 99em;
  opacity: 0;
}
.cartpostal-qrCode .button--play .ph-play,
.cartpostal-qrCode .button--play .ph-pause {
  grid-row-start: 1;
  grid-column-start: 1;
  transition: opacity 0.15s ease, transform 0.25s ease;
}
.cartpostal-qrCode .button--play .ph-play {
  opacity: 1;
}
.cartpostal-qrCode .button--play .ph-pause {
  opacity: 0;
  transform: rotate(0);
}
.cartpostal-qrCode .button--play.is-active .ph-play {
  opacity: 0;
  transform: rotate(180deg);
}
.cartpostal-qrCode .button--play.is-active .ph-pause {
  opacity: 1;
  transform: rotate(180deg);
}
.cartpostal-qrCode .button--play.is-active:after {
  opacity: 1;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}
.cartpostal-qrCode .button:hover {
  color: var(--color-text-secondary);
}
.cartpostal-qrCode .button.is-active {
  color: var(--color-accent);
}

.cartpostal-qrCode .theme-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 99em;
  background-color: var(--color-background-secondary);
  padding: 0.375em 1em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
              width: 125px;
    margin: auto;
}
.cartpostal-qrCode .theme-toggle:hover {
  color: var(--color-text-secondary);
}
.cart-postal-section .cart-preview{
    box-shadow: none;
    border: 1px solid #80808047;
    border-radius: 5px;
    overflow: hidden;
    max-width: 100%;
}
.cartpostal-qrCode .cart-postal-section form.preview p.order-body{
    font-size: 16px;
    color: black;
}
.cartpostal-qrCode .cart-postal-section form.preview img.barcode {
    width: 100px;
    position: absolute;
    left: calc(50% - 27px);
    top: 52%;
}
.cartpostal-qrCode .theme-toggle:has(input:focus-visible) {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}
.cartpostal-qrCode .theme-toggle i {
  flex-shrink: 0;
}
.cartpostal-qrCode .theme-toggle input {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@-webkit-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.spinner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 48px 0 0 0 var(--mc),
        36px 36px 0 0 var(--mc),
        0px 48px 0 0 var(--mc),
        -36px 36px 0 0 var(--mc),
        -48px 0 0 0 var(--mc),
        -36px -36px 0 0 var(--mc),
        0px -48px 0 0 var(--mc),
        36px -36px 0 0 var(--mc);
    animation: animate-spinner 1.5s infinite linear;
}

@keyframes animate-spinner{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@media(max-width: 1300px) and (min-width: 769px){
.cart-preview-div, .cart-form-div{
    flex: 100%;
    max-width: 100%;
    margin-top: 31px;
}
.cart-postal-section .cart-preview{
    margin: auto;
}
}
@media(max-width: 768px){
.cart-postal-section .cart-form{
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.cart-postal-section .cart-form input {
        width: 100%;
    margin-top: 15px;
}
.cart-postal-section .cart-form .upload-voice{
    margin-top: 25px;
    margin-bottom: 20px;
}
.cart-form .submit{
    margin-bottom: 50px;
}
.cart-postal-section form.preview img.bg-img{
height: fit-content;
height: -moz-fit-content;
}
.cart-postal-section .cart-preview, .cart-postal-section form.preview{
    height: fit-content !important;
    height: -moz-fit-content !important;
}
.cart-postal-section form.preview img.barcode {
    width: 100px;
    bottom: 26%;
}
.cart-postal-section form.preview .img-cap {
    bottom: 20%;
    left: calc(50% - 62px);
}
.cart-postal-section form.preview img.mic {
    left: calc(32% - 37px);
    width: 86px;
    bottom: 26%;
}
form.preview p.name {
    left: 27px;

}
form.preview p.date {
    bottom: 9px;
}
form.preview p.order-body{
    font-size: 17px;
    top: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
    font-family: bzar;

}
}
@media(max-width: 506px){
form.preview p.order-body{
    font-size: 15px;
    top: 17%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    font-family: bzar;

}
}
@media(max-width: 440px){
.cartpostal-qrCode .cart-postal-section form.preview img.barcode{
width: 80px;
}
.cartpostal-qrCode .cart-postal-section form.preview img.mic {

    width: 65px;
    }
.cartpostal-qrCode  form.preview p.order-body{
-webkit-line-clamp: 6;
    line-clamp: 6;
}
}
@media(max-width: 398px){
.cartpostal-qrCode .cart-postal-section form.preview img.barcode{
    top: 55%;
}
.cartpostal-qrCode .cart-postal-section form.preview img.mic {
    top: 57%;
}
.cartpostal-qrCode form.preview p.name {
    bottom: 53px;
}
.cartpostal-qrCode form.preview p.date {
    bottom: 8px;
}
}
@media(max-width: 386px){
form.preview p.order-body{
    font-size: 15px;
    top: 17%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    font-family: bzar;

}
}

@media(min-width: 768px){
#mapdiv {
    height: 565px !important;
}
}
#mapdiv {
    border: 4px solid var(--mc) !important;
    z-index: 0;
    margin-bottom: 20px;
    border-radius: 15px;
}
.english-ltr .dropdown.site-language.desktop{
    position: fixed;
    left: 4px !important;
    top: 113px;
    z-index: 5000;
}
.dropdown.site-language.desktop{
    position: fixed;
    right: 4px !important;
    top: 113px;
    z-index: 5000;
    direction:ltr;
}

.dropdown.site-language.desktop.is-dashboard{
    right: 10px !important;
}
.english-ltr  .dropdown.site-language.desktop.is-dashboard{
    left: 160px !important;
}
.dropdown.site-language.desktop.is-dashboard .dropdown-toggle {
    border: none;
}

.dropdown.site-language.mobile{
    position: fixed;
    left: 12%;
    top: 86px;
    z-index: 5000;
}
.dropdown.site-language.desktop .dropdown-toggle{
    border: 1px solid #e0e0e2 !important;
}
.dropdown.site-language .dropdown-toggle{
    padding-top: 2px;
    border-radius: 8px;
    padding-bottom: 0px;
    font-size: 23px;
    text-align: center;
    padding-inline: 6px;
    background: #ffffff;
}
.english-ltr .dropdown.site-language .dropdown-toggle{
    padding-top: 2px;
    border-radius: 8px;
    padding-bottom: 0px;
    font-size: 23px;
    text-align: center;
    padding-inline: 6px;
    background: #ffffff;
    direction:rtl;
}
.dropdown.site-language .dropdown-menu{
    min-width: 8rem;
    left:-68px;
    top:42px;
}
.english-ltr .dropdown.site-language .dropdown-menu{
    min-width: 8rem;
    right:2px;
    left:0;
    top:42px;
}
.dropdown.site-language .dropdown-menu img{
    max-height: 20px;
    float: right;
}
.dropdown.site-language .dropdown-item{
font-size: 14px;
    padding-inline: 10px;
}
.english-ltr .dropdown.site-language {
    right: unset !important;
}
@media(max-width: 1010px){
.dropdown.site-language.desktop ,
.english-ltr .dropdown.site-language{
    left: 277px;
}
.english-ltr .dropdown.site-language{
top: 13px;
}
.english-ltr .dropdown.site-language .dropdown-toggle::after {
    margin-left: 20px;
    position: relative;
    left: -27px;
}
}
@media(max-width: 757px){
.dropdown.site-language.mobile,
.english-ltr .dropdown.site-language{
    left: 15%
}
}
@media(max-width: 641px){
.dropdown.site-language.mobile {
    left: 20%
}
.dropdown.site-language .dropdown-toggle {
    width: 53px;
}
}
@media(max-width: 515px){
.dropdown.site-language.mobile {
    left: 27%
}
}
@media(max-width: 480px){
.s-dc {
    width: 40% !important;
}
.dropdown.site-language.mobile {
    left: 0;
    width: 63px;
    top: 10px;
}
.dropdown-toggle::after {
    margin-left: 20px;
    position: relative;
    left: 19px;
    top: -9px;
}
}
@media(max-width: 345px){
.header-mob .usr-menu-view {
    top: 2px;
    left: 0 !important;
    z-index: -2;
}
}
.english-ltr .view-pass {
    left: unset;
     right: 19px;
}
.english-ltr img.refresh-captcha.usr-cpch{
    left: unset;
    right: 3px;
    top: 26px;
}
.english-ltr span.refresh-captcha.usr-cpch{
    left: unset !important;
    right: 91px;
}
.english-ltr .sw-sg-card {
    float: left;
}
.english-ltr .article-menu-mode{
    margin-left: 0px;
    margin-right: 0px;
}
.english-ltr .act-wallet {
    padding-left: 5px;
}
.english-ltr .act-supply{
    left: unset;
    right: 0;
    text-align: right;
}
.english-ltr .account-menu .row{
    margin: 0;
    padding: 5px;
}
.english-ltr .account-menu .wallet{
text-align: left;
}
.english-ltr .alert_buttons .btn-icon-consplit-cancel{
float: right;
    margin-right: 13px;
}
.english-ltr .writer-profile{
    text-align: left;
}
section.category-description{
    margin-top: 15px;
    background-color: unset;
    text-align: justify;
}
@media(max-width: 768px){
.wonderful {
    height: 70px;
}
.img-post-show img {
    max-width: 100%;

}
}
.pagination{
justify-content: center !important;
}

.countDownDate {
    padding: 6px 10px;
    border-radius: var(--br);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    margin: auto;
}
.countDownDate .box {
    background: #ffffff0d;
    width: 49px;
    height: auto;
    margin: 0;
    display: flex;
    margin-top: 10px;
    flex-direction: column;
    border: 3px solid var(--wtc2);
    border-radius: 20px;
    margin-inline: 2px;
}
.countDownDate .box p {
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    margin-bottom: 5px;
    color: var(--wtc2);
    margin-top: 10px;
}
.countDownDate .box span {
    text-align: center;
    padding: 6.5px 3px;
    color: var(--wtc2);
    font-size: 13px;
    font-weight: 600;
}
@media(max-width: 990px){
.countDownDate {
    max-width: 100%;
}
.countDownDate .box {
    width: 40px;
}
.countDownDate .box p {
    font-size: 16px;
}
.countDownDate .box span {
    font-size: 11px;
}
.sw-sg-card-title {
    font-size: 30px;
}
  .all-products-mob{
        position: absolute;
        top:8px;
        padding-right: 70px;
        white-space: unset;
        right: calc(50% - 33px);

    }
}

.owl-carousel{
    direction:ltr !important;
}
.owl-carousel.owl-drag .owl-item{

float:right !important;
}
.cr-left,.cr-right{
    width: 39px !important;
    height: 39px !important;
    background: #fff !important;
    color: #757575;
    margin-bottom: auto;
    margin-top: auto;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.20);
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 25%;
    z-index: 2;
    opacity: 0.94;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cr-left {
    left: -23px !important;
}
.cr-right{
    right: -21px !important;
}
.margin-bott{
        margin-bottom: 1rem;
}
.account-menu i {
    color: var(--mc);
}

.bg-primary {
    background: var(--sc) !important;
    color: var(--wbc2)!important;
}
.subscribe-form {
    width: 100%;
}
.form-group {
    position: relative!important;
}
.form-group input.form-control {
    border-radius: 0 7px 7px 0;
}
.subscribe-form .form-group .submit {
    color: #fff !important;
    background: var(--mc);
    border-radius: 7px 0px 0px 7px;
    font-size: 16px;
    border: var(--mc);
}
.subscribe-form-container{
background-color: var(--sc);
    color: var(--mtc);
    border-radius: var(--br);
}
.top-r-size img{
    max-width:1920px;

}
.has-top-banner {
    position: fixed;
    background-color: var(--hc);
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    z-index: 60;
    border-bottom: 1px solid #cbc2c254;


}
.has-top-banner .asazoon-header{
    position:relative;
}
.is-banner-top {
    margin-top:213px !important;

}
.has-top-banner .menu-btn{
    top: 35px !important;
}

.header-banner img{
    object-fit: cover;
    height: 100%;

}

.has-top-banner .top-banner div{
    height:100%;

}
.has-top-banner .top-banner img{
    height:100%;

}