/* Home page premium experience preview section below the text blocks. */
#main .walkinto-experience-row{
  background:#ffffff!important;
  border:none!important;
  box-shadow:none!important;
}
#main .walkinto-experience-preview-section{
  background:#ffffff!important;
  border-top:1px solid rgba(211,163,84,.28)!important;
  border-bottom:1px solid rgba(18,35,54,.08)!important;
  padding:58px 20px 64px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#main .walkinto-experience-preview{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
#main .walkinto-experience-kicker{
  color:#d3a354!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:2.6px!important;
  margin:0 0 13px!important;
}
#main .walkinto-experience-layout{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:42px!important;
  margin:0 0 32px!important;
}
#main .walkinto-experience-copy{
  flex:0 0 39%!important;
  max-width:470px!important;
  background:transparent!important;
}
#main .walkinto-experience-copy h2{
  color:#122336!important;
  font-size:25px!important;
  line-height:1.18!important;
  font-weight:300!important;
  letter-spacing:.2px!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
}
#main .walkinto-experience-copy p{
  color:#596674!important;
  font-size:15px!important;
  line-height:1.85!important;
  margin:0 0 26px!important;
  padding:0!important;
  background:transparent!important;
}
#main .walkinto-experience-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
  background:transparent!important;
}
#main .walkinto-experience-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  border:1px solid rgba(18,35,54,.18)!important;
  color:#122336!important;
  background:#ffffff!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 24px rgba(18,35,54,.08)!important;
  transition:transform .25s ease, box-shadow .25s ease, color .25s ease, border-color .25s ease, background-color .25s ease!important;
}
#main .walkinto-experience-btn.primary{
  color:#ffffff!important;
  border-color:#122336!important;
  background:#122336!important;
}
#main .walkinto-experience-btn:hover{
  color:#ffffff!important;
  border-color:#d3a354!important;
  background:#d3a354!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(18,35,54,.15)!important;
}
#main .walkinto-experience-card{
  position:relative!important;
  display:block!important;
  flex:1 1 auto!important;
  min-height:330px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  text-decoration:none!important;
  background:#122336!important;
  box-shadow:0 28px 70px rgba(18,35,54,.22)!important;
  transform:translateZ(0)!important;
}
#main .walkinto-experience-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:330px!important;
  object-fit:cover!important;
  opacity:.86!important;
  transform:scale(1.01)!important;
  transition:transform .55s ease, opacity .55s ease!important;
}
#main .walkinto-experience-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg, rgba(18,35,54,.76) 0%, rgba(18,35,54,.28) 48%, rgba(18,35,54,.08) 100%)!important;
  pointer-events:none!important;
}
#main .walkinto-experience-card:hover img{
  opacity:.96!important;
  transform:scale(1.055)!important;
}
#main .walkinto-card-badge{
  position:absolute!important;
  left:24px!important;
  top:24px!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  height:30px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(8px)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:1.7px!important;
  text-transform:uppercase!important;
}
#main .walkinto-card-play{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:2!important;
  width:74px!important;
  height:74px!important;
  margin:-37px 0 0 -37px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.62)!important;
  background:rgba(255,255,255,.18)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.23)!important;
  transition:transform .25s ease, background-color .25s ease, border-color .25s ease!important;
}
#main .walkinto-card-play:after{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:23px!important;
  width:0!important;
  height:0!important;
  border-top:14px solid transparent!important;
  border-bottom:14px solid transparent!important;
  border-left:20px solid #ffffff!important;
}
#main .walkinto-experience-card:hover .walkinto-card-play{
  transform:scale(1.06)!important;
  border-color:#d3a354!important;
  background:rgba(211,163,84,.88)!important;
}
#main .walkinto-card-caption{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:24px!important;
  z-index:2!important;
  color:#ffffff!important;
}
#main .walkinto-card-caption strong{
  display:block!important;
  color:#ffffff!important;
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:300!important;
  margin:0 0 5px!important;
}
#main .walkinto-card-caption em{
  display:block!important;
  color:rgba(255,255,255,.78)!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-style:normal!important;
  letter-spacing:.2px!important;
}
#main .walkinto-experience-benefits{
  display:flex!important;
  gap:18px!important;
  margin:0 0 24px!important;
  background:transparent!important;
}
#main .walkinto-benefit-card{
  flex:1 1 0!important;
  min-height:142px!important;
  padding:25px 24px 23px!important;
  border-radius:18px!important;
  border:1px solid rgba(18,35,54,.08)!important;
  background:#f8f5ef!important;
  box-shadow:0 14px 34px rgba(18,35,54,.06)!important;
  box-sizing:border-box!important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease!important;
}
#main .walkinto-benefit-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(211,163,84,.42)!important;
  box-shadow:0 20px 42px rgba(18,35,54,.11)!important;
}
#main .walkinto-benefit-card i{
  display:block!important;
  color:#d3a354!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0 0 15px!important;
}
#main .walkinto-benefit-card h3{
  color:#122336!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:600!important;
  margin:0 0 9px!important;
  padding:0!important;
  background:transparent!important;
}
#main .walkinto-benefit-card p{
  color:#64707c!important;
  font-size:13px!important;
  line-height:1.65!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
#main .walkinto-trusted-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:48px!important;
  padding:9px 18px!important;
  border-radius:999px!important;
  color:#122336!important;
  background:#ffffff!important;
  border:1px solid rgba(211,163,84,.32)!important;
  box-shadow:0 12px 28px rgba(18,35,54,.06)!important;
  font-size:13px!important;
  line-height:1.5!important;
  letter-spacing:.4px!important;
  text-align:center!important;
}
#main .walkinto-trusted-line i{
  color:#d3a354!important;
  font-size:15px!important;
}
@media only screen and (max-width: 980px){
  #main .walkinto-experience-layout{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:28px!important;
  }
  #main .walkinto-experience-copy{
    flex:none!important;
    max-width:none!important;
  }
  #main .walkinto-experience-copy h2{
    font-size:20px!important;
  }
  #main .walkinto-experience-benefits{
    flex-direction:column!important;
  }
}
@media only screen and (max-width: 560px){
  #main .walkinto-experience-preview-section{
    padding:42px 14px 48px!important;
  }
  #main .walkinto-experience-copy h2{
    font-size:20px!important;
  }
  #main .walkinto-experience-card,
  #main .walkinto-experience-card img{
    min-height:270px!important;
  }
  #main .walkinto-card-play{
    width:62px!important;
    height:62px!important;
    margin:-31px 0 0 -31px!important;
  }
  #main .walkinto-card-play:after{
    left:25px!important;
    top:19px!important;
    border-top-width:12px!important;
    border-bottom-width:12px!important;
    border-left-width:18px!important;
  }
  #main .walkinto-card-caption strong{
    font-size:19px!important;
  }
  #main .walkinto-trusted-line{
    border-radius:18px!important;
  }
}