/* desktop-viewport */
  @media only screen and (min-width:768px){ 

    .austin-distel-744ogeqpxpq-unsp-icon2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 276px;
        height: 184px;
        object-fit: cover;
      }
      .austin-distel-744ogeqpxpq-unsp-frame {
        position: absolute;
        top: 158px;
        left: 1110px;
        border-radius: var(--br-5xs);
        width: 215px;
        height: 184px;
        overflow: hidden;
      }
      .join-waitlist27 {
        position: relative;
        letter-spacing: -0.05em;
        line-height: 100%;
        font-weight: 600;
      }
      .icon25 {
        position: relative;
        width: 27.5px;
        height: 10.83px;
        flex-shrink: 0;
      }
      .buttons26 {
        position: absolute;
        top: 26px;
        left: calc(50% + 404px);
        border-radius: var(--br-base);
        background-color: var(--primary-500);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) var(--padding-29xl);
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
      }
      .azcpay-on-white-t-shirt-13,
      .logo-on-black-t-shirt-15 {
        position: absolute;
        top: 0;
        left: 0;
        width: 41.46px;
        height: 41.46px;
        object-fit: cover;
      }
      .azcpay-on-white-t-shirt-13 {
        top: 12.59px;
        left: 33.31px;
        width: 100.69px;
        height: 18.51px;
      }
      .logo-on-black-t-shirt-1-parent3 {
        position: absolute;
        top: 29px;
        left: 97px;
        width: 134px;
        height: 41.46px;
      }
      .buttons-container {
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--colors-neutral-white);
        box-shadow: 20px 44px 13px transparent, 13px 28px 12px transparent,
          7px 16px 10px rgba(120, 120, 120, 0.01),
          3px 7px 8px rgba(120, 120, 120, 0.01), 1px 2px 4px rgba(120, 120, 120, 0.01),
          0 0 0 rgba(120, 120, 120, 0.01);
        width: 1440px;
        height: 100px;
      }
      .supercharge2 {
        color: var(--primary-500);
      }
      .say-goodbye-to8,
      .supercharge-your-sales-container5 {
        position: absolute;
        color: var(--neutral-500);
        text-align: center;
        display: inline-block;
      }
      .supercharge-your-sales-container5 {
        top: 317px;
        left: calc(50% - 460px);
        font-size: var(--font-size-45xl);
        line-height: 72px;
        font-weight: 900;
        width: 920px;
      }
      .say-goodbye-to8 {
        top: 473px;
        left: calc(50% - 347px);
        font-size: var(--font-size-5xl);
        line-height: 36px;
        width: 695px;
      }
      .buttons27 {
        position: absolute;
        top: 629px;
        left: calc(50% - 108px);
        border-radius: var(--br-base);
        background-color: var(--primary-500);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) var(--padding-29xl);
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
      }
      .carlos-muza-hpjsku2uysu-unspla-icon2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 325px;
        height: 232px;
        object-fit: cover;
      }
      .carlos-muza-hpjsku2uysu-unspla-frame {
        position: absolute;
        top: 428px;
        left: 109px;
        border-radius: var(--br-5xs);
        width: 253px;
        height: 232px;
        overflow: hidden;
      }
      .curve-loop-curl-doodle-scr5,
      .spark-sparks-sparkle-stars2 {
        position: absolute;
        top: 628px;
        left: 84px;
        width: 63px;
        height: 63px;
        overflow: hidden;
      }
      .curve-loop-curl-doodle-scr5 {
        top: 245px;
        left: 201px;
        width: 70px;
        height: 70px;
      }
      .arrow-hand-drawn-scribble-d5,
      .desktop-4,
      .spark-sparkle-272 {
        position: absolute;
        top: 359px;
        left: 1231.08px;
        width: 96.48px;
        height: 96.48px;
        overflow: hidden;
      }
      .desktop-4,
      .spark-sparkle-272 {
        top: 98.74px;
        left: 1270.74px;
        width: 107.99px;
        height: 107.99px;
      }
      .desktop-4 {
        top: 0;
        left: calc(50% - 720px);   
        background-color: var(--colors-neutral-white);
        width: 1440px;
        height: 810px;
        font-size: var(--font-size-base);
        color: var(--colors-neutral-white);
      }
      .why-azcpay3 {
        position: absolute;
        top: 80px;
        left: calc(50% + 48px);
        font-size: var(--font-size-xl);
        text-transform: uppercase;
      }
      .building-trust-with3 {
        position: absolute;
        top: 0;
        left: calc(50% - 287px);
        font-weight: 600;
        display: inline-block;
        width: 467px;
      }
      .buttons28,
      .trust-is-critical3 {
        position: absolute;
        font-size: var(--font-size-base);
      }
      .trust-is-critical3 {
        top: 88px;
        left: calc(50% - 285px);
        line-height: 24px;
        display: inline-block;
        width: 572px;
      }
      .buttons28 {
        top: 136px;
        left: calc(50% - 287px);
        border-radius: var(--br-base);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) 0;
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
        color: var(--primary-500);
      }
      .group-parent20 {
        position: absolute;
        top: 143px;
        left: calc(50% + 46px);
        width: 574px;
        height: 184px;
      }
      .prevent-scams-and3 {
        position: absolute;
        top: 0;
        left: calc(50% - 287px);
        font-weight: 600;
      }
      .no-more-fake3 {
        position: absolute;
        top: 50px;
        left: calc(50% - 285px);
        font-size: var(--font-size-base);
        line-height: 24px;
        display: inline-block;
        width: 572px;
      }
      .prevent-scams-and-fake-alerts-parent1 {
        position: absolute;
        top: 0;
        left: calc(50% - 287px);
        width: 574px;
        height: 98px;
      }
      .buttons29 {
        position: absolute;
        top: 98px;
        left: calc(50% - 287px);
        border-radius: var(--br-base);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) 0;
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
        font-size: var(--font-size-base);
        color: var(--primary-500);
      }
      .group-parent21 {
        position: absolute;
        top: 366px;
        left: calc(50% + 46px);
        width: 574px;
        height: 146px;
      }
      .receiving-payment-safely {
        position: absolute;
        top: 0;
        left: calc(50% - 287px);
        font-weight: 600;
        display: inline-block;
        width: 531px;
      }
      .receiving-payment-safely-befor-parent {
        position: absolute;
        top: 0;
        left: calc(50% - 287px);
        width: 574px;
        height: 136px;
      }
      .buttons30 {
        position: absolute;
        top: 136px;
        left: calc(50% - 281px);
        border-radius: var(--br-base);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) 0;
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
        font-size: var(--font-size-base);
        color: var(--primary-500);
      }
      .group-parent22,
      .group-parent23 {
        position: absolute;
        top: 551px;
        left: calc(50% + 46px);
        width: 574px;
        height: 184px;
      }
      .group-parent23 {
        top: 774px;
      }
      .desktop-5-item {
        position: absolute;
        top: 78px;
        left: 139px;
        width: 538.7px;
        height: 864.9px;
      }
      .desktop-51 {
        position: absolute;
        top: 810px;
        left: calc(50% - 720px);
        background-color: var(--primary-50);
        width: 1440px;
        height: 1038px;
        overflow: hidden;
        font-size: var(--font-size-13xl);
      }
      .seamlessly-into-your3 {
        color: var(--neutral-500);
      }
      .integrate-escrow-payment-container3 {
        position: absolute;
        top: 86px;
        left: calc(50% - 515px);
        font-weight: 600;
        display: inline-block;
        width: 505px;
      }
      .buttons32,
      .we-have-done3 {
        position: absolute;
        left: calc(50% - 10px);
      }
      .we-have-done3 {
        top: 99px;
        font-size: var(--font-size-lg);
        line-height: 24px;
        color: var(--neutral-500);
        display: inline-block;
        width: 480px;
      }
      .buttons32 {
        top: 179px;
        border-radius: var(--br-base);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) 0;
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
        font-size: var(--font-size-base);
      }
      .desktop-6 {
        position: absolute;
        top: 1848px;
        left: 0;
        background-color: var(--colors-neutral-white);
        width: 1440px;
        height: 346px;
        overflow: hidden;
        color: var(--primary-500);
      }
      .desktop-7-child {
        position: absolute;
        top: 175.73px;
        left: 335.67px;
        width: 768.56px;
        height: 440.17px;
        opacity: 0.2;
      }
      .we-care-about {
        margin: 0;
      }
      .we-care-about1 {
        margin-top: -15%;      }
      .we-dont-just-container {
        position: absolute;
        top: 57px;
        left: calc(50% - 439px);
        font-weight: 600;
        white-space: pre-wrap;
        display: inline-block;
        width: 869px;
      }
      .frame-child9 {
        position: relative;
        width: 56.84px;
        height: 56.06px;
        flex-shrink: 0;
      }
      .avoid-scams-and3,
      .no-more-what3 {
        position: relative;
        line-height: 24px;
        display: inline-block;
        width: 334px;
      }
      .avoid-scams-and3 {
        font-weight: 600;
      }
      .no-more-what3 {
        font-size: var(--font-size-base);
        color: var(--neutral-500);
      }
      .avoid-scams-and-frauds-parent1,
      .group-parent24 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
      }
      .group-parent24 {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: var(--br-5xl);
        background-color: var(--color-royalblue-200);
        backdrop-filter: blur(27.2px);
        border: 1px solid var(--color-royalblue-100);
        box-sizing: border-box;
        height: 250px;
        padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
        gap: var(--gap-xl);
      }
      .vector-icon3 {
        position: absolute;
        height: 92.88%;
        width: 91.68%;
        top: 0;
        right: 0;
        bottom: 7.12%;
        left: 8.32%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
      }
      .group-child1 {
        position: absolute;
        height: 69.66%;
        width: 22.89%;
        top: 30.34%;
        right: 77.11%;
        bottom: 0;
        left: 0;
        border-radius: var(--br-10xs);
        background-color: var(--color-darkorange-200);
        box-shadow: var(--secondary-effect);
        backdrop-filter: blur(4px);
      }
      .vector-parent1 {
        position: relative;
        width: 61.09px;
        height: 56px;
        flex-shrink: 0;
      }
      .with-easy-access3 {
        position: relative;
        font-size: var(--font-size-base);
        letter-spacing: -0.01em;
        line-height: 24px;
        color: var(--neutral-500);
        display: inline-block;
        width: 334px;
      }
      .group-parent25 {
        position: absolute;
        top: 0;
        left: calc(50% - 191px);
        border-radius: var(--br-5xl);
        background-color: var(--color-royalblue-200);
        backdrop-filter: blur(27.2px);
        border: 1px solid var(--color-royalblue-100);
        box-sizing: border-box;
        height: 250px;
        display: flex;
        flex-direction: column;
        padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-xl);
      }
      .group-icon3 {
        position: relative;
        width: 46.26px;
        height: 56px;
        flex-shrink: 0;
      }
      .group-parent26 {
        position: absolute;
        top: 0;
        left: calc(50% + 235px);
        border-radius: var(--br-5xl);
        background-color: var(--color-royalblue-200);
        backdrop-filter: blur(27.2px);
        border: 1px solid var(--color-royalblue-100);
        box-sizing: border-box;
        height: 250px;
        display: flex;
        flex-direction: column;
        padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-xl);
      }
      .buttons33,
      .frame-parent3 {
        position: absolute;
        text-align: left;
      }
      .frame-parent3 {
        top: 259px;
        left: 103px;
        width: 1234px;
        height: 250px;
        font-size: var(--font-size-xl);
        color: var(--primary-500);
      }
      .buttons33 {
        top: 557px;
        left: calc(50% - 108px);
        border-radius: var(--br-base);
        background-color: var(--primary-500);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) var(--padding-29xl);
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
        font-size: var(--font-size-base);
        color: var(--colors-neutral-white);
      }
      .say-goodbye-to9 {
        position: absolute;
        top: 179px;
        left: calc(50% - 325px);
        font-size: var(--font-size-lg);
        line-height: 24px;
        display: inline-block;
        width: 650px;
      }
      .desktop-7 {
        position: absolute;
        top: 2194px;
        left: calc(50% - 720px);
        background-color: var(--secondary-50);
        width: 1440px;
        height: 791px;
        overflow: hidden;
        text-align: center;
      }
      .frame-child10 {
        position: absolute;
        top: 0;
        left: 0;
        width: 1103.45px;
        height: 538px;
        opacity: 0.2;
      }
      .frame-child11 {
        position: absolute;
        top: -4px;
        left: -6px;
        background: linear-gradient(180deg, #0452bc 58.93%, rgba(4, 82, 188, 0));
        width: 1052px;
        height: 477px;
      }
      .azcpay6 {
        color: var(--color-darkorange-100);
      }
      .with-azcpay-you-container3 {
        position: absolute;
        top: 0;
        left: calc(50% - 390.5px);
        font-weight: 600;
        display: inline-block;
        width: 781px;
      }
      .buttons34 {
        position: absolute;
        top: 266px;
        left: calc(50% - 108.5px);
        border-radius: var(--br-base);
        background-color: var(--colors-neutral-white);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) var(--padding-29xl);
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
        text-align: left;
        font-size: var(--font-size-base);
        color: var(--primary-500);
      }
      .you-no-longer-container3 {
        position: absolute;
        top: 126px;
        left: calc(50% - 363.5px);
        font-size: var(--font-size-lg);
        line-height: 24px;
        color: var(--neutral-50);
        display: inline-block;
        width: 726px;
      }
      .with-azcpay-you-can-make-trans-parent {
        position: absolute;
        top: 100px;
        left: calc(50% - 390px);
        width: 781px;
        height: 314px;
      }
      .group-parent27 {
        position: absolute;
        top: -58px;
        left: 205px;
        border-radius: var(--br-29xl);
        background-color: var(--primary-500);
        width: 1030px;
        height: 472px;
        overflow: hidden;
      }
      .desktop-8,
      .desktop-9-child1 {
        position: absolute;
        width: 1440px;
      }
      .desktop-8 {
        top: 2985px;
        left: calc(50% - 720px);   
        background-color: var(--colors-neutral-white);
        height: 414px;
        text-align: center;
        color: var(--colors-neutral-white);
      }
      .desktop-9-child1 {
        top: 100px;
        left: calc(50% - 720px);
        background-color: var(--primary-50);
        height: 209px;
      }
      .socials{
        position:relative;   
       left: 15%;
       
       }
       .social-media-handles1 {
         position: absolute;
         left: 0%;
         top: 197.02px;
         width: 411.64px;
         height: 36.45px;
       }
       .social-media-handles2 {
           position: absolute;
           left: 10%;
           top: 197.02px;
           width: 411.64px;
           height: 36.45px;
         }
         .social-media-handles3 {
           position: absolute;
           left: 20%;
           top: 197.02px;
           width: 411.64px;
           height: 36.45px;         }

         .social-media-handles4 {
           position: absolute;
           left: 30%;
           top: 197.02px;
           width: 411.64px;
           height: 36.45px;   
         }

         .social-media-handles5 {
           position: absolute;
           left: 40%;
           right:10%;
           position: absolute;
           top: 197.02px;
           width: 411.64px;
           height: 36.45px;
         }

      /* .social-media-handles3 {
        position: absolute;
        top: 197.02px;
        left: 514.36px;
        width: 411.64px;
        height: 36.45px;
      } */
      .contact-us3 {
        position: absolute;
        top: 147px;
        left: calc(50% - 46px);
        line-height: 24px;
      }
      .copyright-line-icon3 {
        position: relative;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        overflow: hidden;
      }
      .azcpay7 {
        position: relative;
      }
      .copyright-line-parent1 {
        position: absolute;
        top: 259px;
        left: calc(50% - 42px);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: var(--gap-9xs);
        text-align: left;
        font-size: var(--font-size-base);
        color: var(--neutral-300);
      }
      .desktop-93,
      .landing-page {
        background-color: var(--colors-neutral-white);
        overflow: hidden;
      }
      .desktop-93 {
        position: absolute;
        top: 3401px;
        left: calc(50% - 720px);
        width: 1440px;
        height: 309px;
        text-align: center;
        font-size: var(--font-size-lg);
      }
      .landing-page {
        position: relative;
        width: 100%;
        height: 3710px;
        text-align: left;
        font-size: var(--font-size-29xl);
        color: var(--neutral-500);
        font-family: var(--font-chivo);
      }

  .mobile-viewport{

    display: none;/* Show the element on desktop devices */

  }




  /* desktop modal */
