.gdrfad-app-container {
    display: flex;
    max-width: 100%;
    max-height: 510px;
    padding: var(--padding-padding-3xl, 64px) var(--padding-padding-xxl, 32px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    flex-shrink: 0;
    background: var(--neutral-neutral98);
}


.gdrfad-app-content {
    display: flex;
    max-width: var(--device-Breakpoint);
    align-items: center;
    gap: var(--gap-gap-xl, 24px);
}

.gdrfad-app-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--gap-gap-xxl, 32px);
    flex: 1 0 0;
}

.gdrfad-app-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.gdrfad-app-highlight {
    color: var(--text-body);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

.gdrfad-app-title {
    align-self: stretch;
    color: var(--text-primary);
    font-size: var(--font-size-h2, 40px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h2, 48px);
    /* 120% */
    letter-spacing: -0.2px;
}

.gdrfad-app-desc {
    color: var(--neutral-variant30, #40484F);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
    white-space: normal;
    display: inline-block;
}


.gdrfa-app-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.store-btn {
    display: flex;
    padding: 10px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: var(--Roundness-Round-Inside, 6px);
    border: 1px solid var(--surface-outline, #E4E2E6);
    background: var(--surface-surface, #FFF);

    /* Shadow/XSM */
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}

.mockup-images {
    display: flex;
    padding: 0 0.409px 0 47px;
    justify-content: flex-end;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.devices-images-container {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}



@media (min-width: 769px) and (max-width: 1024px) {
    .gdrfad-app-container {
        gap: 48px;
        min-height: auto;
        padding-block-end: 0;
    }

    .gdrfad-app-content {
        flex-wrap: wrap;
        justify-content: center;
        padding-inline: 0;
    }

    .gdrfad-app-text-container {
        flex: 1 1 50%;
    }

    .mockup-images {
        flex: 1 1 10%;
        padding: 0;
        justify-content: center;
    }

    .devices-images-container {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
    }
}


@media (min-width: 641px) and (max-width: 768px) {
    .gdrfad-app-container {
        gap: 48px;
        min-height: auto;
        padding-block-end: 0;
    }

    .gdrfad-app-content {
        flex-wrap: wrap;
        justify-content: center;
        padding-inline: 0;
    }

    .gdrfad-app-text-container {
        flex: 1 1 50%;
    }

    .mockup-images {
        flex: 1 1 10%;
        padding: 0;
        justify-content: center;
    }

    .devices-images-container {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
    }
}


@media (max-width: 640px) {
    .gdrfad-app-container {
        gap: 40px;
        min-height: auto;
        padding-block-end: 10px;
    }

    .gdrfad-app-content {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        padding-inline: 0;
    }

    .gdrfa-app-buttons{
        width:-webkit-fill-available;
    }

    .store-btn {
        flex: 1 0 0;
        align-items: center;
    }

    .mockup-images {
        padding: 32px 0 0;
        justify-content: center;
    }

    .devices-images-container {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
    }
}