/* WGRCMS-Step-0040c Safe Hero Visual */
.hero-visual{
  position:absolute!important;
  right:max(42px,calc((100% - 1180px)/2))!important;
  top:105px!important;
  width:560px!important;
  height:410px!important;
  border-radius:0 0 0 38px!important;
  overflow:hidden!important;
  background:#dbeef8!important;
  box-shadow:0 24px 70px rgba(9,35,59,.18)!important;
  z-index:1!important;
}

.hero-photo{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.hero-safe-visual{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  background:linear-gradient(180deg,#dff1fb 0 54%,#e8f2cf 54% 100%)!important;
}

.hero-safe-visual:before{
  content:""!important;
  position:absolute!important;
  right:56px!important;
  top:44px!important;
  width:62px!important;
  height:62px!important;
  border-radius:999px!important;
  background:#fff4c7!important;
  box-shadow:0 0 0 22px rgba(255,244,199,.25)!important;
}

.hero-safe-hill{
  position:absolute!important;
  left:-60px!important;
  right:-60px!important;
  bottom:-35px!important;
  height:210px!important;
  background:linear-gradient(180deg,#cfe4a8,#98bd3d)!important;
  border-radius:50% 50% 0 0!important;
}

.hero-safe-house{
  position:absolute!important;
  left:170px!important;
  top:155px!important;
  width:260px!important;
  height:160px!important;
  background:#f2e7c8!important;
  border-radius:8px 8px 0 0!important;
  box-shadow:0 18px 34px rgba(9,35,59,.16)!important;
}

.hero-safe-house:before{
  content:""!important;
  position:absolute!important;
  left:-18px!important;
  top:-54px!important;
  width:296px!important;
  height:76px!important;
  background:#bf5532!important;
  transform:skewX(-24deg)!important;
  border-radius:4px!important;
}

.hero-safe-house:after{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:42px!important;
  width:200px!important;
  height:76px!important;
  background:
    linear-gradient(90deg,#fff 0 40px,transparent 40px 54px,#fff 54px 94px,transparent 94px 108px,#fff 108px 148px,transparent 148px 162px,#fff 162px 200px)!important;
  border-radius:4px!important;
  box-shadow:0 0 0 4px #84b86a inset!important;
}

.hero-safe-side{
  position:absolute!important;
  left:92px!important;
  top:210px!important;
  width:150px!important;
  height:105px!important;
  background:#fff6dd!important;
  border-radius:7px 0 0 0!important;
  box-shadow:0 14px 26px rgba(9,35,59,.10)!important;
}

.hero-safe-side:before{
  content:""!important;
  position:absolute!important;
  left:-10px!important;
  top:-42px!important;
  width:175px!important;
  height:55px!important;
  background:#ce6b3d!important;
  transform:skewX(26deg)!important;
  border-radius:4px!important;
}

.hero-safe-tree{
  position:absolute!important;
  width:72px!important;
  height:112px!important;
  left:430px!important;
  bottom:70px!important;
}

.hero-safe-tree:before{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  bottom:0!important;
  width:12px!important;
  height:64px!important;
  background:#8c6738!important;
  border-radius:10px!important;
}

.hero-safe-tree:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:72px!important;
  height:72px!important;
  border-radius:999px!important;
  background:#76ad5e!important;
  box-shadow:20px 30px 0 #8fbd6d,-16px 36px 0 #9fbd3e!important;
}

@media(max-width:980px){
  .hero-visual{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    height:320px!important;
    margin-top:32px!important;
    border-radius:18px!important;
  }
}