@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*{
    font-family: 'Poppins', sans-serif;
}
h6 {
  font-size: 1rem;
  padding: 10px;
  /*background: #000;*/
  /*color: #fff;*/
}
  :root{
    --color:#000;
  }
  .moverightCartT{
    position: relative;
  }
  .moverightCartT span.badge{
    position: absolute;
    top: 9px;
    right: -3px;
    font-size: 12px;
    border-radius: 10px;
  }
  .orderinformation > .row > div.col-6,.orderinformation > .row > div.col-12 {
    color: yellow;
}
.orderinformation>.row>p.keyname {
  color: #fff;
}
  body{
min-width: 320px;
background: #d9dfe6;
  }
  .navBar-plu-fsk div:nth-child(1){
    display: none;
  }
  .text-success{
    color: var(--color) !important;
  }
  .mvbgBar form{
    width:-webkit-fill-available;
  }
  .mvbgBar form>.input-group{
    display: flex;
  }
  .bg-success{
    background: var(--color) !important;
    border-color:var(--color) !important;
  }.btn-warning {
    color: #fff !important;
    background-color: var(--color) !important;
}
.btn-success:focus{
  background: var(--color) !important;
  border-color:var(--color) !important;
  color: #fff;
}
.btn-success:hover{
  background: var(--color) !important;
  border-color:var(--color) !important;
  color: #fff;
}
  .btn-warning:hover {
    color: #fff !important;
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}
.btn-warning:focus {
  color: #fff !important;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #ffc107;
}
.img-responsive{
  width: 100%;
  --height: 350px;
}
.main-container-category{
  margin-top: 5rem;
  display: flex;
}
.right-fann-fly{
    cursor: pointer;
}
.main-discription-fecth{
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  .iuyer8rj{margin-top:6rem;
    display: flex;
    flex-wrap: wrap;
}
.coliuyer8rj{
    width:calc(100% / 6 - 12px);
    margin: 6px;
    padding: 10px;
    background:#fff;
    text-align: center;
    
}
.coliuyer8rj:hover{
    background: #000;
    color: #fff;
}
  .image img{
    width: 100%;
    height: 200px;
    object-fit: contain;
  }
  .displaynextimag{
    display: none;
  }
  .sallerprofile{
    position: fixed;
    bottom:10%;
    left: 12px;
  }
  .row-categories-cat{
    display: flex;
    flex-wrap: wrap;
  }
  .kw-slide-text{
  background: rgb(255 165 0 / 62%);
  color: #fff;
  font-size: larger;
  -webkit-line-clamp: 4;
  padding:10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  .categories-cat{
    
    width: 100%;
    height: calc(300px / 7 - 14px);
    margin: 0px 0px 7px;
    cursor: pointer;
  }
  .categories-cat:hover{
    color:var(--color);
  }
  hr{
    margin:0;
  }
  .nav-bar-top button{
    outline: none;
  }
  .nav-bar-top{
    height:40px;
background:#fff;
overflow: hidden;
position: fixed;
top:0;
z-index:1024;
padding:0;
  }
  .nav-icon{
    height:40px;
  }
  .nav-icon img{ 
    object-fit: cover;
  }
  .search-ip{
    outline:none;
  width:90%;
  border:none;
  border-bottom: 2px solid rgb(9, 80, 211);
    padding:5px;
  }
  .search-nav-dv{
    border: 1px solid #0d85ca;
    border-radius:5px;
    align-items: center;
    display: flex;
    background: #0db4ca;
    width:100%  }

  .searchBtn{
    width:10%;
    padding: 5px 0px;
    border:none;
    outline:none;
    border-radius:5px;
  }
  .nav-Btn-cart{
    position: relative;
  }
  .nav-p-osoo{
    position: absolute;
    background:#000;
    color:#fff;
  }
  .nav-Btn-Btn{
    padding:0;
    font-size: small;
    height:40px;
    background: transparent;
    outline: none;
    width:100%;
  border:none;
  position:absolute;
  }
  .nav-the{
    float:left;
  }
  .nav-equip{
    width: 100%;
  }
  .ad-within-ico-up{
    width: 100%;
    object-fit: cover;
    height: 40px;
  }
  .searchBtn{
    color:#fff;
    
    background:#0db4ca

  }
  .blast-lg{
    display: none;
  }
  .nav-categories{
    background: #fff;
   width: calc(95%);
    border-radius: 5px;
  }
  
  .nav-categories ul{
  list-style-type: none;
  padding: 0;
}
  .nav-categories a{
    color:#000;
    padding:0;
    margin: 0px 10px;
    font-size: smaller;
    font-weight:600;
    text-decoration: none;
    display:block;
    height:32px;
  }
  .catt-cont-dag-kg{
    width:calc(20%);
  }
  
  
  .card-text-kw{    
    position: absolute;
    top:30%;
    left:10%;
    width:40%;
  }

  .kw-slide-title{
    background: #fff;
   text-align: center;
    
    color: #000;
    font-size: large;
    padding: 10px;
  }
  .kw-slide-text{
    color:#fff;
  }
  .catt-w-div-e{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    width:calc(100%);
    height:320px;
  }
  .met-div-sm{
    width:calc(100% / 2 - 4px);
    margin: 2px;
    height:160px;
  }
  .b88dfy9ss{
  display: flex;
  flex-wrap: wrap;
  height: 100%;}
  
  .b88dfy9ss div{
    width:calc(100% / 2 - 4px);
    margin: 2px;
    height: calc(--height / 4 - 8px);
  }
  .b88dfy9ss div>img{
    height: 100%;
    border-radius: 7px;
    width: 100%;
  }
  .met-div-sm img{
    height:160px;
    border-radius: 5px;
padding: 10px;
  }
  .catt-cont-dag-ksm{
    background: #fff;
    border-radius: 5px;
    width: calc(30%);
    height:calc(95%);
    margin:0px 10px;
  }/*
  <!--navigation css ends for lg-->*/
  .product-dis-themetat-theom-kw{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background:#fff;
  }
  .shig-the-prdt-kw{
    width:calc(20%);
  }
  .shig-the-prdt-kw-1{
    width:calc(100%);
    position: relative;
  }
  .shig-prdt-kw-k{
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
  }
  .shig-prdt-dic-kw{
    width:calc(100% / 6 - 12px);
    margin:6px;
    border-radius: 5px;
    padding:10px;
  box-shadow: 0px 1px 1px 1px rgba(166, 170, 167, 0.25);
text-align: center;
position: relative;
  }
  .perclisk{
    background: var(--color);
    color: #fff;
    border-color:var(--color) !important;
  }
  .shig-prdt-dic-kw:hover .perclisk{
    visibility: visible;
    transition: all ease 0.3s;
    animation: fadeIn 0.5s;
  }
  .shig-prdt-dic-kw:hover{
      
    box-shadow: none;
  }
  @keyframes fadeIn{
  0%{
  opacity:0;
  }
  100%{
  opacity:1;
  }
  }
  .prdt-img,.prdt-img2{
    position: relative;
  }
.prdt-img img{
  object-fit:contain;
  min-height: 120px;
    max-height: 120px;
}
  .product-price-kw-w{
margin:0;
  }
  .product-name-kw-w,.product-price-kw-w{
    font-size: small;
    margin:0;
  }
  .product-kw-w-discount{
    color:gray;
    text-decoration: line-through;
  }
  .product-kw-w-discount-percent{
    color:#000;
    
position: absolute;
top:0;
background: #ffff00;
left:0;
font-size: small;
border-radius: 3px;
  }
  .product-type-catg{
    color:#fff;
    
    font-size: small;
    position: absolute;
    border-radius: 3px;
    top: 0;
    right: 0;
    padding-left: 3px;
    padding-right: 3px;
    background: var(--color);
  }
  .checked{
    color:var(--color);
  }
  .container-fluid-sm-letinol{
    background:transparent;
  }
  .Btn-Btn-add-pdt-cart{
    width:100%;
    padding:0;
    outline:none;
    background:var(--color);
    color:#000;
    font-weight:bold;
    font-size:small;
    border:0;
    border-radius: 3px;
    height:25px;
  }
  .container-company-tree-memo{
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
  }
  .memo-contain-thy{
    width:calc(100% / 3 - 6px);
    margin:3px;
    padding:5px;
  }
  .memo-img img{
    height:200px;}
    .adsense-img-full{
width:100%;
padding:10px;
    }
   .kw-card-slide,.slider-card{
    position: relative;
 
  }.slider-card{
    display:none;
  }
  .slider-card img{
    pointer-events: none;
  }

   /* The dots/bullets/indicators */
.dot {
  height: 5px;
  width: 15px;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 20%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active-bg {
  background-color: var(--color);
}
.cont-cat-div{
width:100%}
.slider-container-kw,.cont-cat-div{
  position: relative;
}
/*another-conta--*/
.container-curve-kw-l{
  width:calc(100% / 3 - 6px);
  margin:3px;
  padding: 10px;
}

.contain-minu-conta{
  display:flex;
  flex-direction: row;
  height:100px;
  border-radius: 5px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.contain-minu-conta:hover{
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.85);
}
.conta-img-l{
  width:40%;
  height:100px;
}
.conta-img-l img{
  height: 100px;
  object-fit: contain;
}
.contact-product-text-conta{
  width:60%;
  margin-left: 10px;
  position: relative;
}
.title-prdt-conta,.price-prdt-conta{
  
  margin:0;
  font-size: small;
}
.title-prdt-conta{
  
}
.conta-price-discount{
  text-decoration: line-through;
  color:gray;
}
.conta-price-discount{
  font-size: 10px;
}
.container-company-tree-memo-nemo{
  display:flex;

}
.ment-main-what-kw{
  width:calc(100% / 2 -4px);
  margin:2px;
  display:flex;
  padding:10px;
}
.itz-coll-divide{
  width:40%;
  
}
.itz-coll-divide-divide{
  width:60%;
  margin-left: 10px;
}
.discussion-conclu-kw{
  margin:0;
  font-size: small;
}
.itz-coll-divide img,.itz-coll-divide-divide img{
  object-fit: contain;
}
.wht-s-min{
  font-weight: bold;
  font-size: small;
}
.Btn-Btn-add-pdt-cart-discuss-lt{
  outline:none;
  border:none;
  background:#1a252b;
  border-radius: 10px;
  color:#fff;
  
}
.company-partner-log0{
  width:calc(100% / 6 - 12px);
  margin:6px;
  text-align: -webkit-center;
}
.company-partner-name{
  color:#000;
  
  text-transform: uppercase;
}
.brand-product-comp-partners{
  background: #fff;
  margin-top: 2rem;

}
/*-shig-side css started here*/
.shig-the-prdt-kw-card{
display: flex;
flex-direction: row;
height:50px;
margin-bottom: 10px;
font-size: small;

}
.shig-card-thy{
  width:40%;
}
.shig-card-thy img{
  height:40px;
  object-fit: contain;
}
.shig-card-text-txt{
  width:60%;
  font-size: x-small;
}
.shig-card-text-txt,.price-title-pdt-f,.shig-prdt-text-title-name{
  font-size:smaller;
  margin: 0;
}
.price-title-pdt-f{
  font-size: 15px;
}
.discount-title-price-shig{
  text-decoration: line-through;
  font-size: xx-small;
  color:silver;
}
.fandd-er-rar{
  margin-top: 2rem;
  border-radius: 5px;
  padding:10px 10px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.85);
}
.adsense-img-comp{
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.85);
    border-radius: 5px;

}.click-view-lg{
  display: none;
}
.container-header-fann-er-rar{
  display:flex;
}
.cont-header-title-fann-rar{
  font-weight: bold;
  width:70%;
}
.cont-header-fann-er-rar-con{
width: 30%;
}
.cont-header-fann-er-rar-con button{
  border:none;
  outline:none;
  background:silver;

}
.title-text-me-kw{
  text-align: center;
  margin-left: 10px;
}
.title-text-me-kw-l{
  text-transform: uppercase;
  width: 100%;
  padding: 10px;
  background: var(--color);
  margin: 0;
  color: #fff;
}
.text-card{
  
  font-size: small;
  margin: 0;
}
.slideChange1,.slideChange2,.slideChange3.slideChange4{
  display:none;
}
.main-container-category{
  margin-top: 5rem;
}
.discription-folder-folcher{
    display: none;
  position: fixed;
  z-index: 9;
  width: 300px;
  height: 600px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  right: 0%;
  bottom:0%;
  background: #fff;
  padding: 10px;
  border: 2px solid oldlace;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.perclisk{
  position: absolute;
  visibility: hidden;
    inset: 50%;
    height: fit-content;
    transform: translate(-50%, -50%);
}
#homelink{
  color:#000;
  text-decoration: none;
  
}
#homelink:hover{
  text-decoration: none;
  color: var(--color);
}

