.item-pro-crd {
  /* min-height: 430px; */
  transition: all .5s;
  /* background-color: antiquewhite; */
  position: relative;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.i-p-c-img {
  height: 300px;
  width: 100%;
  background-color: #fff;
  position: relative;
}

.new-arive {
  position: absolute;
  top: 5%;
  left: 0%;
  background-color: #000;
  color: #FFF;
  min-width: 30%;
  clip-path: polygon(0 0, 84% 0, 100% 100%, 0% 100%);
}

.new-arive p {
  font-size: 11px;
}

.best-seller {
  position: absolute;
  top: 5%;
  left: 0%;
  background-color: var(--red);
  color: #FFF;
  min-width: 30%;
  clip-path: polygon(0 0, 84% 0, 100% 100%, 0% 100%);
}

.best-seller p {
  font-size: 11px;
}

.dis-nav {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding-left: unset !important;
}

.i-p-c-img img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  transition: all .3s;
  overflow: hidden;
}

.pro-imgs {
  object-fit: cover;
}


/* ------------ new ------------ */
.item-in-side {
  width: 100%;
  height: 100%;
}

.view-m-btn {
  border: 2px solid var(--red) !important;
  border-radius: 0% !important;
  color: var(--red) !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  font-size: 13px !important;
  height: 40px;
  font-weight: bold !important;
}

.view-m-btn:hover {
  background-color: var(--red) !important;
  color: #fff !important;
}

.view-m-btn:hover .arow-in-view-more {
  transform: translateX(20%) !important;
  transition: transform .4s;
}

/* ---------------------------- */
.type {
  font-size: 13px;
  letter-spacing: 1px;
  color: rgb(22, 22, 22);
  /* font-weight: 600; */
}

.i-p-c-text {
  margin-top: 2%;
}

.name {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: rgb(22, 22, 22);
}

.new-price {
  display: flex;
  align-items: center;
  /* justify-content: space-evenly; */
  justify-content: center;
  /* color : #ec0101 !important; */
  font-family: "Lato-Regula" !important;
  font-weight: 800;
  letter-spacing: 1px;
  font-size: 13px;
  color: rgb(22, 22, 22);
}

.like-and-cart {
  position: absolute;
  top: 3%;
  right: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 3;
}

.like-and-cart .btn {
  color: black !important;
  background-color: rgb(255, 255, 255, 0.9);
  border-radius: 50% !important;
  margin: 3px;
  height: 30px;
  width: 30px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0% !important;
}

.like-and-cart .btn:hover {
  color: black !important;
  background-color: rgb(255, 255, 255, 0.9);
}

/* details */
.detai-i i {
  font-size: 40px;
}

.detai-txt h5 {
  font-size: 14px;
}

.detai-txt p {
  font-size: 11px;
}

/* wish list */
.new-wish img {
  object-fit: cover;
  width: 96px;
  height: 96px;
}

.new-wish-text a {
  color: black;
}

/* buy now page */
.b-btn1 {
  border: 2px solid var(--c1) !important;
  color: var(--c1) !important;
}

.b-btn1:hover {
  background-color: var(--c1) !important;
  color: #FFF !important;
}

.b-btn2 {
  background-color: var(--c1) !important;
  color: #FFF !important;
}

.buy-form input, textarea, select {
  border: 1px solid var(--c1);
}

.buy-form textarea {
  border: 1px solid var(--c1);
}

.buy-form select {
  border: 1px solid var(--c1);
}

/* zoom page */
.zoomist-image {
  object-fit: cover !important;
}

/* coder for contact page */
.con-bx {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #edecec;
  text-align: center;
}

/* .con-bx i{
  font-size: 50px;
  color: var(--c1);
} */
.con-bx img {
  width: 60px;
}

.con-bx h3 {
  font-size: 22px;
  letter-spacing: 1px;
}

/* faq page */
.faq-bx .accordion .accordion-item {
  margin-bottom: 3% !important;
}

.faq-bx .accordion-button {
  padding: 3% !important;
  box-shadow: unset !important;

}

/* new tabs in product discription page */
.des-icon-bx i {
  font-size: 45px;
}

