/* ===== STYLE 3 ===== */
.style-3{
  display:flex;
  position:relative;
  background:#f4f7ff;
  border-radius:40px;
  min-height:400px;
  align-items:center;
}

.style-3 .image-box{
  flex:1;
  max-width:45%;
  height:320px;
  background-size:cover;
  background-position:center;
  border-radius:30px;
}

.style-3 .content-box{
  flex:1;
  background:white;
  padding:40px;
  border-radius:30px;
  box-shadow:15px 15px 40px rgba(0,0,0,0.1);
  position:absolute;
  left:40%;
  max-width:55%;
  z-index:2;
}

.style-3.reverse .image-box{
  margin-left:auto;
}

.style-3.reverse .content-box{
  left:auto;
  right:40%;
}

.style-3 .scw-button{
  display:inline-block;
  padding:12px 28px;
  border-radius:30px;
  background:linear-gradient(45deg,#7a58ff,#b14dff);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  width:max-content;
  border:none;
  cursor:pointer;
}

@media(max-width:768px){
  .style-3{ flex-direction:column; }
  .style-3 .content-box{ position:static; transform:none; margin-top:-30px; max-width:100%; }
}