/* new CSS */

.near_mart_store {
  margin: 50px 0px 5%;
}

.near_mart_store .all_content_holder {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
}

.near_mart_store .all_content_holder .left_side {
  width: 8%;
}

.near_mart_store .all_content_holder .right_side_div {
    width: 90%;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border: 1px solid #C1C1C1;
  border-radius: 5px;
  padding: 6px;
  cursor: pointer;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .img_holder {
    margin-bottom: 10px;
    aspect-ratio: 1/0.5;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .img_holder .store_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .title_text {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .rating_text {
  font-size: 13px;
  color: #000000;
  margin-bottom: 0px;
  font-weight: 400;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .rating_text .star_icon {
  color: #F68A1D;
  font-size: 12px;
  margin-right: 5px;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .away_text {
  color: #333333;
  font-size: 13px;
  margin-bottom: 7px;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .location {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0px;
}

.near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .location .location_icon {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-right: 7px;
}

@media (min-width: 0px) and (max-width: 575px) {


  .Verticle_Categories .all_cats_holder .cat_holder .cat_name {
    font-size: 11px !important;
  }

  .Verticle_Categories .all_cats_holder {
    max-width: 100% !important;
    display: flex;
    align-items: center;
    overflow-y: unset !important;
    overflow-x: auto;
    margin-bottom: 20px;
    scrollbar-width: thin !important;
    padding: 10px 8px 0px !important;
  }

  .Verticle_Categories .all_cats_holder .cat_holder {
    margin-bottom: 0px;
    margin-right: 15px;
    flex: 0 0 63px;
  }

  .Verticle_Categories .all_cats_holder .cat_holder .img_holder {
    width: 50px !important;
    height: 50px !important;
  }

  .near_mart_store .all_content_holder {
    flex-direction: column;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .near_mart_store .all_content_holder .left_side {
    width: 100%;
  }

  .near_mart_store .all_content_holder .right_side_div {
    width: 100%;
  }


  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .location,
  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .location .location_icon,
  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .away_text {
    font-size: 11px;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .rating_text .star_icon {
    font-size: 10px;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .title_text {
    font-size: 12px;
  }
}

@media (min-width: 575px) and (max-width: 767.98px) {

  .near_mart_store .all_content_holder .right_side_div .all_store_holder {
    grid-template-columns: repeat(2, 1fr);
  }

  .near_mart_store .all_content_holder .left_side {
    width: 20%;
  }

  .near_mart_store .all_content_holder .right_side_div {
    width: 80%;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .away_text {
    font-size: 12px;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .title_text {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .near_mart_store .all_content_holder .right_side_div .all_store_holder {
    grid-template-columns: repeat(3, 1fr);
  }

  .near_mart_store .all_content_holder .left_side {
    width: 15%;
  }

  .near_mart_store .all_content_holder .right_side_div {
    width: 85%;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .away_text {
    font-size: 12px;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .title_text {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .near_mart_store .all_content_holder .right_side_div .all_store_holder {
    grid-template-columns: repeat(4, 1fr);
  }

  .near_mart_store .all_content_holder .left_side {
    width: 10%;
  }

  .near_mart_store .all_content_holder .right_side_div {
    width: 90%;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .away_text {
    font-size: 12px;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .title_text {
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .near_mart_store .all_content_holder .left_side {
    width: 10%;
  }

  .near_mart_store .all_content_holder .right_side_div {
    width: 90%;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .away_text {
    font-size: 12px;
  }

  .near_mart_store .all_content_holder .right_side_div .all_store_holder .store_div .title_holder .title_text {
    font-size: 14px;
  }
}




















/* old CSS */

.near-mart-store {
  margin-top: 2%;
  margin-bottom: 12%;
}

.near-mart-store .heading-holder h1 {
  background: transparent linear-gradient(90deg, #ffffff 0%, #ffc4b8 51%, #ffffff 100%) 0% 0% no-repeat padding-box;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.near-mart-store .slider-sec {
  margin-bottom: 3%;
}


.near-mart-store .silder-btn {
  position: relative;
}

.near-mart-store .mySwiper {
  padding: 0px 0px 0px 0px;
}

.near-mart-store .nav-item .active,
.near-mart-store .show>.nav-link {
  background-color: #df4223 !important;
  color: #fff;
  border-radius: 0%;
  font-size: 15px;
  border: none;
  border-radius: 0%;
}

.near-mart-store .nav-link:hover {
  background: #df4223 0% 0% no-repeat padding-box;
  color: #fff;
  border-radius: 0%;
  font-size: 15px;
  border: none;
  border-radius: 0%;
}

.near-mart-store .nav-link {
  color: #000;
  font-size: 15px;
  border: none;
  border-radius: 0%;
  border: 1px solid #df42235c;
  padding: 5px 10px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}


.near-mart-store .swiper {
  width: 100%;
}

.near-mart-store .swiper .swiper-wrapper {
  justify-content: left;
}

.near-mart-store .product-slide {
  /* width: 100% !important; */
  /* width: fit-content !important; */
}

/* .near-mart-store .mySwiper1 {
  margin-left: 0%;
} */
/* .near-mart-store .silder-btn .back-btn {
  content: url("../../../../public/assets/Image/Homepage/Popular-Categories/left.png");
  width: 20px;
  height: 20px;
  margin: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 155px;
  z-index: 999;
  left: -23px;
} */

/* .near-mart-store .silder-btn .next-btn {
  content: url("../../../../public/assets/Image/Homepage/Popular-Categories/next.png");
  width: 20px;
  height: 20px;
  margin: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 155px;
  z-index: 999;
  right: -22px;
} */

.near-mart-store .swiper-button-prev.swiper-button-disabled,
.near-mart-store .swiper-button-next.swiper-button-disabled {
  display: none;
}

.near-mart-store .swiper-button-prev:after,
.near-mart-store .swiper-button-next:after {
  display: none;
}

/* .near-mart-store .swiper-pagination-bullet {
  background: #df4223;
  opacity: 1;
} */

/* .near-mart-store .veggies.card:hover .card-body .cart .background button.btn.btn-like {
    transform: translateY(0);
    animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
} */

/* .near-mart-store .veggies.card .card-body .cart {
  display: none;
}

.near-mart-store .veggies.card:hover .card-body .cart {
  display: block;
} */

/* @-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
}

@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
} */

/* .slide-bottom {
  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
} */
@media (min-width: 0px) and (max-width: 420px) {
  .near-mart-store {
    margin-bottom: 35%;
  }
}

@media (min-width: 421px) and (max-width: 577px) {
  .near-mart-store {
    margin-bottom: 25%;
  }
}

@media (min-width: 578px) and (max-width: 767px) {
  .near-mart-store {
    margin-bottom: 20%;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .near-mart-store .online-store p {
    margin: 23px 21px 0px 21px;
  }

  .near-mart-store .online-store h2 {
    font-size: 18px;
  }

  .near-mart-store {
    margin-bottom: 18%;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .near-mart-store .online-store h2 {
    font-size: 18px;
  }

  .near-mart-store .silder-btn .next-btn {
    right: -18px;
  }

  .near-mart-store .silder-btn .back-btn {
    left: -18px;
  }
}