.dubaj {
     .download-buttons{
display: block !important;
    }
.zen-form-section button {
  border: 2px solid rgba(0, 0, 0, 0);
    &:hover {
border: 2px solid black;
    }
  }
#popup-success{
  .popup-title{
    font-family: Nunito;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; 
color: #000;
  }
  .green-text-popup{
    color:  #22E243;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
  }
  .popup-subtitle{
    color:  #000;
    font-family: Nunito;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
  }
  .popup-message{
  color:  #222;
  font-family: Nunito;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  }
  .popup-close{
    margin-left: auto;
    margin-right: auto;
  }
}



    #code-form .form-control:focus ~ .form-label,
    .form-control:not(:placeholder-shown) ~ .form-label {
      background: #f0eee7 !important;
    }
    .zen-form-section .info-text {
      max-width: 100%;
    }
    form {
      max-width: 1100px;
    }
    .info-text-grey {
      margin-top: 28px;
      br {
        display: block;
      }
    }
    background: #f0eee7;
    &::before {
      background-image: url(/ambasadorzen/assets/herodubaj.webp) !important;
    }

    @media (max-width: 768px) {
      &::before {
        background-image: url(/ambasadorzen/assets/herodubajmobile.webp) !important;
        background-size: contain;
        top: 0px;
      }
    }
    .popup-content {
      background: #fff !important;
      h2,
      li {
        color: #000 !important;
      }
      .popup-close {
        border-radius: 64px;
        background: #22e243;
        display: flex;
        width: 231.341px;
        height: 64px;
        padding: 24px 32px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        color: #000;

        font-family: Nunito;
        font-size: 16px;
        font-style: normal;
        font-weight: 800;
        line-height: 24px; /* 150% */
      }
    }
    .logo {
      padding: 36px;
      align-items: center;
      gap: 13.5px;
      border-radius: 192px;
      background: #f0eee7;
      margin-top: 54px;
      max-width: 440px;
      max-height: 115px;
      div {
        display: flex;
        justify-content: center;
      }
    }
    .logozen {
      max-width: 177.645px;
      max-height: 40.433px;
      margin: 0px;
    }
    .twocontinents {
      max-width: 126px;
      max-height: 40.5px;
      margin: 0px;
    }
    .hero-logos {
      margin: 0px;
    }
    .hero-content {
      .tag {
        color: #000;
        font-family: Nunito;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 21px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-bottom: 12px;
      }
      .title-desktop {
        color: #000;

        font-family: Nunito;
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: 72px; /* 128.571% */
        margin-bottom: 48px;
      }
      .text-paragraph-desktop {
        color: #222;

        font-family: Nunito;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 42px; /* 133.333% */
        strong {
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          line-height: 42px;
        }
      }
      .accordion-toggle {
        color: #000;
        font-family: Nunito;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        text-decoration-line: underline;
        border: 0px !important;
      }
    }
    .zen-form-section {
      .form_heading {
        color: #22e243;

        font-family: Nunito;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 21px; /* 150% */
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-bottom: 24px;
        margin-top: 44px;
      }
      .title {
        color: #000;

        font-family: Nunito;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 64px; /* 133.333% */
        margin-bottom: 48px;
      }
      .text-paragraph {
        color: #000;
        font-family: Nunito;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px; /* 133.333% */
        margin-bottom: 64px;
      }
      .input {
        background: #f0eee7;
        border-radius: 32.505px;
        border: 2.167px solid #888;
        color: #222;
        font-family: Nunito;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
      }
      .info-text {
        color: #222;

        font-family: Nunito;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px; /* 133.333% */
      }
    }
    .info-text::after {
      content: unset;
    }
    .swiper-pagination {
      background-color: white;
      margin-bottom: unset !important;
      height: 32px !important;
      line-height: 32px;
      width: auto !important;
      padding-left: 15px;
      padding-right: 15px;
      bottom: 0;
      border-radius: 30px;
      position: relative;
      bottom: 0px !important;
      top: 0px !important;

      .swiper-pagination-bullet {
        background-color: #000000;
        margin: 0px 3px;
      }

      .swiper-pagination-bullet-active,
      .active {
        background-color: #22e243;
        opacity: 1;
      }
    }

    .pagination_wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      height: 32px;
      margin: 32px 0px;
    }
  }

  .rewards-section {
    margin: 64px 0;
    width: 100% !important;
  }
  @media (min-width: 768px) {
    .rewards-section {
      margin: 128px 0;
    }
  }
