.tab-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
.tab-buttons {
    display: flex;
    flex-direction: column;
    width: 600px;
}
.tab-button {
    padding: 20px;
    cursor: pointer;
    background: #f8f9fb;
    border: 1px solid #f8f9fb;
    margin-bottom: 20px;
    text-align: left;
    border-radius: 8px;
}
.tab-button.active {
    background: #382887;
    color: #fff;
}
.tab-button h3 {
    margin: 0 0 10px 0;
    font-size: 24px;
    position: relative;
    font-weight: 500;
}
.tab-button.active h3 {
    color:#fff;
}
.tab-button h3::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOCAwLjc0MDAxQzguMDAyMDYgMC45Mjk1MjcgNy45MzAzNCAxLjExMjQyIDcuOCAxLjI1MDAxTDQuNSA0Ljc4MDAxQzQuNDM2MzIgNC44NDkxIDQuMzU5MDEgNC45MDQyNCA0LjI3Mjk1IDQuOTQxOTVDNC4xODY5IDQuOTc5NjcgNC4wOTM5NiA0Ljk5OTE0IDQgNC45OTkxNEMzLjkwNjA0IDQuOTk5MTQgMy44MTMxIDQuOTc5NjcgMy43MjcwNCA0Ljk0MTk1QzMuNjQwOTkgNC45MDQyNCAzLjU2MzY4IDQuODQ5MSAzLjUgNC43ODAwMUwwLjE5OTk5OCAxLjI1MDAxQzAuMDY5NjU0MiAxLjExMjQyIC0wLjAwMjA2Nzc0IDAuOTI5NTI3IC0xLjU3MzNlLTA2IDAuNzQwMDFDLTAuMDAyNTc2MiAwLjU0NzQyNyAwLjA2OTAzNjMgMC4zNjEyMzQgMC4xOTk5OTggMC4yMjAwMUMwLjI2NDQ1MiAwLjE1MjIzNiAwLjM0MjAxMSAwLjA5ODI3MjQgMC40Mjc5NjQgMC4wNjEzOTg1QzAuNTEzOTE3IDAuMDI0NTI0NiAwLjYwNjQ3IDAuMDA1NTEwMzMgMC42OTk5OTggMC4wMDU1MTAzM0MwLjc5MzUyNyAwLjAwNTUxMDMzIDAuODg2MDc5IDAuMDI0NTI0NiAwLjk3MjAzMiAwLjA2MTM5ODVDMS4wNTc5OSAwLjA5ODI3MjQgMS4xMzU1NCAwLjE1MjIzNiAxLjIgMC4yMjAwMUw0IDMuMjEwMDFMNi43OSAwLjIxMDAxMUM2Ljg1NTE3IDAuMTQzNDkxIDYuOTMyOTcgMC4wOTA2NDQ3IDcuMDE4ODIgMC4wNTQ1Njc4QzcuMTA0NjggMC4wMTg0OTA5IDcuMTk2ODcgLTkuMTU1MjdlLTA1IDcuMjkgLTkuMTU1MjdlLTA1QzcuMzgzMTMgLTkuMTU1MjdlLTA1IDcuNDc1MzIgMC4wMTg0OTA5IDcuNTYxMTcgMC4wNTQ1Njc4QzcuNjQ3MDMgMC4wOTA2NDQ3IDcuNzI0ODIgMC4xNDM0OTEgNy43OSAwLjIxMDAxMUM3LjkyNzAzIDAuMzUyMTQ5IDguMDAyNDkgMC41NDI1ODkgOCAwLjc0MDAxWiIgZmlsbD0iIzM4Mjg4NyIvPgo8L3N2Zz4K);
    font-size: 20px;
    width: 36px;
    height: 36px;
    transform: rotate(0deg);
    transition: all 0.3s linear;
    fill: #382887;
    background-size: 21px;
    background-position: center;
    background-repeat: no-repeat;
}
.tab-button.active h3::after {
    color:#fff;
    transform: rotate(-90deg);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTEyLDYuNzRhLjczLjczLDAsMCwxLS4yLjUxTDguNSwxMC43OGEuNjguNjgsMCwwLDEtMSwwTDQuMiw3LjI1QS43My43MywwLDAsMSw0LDYuNzRhLjc1Ljc1LDAsMCwxLC4yLS41Mi42OS42OSwwLDAsMSwxLDBMOCw5LjIxbDIuNzktM2EuNy43LDAsMCwxLDEsMEEuNzUuNzUsMCwwLDEsMTIsNi43NFoiLz48L3N2Zz4K) no-repeat 50%/contain;


}
.tab-content {
    display: none;
}
.tab-content.active, .active .tab-content {
    display: block;
}
.tab-contents {
    flex: 1;
    margin-left: 20px;
    position: relative;
    min-height: 500px;
}
.tab-contents .tab-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.tab-contents .tab-content.active {
    display: block;
}
.tab-image {
    max-width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
}

.tab-container.none-tabs {
    display: none;
}

@media only screen and (max-width: 600px) {
    .tab-container.none-tabs {
        display: flex;
        flex-direction: column;
        gap:60px;
    }
    .tab-container.display-tabs {
        display: none;
    }
    .no-tabs-content .tab-content {
        display: block;
    }

    .stk-ox1tcuy .stk-button__inner-text {
        color:#382887 !important;
    }
}