.section-sdks h2 {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-headline-3-m-size);

    line-height: var(--font-headline-3-m-line-height, normal);

    letter-spacing: var(--font-headline-3-m-letter-spacing, 0);

    font-weight: var(--font-headline-3-m-weight, 400)
}

.section-sdks h2 {

    margin-bottom: 9.6rem;

    text-align: center
}

.section-sdks .section-sdks-cards {

    display: flex;

    flex-direction: column;

    gap: 2.4rem
}

.section-sdks .section-sdks-cards .solution-card p {

    width: 100%
}

.section-sdks .tabs-container-tabs {

    /* margin-bottom: 9.6rem; */
    margin-bottom: 2rem;

    display: flex;

    justify-content: center;

    gap: 2.0rem;

    border-bottom-width: .1rem;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-navy-04) / var(--tw-border-opacity));

    padding-bottom: 1.0rem
}

.section-sdks .tabs-container-tabs a {

    font-family: var(--font-family-din-pro);

    font-size: var(--font-body-1-m-size);

    line-height: var(--font-body-1-m-line-height, normal);

    letter-spacing: var(--font-body-1-m-letter-spacing, 0);

    font-weight: var(--font-body-1-m-weight, 400)
}

.section-sdks .tabs-container-tabs a {

    padding-left: 2.4rem;

    padding-right: 2.4rem;

    padding-top: 1.2rem;

    padding-bottom: 1.2rem;

    --tw-text-opacity: 1;

    color: rgb(var(--color-blue) / var(--tw-text-opacity))
}

.section-sdks .tabs-container-tabs a:hover,
.section-sdks .tabs-container-tabs a.selected {

    border-radius: 0.8rem;

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-blue) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: rgb(var(--color-white) / var(--tw-text-opacity))
}

.section-sdks .tabs-container-window {

    display: none
}

.section-sdks .tabs-container-window.selected {

    display: block
}

@media (min-width: 640px) {

    .container {

        max-width: 640px
    }

    .\!container {

        max-width: 640px !important
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px
    }

    .\!container {

        max-width: 768px !important
    }

    .section-sdks .tabs-container-tabs {

        margin-left: auto;

        margin-right: auto;

        width: -moz-fit-content;

        width: fit-content;

        border-radius: 0.8rem;

        border-width: .1rem;

        padding: 1.0rem
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px
    }

    .\!container {

        max-width: 1024px !important
    }

    .gap-grid {

        gap: 2.4rem
    }

    .section-sdks h2 {

        font-size: var(--font-headline-3-size);

        line-height: var(--font-headline-3-line-height, normal);

        letter-spacing: var(--font-headline-3-letter-spacing, 0);

        font-weight: var(--font-headline-3-weight, 400)
    }

    .section-sdks .section-sdks-cards {

        display: grid;

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .section-sdks .tabs-container-tabs a {

        font-size: var(--font-body-1-size);

        line-height: var(--font-body-1-line-height, normal);

        letter-spacing: var(--font-body-1-letter-spacing, 0);

        font-weight: var(--font-body-1-weight, 400)
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px
    }

    .\!container {

        max-width: 1280px !important
    }
}

@media (min-width: 1536px) {

    .container {

        max-width: 1536px
    }

    .\!container {

        max-width: 1536px !important
    }
}

@media (min-width: 1800px) {

    .container {

        max-width: 1800px
    }

    .\!container {

        max-width: 1800px !important
    }
}