.rewards-container{
  position: relative;
.swiper{
    overflow: hidden;
   
}
}
.dubaj{
    overflow-x: hidden;
    .form-control:focus{
      border: 2.167px solid  #69E245 !important;
    }
}
.rewards-container:after{
  content: "";
  width: 1917px;
  height: 1226px;
  background-image: url(/ambasadorzen/assets/afterdubaj.svg);
  position: absolute;
  left: 0;
  top:-15vh;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (max-width:1250px){
  .rewards-container:after{
    content: unset;
  }
}
  .rewards-container {
    max-width: 1920px;
    margin: 0 auto;
    .swiper-slide:first-child {
      margin-left: 10px;
    }
  }

  .rewards-title {
    color: black;
    text-align: center;
    font-family: Nunito;
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 32px;
  }
  .rewards-subtitle {
    color: #222;
    text-align: center;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 48px;
  }
  @media (min-width: 768px) {
    .rewards-title {
      color: black;
      text-align: center;
      font-family: Nunito;
      font-size: 48px;
      font-weight: 700;
      line-height: 64px;
      margin-bottom: 48px;
    }
    .rewards-subtitle {
      color: black;
      text-align: center;
      font-family: Nunito;
      font-size: 24px;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 48px;
    }
  }

  .zen-slider {
    overflow: hidden;
  }

  .zen-slider .swiper-pagination {
    position: static;
    margin-top: 48px;
  }

  .zen-slider .swiper-slide {
    width: auto;
  }
  .reward-card {
    display: flex;
    width: 304px;
    height: 439.923px;
    min-width: 302px;
    max-height: 440px;
    padding: 22px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0) 50%
      ),
      var(--bg, none) lightgray 50% / cover no-repeat, #000;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    background-size: contain;
  }

  .reward-card__title {
    color: white;
    font-family: Nunito;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    text-align: left;
    align-self: stretch;
  }

  @media (min-width: 768px) {
    .reward-card {
      width: 416px;
      height: 602px;
      min-width: 413.263px;
      max-height: 602.105px;
      padding: 39.789px;
      border-radius: 21.895px;
      background: linear-gradient(
          180deg,
          rgba(0, 0, 0, 0.75) 0%,
          rgba(0, 0, 0, 0) 50%
        ),
        var(--bg, none) lightgray 50% / cover no-repeat, #000;
    }
    .reward-card__title {
      color: white;
      font-size: 32.842px;
      line-height: 43.789px;
    }
  }

  .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
  }
  .swiper-pagination-bullets .swiper-pagination-bullet-active {
    transform: scale(1.1);
  }
  .clp_download {
    margin-top: 256px;
    padding-bottom: 64px !important;
  }
  .clp_download-card {
    width: 1320px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: white;
    padding: 0 24px 62px 24px;
    position: relative;
    text-align: center;
    min-height: 470px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .clp_download-tech {
    margin-top: -100px;
    display: flex;
    gap: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
  }

  .clp_download-tech-item {
    width: 152px;
    height: 152px;
    flex: 0 0 152px;
    border-radius: 40px;
    border: 2px solid #222;
    background: #fff;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .clp_download-tech-item img {
    max-width: 80%;
    max-height: 80%;
    display: block;
  }

  .clp_download-title {
    color: #000;
    text-align: center;
    font-family: Nunito, system-ui, -apple-system, sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 48px;
  }

  .clp_download-text {
    color: #000;
    text-align: center;
    font-family: Nunito, system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 48px;
  }

  .clp_download-stores {
    display: flex;
    gap: 32px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .clp_download-stores img:hover,
  .clp_split-stores img:hover {
    filter: invert(93%) sepia(83%) saturate(747%) hue-rotate(52deg)
      brightness(92%) contrast(89%);
  }

  .clp_store img {
    display: block;
    height: 48px;
    width: auto;
  }

  .clp_download_green_text {
    color: #22e243;
    text-align: center;
    font-family: Nunito, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 24px;
  }

  /* QR placeholder (jeśli chcesz obraz jako tło pseudo-elementu) */
  .homepage-new__get-app-squares__qr::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    /* ewentualnie:
  inset: 0;
  background-image:url('/template-parts/crypto-lp-landing/ambasadorzen/assets/imgs/qr.png');
  */
  }

  /* ======= MOBILE ======= */
  @media (max-width: 767px) {
    .clp_download-card {
      width: 100%;
      border-radius: 15px;
      background-image: url("/template-parts/crypto-lp-landing/ambasadorzen/assets/imgs/patern.svg");
      padding: 40px 17px;
      text-align: center;
      min-height: unset;
      background-repeat: no-repeat;
    }

    .clp_download-tech-item {
      width: 96px;
      height: 96px;
      border-radius: 27.626px;
    }

    .clp_download-tech-item img {
      width: 62.849px;
      height: 62.849px;
    }

    .clp_download-tech .homepage-new__get-app-squares__qr {
      display: none;
    }

    .clp_download-card .clp_download-title {
      margin-top: 0;
    }

    .clp_download-title {
      color: #000;
      text-align: center;
      font-family: Nunito, system-ui, -apple-system, sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 32px;
      margin-bottom: 32px;
    }

    .clp_download-text {
      color: #000;
      text-align: center;
      font-family: Nunito, system-ui, -apple-system, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 32px;
    }

    .clp_download-text br {
      display: none;
    }

    .clp_store img {
      height: 60px;
    }
  }

  @media (max-width: 768px) {
    .dubaj {
      .logo {
        padding: 25.844px 24.81px;
      }
      .logozen {
        max-width: 122.429px;
        max-height: 27.865px;
      }
      .twocontinents {
        max-width: 86.836px;
        max-height: 27.912px;
      }
      .hero-content {
        .tag {
          font-family: Nunito;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 21px; /* 150% */
          letter-spacing: 0.5px;
          text-transform: uppercase;
          margin-top: 50vh;
        }
      }
      .zen-form-section {
        .title {
          font-size: 32px;
          font-style: normal;
          font-weight: 700;
          line-height: 40px; /* 125% */
          margin-bottom: 40px;
        }
        .text-paragraph {
          font-family: Nunito;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          line-height: 28px; /* 140% */
          strong {
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 28px;
          }
        }
      }
      .zen-form-section__form {
        .title {
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          line-height: 32px;
          margin-bottom: 24px;
        }
        .text-paragraph {
          font-family: Nunito;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
          margin-bottom: 24px;
        }
      }
     .zen-form-section .info-text {
        font-size: 20px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 140% */
      }
      .info-text-grey {
        max-width: 304px;
      }
      .clp_download {
        padding: 10px;
      }
      .zen-form-section .logo{
        max-width: 304px !important;
      }
      .form-control:focus{
border: 2px solid  #22E243 !important;
      }
      .clp_download{
        background-image: url(/ambasadorzen/assets/afterfooter.svg);
        background-size: cover;
        background-repeat: no-repeat;
      }
      .clp_download-card{
       border-radius: 16px;
border: 1px solid  #FFF;
background:  linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
      }
      .clp_download-tech{
         width: 96px; 
         height: 96px;
         display: unset;
      }
      .clp_download-title br{
        display: none;
      }
      .clp_download-text{
        max-width: 304px;
      }
    }
  }
@media (max-width:768px){
  .dubaj {
    .popup{
      height: 100vh !important;
    }
    .content-ol{
              overflow-y: scroll;
        height: 450px;
            ol{
              padding-right: 2px !important;
            }
    }
    .qrcode{
      display: none !important;
    }
    & .hero-content {
        .accordion-toggle {
font-size: 14px !important;
        }}}


        .dubaj {
    & .zen-form-section {
        .form_heading {

margin-top: 10px;
        }}}

        .regulamin{
          font-size: 12px !important;
        }
        .clp_download{
          margin-top: 128px;
        }
}
.reward-card {
  text-decoration: none !important;
}
.text-paragraph a{
    text-decoration: none !;
                color: #000 !important;
}
.dubaj #code-form #answer{
      text-transform: none !important;
}

@media (max-width: 1600px) {
  .dubaj::before {
    top: -30vh !important;
  }
}

@media (max-width: 768px) {
  .dubaj::before {
    top: 0vh !important;
  }
.dubaj {
    & #popup-success {
        .popup-message {
            max-width: 304px;
            margin-left: auto;
            margin-right: auto;
            span{
                  display: block;
            }
        }}}
}
.zen-card::after{
  content: unset !important;
}