/* Industries Slider - Part-based reveal animation */
/* Based on slider with 4-part quadrant reveal */

/* Scroll size effect wrapper - starts small, grows with scroll */
.industries-slider-scroll-wrapper {
  position: relative;
  width: 65%;
  min-width: 280px;
  max-width: 700px;
  height: 380px;
  margin: 0 auto;
  border-radius: 1rem;
  overflow: hidden;
  transform-origin: center center;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.industries-slider-scroll-wrapper .industries-slider {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
}

.industries-slider input[type="radio"] {
  position: absolute;
  top: -5000px;
  left: -5000px;
  opacity: 0;
  z-index: -1000;
}

.industries-slider {
  position: relative;
  height: 470px;
  border-radius: 1rem;
  overflow: visible;
  width: 100%;
}

.industries-slider > .industries-slider--el {
  overflow: hidden;
  border-radius: 1rem;
}

.industries-slider--control {
  z-index: 50;
  position: absolute;
  top: calc(50% - 2rem);
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background: rgba(0, 51, 102, 0.85);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

.industries-slider--control:hover {
  background: #dc2626;
}

.industries-slider--control.left {
  left: 1rem;
}

.industries-slider--control.right {
  right: 1rem;
}

.industries-slider--control .arrow {
  width: 1rem;
  height: 1rem;
  border-top: 2px solid white;
  border-right: 2px solid white;
}

.industries-slider--control.left .arrow {
  transform: rotate(-135deg);
  margin-left: 0.25rem;
}

.industries-slider--control.right .arrow {
  transform: rotate(45deg);
  margin-right: 0.25rem;
}

.industries-slider--control label {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform: scale(0);
  transition: transform 0s;
}

/* Show correct prev/next label per slide */
#ind-page1:checked ~ .industries-slider--control.left .page6-left,
#ind-page2:checked ~ .industries-slider--control.left .page1-left,
#ind-page3:checked ~ .industries-slider--control.left .page2-left,
#ind-page4:checked ~ .industries-slider--control.left .page3-left,
#ind-page5:checked ~ .industries-slider--control.left .page4-left,
#ind-page6:checked ~ .industries-slider--control.left .page5-left {
  z-index: 100;
  transform: scale(1);
  transition: transform 0s 2.1s;
}

#ind-page1:checked ~ .industries-slider--control.right .page2-right,
#ind-page2:checked ~ .industries-slider--control.right .page3-right,
#ind-page3:checked ~ .industries-slider--control.right .page4-right,
#ind-page4:checked ~ .industries-slider--control.right .page5-right,
#ind-page5:checked ~ .industries-slider--control.right .page6-right,
#ind-page6:checked ~ .industries-slider--control.right .page1-right {
  z-index: 100;
  transform: scale(1);
  transition: transform 0s 2.1s;
}

.industries-slider--el {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 2.8s, z-index 0.1s;
  overflow: hidden;
  border-radius: 1rem;
}

.industries-slider--el.anim-4parts .part {
  position: absolute;
  width: 50.2%;
  height: 50.2%;
  overflow: hidden;
  will-change: transform;
}

.industries-slider--el.anim-4parts .part::before {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 200%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}

.industries-slider--el.anim-4parts .part.top {
  top: 0;
  transition: transform 1.3s 0.3s cubic-bezier(0.58, -0.7, 0.59, 0.95);
}

.industries-slider--el.anim-4parts .part.top::before {
  top: 0;
}

.industries-slider--el.anim-4parts .part.bot {
  top: 50%;
  transition: transform 1.3s 0.5s cubic-bezier(0.58, -0.7, 0.59, 0.95);
}

.industries-slider--el.anim-4parts .part.bot::before {
  top: -100%;
}

.industries-slider--el.anim-4parts .part.left {
  left: 0;
}

.industries-slider--el.anim-4parts .part.left::before {
  left: 0;
}

.industries-slider--el.anim-4parts .part.right {
  left: 50%;
}

.industries-slider--el.anim-4parts .part.right::before {
  left: -100%;
}

/* Background images per slide */
.industries-slider--el-1 .part::before { background-image: url('https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?w=800&q=80'); }
.industries-slider--el-2 .part::before { background-image: url('https://images.unsplash.com/photo-1579684385127-1ef15d508118?w=800&q=80'); }
.industries-slider--el-3 .part::before { background-image: url('https://images.unsplash.com/photo-1541872703-74c5e44368f9?w=800&q=80'); }
.industries-slider--el-4 .part::before { background-image: url('https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?w=800&q=80'); }
.industries-slider--el-5 .part::before { background-image: url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=800&q=80'); }
.industries-slider--el-6 .part::before { background-image: url('https://images.unsplash.com/photo-1556761175-b413da4baf72?w=800&q=80'); }

.industries-slider--el.anim-4parts .part.left {
  transform: translateX(-100%);
}

.industries-slider--el.anim-4parts .part.right {
  transform: translateX(100%);
}

.industries-slider--el-bg {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background-size: cover;
  transition: transform 1s 1.5s;
  will-change: transform;
}

.industries-slider--el-bg .part::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 51, 102, 0.5);
}

.industries-slider--el-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  transition: opacity 0.3s;
  opacity: 0;
}

.industries-slider--el-content a {
  text-decoration: none;
  color: white;
  text-align: center;
}

.industries-slider--el-heading {
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* Active slide - #page1 through #page6 */
#ind-page1:checked ~ .industries-slider--el-1,
#ind-page2:checked ~ .industries-slider--el-2,
#ind-page3:checked ~ .industries-slider--el-3,
#ind-page4:checked ~ .industries-slider--el-4,
#ind-page5:checked ~ .industries-slider--el-5,
#ind-page6:checked ~ .industries-slider--el-6 {
  z-index: 10;
}

#ind-page1:checked ~ .industries-slider--el-1 .industries-slider--el-bg,
#ind-page2:checked ~ .industries-slider--el-2 .industries-slider--el-bg,
#ind-page3:checked ~ .industries-slider--el-3 .industries-slider--el-bg,
#ind-page4:checked ~ .industries-slider--el-4 .industries-slider--el-bg,
#ind-page5:checked ~ .industries-slider--el-5 .industries-slider--el-bg,
#ind-page6:checked ~ .industries-slider--el-6 .industries-slider--el-bg {
  transform: scale(0.834);
}

#ind-page1:checked ~ .industries-slider--el-1 .industries-slider--el-content,
#ind-page2:checked ~ .industries-slider--el-2 .industries-slider--el-content,
#ind-page3:checked ~ .industries-slider--el-3 .industries-slider--el-content,
#ind-page4:checked ~ .industries-slider--el-4 .industries-slider--el-content,
#ind-page5:checked ~ .industries-slider--el-5 .industries-slider--el-content,
#ind-page6:checked ~ .industries-slider--el-6 .industries-slider--el-content {
  opacity: 1;
  transition: opacity 0.3s 1.8s;
}

#ind-page1:checked ~ .industries-slider--el-1 .part,
#ind-page2:checked ~ .industries-slider--el-2 .part,
#ind-page3:checked ~ .industries-slider--el-3 .part,
#ind-page4:checked ~ .industries-slider--el-4 .part,
#ind-page5:checked ~ .industries-slider--el-5 .part,
#ind-page6:checked ~ .industries-slider--el-6 .part {
  transform: translateZ(0);
  opacity: 1;
}