@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
html{
  overflow-x: hidden;
}
body {
  font-family: "Inter", sans-serif;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/Inter-variable.woff2') format('woff2');
}
.klaviyo-form.klaviyo-form.klaviyo-form{
    margin: auto;
    margin-top: -50px;
}
.klaviyo-form.klaviyo-form.klaviyo-form .needsclick form{
    background-color: transparent!important;
}
.wlp{
  font-family: "Inter", sans-serif;
  color: #000;
}
.grey-background{
  background-color: #F3EFEF;
}
.wlp-container{
  min-height: 100px;
  width: 868px;
  margin: auto;
  text-align: center;
  margin-top: 20px;
  /* margin-bottom: 20px; */
}
.logo-link{
  display: block;
  margin: auto;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.wlp-logo{
  width: 200px;
}
.wlp h2{
  font-family: "Inter", sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 45px;
  color: #000;
  margin-top: 40px;
}
.wlp h3{
  font-family: "Inter", sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 34px;
  color: #000;
  margin-top: 10px;
}
.wlp h3 a{
  color: #C51E25;
}
.wlp h4{
  font-family: "Inter", sans-serif;
  text-align: center;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 25px;
  line-height: 62px;
  color: #000;
}
.wlp h4 a{
  color: #C51E25;
}
.wlp h5{
  font-family: "Inter", sans-serif;
  text-align: left;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 25px;
  color: #fff;
  background: #C51E25;
  padding: 5px;
}
.wlp ul{
  text-align: left;
  font-size: 19px;
  line-height: 1.5;
  width: 636px;
  margin: auto;
  max-width: 100%;
  margin-left: 165px;
  margin-top: 20px;
  font-weight: 500;
}
.wlp hr{
  width: 515px;
  border-top: 1px solid #000000;
}
.wlp span{
  font-size: 34px;
  color:#000000;
}
.wlp-container p{
  margin-bottom: 20px;
  font-size: 16px;
  text-align: left;
  font-family: "Inter", sans-serif;
}
.discover-section p{
  text-align: center;
}
.wlp .get-access-button{
  background-color: #C51E25;
  padding: 5px;
  width: 260px;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
  margin-bottom: 20px;
}
.avatar-box{
  position: relative;
  min-height: 364px;
}
.avatar-box .avatar-image{
  width: 610px;
  height: 360px;
  position: absolute;
  left: -50px;
  bottom: 0px;
}
.avatar-box ul{
  position: absolute;
  bottom: 28px;
  right: -18px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 7px;
  width: 476px;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
}
.avatar-box .avatar-box-span{
  color: #fff;
  background: #000;
  padding: 4px 14px;
  border-radius: 7px;
  border: 1px solid #000;
  position: absolute;
  bottom: 194px;
  right: 120px;
  font-size: 16px;
}
.rob-wlp-background {
    background-image: url(../images/wlp-graph.png);
    background-size: 100%;
    background-position: 0 240px;
    background-repeat: no-repeat;
    min-height: 800px;
    background-color: #ffffff;
    text-align: center;
}
.instant-download-ul ul{
  width: 788px;
  margin-left: 40px;
  margin-bottom: 40px;
}
.wlp-container .stock-preview-box{
  background: #fff;
  border: 1.5px solid #000;
  margin-top: 20px;
  margin-bottom: 20px;
}
.wlp-container .stock-preview-box .icon{
  width: 32px;
  height: 32px;
  stroke: #fff;
  stroke-width: 2.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  vertical-align: middle;
  margin-left: 14px;
  margin-right: 7px;
}
.wlp-container .stock-preview-box .preview-heading{
  font-family: "Inter", sans-serif;
  text-align: left;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 25px;
  color: #fff;
  background: #C51E25;
  padding: 5px;
}
.wlp-container .stock-preview-box ul{
  text-align: left;
  font-size: 18px;
  line-height: 1.5;
  width: fit-content;
  margin: auto;
  max-width: 100%;
  margin-left: 76px;
  padding: 10px;
}
.center-align{
    text-align: center!important;
    font-size: 18px;
    line-height: 30px;
}
.mobileview{
  display: none;
}
.desktopview{
  display: block;
}
footer{
    display: none !important;
}
.navbar-inverse{
    display: none !important;
}
.bottomLine{
    display: none;
}
/* Responsive */
@media (max-width: 767px) {
    .wlp h2{
        font-size: 40px;
    }
    .wlp h3{
        font-size: 20px;
    }
    .wlp h4{
      font-size: 20px;
    }
    .wlp{
        margin-top: 80px;
    }
    .wlp-container{
        width: 100%;
        padding: 10px 14px;
    }
    .mobileview{
        display: block!important;
    }
    .desktopview{
        display: none!important;
    }
    .wlp h5{
        font-size: 24px;
    }
    .wlp ul{
        max-width: 96%;
        font-size: 18px;
        line-height: 1.5;
        margin: auto;
    }
    .rob-wlp-background {
        background-image: url(../images/wlp-graph-mobile.png);
        background-size: 100%;
        background-position: 0 610px;
        min-height: 800px;
    }
    .avatar-box .avatar-image{
      width: 318px;
      height: 281px;
      margin: auto;
      position: relative;
      left: 0;
      bottom: 0;
    }
    .avatar-box ul{
      position: relative;
      left: 0;
      bottom: 0;
    }
    .avatar-box .avatar-box-span{
      bottom: 212px;
      width: 227px;
      font-size: 16px;
      left: 80px;
    }
    .wlp hr{
      width: 80%;
    }
    .wlp-container .stock-preview-box .preview-heading{
      padding-left: 60px;
    }
    .wlp-container .stock-preview-box .icon{
      margin-left: -46px;
    }
  .wlp span{
    font-size: 28px;
  }
}