.modal{
    display: none;
}
  .waitlist-form-child {
    position: absolute;
    top: 0;
    background-color: var(--neutral-500);
    width: 1440px;
    height: 100%;
    opacity: 0.5;
    left: calc(50% - 720px);
    
}
  .join-waitlist25 {
    position: absolute;
    top: 74px;
    left: calc(50% - 62.5px);
    font-size: var(--font-size-5xl);
    letter-spacing: -0.05em;
    line-height: 100%;
    font-weight: 600;
  }
  .full-name1,
  .input-text4 {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 22.4px;
  }
  .input-text4 {
    height: 100%;
    width: 100%;
    display: inline-block;
  }
  input[type="text"],
  .placeholder4 {
    position: absolute;
    top: 3px;
    left: 24px;
    width: 272px;
    height: 23px;
  }
  input[type="text"]{
    top: 27px;
    left: -22px;
    border-radius: var(--br-base);
    border: 1px solid var(--neutral-300);
    box-sizing: border-box;
    width: 375px;
    height: 55px;
    padding-left: 20px;
    overflow: hidden;
    font-size: var(--font-size-lg);
    color: var(--neutral-200);
    font-family: var(--font-chivo);
    -webkit-transition: 0.5s;
    outline: none;

  }
  input[type="text"]:focus {
    border: 3px solid var(--primary-500);
    color: black;

  }
 .form4,
  .placeholder4 {
    position: absolute;
    top: 16px;
    left: 24px;
    width: 272px;
    height: 23px;
  }
 .form4{
    top: 27px;
    left: 0;
    border-radius: var(--br-base);
    border: 1px solid var(--neutral-300);
    box-sizing: border-box;
    width: 375px;
    height: 55px;
    overflow: hidden;
    font-size: var(--font-size-lg);
    color: var(--neutral-200);
    font-family: var(--font-gangster-grotesk);
  }
  /* input[type="text"] {
    top: 0px;
    left: -30px;
    border-radius: var(--br-base);
    border: 1px solid var(--neutral-300);
    box-sizing: border-box;
    width: 375px;
    height: 55px;
    overflow: hidden;
    font-size: var(--font-size-lg);
    color: var(--neutral-200);
    font-family: var(--font-gangster-grotesk);
  } */
  .full-name-group {
    position: relative;
    width: 375px;
    height: 82px;
    flex-shrink: 0;
  }
  .buttons25,
  .frame-parent2 {
    position: absolute;
    display: flex;
  }
  .frame-parent2 {
    top: 122px;
    left: 56px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-2xl);
    color: var(--neutral-300);
  }
  .buttons25 {
    top: 569px;
    left: calc(50% - 187.5px);
    border-radius: var(--br-base);
    background-color: var(--primary-500);
    width: 375px;
    flex-direction: row;
    padding: var(--padding-base) var(--padding-29xl);
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: var(--gap-5xs);
    color: var(--colors-neutral-white);
  }
  .close-line-icon3 {
    position: absolute;
    top: 32px;
    color: #aaaaaa;
    left: 431px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    cursor: pointer;
  }
  .close-line-icon3:hover,