.messageContainer{
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
}
.messageContainer::-webkit-scrollbar{
width: 10px;
}

.history-colv12 p{
  margin:0;
}
.moveDynamicly{
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
}
.moveDynamicly::-webkit-scrollbar{
width: 10px;
}
@media(min-width: 1204) {
  .shig-prdt-dic-kw{
    width: calc(100% / 6 - 12px);
    margin: 6px;
    }
}
  @media (max-width: 992px){
    .catt-cont-dag-kg{
    width:calc(30%);
  }
  .shig-the-prdt-kw-1{
    width: calc(100%);
  }
  .catt-cont-dag-ksm{
    display: none;
  
  }
    .blast-sm{
display: none;
  }
  .shig-the-prdt-kw{
    display: none;
flex:1;
  }
  .blast-lg{
    display: block;
  }
  /*.nav-equip{
    width: auto;
  }*/
.nav-bar-top{
  height:auto;
}
.search-ip{
  width:100%;
  border-bottom:1px solid blue;
}
.searchBtn{
  width:100%;
}

.coliuyer8rj{
  width:calc(100% / 4 - 8px);
  margin: 4px;}
}

@media(max-width:768px){
  .img-responsive {
    width: 100%;
    height: 240px;
}
.click-view-lg{
  display: block;
}
.hidden-our-product-sales,.f873ty73321{
  display: none;
}
.card-text-kw {
    width: 70%;
}
.kw-slide-text {
    font-size:medium;
    padding:10px;
}
.shig-prdt-dic-kw{
    width:calc(100% / 4 - 8px);
    margin:4px;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
}
.prdt-img img {
    width: 184px;
    object-fit: contain;
    
    min-height: 200px;
    max-height: 200px;
}

.prdt-img2 img {
  width:184px;
  object-fit: contain;
}
.shig-prdt-kw-k::-webkit-scrollbar{
    display: none;
}
.shig-prdt-kw-k{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
}

@media(max-width:760px){
  
.moveDynamicly::-webkit-scrollbar{
  display: none;
  }
  .moveDynamicly{
  -ms-overflow-style: none;
  scrollbar-width: none;}
  .messageContainer::-webkit-scrollbar{
  display: none;
  }
  .messageContainer{
  -ms-overflow-style: none;
  scrollbar-width: none;
  }
  }
@media(max-width:576px){
  .uioev8idtedved{
    display: none;
  }
  .shig-prdt-dic-kw{
    width:calc(100% / 3 - 6px);
    margin:3px;
    }
}
@media(max-width:426px){
  .gthds{
    font-size: small;
  }
.coliuyer8rj{
  width:calc(100% / 2 - 4px);
  margin: 2px;}
  .main-container-category{
    margin-top: 3rem;
    padding: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  .navBar-plu-fsk div.mvbg{
    width:78%;
}
.search-mb{
  display:block;
}
.f33wdddsd{
  width: 100%;
  overflow: hidden;
  margin: 0;
  border-radius: 0%;
}
.b88dfy9ss{
  width:auto ;
  display: none;
  flex-wrap: nowrap;
  overflow: hidden;
}
  .navBar-plu-fsk div.mvbgBar{
    width: 100%;
    margin-top: 0.2rem;
    order: 1;
    display: none;
}
  .categories-cat {
    width: calc(100%);
}
.img-responsive {
    width: 100%;
    height: 200px;
}
.kw-slide-title{
  font-size: small;
  padding:4px;
}
.kw-slide-text {
    font-size:small;
    padding:4px;
    -webkit-line-clamp: 2;
}
.card-text-kw {
    width: 80%;
}
.shig-prdt-dic-kw{
    width:calc(100% / 3 - 6px);
    margin:3px;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
}

.f873ty73321{
  padding: 0;
  margin: 0 0 0 0px;
}
.navBar-plu-fsk div.mvbg {
  width: 64%;
}
.navBar-plu-fsk div:nth-child(4),.mvbgBar .input-group{
  display: flex !important;
}
.navBar-plu-fsk div:nth-child(1){
  display: block;
}
}
@media(max-width:375px){

.shig-prdt-dic-kw{
    width:calc(100% / 2 - 4px);
    margin:2px;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
}
.navBar-plu-fsk div.mvbg {
  width: 56%;
}
}
@media(max-width:300px){
.shig-prdt-dic-kw {
  width: calc(100% / 2 - 4px);
  margin: 2px;}}
.buttoner div{
  width:calc(100% / 2 - 4px);
    margin:2px;
}