.des-icon-bx p {
  font-size: 12px;
  font-weight: bold;
}

.dis-navbar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dis-nav {
  border: none !important;
}

.dis-nav .nav-link {
  color: #000 !important;
}

.dis-nav .active {
  background-color: unset !important;
  border: 1px solid var(--c1) !important;
  font-weight: bold;
}

.cen-t {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.dis-navbar .nav-link {
  font-weight: normal;
}

/* zoom */
.close-zoom {
  background-color: #000 !important;
  color: #fff !important;
  position: absolute;
  top: 2%;
  right: 2%;
}

.zoom-img {
  transform: translateY(-20%) !important;
  height: 480px !important;
  width: 100%;
  overflow: hidden;
}

.zoom-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;

}

.zoom-dum {
  margin-top: -23% !important;
}

/* new thing */
.tooltip {
  --bs-tooltip-font-size: 12px !important;
}

.main-size-btn {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #000 !important;
  position: relative;
  /* font-weight: bold !important; */
  /* background-color: #8180806f !important; */
  outline: none !important;
}

.main-size-btn:hover {
  background-color: #8180806f !important;
  outline: none !important;

}

.main-size-btn .out-of-stock {
  position: absolute;
  top: -2%;
  left: -2%;
  width: 105%;
  height: 105%;
}

.main-pro-size-box {
  display: none;
  flex-wrap: wrap;
}

.item-pro-crd:hover .pro-hide {
  display: none;
}

.item-pro-crd:hover .main-pro-size-box {
  display: flex !important;
}

.stock {
  background-color: #000;
  position: absolute;
  top: 2%;
  left: 3%;
  z-index: 4;
}

.stock p {
  color: #FFF;
  font-size: 12px;
}

.out-of-stock {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #ffffffc5;
  cursor: not-allowed;
  z-index: 3;
}

/* responsive */
@media screen and (max-width:600px) {
  .item-pro-crd {
    transition: all .5s;
    position: relative;
    margin-top: 10px;
  }
}

@media screen and (max-width:900px) {
  .i-p-c-img {
    height: 200px;
  }

  .like-and-cart {
    position: absolute;
    top: 3%;
    right: 5%;
  }

  .like-and-cart .btn {
    color: black !important;
    /* background-color: unset; */
    margin: 3px;
    font-size: 16px;
  }

  .p-n-like {
    font-size: 24px;
    color: var(--red);
  }

  .red-color {
    color: red !important;
    font-size: 24px !important;
  }

  .stike {
    display: inline-block !important;
    font-weight: 400;
    text-decoration: line-through !important;
    font-size: 14px !important;
    color: #878787 !important;
    padding: 0 3px 0px 6px !important;
  }

  .item-pro-crd:hover .main-pro-size-box {
    display: none !important;
  }

  .item-pro-crd:hover .pro-hide {
    display: -webkit-box;
  }

  /* .item-pro-crd {
      pointer-events: none;
  } */
  .item-pro-crd:hover {
    transform: unset !important;
    margin-top: 10px !important;
  }
}

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

  .type {
    font-size: 11px;
  }

  .new-name {
    font-size: 11px;
  }

  .new-price {
    margin: 0%;
    font-size: 12px;
  }

  .detai-i {
    text-align: center;
  }

  .detai-txt {
    text-align: center;
  }

  .detai-i i {
    font-size: 33px;
  }

  .detai-txt h5 {
    font-size: 12px;
    margin: 0%;
  }


  .like-and-cart {
    position: absolute;
    top: 3%;
    right: 5%;
    /* 
       */
    /* background-color: antiquewhite; */
  }

  .like-and-cart .btn {
    color: black !important;
    /* background-color: unset; */
    margin: 3px;
    /* height: 100%;
      width: 100%; */
  }

  .p-n-like {
    font-size: 24px;
    color: var(--red);
  }

  .red-color {
    color: red !important;
    font-size: 24px !important;
  }
}

@media screen and (max-width:920px) {
  .item-pro-crd {
    border-left: 2px solid #FFF;
  }
}

@media screen and (min-width:2000px) {
  .i-p-c-img {
    height: 80% !important;
  }
}