.close-line-icon3:focus {
  color: #0566eb;
  text-decoration: none;
  cursor: pointer;
}
  .join-waitlist-group,
  .waitlist-form {
    background-color: var(--colors-neutral-white);
    overflow: hidden;
  }
  .join-waitlist-group {
    position: absolute;
    top: 35px;
    left: calc(50% - 210px);   
    border-radius: var(--br-xl);
    width: 487px;
    height: 681px;
  }
  .waitlist-form {
    position: relative;
    width: 100%;
    height: 810px;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--neutral-500);
    font-family: var(--font-chivo);
  }


  /* success modal */

  .desktop-5-child {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutral-500);
    width: 1440px;
    height: 810px;
    opacity: 0.5;
  }
  .dismiss {
    position: relative;
    letter-spacing: -0.05em;
    line-height: 100%;
    font-weight: 600;
  }
  .buttons22 {
    position: absolute;
    top: 600px;
    left: calc(50% - 187.5px);
    border-radius: var(--br-base);
    background-color: var(--primary-500);
    color: white;
    width: 375px;
    display: flex;
    flex-direction: row;
    padding: var(--padding-base) var(--padding-29xl);
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  }
  .close-line-icon4 {
    position: absolute;
    top: 32px;
    left: 431px;
    width: 24px;
    height: 24px;
    overflow: hidden;
  }
  .success-icon2 {
    position: absolute;
    top: 90px;
    left: 135px;
    width: 210.91px;
    height: 156px;
  }
  
  .great-you-are1 {
    top: 260px;
    position: absolute;
    left: 75px;

    font-size: var(--font-size-13xl);
    font-weight: 600;
    color: var(--primary-500);
    text-align: center;
    letter-spacing: -0.05em;
    line-height: 100%;

  }
  .check-you-mail1 {
    position: absolute;

    top: 311px;
    font-size: var(--font-size-lg);
    color: var(--neutral-500);
    text-align: center;
    letter-spacing: -0.05em;
    line-height: 100%;

  }
  


}





  /* mobile-viewport */

