/* RAFimport patch v86: transparent process cards, darker blue lower tint, no underlay */

/* Remove every visual underlay beneath the cards */
.raf-process-v84::before,
.raf-process-v84__stage::before,
.raf-process-v84__stage::after,
.raf-process-v84__slider::before,
.raf-process-v84__slider::after,
.raf-process-v84__viewport::before,
.raf-process-v84__viewport::after,
.raf-process-v84__track::before,
.raf-process-v84__track::after,
.raf-process-v84__car-wrap::after,
.raf-process-v84-card::after{
  content:none!important;
  display:none!important;
}

.raf-process-v84__stage,
.raf-process-v84__slider,
.raf-process-v84__viewport,
.raf-process-v84__track{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* Enough breathing room so no clipped shadow becomes a grey horizontal strip */
.raf-process-v84__viewport{
  padding:6px 2px 12px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}

.raf-process-v84__track{
  gap:16px!important;
}

/* Keep the cards glassy / transparent. Only the bottom blue tint is darker. */
.raf-process-v84-card{
  position:relative!important;
  isolation:isolate!important;
  flex:0 0 calc((100vw - 48px - 350px - 32px) / 3)!important;
  width:calc((100vw - 48px - 350px - 32px) / 3)!important;
  max-width:300px!important;
  min-width:248px!important;
  min-height:236px!important;
  padding:18px 18px 20px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(73,159,211,.38)!important;
  color:#1e2733!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.82) 0%,
      rgba(255,255,255,.72) 48%,
      rgba(235,247,253,.66) 67%,
      rgba(54,128,176,.38) 100%
    )!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  box-shadow:none!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease!important;
}

.raf-process-v84-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.82),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

.raf-process-v84-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(36,147,211,.58)!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.88) 0%,
      rgba(255,255,255,.78) 48%,
      rgba(231,246,253,.72) 66%,
      rgba(42,119,169,.46) 100%
    )!important;
  box-shadow:none!important;
}

.raf-process-v84-card__top{
  min-height:44px!important;
  margin-bottom:14px!important;
}

.raf-process-v84-card__icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
}

.raf-process-v84-card__icon img,
.raf-process-v84-card__icon svg{
  width:42px!important;
  height:42px!important;
  filter:drop-shadow(0 7px 13px rgba(35,149,214,.16))!important;
}

.raf-process-v84-card__number{
  color:#148ec8!important;
  font-size:14px!important;
  letter-spacing:.14em!important;
}

.raf-process-v84-card h3{
  max-width:none!important;
  margin:0 0 14px!important;
  color:#26313c!important;
  font-size:18px!important;
  line-height:1.03!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}

.raf-process-v84-card p{
  margin:auto 0 0!important;
  color:#556979!important;
  font-size:14px!important;
  line-height:1.45!important;
}

.raf-process-v84__nav{
  margin-top:10px!important;
}

@media (min-width:1448px){
  .raf-process-v84-card{
    flex-basis:289px!important;
    width:289px!important;
    max-width:289px!important;
  }
}

@media (max-width:1180px){
  .raf-process-v84-card{
    flex-basis:calc((100vw - 48px - 290px - 16px) / 2)!important;
    width:calc((100vw - 48px - 290px - 16px) / 2)!important;
    max-width:310px!important;
    min-width:248px!important;
  }
}

@media (max-width:900px){
  .raf-process-v84-card{
    flex-basis:calc((100% - 16px) / 2)!important;
    width:calc((100% - 16px) / 2)!important;
    max-width:none!important;
    min-width:248px!important;
    min-height:224px!important;
  }
}

@media (max-width:620px){
  .raf-process-v84__track{gap:12px!important;}
  .raf-process-v84-card{
    flex-basis:100%!important;
    width:100%!important;
    min-width:100%!important;
    min-height:214px!important;
    padding:18px!important;
    border-radius:20px!important;
  }
}