.dis-cat {
  text-align: center;
}

.dis-cat .category-container {
  position: relative;
  padding: 10px;
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out; /* Smooth background color transition */
}

.dis-cat .category-img {
  filter: brightness(15) invert(0) saturate(0);
  transition: filter 0.3s ease-in-out; /* Smooth filter transition */
  height: 130px;
}

/* Apply hover effects when hovering over <a> within .dis-cat .row */
.dis-cat .row a:hover .category-container {
  background-color: #fff !important; /* Change background on hover */
}

.dis-cat .row a:hover .category-img {
  filter: unset; /* Remove filter on hover */
}

.dis-cat h2 {
  font-size: 17px !important;;
  margin-bottom: 0 !important;;
  margin-top: 7px !important;; 
  color:#221f20 !important;
}
.page-banner{
	border-bottom:solid 10px var(--firstcolor)
}



.offer {
  border: 1px solid #ccc; /* Added border */
  border-radius: 4px;
  background-color: #fff; /* Assuming a white background for each offer */
  position: relative; /* For absolute positioning of the arrow */

  text-align: center;

}
.offer-in{
	    padding: 10px;
	display:flex;
	border-right:26px solid var(--firstcolor)
	
}
.offer-t{
	margin:auto
}
.offer img {
  max-width: 100%;
  height: 70px;
}

.offer .location {
  font-size: 0.9em;
  color: #221f20;
  margin-top: 10px;
}

.offer i.fa {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
}




 .offer-details {
  background-color: #fff;
  padding: 15px;
  margin-top: 15px;
  border: 1px solid #ddd;
}

.offer-details .logo {
  max-width: 120px;
  height: auto;
}

.offer-details .text-section {
  padding-left: 15px;
}

.offer-details .discount-banner {
  max-width: 180px;
  height: auto;
  border-radius: 5px; /* Fixed typo */
}

.offer-details .icons {
  font-size: 2em;
  padding: 5px;
  color: #333;
}

@media (max-width: 768px) {
  .offer-details .text-section,
  .offer-details .discount-banner {
    padding-top: 10px;
  }
}

.d-banner {
  position: relative;
}

.d-padge {
  position: absolute;
  top: 0;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.d-padge h6  {
  color: #fff;
  margin: 0; /* Remove default margins */
  position:absolute;
  top:20px;
  
}
 .d-padge span {
  color: #fff;
  margin: 0; /* Remove default margins */
   position:absolute;
  top:40px;

}
 .d-padge svg #Path_708  {
fill:var(--firstcolor)

}

.ol-tittle{
	padding-top: 13px;
    background-color: #eee;
}
.vall i{
	margin:3px
}