@media only screen and (max-width:767px){
    

    .azcpay-on-white-t-shirt-12,
.logo-on-black-t-shirt-12 {
  position: absolute;
  top: 0;
  left: 0;
  width: 35.09px;
  height: 35.09px;
  object-fit: cover;
}
.azcpay-on-white-t-shirt-12 {
  top: 10.65px;
  left: 28.2px;
  width: 85.22px;
  height: 15.67px;
}
.logo-on-black-t-shirt-1-container {
  position: absolute;
  top: 20px;
  left: 32px;
  width: 113.42px;
  height: 35.09px;
}
.landing-page-mobile-inner2 {
  position: absolute;
  top: 0px;
  left: 0;
  background-color: var(--colors-neutral-white);
  box-shadow: 21.79486846923828px 47.94871520996094px 14.17px transparent,
    14.166665077209473px 30.5128173828125px 13.08px transparent,
    7.628204345703125px 17.435894012451172px 10.9px rgba(120, 120, 120, 0.01),
    3.269230365753174px 7.628204345703125px 8.72px rgba(120, 120, 120, 0.01),
    1.0897433757781982px 2.1794867515563965px 4.36px rgba(120, 120, 120, 0.01),
    0 0 0 rgba(120, 120, 120, 0.01);
  width: 414px;
  height: 75px;
}
.say-goodbye-to4 {
  position: absolute;
  top: 410px;
  left: calc(50% - 154px);
  line-height: 24px;
  display: inline-block;
  width: 309px;
}
.arrow-hand-drawn-scribble-d2 {
  position: absolute;
  top: 375px;
  left: 355.54px;
  width: 48.24px;
  height: 48.24px;
  overflow: hidden;
}
.landing-page-mobile-child5 {
  position: absolute;
  top: 157px;
  left: 273px;
  width: 134.37px;
  height: 121.63px;
}
.your-sales-with2 {
  color: var(--neutral-500);
}
.supercharge-your-sales-container2 {
  position: absolute;
  top: 276px;
  left: calc(50% - 183px);
  font-size: var(--font-size-13xl);
  font-weight: 900;
  display: inline-block;
  width: 366px;
  color: var(--primary-500);
}
.curve-loop-curl-doodle-scr2 {
  position: absolute;
  top: 187px;
  left: 66px;
  width: 35px;
  height: 35px;
  overflow: hidden;
}
.landing-page-mobile-child6 {
  position: absolute;
  top: 618px;
  left: 24px;
  width: 139px;
  height: 131.5px;
}
.join-waitlist15 {
  position: relative;
  letter-spacing: -0.05em;
  line-height: 100%;
  font-weight: 600;
}
.icon14 {
  position: relative;
  width: 27.5px;
  height: 10.83px;
  flex-shrink: 0;
}
.buttons14 {
  position: absolute;
  top: 539px;
  left: calc(50% - 103px);
  border-radius: var(--br-base);
  background-color: var(--primary-500);
  display: flex;
  flex-direction: row;
  padding: var(--padding-base) var(--padding-29xl);
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--colors-neutral-white);
}
.why-azcpay2 {
  position: absolute;
  top: 43px;
  left: calc(50% - 171px);
  font-size: var(--font-size-base);
  text-transform: uppercase;
}
.building-trust-with2,
.trust-is-critical2 {
  position: absolute;
  left: calc(50% - 171px);
  display: inline-block;
}
.building-trust-with2 {
  top: 0;
  font-weight: 600;
  width: 287px;
}
.trust-is-critical2 {
  top: 70px;
  font-size: var(--font-size-base);
  line-height: 24px;
  width: 342px;
}
.building-trust-with-your-custo-container {
  position: absolute;
  top: 0;
  left: calc(50% - 171px);
  width: 342px;
  height: 166px;
}
.join-waitlist16 {
  position: relative;
  line-height: 100%;
  font-weight: 600;
}
.buttons15,
.group-parent12 {
  position: absolute;
  left: calc(50% - 171px);
}
.buttons15 {
  top: 174px;
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  padding: var(--padding-base) 0;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  font-size: var(--font-size-base);
  color: var(--primary-500);
}
.group-parent12 {
  top: 86px;
  width: 342px;
  height: 222px;
}
.no-more-fake2,
.prevent-scams-and2 {
  position: absolute;
  left: calc(50% - 157px);
  display: inline-block;
}
.prevent-scams-and2 {
  top: 0;
  font-weight: 600;
  width: 288px;
}
.no-more-fake2 {
  top: 70px;
  font-size: var(--font-size-base);
  line-height: 24px;
  width: 314px;
}
.prevent-scams-and-fake-alerts-container {
  position: absolute;
  top: 0;
  left: calc(50% - 157px);
  width: 314px;
  height: 166px;
}
.buttons16 {
  position: absolute;
  top: 174px;
  left: calc(50% - 157px);
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  padding: var(--padding-base) 0;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  font-size: var(--font-size-base);
  color: var(--primary-500);
}
.group-parent13 {
  position: absolute;
  top: 356px;
  left: calc(50% - 171px);
  width: 314px;
  height: 222px;
}
.create-customizable-experience2 {
  position: absolute;
  top: 0;
  left: calc(50% - 161.5px);
  font-weight: 600;
  display: inline-block;
  width: 287px;
}
.with-our-customizable2 {
  position: absolute;
  top: 99px;
  left: calc(50% - 157.5px);
  font-size: var(--font-size-base);
  line-height: 24px;
  display: inline-block;
  width: 319px;
}
.create-customizable-experience-container {
  position: absolute;
  top: 0;
  left: calc(50% - 161.5px);
  width: 323px;
  height: 171px;
}
.buttons17 {
  position: absolute;
  top: 179px;
  left: calc(50% - 161.5px);
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  padding: var(--padding-base) 0;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  font-size: var(--font-size-base);
  color: var(--primary-500);
}
.group-parent14 {
  position: absolute;
  top: 626px;
  left: calc(50% - 171px);
  width: 323px;
  height: 227px;
}
.why-azcpay-container {
  position: absolute;
  top: 810px;
  left: calc(50% - 205px);  background-color: var(--primary-50);
  width: 414px;
  height: 886px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-5xl);
}
.integrate-escrow-payment-container2 {
  position: absolute;
  top: 0;
  left: calc(50% - 173px);
  font-size: var(--font-size-13xl);
  font-weight: 600;
  display: inline-block;
  width: 346px;
}
.buttons18,
.we-have-done2 {
  position: absolute;
  left: calc(50% - 169px);
}
.we-have-done2 {
  top: 126px;
  line-height: 24px;
  color: var(--neutral-500);
  display: inline-block;
  width: 338px;
}
.buttons18 {
  top: 230px;
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  padding: var(--padding-base) 0;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.integrate-escrow-payment-seaml-container {
  position: absolute;
  top: 1760px;
  left: calc(50% - 171px);
  width: 346px;
  height: 278px;
  text-align: left;
  color: var(--primary-500);
}
.frame-child5 {
  position: absolute;
  top: 459px;
  left: 0;
  width: 414px;
  height: 617.56px;
  opacity: 0.2;
}
.say-goodbye-to5,
.we-dont-just2 {
  position: absolute;
  display: inline-block;
}
.we-dont-just2 {
  top: 60px;
  left: calc(50% - 170px);
  font-weight: 600;
  width: 341px;
}
.say-goodbye-to5 {
  top: 171px;
  left: calc(50% - 171px);
  font-size: var(--font-size-base);
  line-height: 24px;
  width: 347px;
}
.frame-child6 {
  position: relative;
  width: 47.95px;
  height: 47.64px;
  flex-shrink: 0;
}
.avoid-scams-and2,
.no-more-what2 {
  position: relative;
  line-height: 24px;
  display: inline-block;
}
.avoid-scams-and2 {
  font-weight: 600;
  width: 309px;
}
.no-more-what2 {
  font-size: var(--font-size-base);
  color: var(--neutral-500);
  width: 333px;
}
.avoid-scams-and-frauds-container,
.group-parent16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.group-parent16 {
  border-radius: var(--br-5xl);
  background-color: var(--color-royalblue-200);
  backdrop-filter: blur(27.2px);
  left: 2.5%;
  position: relative;
  top: 10px;
  overflow: hidden;
  width: 95%;
  border: 1px solid var(--color-royalblue-100);
  box-sizing: border-box;
  height: 250px;
  flex-shrink: 0;
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
  gap: var(--gap-xl);
}
.vector-icon2 {
  position: absolute;
  height: 92.88%;
  width: 91.68%;
  top: 0;
  right: 0;
  bottom: 7.12%;
  left: 8.32%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-inner {
  position: absolute;
  height: 69.66%;
  width: 22.89%;
  top: 30.34%;
  right: 77.11%;
  bottom: 0;
  left: 0;
  border-radius: var(--br-10xs);
  background-color: var(--color-darkorange-200);
  box-shadow: var(--secondary-effect);
  backdrop-filter: blur(4px);
}
.vector-container {
  position: relative;
  width: 52.36px;
  height: 48px;
  flex-shrink: 0;
}
.swift-dispute-revolution2,
.with-easy-access2 {
  position: relative;
  line-height: 24px;
  display: inline-block;
}
.swift-dispute-revolution2 {
  font-weight: 600;
  width: 304px;
}
.with-easy-access2 {
  font-size: var(--font-size-base);
  letter-spacing: -0.01em;
  color: var(--neutral-500);
  width: 332px;
}
.group-icon2 {
  position: relative;
  width: 39.65px;
  height: 48px;
  flex-shrink: 0;
}
.azcpay-is-reducing2,
.better-delivery-experience2 {
  position: relative;
  line-height: 24px;
  display: inline-block;
  width: 330px;
}
.better-delivery-experience2 {
  font-weight: 600;
}
.azcpay-is-reducing2 {
  font-size: var(--font-size-base);
  letter-spacing: -0.01em;
  color: var(--neutral-500);
}
.frame-parent1 {
  position: absolute;
  top: 310px;
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-25xl);
  text-align: left;
  font-size: var(--font-size-xl);
  color: var(--primary-500);
}
.group-parent15 {
  position: absolute;
  top: 2102px;
  left: calc(50% - 205px);
  background-color: var(--secondary-50);
  width: 414px;
  height: 1279px;
  overflow: hidden;
  font-size: var(--font-size-9xl);
}
.frame-child7 {
  position: absolute;
  top: 170.05px;
  left: 0;
  width: 622.45px;
  height: 303.48px;
  opacity: 0.2;
}
.frame-child8 {
  position: absolute;
  top: -131px;
  left: -352px;
  background: linear-gradient(180deg, #0452bc 58.93%, rgba(4, 82, 188, 0));
  width: 1052px;
  height: 616px;
}
.buttons19 {
  position: absolute;
  top: 368px;
  left: calc(50% - 108px);
  border-radius: var(--br-base);
  background-color: var(--colors-neutral-white);
  display: flex;
  flex-direction: row;
  padding: var(--padding-base) var(--padding-29xl);
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  text-align: left;
}
.you-no-longer2 {
  margin: 0;
}
.you-no-longer-container2 {
  position: absolute;
  top: 168px;
  left: calc(50% - 171px);
  line-height: 24px;
  color: var(--neutral-50);
  display: inline-block;
  width: 326px;
}
.azcpay4 {
  color: var(--color-darkorange-100);
}
.with-azcpay-you-container2 {
  position: absolute;
  top: 57px;
  left: calc(50% - 174px);
  font-size: var(--font-size-9xl);
  font-weight: 600;
  display: inline-block;
  width: 349px;
  color: var(--colors-neutral-white);
}
.group-parent19 {
  position: absolute;
  top: 3330px;
  left: calc(50% - 187px);
  border-radius: var(--br-29xl);
  background-color: var(--primary-500);
  width: 374px;
  height: 468px;
  overflow: hidden;
  color: var(--primary-500);
}
.desktop-9-inner {
  position: absolute;
  top: 0;
  left: calc(50% - 207px);
  background-color: var(--primary-50);
  width: 414px;
  height: 153px;
}
.socials{
 position:relative;   
left: -5%;

}
.social-media-handles1 {
  position: absolute;
  top: 55px;
  left: 0%;
  width: 265.44px;
  margin-left: 10px;

  height: 24px;
}
.social-media-handles2 {
    position: absolute;
    top: 55px;
    left: 10%;
    width: 265.44px;
    margin-left: 10px;
    height: 24px;
  }
  .social-media-handles3 {
    position: absolute;
    top: 55px;
    left: 20%;
    width: 265.44px;
    margin-left: 10px;

    height: 24px;
  }
  .social-media-handles4 {
    position: absolute;
    top: 55px;
    left: 30%;
    width: 265.44px;
    margin-left: 10px;

    height: 24px;
  }
  .social-media-handles5 {
    position: absolute;
    top: 55px;
    left: 40%;
    right:10%;
    width: 265.44px;
    margin-left: 10px;

    height: 24px;
  }
.contact-us2 {
  position: absolute;
  top: 23px;
  left: calc(50% - 31px);
  line-height: 24px;
}
.copyright-line-icon2 {
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  overflow: hidden;
}
.azcpay5 {
  position: relative;
}
.copyright-line-container {
  position: absolute;
  top: 108px;
  left: calc(50% - 33px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  text-align: left;
  color: var(--neutral-300);
}
.background-icon2,
.desktop-92 {
  position: absolute;
  overflow: hidden;
}
.desktop-92 {
  top: 3876px;
  left: calc(50% - 207px);
  background-color: var(--colors-neutral-white);
  width: 414px;
  height: 153px;
  font-size: var(--font-size-xs);
}
.background-icon2 {
  height: 101.11%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: -1.11%;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: none;
}
.chevronschevron-right-icon2 {
  position: absolute;
  top: 8.14px;
  left: 144px;
  width: 28px;
  height: 28px;
  overflow: hidden;
}
.label2 {
  position: absolute;
  top: calc(50% - 9.57px);
  right: 16px;
  line-height: 20px;
}
.bars-navigation-r-glyp2,
.center2 {
  position: absolute;
  bottom: 0;
  width: 188px;
  height: 44px;
}
.bars-navigation-r-glyp2 {
  right: 0;
  display: none;
  text-align: right;
}
.center2 {
  left: calc(50% - 94px);
}
.action4,
.time4 {
  position: absolute;
  width: 54px;
}
.time4 {
  top: calc(50% - 10px);
  left: 0;
  line-height: 20px;
  display: inline-block;
}
.action4 {
  top: calc(50% - 8px);
  left: 19.89px;
  height: 20px;
}
.container-icon4 {
  position: absolute;
  top: calc(50% - 5.84px);
  right: 14.5px;
  width: 67px;
  height: 11.5px;
}
.status-default-white2 {
  position: absolute;
  top: -0.29px;
  left: 0;
  width: 375px;
  height: 44px;
  display: none;
  color: var(--colors-neutral-white);
}
.container-icon5 {
  position: absolute;
  top: calc(50% - 4.84px);
  right: 14.5px;
  width: 67px;
  height: 11.5px;
}
.navigation-default-icons2,
.status-default-black2 {
  position: absolute;
  top: 0.58px;
  left: 0;
  width: 414px;
  height: 44px;
  color: var(--colors-neutral-black);
}
.navigation-default-icons2 {
  top: 0;
  height: 45px;
  font-size: var(--font-size-mini);
  color: var(--colors-primary-purple);
  font-family: var(--font-karla);
}
.landing-page-mobile2 {
  position: relative;
  background-color: var(--colors-neutral-white);
  width: 100%;
  height: 4029px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--neutral-500);
  font-family: var(--font-chivo);
}


.over-flow{
    /* overflow: hidden; */
    max-width: 100%;
}
    .desktop-viewport{
        
        display: none; /* Show the element on desktop devices */

      }
/* mobile modal */
.modal{
    display: none;
}
.landing-page-mobile-child4 {
    position: absolute;
    top: 0;
    left: calc(50% - 720px);

    background-color: var(--neutral-500);
    height: 901px;
    opacity: 0.5;
  }
  .waitlist-form-child {
    position: absolute;
    top: 0;
    background-color: var(--neutral-500);
    width: 1440px;
    height: 100%;
    opacity: 0.5;
    left: calc(50% - 720px);
    
}
.join-waitlist-group {
    position: absolute;
    top: calc(50% - 300.5px);
    left: 9%;
    border-radius: var(--br-xl);
    background-color: var(--colors-neutral-white);
    width: 82%;
    height: 600px;
    text-align: left;
    font-size: var(--font-size-5xl);
    overflow: hidden;
    z-index: 99999;
}
.join-waitlist13 {
    position: absolute;
    top: 50px;
    left: calc(50% - 62.5px);
    letter-spacing: -0.05em;
    line-height: 100%;
    font-weight: 600;
}
      .full-name,
      .input-text {
        position: absolute;
        top: 0;
        left: 0;
        line-height: 22.4px;
      }
      .input-text {
        height: 100%;
        width: 100%;
        display: inline-block;
      }

      input[type="text"].placeholder {
        position: absolute;
        top: 16px;
        left: 24px;
        width: 272px;
        height: 23px;
      }
      input[type="text"] {
        top: 27px;
        left: 0;
        border-radius: var(--br-base);
        border: 1px solid var(--neutral-300);
        box-sizing: border-box;
        width: 250px;
        height: 50px;
        margin-top: 15px;
        margin-left: -25px;
        padding-left: 20px;
        overflow: hidden;
        font-size: var(--font-size-base);
        color: var(--neutral-200);
        font-family: var(--font-chivo);
        -webkit-transition: 0.5s;
        outline: none;
    }
    input[type="text"]:focus {
        border: 3px solid var(--color-royalblue-100);
        color: black;
    
      }
      .form,
      .placeholder {
        position: absolute;
        top: 16px;
        left: 24px;
        width: 272px;
        height: 23px;
      }
      .form {
        top: 27px;
        left: 0;
        border-radius: var(--br-base);
        border: 1px solid var(--neutral-300);
        box-sizing: border-box;
        width: 250px;
        height: 50px;
        overflow: hidden;
        font-size: var(--font-size-base);
        color: var(--neutral-200);
        font-family: var(--font-gangster-grotesk);
    }
      .full-name-parent {
        position: relative;
        width: 310px;
        height: 82px;
        flex-shrink: 0;
      }
      .buttons13,
      .frame-container {
        position: absolute;
        display: flex;
      }
      .frame-container {
        top: 100px;
        left: 50px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        font-size: var(--font-size-sm);
        color: var(--neutral-300);
    }
    .buttons13 {
        top: 511px;
        left: calc(50% - 125px);
        border-radius: var(--br-base);
        background-color: var(--primary-500);
        width: 250px;
        flex-direction: row;
        padding: var(--padding-base) var(--padding-29xl);
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
        font-size: var(--font-size-base);
        color: var(--colors-neutral-white);
        height: 45px;
        cursor: pointer;  
        transition: 0.3s;
        /* z-index: 999999; */



    }
    .close-line-icon1 {
        position: absolute;
        top: 28px;
        left: 270px;
        width: 28px;
        height: 28px;
        overflow: hidden;
    }
      .join-waitlist-parent {
        position: absolute;
        top: calc(50% - 337.5px);
        left: 24px;
        border-radius: var(--br-xl);
        background-color: var(--colors-neutral-white);
        width: 367px;
        height: 674px;
        overflow: hidden;
        text-align: left;
        font-size: var(--font-size-5xl);
      }


      /* success modal  */


      .desktop-5-child {
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--neutral-500);
        width: 1440px;
        height: 810px;
        opacity: 0.5;
      }
      .dismiss {
        position: relative;
        letter-spacing: -0.05em;
        line-height: 100%;
        font-weight: 600;
      }
      .buttons22 {
        position: absolute;
        top: 361px;
        left: calc(50% - 187.5px);
        border-radius: var(--br-base);
        background-color: var(--primary-500);
        width: 375px;
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) var(--padding-29xl);
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
      }
      .close-line-icon2 {
        position: absolute;
        top: 28px;
        left: 270px;
        width: 28px;
        height: 28px;
        overflow: hidden;
      }
      .success-icon1 {
        position: absolute;
        top: 75px;
        left: 20%;
        width: 210.91px;
        margin-left: auto;
        margin-right: auto;
        height: 156px;
    }
    .check-you-mail1, .great-you-are1 {
        position: absolute;
         /*left: 10%; */
        letter-spacing: -0.05em;
        line-height: 100%;
        text-align: center;
        align-items: center;
    }
      .great-you-are1 {
        top: 260px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;        
        font-size: var(--font-size-13xl);
        font-weight: 600;
        color: var(--primary-500);
      }
      .check-you-mail1 {
        top: 370px;
        font-size: var(--font-size-lg);
        color: var(--neutral-500);
    }
   .funnel1 {
    width: 10%;
    margin-left: 10%;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: 65%;
}
}



