/* ======================================================
   DITCH WAIT CYCLE – DEVOPS SLIDER (BLOCK SCOPED)
====================================================== */

/* ===== RESET (BLOCK ONLY) ===== */
.ditch-wait-cycle-devops-slider * {
  box-sizing: border-box;
}

/* ===== SECTION ===== */
.ditch-wait-cycle-devops-slider {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, #E8F1FF 0%, #FFFFFF 100%);
  overflow: hidden;
}

.ditch-wait-cycle-devops-slider__container {
	width: 1280px;
	margin: auto;
	padding: 80px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
}



/* ===== LEFT CONTENT ===== */
.ditch-wait-cycle-devops-slider__content {
  max-width: 612px;
}

.ditch-wait-cycle-devops-slider__heading {
	margin-bottom: 20px;
	color: #000;
	font-family: ProximaNova-Bold;
	font-weight: 700;
	font-size: 48px;
	line-height: 121%;
}

.ditch-wait-cycle-devops-slider__desc {
	color: #000;
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 16px;
	line-height: 145%;
}

.ditch-wait-cycle-devops-slider__btn {
	display: inline-block;
	background: #ff4d1c;
	color: #fff;
	padding: 14px 22px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	display: flex;
	width: fit-content;
	align-items: center;
	gap: 5px;
}

/* ===== SLIDER WRAPPER ===== */
.ditch-wait-cycle-devops-slider__slider {
  position: relative;
  width: 525px;
  height: 580px;
  overflow: visible;
  flex-shrink: 0;
}

/* ===== CARD ===== */
.ditch-wait-cycle-devops-slider__card {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  background: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 16px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85);
  transition:
    transform 0.9s cubic-bezier(.4,0,.2,1),
    opacity 0.6s ease-in-out;

  will-change: transform, opacity;
  transition: all 0.5s ease-in-out;
  
}

.ditch-wait-cycle-devops-slider__card img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	transition: transform 0.45s ease, box-shadow 0.45s ease;
	object-position: top center;
}


.ditch-wait-cycle-devops-slider__card-text h4 {
	margin: 0;
	font-size: 32px;
	font-weight: 600;
	color: #000;
	font-family: ProximaNova-semiBold;
}

.ditch-wait-cycle-devops-slider__card-text span {
  display: block;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}

/* ===== ACTIVE CARD ===== */
.ditch-wait-cycle-devops-slider__card.active {
  opacity: 1;
  border: 2px solid #2f80ff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.ditch-wait-cycle-devops-slider__card.active img {
  width: 146px;
  height: 146px;
  border: 5px solid #2D94ED;
}

.ditch-wait-cycle-devops-slider__slider {
  cursor: grab;
}

.ditch-wait-cycle-devops-slider__slider.is-grabbing {
  cursor: grabbing;
}

/* ===== POSITION STATES ===== */
@media (max-width: 1024px) {
    .ditch-wait-cycle-devops-slider__slider {
    	width: 450px;
    }
    .ditch-wait-cycle-devops-slider__card-text h4 {
    	font-size: 22px;
    }
    .ditch-wait-cycle-devops-slider__card img {
    	width: 100px;
    	height: 100px;
    
    }
    .ditch-wait-cycle-devops-slider__card.active img {
      width: 110px;
      height: 110px;
      border: 5px solid #2D94ED;
    }
}


@media (max-width: 991px) {
.ditch-wait-cycle-devops-slider__slider {
	width: 380px;
}
.ditch-wait-cycle-devops-slider__heading {
	font-size: 36px;
}

}

@media (min-width: 768px) {
/* TOP */
.ditch-wait-cycle-devops-slider__card.pos-0 {
  transform: translate(-60%, -200%) scale(0.85);
  opacity: 0.5;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

/* CENTER */
.ditch-wait-cycle-devops-slider__card.pos-1 {
  transform: translate(-50%, -40%) scale(1);
  opacity: 1;
}

/* BOTTOM */
.ditch-wait-cycle-devops-slider__card.pos-2 {
  transform: translate(-80%, 120%) scale(0.85);
  opacity: 0.3;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}
}

/* ===== MOBILE MODE ===== */
@media (max-width: 768px) {

  .ditch-wait-cycle-devops-slider__container {
    flex-direction: column;
    gap: 40px;
  }

  .ditch-wait-cycle-devops-slider__slider {
    width: 100%;
    height: auto;
  }

  .ditch-wait-cycle-devops-slider__card {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    opacity: 0;
    margin: 0 auto;
  }

  .ditch-wait-cycle-devops-slider__card.active {
    opacity: 1;
  }
}

/* ================= MOBILE HORIZONTAL SLIDER ================= */
@media (max-width: 768px) {

  .ditch-wait-cycle-devops-slider__slider {
    width: 100%;
    overflow: hidden;
  }

  .ditch-wait-cycle-devops-slider__card {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.45s ease, opacity 0.45s ease;
  }

  .ditch-wait-cycle-devops-slider__card.active {
    position: relative;
    transform: translateX(0);
    opacity: 1;
  }

  .ditch-wait-cycle-devops-slider__card.prev {
    transform: translateX(-100%);
    opacity: 0;
  }

  .ditch-wait-cycle-devops-slider__card.next {
    transform: translateX(100%);
    opacity: 0;
  }
}