/* ===== STYLE 6 ===== */
.style-6{
  display:flex;
  background:#f8faff;
  border-radius:40px;
  margin-bottom:50px;
  overflow:hidden;
  min-height:450px;
}

.style-6.reverse{
  flex-direction:row-reverse;
}

.style-6 .content-box{
  flex:1;
  padding:60px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.style-6 .image-stack{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:15px;
  padding:30px;
}

.style-6 .img-item{
  flex:1;
  background-size:cover;
  background-position:center;
  border-radius:20px;
}

.style-6 .btn {
  background: #7d2ae8;
  color: white;
  border: none;
  padding: 14px 35px;
  border-radius: 12px;
  font-weight: bold;
  cursor: pointer;
  width: fit-content;
}

@media(max-width:768px){
  .style-6, .style-6.reverse{ flex-direction:column; }
  .style-6 .image-stack{ display:grid; grid-template-columns:1fr 1fr; padding:20px; }
  .style-6 .content-box{ padding:30px 20px; text-align:center; align-items:center; }
}