.elvtd-app-store-section {
  display: flex;
  flex-direction: column;
  gap: 60px;
  @media (max-width: 767px) {
    gap: 32px;
  }
  .section-inner {
    display: flex;
    gap: 24px;
    max-width: 1440px;
    margin: 0 auto;
    justify-content: center;

    @media (max-width: 1200px) {
      max-width: 100vw;
      flex-wrap: wrap;
    }
    @media (max-width: 767px) {
      flex-direction: column;
      align-items: center;
    }
    .block {
      width: 33%;
      border: 1px solid #0000004d;
      border-radius: 24px;
      padding: 40px;
      display: flex;
      gap: 30px;

      @media (max-width: 1200px) {
        width: calc(50% - 24px);
      }
      @media (max-width: 767px) {
        padding: 24px;
        gap: 16px;
        width: calc(100% - 48px);
        min-height: 310px !important;
      }
      &.text-image {
        min-height: 100%;
        flex-direction: column;
        justify-content: flex-end;
        .inner-block {
          display: flex;
          flex-direction: column;
          gap: 16px;
          @media (max-width: 767px) {
            gap: 8px;
          }
        }
      }
      &.text-image-stores {
        .inner-block {
          display: flex;
          flex-direction: column;
          gap: 8px;
          justify-content: flex-end;
          @media (max-width: 767px) {
            max-width: 50%;
          }
          .store-logos {
            margin-top: 24px;
            display: flex;
            flex-direction: column;
            img {
              @media (max-width: 767px) {
                max-width: 100%;
              }
            }
          }
        }
        .block-image {
          max-width: 50%;
        }
      }
      &.text-image-btn {
        .inner-block {
          display: flex;
          flex-direction: column;
          gap: 8px;
          justify-content: flex-end;
          h3 {
            @media (max-width: 767px) {
              font-size: 22px;
            }
          }
          .block-button {
            border: 1px solid black;
            background: transparent;
            padding: 8px 22px;
            color: black;
            font-weight: 500;
            font-size: 12px;
            line-height: 100%;
            letter-spacing: 0;
            text-transform: uppercase;
            height: fit-content;
            border-radius: 99px;
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 16px;
            width: fit-content;
            @media (max-width: 767px) {
              gap: 8px;
            }
            &:after {
              content: "";
              background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAwMDEgOC40MzQ4NUMxMS45OTY4IDguNzg1NTkgMTEuODU1NSA5LjEyMDkyIDExLjYwNjcgOS4zNjgxOEw4Ljc0Njc1IDEyLjIzNDhDOC42MjE4NCAxMi4zNTkgOC40NTI4NyAxMi40Mjg3IDguMjc2NzUgMTIuNDI4N0M4LjEwMDYyIDEyLjQyODcgNy45MzE2NiAxMi4zNTkgNy44MDY3NSAxMi4yMzQ4QzcuNzQ0MjYgMTIuMTcyOSA3LjY5NDY3IDEyLjA5OTEgNy42NjA4MiAxMi4wMTc5QzcuNjI2OTggMTEuOTM2NyA3LjYwOTU1IDExLjg0OTUgNy42MDk1NSAxMS43NjE1QzcuNjA5NTUgMTEuNjczNSA3LjYyNjk4IDExLjU4NjQgNy42NjA4MiAxMS41MDUxQzcuNjk0NjcgMTEuNDIzOSA3Ljc0NDI2IDExLjM1MDIgNy44MDY3NSAxMS4yODgyTDEwLjAwMDEgOS4xMDE1MkgzLjMzMzQxQzMuMTU2NiA5LjEwMTUyIDIuOTg3MDMgOS4wMzEyOCAyLjg2MjAxIDguOTA2MjVDMi43MzY5OSA4Ljc4MTIzIDIuNjY2NzUgOC42MTE2NiAyLjY2Njc1IDguNDM0ODVDMi42NjY3NSA4LjI1ODA0IDIuNzM2OTkgOC4wODg0NyAyLjg2MjAxIDcuOTYzNDRDMi45ODcwMyA3LjgzODQyIDMuMTU2NiA3Ljc2ODE4IDMuMzMzNDEgNy43NjgxOEgxMC4wMDAxTDcuODA2NzUgNS41NzQ4NUM3LjY4MTIxIDUuNDUwMiA3LjYxMDM0IDUuMjgwNzggNy42MDk3MSA1LjEwMzg3QzcuNjA5MDkgNC45MjY5NiA3LjY3ODc2IDQuNzU3MDUgNy44MDM0MSA0LjYzMTUyQzcuOTI4MDcgNC41MDU5OCA4LjA5NzQ4IDQuNDM1MSA4LjI3NDM5IDQuNDM0NDhDOC40NTEzIDQuNDMzODUgOC42MjEyMSA0LjUwMzUzIDguNzQ2NzUgNC42MjgxOEwxMS42MDY3IDcuNDk0ODVDMTEuODU3MSA3Ljc0Mzc1IDExLjk5ODYgOC4wODE4IDEyLjAwMDEgOC40MzQ4NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
              height: 16px;
              width: 16px;
              background-position: center;
              background-size: cover;
              display: block;
            }
          }
        }
        img {
          max-width: 150px;
          height: auto;
          object-fit: contain;
          object-position: bottom;
          @media (max-width: 767px) {
            max-width: 40%;
          }
        }
      }
      h3,
      p {
        margin: 0;
        text-align: left;
      }
      h3 {
        font-weight: 300;
        font-size: 32px;
        line-height: 1.1;
        letter-spacing: 0;
        @media (max-width: 767px) {
          font-size: 28px;
        }
      }
      p {
        font-weight: 300;
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: 0;
        @media (max-width: 767px) {
          font-size: 14px;
        }
      }
    }
  }
  strong {
    font-weight: 700;
  }

  .heading-wrapper {
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
  }
}