/* ===== Pagination: flat lines that auto-fill width ===== */
.hero-carousel .swiper-pagination {
  position: absolute;
  left: 0; right: 0; bottom: 14px;
  width:calc(100% - 100px);
  z-index: 5;

  display: flex;                 /* equal-width bars */
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  text-align: initial;
}
.hero-carousel .swiper-pagination-bullet {
  flex: 1 1 0;                   /* 1 slide → 100%, 2 → 50% each, etc. */
  height: 4px;
  border-radius: 0;
  margin: 0 !important;          /* use gap instead */
  background-color: rgba(0,0,0,.4) !important;
  opacity: 1;
}
.hero-carousel span.swiper-pagination-bullet-active {
	flex: 1 1 0;                   /* 1 slide → 100%, 2 → 50% each, etc. */
	height: 4px;
	border-radius: 0;
	margin: 0 !important;          /* use gap instead */
	background-color: rgba(0,0,0,.8) !important;
	opacity: 1;
}
.hero-carousel .slider-arrow-left{
    top: auto;
    left: auto;
    bottom: -16px;
    right: 60px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: transparent;
    border: 2px solid #000;
}
.hero-carousel .slider-arrow-right{
	    top: auto;
    bottom: -16px;
    right: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: transparent;
    border: 2px solid #000;
}
i.icon-line-arrow-left,i.icon-line-arrow-right {  

	font-size: 20px;
	color: #000;
	line-height: 39px;
}


.hero-carousel .slider-arrow-left:hover{
    background-color: #000 !important;
}
.hero-carousel .slider-arrow-right:hover{
    background-color: #000 !important;
}
i.icon-line-arrow-left:hover,i.icon-line-arrow-right:hover {  
	color: #fff;
}
.heading-fixed {
  display: -webkit-box;
  -webkit-line-clamp: 2;    /* Always reserve up to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(24px * 2); /* line-height * 2 (adjust if needed) */
  line-height: 24px;     /* ensure consistent baseline */
  font-size: 18px;     /* ensure consistent baseline */
}