/* V35 compact homepage flow sections */

.ml-flow-compact-v35,
.ml-flow-compact-v35 *{
  box-sizing:border-box !important;
  border-radius:0 !important;
}

.ml-flow-compact-v35{
  background:#06142f !important;
  background-image:linear-gradient(135deg,#06142f 0%,#09265b 100%) !important;
  color:#fff !important;
  padding:34px 24px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.ml-flow-compact-inner-v35{
  max-width:1180px !important;
  margin:0 auto !important;
}

.ml-flow-compact-head-v35{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(260px,420px) !important;
  gap:20px !important;
  align-items:end !important;
  margin-bottom:18px !important;
}

.ml-flow-label-v35{
  display:inline-flex !important;
  margin-bottom:8px !important;
  color:#4ee3ff !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.ml-flow-compact-v35 h2{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(26px,3vw,40px) !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  font-weight:950 !important;
}

.ml-flow-compact-v35 p{
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.ml-flow-grid-v35{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.ml-flow-grid-v35 a,
.ml-flow-grid-v35 .ml-flow-card-v35{
  min-height:82px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:5px !important;
  padding:16px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.ml-flow-grid-v35 a:hover{
  background:rgba(78,227,255,.12) !important;
  border-color:rgba(78,227,255,.26) !important;
}

.ml-flow-grid-v35 strong{
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
}

.ml-flow-grid-v35 span{
  color:rgba(255,255,255,.70) !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

.ml-flow-trust-v35{
  padding:30px 24px !important;
}

.ml-flow-trust-v35 .ml-flow-grid-v35{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.ml-flow-trust-v35 .ml-flow-card-v35{
  min-height:112px !important;
}

.ml-flow-trust-v35 .ml-flow-actions-v35{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:18px !important;
}

.ml-flow-trust-v35 .ml-flow-actions-v35 a{
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 16px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.ml-flow-trust-v35 .ml-flow-actions-v35 a:first-child{
  background:#fff !important;
  color:#06142f !important;
  border-color:#fff !important;
}

.ml-flow-trust-v35 .ml-flow-actions-v35 a:last-child{
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
}

@media(max-width:860px){
  .ml-flow-compact-head-v35{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .ml-flow-grid-v35,
  .ml-flow-trust-v35 .ml-flow-grid-v35{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  .ml-flow-compact-v35{
    padding:26px 18px !important;
  }

  .ml-flow-grid-v35 a,
  .ml-flow-grid-v35 .ml-flow-card-v35{
    min-height:72px !important;
  }
}