.dynamic-cards .dynamic-cards__tab-menu {
    margin-bottom: 32px
}

@media (max-width: 991px) {
    .dynamic-cards .dynamic-cards__tab-menu {
        height: 60px
    }

        .dynamic-cards .dynamic-cards__tab-menu > div {
            flex-direction: column;
            position: absolute;
            z-index: 5;
            border: 2px solid #000000;
            background-color: #fff;
            width: 100%;
            transition: .6s;
            max-height: 60px;
            overflow: hidden
        }

            .dynamic-cards .dynamic-cards__tab-menu > div:after {
                display: none
            }

            .dynamic-cards .dynamic-cards__tab-menu > div.open {
                max-height: 100%;
                position: absolute
            }

                .dynamic-cards .dynamic-cards__tab-menu > div.open a, .dynamic-cards .dynamic-cards__tab-menu > div.open button {
                    display: block
                }

                    .dynamic-cards .dynamic-cards__tab-menu > div.open a.active, .dynamic-cards .dynamic-cards__tab-menu > div.open button.active {
                        background-color: #0396ff;
                        color: #fff
                    }

                .dynamic-cards .dynamic-cards__tab-menu > div.open i {
                    display: none
                }

        .dynamic-cards .dynamic-cards__tab-menu a, .dynamic-cards .dynamic-cards__tab-menu button {
            display: none;
            border-bottom: none;
            text-decoration: none;
            text-align: left;
            padding: 16px 48px 16px 16px;
            color: #21282d;
            line-height: 150%
        }

            .dynamic-cards .dynamic-cards__tab-menu a.active, .dynamic-cards .dynamic-cards__tab-menu button.active, .dynamic-cards .dynamic-cards__tab-menu i {
                display: block
            }
}

.dynamic-cards .dynamic-cards__tab-menu .dynamic-cards__tab-menu__wrapper {
    display: flex;
    position: relative
}

    .dynamic-cards .dynamic-cards__tab-menu .dynamic-cards__tab-menu__wrapper:after {
        content: "";
        position: absolute;
        width: calc(100% / var(--tab-count));
        height: 4px;
        bottom: 0;
        background-color: #0396ff;
        transition: .2s;
    }

.dynamic-cards .dynamic-cards__tab-menu .dynamic-cards__tab-menu__button {
    font-family: DM Sans,sans-serif;
    font-size: 16px;
    line-height: 145%;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    flex-basis: calc(100% / var(--tab-count));
    font-weight: 500
}

@media (min-width: 992px) {
    .dynamic-cards .dynamic-cards__tab-menu .dynamic-cards__tab-menu__button {
        padding: 16px 0;
        border-bottom: 1px solid #A5A5A5
    }

        .dynamic-cards .dynamic-cards__tab-menu .dynamic-cards__tab-menu__button:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 0;
            left: 0;
            bottom: 0;
            background-color: #0396ff;
            transition: .2s
        }

        .dynamic-cards .dynamic-cards__tab-menu .dynamic-cards__tab-menu__button:hover:after, .dynamic-cards .dynamic-cards__tab-menu .dynamic-cards__tab-menu__button:focus-visible:after {
            height: 3px
        }
}

.dynamic-cards .dynamic-cards__tab-menu i {
    position: absolute;
    right: 16px;
    top: 20px;
    transition: .3s;
    pointer-events: none
}

@media (min-width: 992px) {
    .dynamic-cards .dynamic-cards__tab-menu i {
        display: none
    }
}

.dynamic-cards .dynamic-cards__tabs .dynamic-cards__tabs__tab {
    display: none
}

    .dynamic-cards .dynamic-cards__tabs .dynamic-cards__tabs__tab.active {
        display: block
    }

.dynamic-cards .dynamic-cards__see-more {
    margin-top: 24px;
    display: flex;
    justify-content: center
}

@media (min-width: 992px) {
    .dynamic-cards .dynamic-cards__see-more {
        margin-top: 48px
    }
}