/* smaller device */
@media only screen and (max-width: 400px) and (min-width: 370px) {
    
    .desktop-viewport{
        
        display: none; /* Show the element on desktop devices */

      }
     
    .group-parentsm16 {
        border-radius: var(--br-5xl);
        background-color: var(--color-royalblue-200);
        backdrop-filter: blur(27.2px);
        left: 2.5%;
        position: relative;
        top: 10px;
        overflow: hidden;
        width: 90%;
        margin-left:1.7%;
        border: 1px solid var(--color-royalblue-100);
        box-sizing: border-box;
        height: 250px;
        flex-shrink: 0;
        padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
        gap: var(--gap-xl);

    }
    .no-more-what2 {
        font-size: var(--font-size-sm);
        letter-spacing: -0.01em;
        color: var(--neutral-500);
        width: 333px;
    }
    .with-easy-access2 {
        font-size: var(--font-size-sm);
        letter-spacing: -0.01em;
        color: var(--neutral-500);
        width: 332px;
    }
    .azcpay-is-reducing2 {
        font-size: var( --font-size-sm);
        letter-spacing: -0.01em;
        color: var(--neutral-500);
    }
  }
  
  @media only screen and (max-width: 369px) and (min-width: 360px) {
    
    .desktop-viewport{
        
        display: none; /* Show the element on desktop devices */

      }
     
    .group-parentsmm16 {
        border-radius: var(--br-5xl);
        background-color: var(--color-royalblue-200);
        backdrop-filter: blur(27.2px);
        left: 2.5%;
        position: relative;
        top: 10px;
        overflow: hidden;
        width: 85%;
        margin-left:4.5%;        border: 1px solid var(--color-royalblue-100);
        box-sizing: border-box;
        height: 250px;
        flex-shrink: 0;
        padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
        gap: var(--gap-xl);
    

    }
    .group-parentsmm19 {
        position: absolute;
        top: 3330px;
        left: calc(50% - 175px);
        border-radius: var(--br-29xl);
        background-color: var(--primary-500);
        width: 350px;
        height: 468px;
        overflow: hidden;
        color: var(--primary-500);
    }
    .no-more-what2 {
        font-size: var(--font-size-sm);
        letter-spacing: -0.01em;
        color: var(--neutral-500);
        width: 333px;
    }
    .with-easy-access2 {
        font-size: var(--font-size-sm);
        letter-spacing: -0.01em;
        color: var(--neutral-500);
        width: 332px;
    }
    .azcpay-is-reducing2 {
        font-size: var( --font-size-sm);
        letter-spacing: -0.01em;
        color: var(--neutral-500);
    }
    .frame-container {
        top: 100px;
        left: 7.5%;
        width: 80%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        font-size: var(--font-size-sm);
        color: var(--neutral-300);
    }
    .close-line-icon1 {
        position: absolute;
        top: 28px;
        left: 240px;
        width: 28px;
        height: 28px;
        overflow: hidden;
    }
    .close-line-icon2 {
        position: absolute;
        top: 28px;
        left: 240px;
        width: 28px;
        height: 28px;
        overflow: hidden;
    }
  }

  /* tablet */
  
  @media only screen and (min-width: 768px) and (max-width: 820px) {
    
    .mobile-viewport{
        
        display: none; /* Show the element on desktop devices */

      }
      .landing-page {
        position: relative;
        width: 100%;
        height: 3710px;
        text-align: left;
        font-size: var(--font-size-13xl);
        color: var(--neutral-500);
        font-family: var(--font-chivo);
    }
   
    .desktop-4 {
        top: 0;
        left: -40%;
        background-color: var(--colors-neutral-white);
        width: 1440px;
        height: 810px;
        font-size: var(--font-size-base);
        color: var(--colors-neutral-white);
    }
    .austin-distel-744ogeqpxpq-unsp-frame {
        position: absolute;
        top: 158px;
        left: 820px;
        border-radius: var(--br-5xs);
        width: 105px;
        height: 124px;
        overflow: hidden;
    }
    .buttons26 {
        position: absolute;
        top: 26px;
        left: calc(50% + 120px);
        border-radius: var(--br-base);
        background-color: var(--primary-500);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) var(--padding-29xl);
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
    }
    .logo-on-black-t-shirt-1-parent3 {
        position: absolute;
        top: 29px;
        left: 327px;
        width: 134px;
        height: 41.46px;
    }
    .supercharge-your-sales-container5 {
        top: 317px;
        left: calc(50% - 460px);
        font-size: 40px;
        line-height: 72px;
        font-weight: 900;
        width: 920px;
    }
    .we-care-about1 {
        margin-top: -9%;      
    }
    .curve-loop-curl-doodle-scr5 {
        top: 245px;
        left: 201px;
        width: 500px;
        height: 70px;
    }
    
    .spark-sparkle-272 {
        position: absolute;
        top: 359px;
        left: 900.08px;
        width: 96.48px;
        height: 96.48px;
        overflow: hidden;
    }
    
    
    
    .spark-sparks-sparkle-stars2 {
        position: absolute;
        top: 628px;
        left: 900px;
        width: 63px;
        height: 63px;
        overflow: hidden;
    }
    .why-azcpay3 {
        position: absolute;
        top: 80px;
        left: calc(50% + -3px);
        font-size: var(--font-size-xl);
        text-transform: uppercase;
    }

    .group-parent20 {
        position: absolute;
        top: 143px;
        left: calc(35% + 0px);
        width: 574px;
        height: 184px;
    }
    .group-parent21 {
        position: absolute;
        top: 366px;
        left: calc(35% + 0px);
        width: 574px;
        height: 146px;
    }
    .group-parent22, .group-parent23 {
        position: absolute;
        top: 551px;
        left: calc(35% + 0px);
        width: 574px;
        height: 184px;
    }
    .group-parent23 {
        top: 774px;
    }
    .desktop-5-item {
        position: absolute;
        top: 78px;
        left: -35px;
        width: 538.7px;
        height: 864.9px;
    }
    .integrate-escrow-payment-container3 {
        position: absolute;
        top: 86px;
        left: calc(40% - 515px);
        font-weight: 600;
        display: inline-block;
        width: 350px;
    }
    .we-have-done3 {
        top: 99px;
        font-size: var(--font-size-sm);
        line-height: 24px;
        color: var(--neutral-500);
        display: inline-block;
        width: 260px;
        margin-left: -250px;
    }
    .buttons32 {
        top: 179px;
        border-radius: var(--br-base);
        display: flex;
        flex-direction: row;
        padding: var(--padding-base) 0;
        align-items: center;
        justify-content: center;
        gap: var(--gap-5xs);
        font-size: var(--font-size-base);
        margin-left: -250px;


    }
    .group-parent27 {
        position: absolute;
        top: -58px;
        left: 9px;
        border-radius: var(--br-29xl);
        background-color: var(--primary-500);
        width: 750px;
        height: 472px;
        overflow: hidden;
        
    }

    .group-parent24 {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: var(--br-5xl);
        background-color: var(--color-royalblue-200);
        backdrop-filter: blur(27.2px);
        border: 1px solid var(--color-royalblue-100);
        box-sizing: border-box;
        height: 250px;
        padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
        gap: var(--gap-xl);
      }

      .group-parent25 {
        position: absolute;
        top: 0;
        left: calc(50% - 191px);
        border-radius: var(--br-5xl);
        background-color: var(--color-royalblue-200);
        backdrop-filter: blur(27.2px);
        border: 1px solid var(--color-royalblue-100);
        box-sizing: border-box;
        height: 250px;
        display: flex;
        flex-direction: column;
        padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-xl);
      }
      .group-parent26 {
        position: absolute;
        top: 0;
        left: calc(50% + 235px);
        border-radius: var(--br-5xl);
        background-color: var(--color-royalblue-200);
        backdrop-filter: blur(27.2px);
        border: 1px solid var(--color-royalblue-100);
        box-sizing: border-box;
        height: 250px;
        display: flex;
        flex-direction: column;
        padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-xl);
      }

      .frame-parent3 {
        top: 259px;
        left: 400px;
        width: 1234px;
        height: 250px;
        font-size: var(--font-size-xl);
        color: var(--primary-500);
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        overflow-x: hidden;
      }
      .box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        flex: 1;
        transition: all 0.5s ease-in-out;
      }
      .group-parent27 {
        position: absolute;
        top: -58px;
        left: calc(50% - 376px);
        border-radius: var(--br-29xl);
        background-color: var(--primary-500);
        width: 750px;
        height: 472px;
        overflow: hidden;
    }
  }
  @media only screen and (min-width: 820px) and (max-width: 820px) {
    .group-parent27 {
        position: absolute;
        top: -58px;
        left: calc(50% - 376px);
        border-radius: var(--br-29xl);
        background-color: var(--primary-500);
        width: 750px;
        height: 472px;
        overflow: hidden;
    }
}

.slide-in {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  }
  
  .slide-in.visible {
    transform: translateX(0);
    opacity: 1;
  }
  /* input:invalid {
    border-color: red;
  } */
  
  #error-message {
    color: red;
    display: none;
  }
  #error-message1 {
    color: red;
    display: none;
  }