/** Shopify CDN: Minification failed

Line 160:6 Unexpected "{"
Line 160:7 Expected identifier but found "%"
Line 160:41 Unexpected "{"
Line 160:42 Expected identifier but found "%"
Line 259:6 Unexpected "{"
Line 259:7 Expected identifier but found "%"
Line 259:33 Unexpected "{"
Line 259:34 Expected identifier but found "%"
Line 451:8 Unexpected "{"
Line 451:9 Expected identifier but found "%"
... and 18 more hidden warnings

**/
        .howitworks-section-v2{
          padding-top: 60px;
      padding-bottom: 60px;
    }

    .desk-v2{
      display: block;
    }

      .mob-v2{
      display: none;
    }

     .desk-hiw-v2{
      display: block;
    }

      .mob-hiw-v2{
      display: none;
    }

    .howitworks-container-v2{
     margin: auto;
      max-width: 1088px;
      position: relative;
      overflow: hidden;
      padding-bottom: 20px;
      border-radius: 20px;
    }

    .wh-line-v2{
         width: 98%;
      margin: 0 1%;
      position: absolute;
      background-color: white;
      height: 1px;
      bottom: 116px;
      z-index: 1;
    }

    .measure-left-v2{
        position: absolute;
      padding-left: 20px;
      display: flex;
      justify-content: space-between;
      bottom: 145px;
      left:0px;
      z-index: 10;
    }

    .measure-right-v2{
        position: absolute;
     padding-right: 20px;
      display: flex;
      justify-content: space-between;
      bottom: 145px;
      right:0px;
      z-index: 3;
    }

    .hiw-head-div-v2{
       width: 100%;
      display: flex;
      gap: 18px;
    }

    .hiw-head-text-v2{
       width: 427px;
      max-width: 427px;
      margin-left: 92px;
      position: relative;
      z-index: 1;
      margin-top: 71px;
    }

    .hiw-head-text-v2 h2{
          max-width: 370px;
       margin: 0 0 20px 0;
    }

    .hiw-head-text-v2 p{
      margin: 0px !important;
      max-width: 370px;
    }

    .hiw-img-div-v2{
      position: absolute;
      bottom: 112px;
      z-index: 0;
      overflow: hidden;
      border-radius: 20px;
      width: 100%;

    }

    .hiw-img-div-v2 img{
      width: 100%;
    }

    .title-b-v2{
      display: flex;
      border-bottom: 1px solid #585858;
      margin-bottom: 20px;
      justify-content: space-between;
    }

    .title-b-v2 p{
      font-size: 20px !important;
      line-height: 26px !important;
      color: #101B13 !important;
      margin: 0 0 0px 0 !important;
    }

    .hiw-includes-v2 ul {
      list-style: none;
      padding: 0;
      margin: 0px;
    }

    .hiw-includes-v2 ul li {
      position: relative;
      margin: 0px!important;
      padding-left: 20px;
      font-family: 'NeueHaasDisplayRegular';
      font-size: 20px;
      font-weight: 500 !important;
      line-height: 26px;
      text-align: left;
      color:#000000;
    }

    .hiw-includes-v2 ul li::before {
      content: url('data:image/svg+xml;utf8,<svg%20width="15"%20height="16"%20viewBox="0%200%2015%2016"%20fill="none"%20xmlns="http://www.w3.org/2000/svg"><path%20d="M6.95016%2010.4617C6.83993%2010.4617%206.73411%2010.422%206.65034%2010.3383L4.07097%207.7589C3.90343%207.59135%203.90343%207.32239%204.07097%207.15925C4.23852%206.99171%204.50748%206.99171%204.67062%207.15925L6.95457%209.4432L12.4969%204.1522C12.6644%203.98906%2012.9334%203.99788%2013.0965%204.16543C13.2597%204.33298%2013.2509%204.60194%2013.0833%204.76507L7.24117%2010.3427C7.1618%2010.422%207.05598%2010.4617%206.95016%2010.4617Z"%20fill="%23231F20"/><path%20d="M6.91731%2013.3629C4.10426%2013.3629%201.82031%2011.0746%201.82031%208.26595C1.82031%205.4529%204.10867%203.16895%206.91731%203.16895C8.22684%203.16895%209.47463%203.66718%2010.4226%204.56665C10.5946%204.72979%2010.599%204.99875%2010.4402%205.1663C10.2771%205.33826%2010.0126%205.34267%209.84059%205.18394C9.04694%204.43438%208.01079%204.01992%206.91731%204.01992C4.57604%204.01992%202.66687%205.92468%202.66687%208.27036C2.66687%2010.616%204.57164%2012.5208%206.91731%2012.5208C9.25858%2012.5208%2011.1678%2010.616%2011.1678%208.27036C11.1678%208.0984%2011.1589%207.92203%2011.1369%207.75007C11.1104%207.51639%2011.2736%207.30475%2011.5073%207.27829C11.7409%207.25184%2011.9526%207.41498%2011.979%207.64866C12.0055%207.85589%2012.0187%208.06313%2012.0187%208.27036C12.0143%2011.079%209.72596%2013.3629%206.91731%2013.3629Z"%20fill="%23231F20"/></svg>');
      position: absolute;
      left: 0;
      top: 0;
    }

    .slide-buttons-v2{
      right: unset;
      display: flex;
      gap: 14px;
      position: relative;
      z-index: 4;
      {% comment %} margin-top: 46.85px; {% endcomment %}
       margin-top: 20px;
      margin-right: 92px;
    }

    .slide-btn-div-v2{
      display: flex;
      flex-direction: column;
      gap:10px;
    }

    .gr-clr-v2{
      height: 527px;
      width: 100%;
      position: relative;
      opacity: 30%;
      cursor: pointer;
    }

    .gr-clr-v2.active{
      opacity: 100%;
    }

    .gr-clr-v2 span{
      rotate: -90deg;
      position: absolute;
      right: -10px;
      top: 23px;
      font-size: 20px;
      line-height: 26px;
    }

    .blue-gr-v2{
      background: linear-gradient(180deg, #9225FF 5.34%, #4B88FF 38.38%, rgba(255, 255, 255, 0) 76.76%);
    }

    .yellow-gr-v2{
      background: linear-gradient(180deg, #FF8A00 0%, #FFE600 41.41%, rgba(255, 255, 255, 0) 82.83%);
    }

    .red-gr-v2{
      background: linear-gradient(180deg, #DE3414 0%, rgba(222, 20, 105, 0.571828) 51.83%, rgba(255, 255, 255, 0) 103.65%);
    }

    .white-gr-v2{
      background: linear-gradient(180deg, #FFFFFF 10.63%, rgba(255, 255, 255, 0.838102) 48.17%, rgba(255, 255, 255, 0) 103.65%);
    }

    .slide-btn-v2{
      width: 108px;
      color: #101B13;
      border: 0.65px solid #585858;
      border-radius: 30px;
      text-transform: uppercase;
      font-size: 12px;
      font-family: 'Nebulas Regular';
      line-height: 18px;
      height: 30px;
      font-weight: 500;
    }

    .slide-btn-v2.active{
      background-color: #585858;
      color: white;
      border: 0.65px solid  #585858;
    }

    .hiw-slider-v2{
      margin-top: -105px;
      position: relative;
      z-index: 4;
    }

    .hiw-slides-container-v2{
      display: flex;
      transition: transform 0.5s ease-in-out;
      width: 100%;
    }

    .hiw-slide-v2{
      min-width: 100%;
      box-sizing: border-box;
      width: 536px;
      display: flex;
      justify-content: center;
    }

    .hiw-content-v2{
      border-radius: 30px;
      backdrop-filter: blur(13px);
      -webkit-backdrop-filter: blur(13px);
      display: flex;
      height: 210px;
      flex-direction: row;
      box-shadow: 2px 4px 13px 0px #00000040;
      background: #FFFFFF99;
    }

    .hiw-content-v2 img {
      {% comment %} width: auto; {% endcomment %}
      width: 210px;
      border-radius: 20px;
    }

    .hiw-content-v2 .text-v2{
      width: 326px;
      padding: 30px 24px;
    }

    .hiw-content-v2 .text-v2 h3 {
      letter-spacing: 1px;
      font-family: 'Nebulas Regular';
      text-transform: uppercase;
      font-size: 20px;
      line-height: 30px;
      margin: 0 0 0px 0;
      color: #585858;
    }

    .hiw-content-v2 .text-v2 p {
      font-family: 'Nebulas Regular';
      letter-spacing: normal;
      font-size: 17px;
      line-height: 25.5px;
      color: #555;
    }

    .hiw-navigation-v2{
      display:none;
      justify-content: center;
      gap: 6px;
      margin-top: 10px;
      width: 100%;
    }

    .hiw-nav-btn-v2{
      height: 8px;
      width: 8px;
      background-color: #CBCCCC;
      border-radius: 50%;
      cursor: pointer;
      transition: background-color 0.3s, width 0.3s, height 0.3s;
    }

    .hiw-nav-btn-v2.active {
      width: 30px;
      border-radius: 10px;
      background-color: #CBCCCC;
    }

    .d-img-v2{
      display: block !important;
    }

    .m-img-v2{
      display: none !important;
    }

    .slider-controls-v2{
      display: flex;
      justify-content: space-between;
      position: absolute;
      width: 55%;
      left: 23%;
      top: 60%;
      transform: translateY(-50%);
      pointer-events: none;
    }

    .prev-btn-v2, .next-btn-v2{
      border: none;
      cursor: pointer;
      pointer-events: all;
    }


     @media screen and (min-width: 640px) {

        .hiw-img-div-v2{
      width: max-content;
    }
     }
    /* Mobile styles */
    @media screen and (max-width: 640px) {

      .hiw-content-v2 img {
        width: auto;
      }
      .gr-clr-v2 span{
        rotate: -90deg;
        position: absolute;
        right: -10px;
        top: 23px;
        font-size: 14px;
        line-height: 18.2px;
      }

      .desk-v2{
        display: none;
      }

      .mob-v2{
        display: block;
      }

      .howitworks-section-v2 {
        padding-top: 40px;
        padding-bottom: 20px;
      }

      .hiw-head-text-v2 h2 {
        max-width: 297px;
        margin: 0 0 10px 0;
        font-size: 28px;
        line-height: 36.4px;
      }

      .hiw-head-text-v2 p {
        margin: 0px !important;
        max-width: 345px;
        font-size: 18px;
        line-height: 23.4px;
      }

      .hiw-head-div-v2 {
        display: block;
        margin: 0 0px;
        padding: 0 18px;
      }

      .hiw-head-text-v2 {
        margin-left: 0px;
        margin-bottom: 0;
        margin-top: 20px;
      }

      .slide-btn-v2 {
        width: 76px;
        color: #101B13;
        border: 0.65px solid #101B13;
        border-radius: 30px;
        text-transform: uppercase;
        font-size: 8px;
        font-family: 'nebulas medium';
        line-height: 12px;
        height: 18px;
        font-weight: 500;
      }

      .slide-buttons-v2 {
        width: fit-content;
        gap: 6px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
      }

      .hiw-slider-v2 {
        margin-top: -34px;
        position: relative;
        z-index: 5;
      }

      .hiw-content-v2 {
        border-radius: 20px;
        height: 150px;
        width: 100%;
      }

      .hiw-includes-v2 ul li {
        padding-left: 20px;
        font-family: 'nebulas regular';
        font-size: 16px;
        line-height: 18.76px;
      }

      .hiw-content-v2 .text-v2 {
        width: 203px;
        margin: 13px 13px 13px 20px;
        padding: 0px
      }

      .hiw-img-div-v2 {
        left: 0;
        border-radius: 20px;
        overflow: hidden;
        bottom: 132px;
      }

      .gr-clr-v2 {
        {% comment %} height: 450px; {% endcomment %}
         height: 370px;
        opacity: 50%;
      }

      .measure-left-v2 {
        padding-left: 14px;
        {% comment %} bottom: 280px; {% endcomment %}
         bottom: 220px;
      }

      .measure-right-v2 {
        padding-right: 14px;
        {% comment %} bottom: 280px; {% endcomment %}
         bottom: 220px;
      }

      .slide-btn-div-v2 .mob-v2{
        font-family: Nebulas;
        font-weight: 500;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        text-transform: uppercase;
      }

      .vv-v2 .slide-btn-v2 {
        height: 26px;
      }

      .hiw-img-div-v2 img {
        {% comment %} height: 849px; {% endcomment %}
         height: 700px;
        {% comment %} object-fit: cover; {% endcomment %}
         object-fit: inherit;
                object-position: right;
      }

      .hiw-includes-v2 ul li {
        letter-spacing: normal;
      }

      .title-b-v2{
        flex-direction: row;
        margin-bottom: 15px;
        align-items: center;
      }

      .title-b-v2 p{
        font-size: 18px !important;
        line-height: 23.4px !important;
        color: #585858 !important;
      }

      .hiw-navigation-v2 {
        display: flex;
      }

      .slider-controls-v2 {
        display: none;
      }
    }

    @media screen and (max-width: 400px) {
      .hiw-content-v2 .text-v2 {
        margin: 13px 13px 13px 13px;
      }
    }

    @media screen and (max-width: 420px) {
      .desk-hiw-v2{
        display: none;
      }

      .mob-hiw-v2{
        display: block;
      }
    }

    @media screen and (max-width: 380px) {
      .hiw-content-v2 {
        border-radius: 20px;
        height: 150px;
      }

      .hiw-includes-v2 ul li {
        letter-spacing: normal;
      }
    }



    /* @media screen and (max-width: 640px) {
    .hiw-slider-v2 {
      margin-top: -82px;
      position: relative;
      z-index: 5 !important;
    }
  }
  @media screen and (max-width: 640px) {

    .hiw-img-div-v2 img {
      height: 744px;
    }
  } */