/* ===== Wrapper ===== */
.industries-section .industries-wrapper {
  padding: 0 20px;
}

/* ===== Header ===== */
.industries-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 10vh;
}

.industries-nav {
  display: flex;
  gap: 0.6rem;
}

/* ===== Arrow Buttons (SMALL + SOFT PURPLE) ===== */
.industries-arrow {
  font-size: 1.2rem;
  cursor: pointer !important;
  color: #7A5AF8;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(122, 90, 248, 0.08);
  border: 1px solid rgba(122, 90, 248, 0.15);
  box-shadow: 0 2px 6px rgba(122, 90, 248, 0.08);
  transition: all 0.25s ease;
}

/* Hover */
.industries-arrow:hover {
  background: rgba(122, 90, 248, 0.15);
  color: #6D4CFF;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(122, 90, 248, 0.15);
}

/* Active */
.industries-arrow:active {
  background: rgba(122, 90, 248, 0.25);
  transform: scale(0.92);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

/* Disabled (Swiper) */
.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

/* ===== Slides ===== */
.industries-slide {
  width: 220px;
  height: 420px;
  position: relative;
  cursor: pointer;
  transition: all 0.6s ease;
}

.industries-slide.active-slide {
  width: 380px;
  z-index: 5;
}

/* ===== Image ===== */
.industries-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 14px;
}


/* Smooth image animation base */
.industries-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* 🔥 animation setup */
  transform: scale(1) translateX(0);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 🚀 Hover / Active slide effect */
.industries-slide.active-slide .industries-image img {
  transform: scale(1.15) translateX(20px);
}
/* ===== Gradient Overlay ===== */
.industries-image::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.4) 40%,
    rgba(0,0,0,0.2) 100%
  );
  transition: all 0.4s ease;
  z-index: 1;
}

.industries-slide.active-slide .industries-image::before {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0.6) 40%,
    rgba(0,0,0,0.3) 100%
  );
}

/* ===== Title ===== */
.industries-title {
  position: absolute;
  bottom: 15px;
  left: 20px;
  color: #fff;
  font-size: 2rem;
  line-height: 2.6rem;
  z-index: 2;
	font-weight:400;
  transition: 0.3s;
	font-family:"BagossCondensed-TRIAL-Medium";
}

/* ===== Content ===== */
.industries-content {
  position: absolute;
  font-size:1.4rem;
  line-height: 2rem;
  bottom: 15px;
  left: 20px;
  right: 20px;
  color: #fff;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.4s;
  z-index: 3;

}
.industries-content h3{
font-family:"BagossCondensed-TRIAL-Medium";
line-height: 2.8rem;
font-size:2rem;
  color: #fff;
}
.industries-slide.active-slide .industries-content {
  opacity: 1;
  transform: translateY(0);
}

.industries-slide.active-slide .industries-title {
  opacity: 0;
}

/* ===== Button ===== */
.industries-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 14px;
	font-family:'Inter';
  background: #fff;
  color: #000;
  border-radius: 30px;
  font-size: 1.4rem;
  line-height: 2rem;
  text-decoration: none;
  transition: 
    background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.industries-btn:hover {
  background: #7A5AF8;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(122, 90, 248, 0.25);
}

/* ===== Scrollbar ===== */

/* ===== Responsive ===== */

/* <= 1440px */
@media (max-width: 1440px) {

  .industries-content {
	font-size: 1.2rem;	
  line-height: 1.8rem !important;
}
  .industries-slide {
    height: 320px;
    width: 240px;
  }
 
  .industries-slide.active-slide {
    width: 420px;
  }

  .industries-arrow {
    width: 25px;
    height: 25px;
    font-size: 1.0rem;
  }

  .industries-btn {
    padding: 2px 12px;
    font-size: 1.2rem;
  }
}

/* <= 1024px */
@media (max-width: 1024px) {
  .industries-slide { height: 340px; }
  .industries-slide.active-slide { width: 300px; }

  .industries-arrow {
    width: 34px;
    height: 34px;
    font-size: 1.1rem;
  }

  .industries-btn {
    padding: 5px 12px;
    font-size: 1.2rem;
  line-height: 1.8rem;
  }
}

/* <= 768px */
@media (max-width: 768px) {
  .industries-slide { height: 300px; }

  .industries-arrow {
    width: 30px;
    height: 30px;
    font-size: 1rem;
  }

  .industries-btn {
    padding: 3px 8px;
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

   /* Show content always */
  .industries-content {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  /* ❌ Hide title completely */
  .industries-title {
    display: none !important;
  }

  /* Remove dependency on active-slide */
  .industries-slide.active-slide .industries-content {
    opacity: 1;
    transform: translateY(0);
  }

  /* Disable expand effect (clean mobile layout) */
  .industries-slide,
  .industries-slide.active-slide {
    width: 100% !important;
  }

  /* Improve readability */
  .industries-image::before {
    background: linear-gradient(
      to top,
      rgba(0,0,0,0.85) 0%,
      rgba(0,0,0,0.55) 50%,
      rgba(0,0,0,0.25) 100%
    );
  }
}

/* <= 480px */
@media (max-width: 480px) {

  .industries-arrow {
    width: 20px !important	;
    height: 20px !important	;
    font-size: 1rem;
  }
  .industries-slide {
    width: 100%;
    height: 260px;
  }

  .industries-slide.active-slide {
    width: 100%;
  }
.industries-header {
   
    height: 6vh !important	;
}
}