.section-products_tabs {
    .head-tabs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: clamp(24px, 3vw, 32px);
        flex-wrap: wrap;
        gap: 24px;
    }
    .ph-tabs-nav {
        display: flex;
        gap: clamp(4px, 1vw, 8px);
        list-style: none;
        padding-bottom: 5px;
        overflow: auto;
        & li {
            cursor: pointer;
            padding: 8px 12px;
            border-radius: 100px;
            background: var(--white);
            color: var(--black);
            transition: 0.3s;
            font-size: clamp(14px, 2vw, 16px);
            font-family: var(--Medium);
            line-height: clamp(18px, 3vw, 32px);
            min-width: max-content;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        & li:hover,
        & li.active {
            background: var(--color2);
            color: var(--white);
        }
    }
    .ph-tabs-content .ph-tab-item {
        display: none;
    }
    .ph-tabs-content .ph-tab-item.active {
        display: block;
    }
}
@media only screen and (max-width: 992px) {
    .img-wrap {
        position: relative;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 40px;
        img {
            width: auto;
            height: auto;
            object-fit: cover;
            border-radius: 32px;
        }
        & .c-btn {
            position: absolute;
            bottom: 32px;
            right: 50%;
            transform: translateX(50%);
            margin: 0;
            .btns {
                min-width: 160px;
            }
        }
    }
}
@media only screen and (min-width: 992px) {
    .section-products_tabs {
        .img-wrap {
            position: relative;
            height: 100%;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 32px;
            }
            & .c-btn {
                position: absolute;
                bottom: 32px;
                right: 50%;
                transform: translateX(50%);
                margin: 0;
                .btns {
                    min-width: 160px;
                }
            }
        }
    }
}
@media only screen and (max-width: 768px) {
    .head-tabs {
        flex-direction: column;
        justify-content: center !important;
    }
}