.tabs-wrapper {
    width: 100% ;
    margin: 0;
    max-width: unset!important;
}

.tabs {
    display: flex;
    border: 1px solid #F2F2F2;
    background: #FFF;
    height: 69px;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    overflow-x: auto;
    margin-top: 0!important;
    margin-bottom: 40px;
}

.tab-item {
    font-family: "Open Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    color: #555;
    background: none;
    border: none;
    cursor: pointer;
    margin-right: 30px;
    padding: 5px 10px;
    white-space: nowrap;
}

.tab-item.active {
    color: #0C9293;
    border-bottom: none!important;
}

@media screen and (max-width: 768px) {
    .tabs {
        flex-wrap: wrap;
        padding: 10px;
        height: auto;
    }

    .tab-item {
        font-size: 16px;
        margin: 5px 10px;
    }
}


.back-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #555;
    font-family: "Open Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: color 0.2s ease;
}

.back-link::before {
    content: "";
    width: 25px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='8' viewBox='0 0 25 8' fill='none'%3E%3Cpath d='M0.646446 3.64645C0.451185 3.84171 0.451185 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646446 3.64645ZM25 3.5L1 3.5V4.5L25 4.5V3.5Z' fill='%23555555'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    flex-shrink: 0;
    transition: background 0.2s ease;
}

/* Состояния hover, focus, active */
.back-link:hover,
.back-link:focus,
.back-link:active {
    color: #0C9293;
    text-decoration: underline;
}

/* Меняем цвет стрелочки при hover/focus/active */
.back-link:hover::before,
.back-link:focus::before,
.back-link:active::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='8' viewBox='0 0 25 8' fill='none'%3E%3Cpath d='M0.646446 3.64645C0.451185 3.84171 0.451185 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646446 3.64645ZM25 3.5L1 3.5V4.5L25 4.5V3.5Z' fill='%230C9293'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}