
/* new-arrival-card product-card*/
.new-arrival-card {
  width: 95% !important;
  margin: auto;
  transition: all 0.2s ease;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.new-arrival-card:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  transform: translateY(-3px);
}

.new-arrival-card .card-img-top {
  background-color: #F1F1F1 !important;
  min-height: 290px;
  object-fit: cover;
}

.new-arrival-card .card-footer {
  /* background-color: rgba(70, 102, 86, 0.3) !important; */
  background-color: #087194;
  color: #ffffff;
}

.new-arrival-card .card-icon a {
  text-decoration: none;
  color: #333;
}

.arrival-card-text {
  width: 100%;
}

.arrival-card-text span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

.arrival-card-text small {
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
}

.card-icon i {
  font-size: 24px;
}

/* new-arrival-card end */



/* swatch-card-img */
.swatch-card-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}





/* ayub-code */

/* category & category Description Start */
.category .sideImage {
  display: none;
}

.category .img-height {
  height: 200px;
}

.category .theme-background-color-2 {
  background-color: #087194 !important;
}

.category .theme-background-color {
  background-color: #087194 !important;
}

.category .nav-link {
  color: white !important;
}

.category .theme-font-color {
  color: #b31c27 !important;
}





.category .category-child-image {
  height: 400px !important;
  width: 100%;
}

.category .card-title {
  color: black;
}

.category .text-align {
  text-align: justify;
}

.category .nav-link:hover {
  background-color: rgb(214, 205, 205) !important;
  color: #087194 !important;
}

.category .nav-pills>.nav-item>.active {
  background-color: rgb(214, 205, 205) !important;
  color: #087194 !important;
}

.category .box-shadow {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
}

/* category & category Description End */
/* category Details Start */
.category-details .theme-font-color {
  color: #087194 !important;
}

.category-details .theme-background-color {
  background-color: #087194 !important;
}

.category-details .nav-link {
  color: #087194 !important;
}

.category-details .card {
  height: 360px !important;
  max-width: 290px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
  background-color: rgb(243, 238, 247);
  transition: all 0.5s ease-in-out;
}

.category-details .card:hover {
  background-color: #087194;
  color: white !important;
  transform: scale(1.03);
}

.category-details .card-title {
  color: black;
}

.category-details .card .card-body .card-title:hover {
  color: white;
}

.category-details .card-img-top {
  filter: grayscale(100%);
  height: 290px !important;
  transition: filter 0.3s ease-in-out;
}

.category-details .card-img-top:hover {
  filter: grayscale(0%);
}

.category-details .text-align {
  text-align: justify;
}

.category-details .text-align-justify {
  text-align: justify;
}

.category-details .banner {
  overflow: hidden;
}

.category-details .banner-image {
  height: 450px !important;
  transition: transform 0.5s ease-in-out;
}

.category-details .banner-image:hover {
  transform: scale(1.05);
}