.sub_parts
{
    margin-top: 120px;
    display: flex;
    .first-b
    {
        flex: 0 0 632px;
        padding: 100px 24px;
        background: var(--color-gray-scale-gray-500);
        height: 780px;
        position: relative;
        .main-zag
        {
            font-family: Raleway;
            font-size: 38px;
            font-weight: 600;
            line-height: 45.6px;
            letter-spacing: -0.02em;
            text-align: left;
            color: var(--color-dark-scale-dark-500);
        }
        #v-pills-tab
        {
            position: absolute;
            bottom: 100px;
            width: calc(100% - 48px);
        }
        #v-pills-tab>div
        {
            margin-top: 16px;
            font-family: Segoe UI;
            font-size: 19px;
            font-weight: 400;
            line-height: 26.6px;
            letter-spacing: -0.01em;
            text-align: left;
            color: var(--color-dark-scale-dark-500);
            cursor: pointer;
            opacity: 40%;
        }
        #v-pills-tab>div.active
        {
            font-weight: 700;
            opacity: 100%;
        }
    }
    .second-b
    {
        flex-grow: 1;
        padding: 100px 64px;
        background: var(--color-dark-scale-dark-400);
        height: 780px;
        position: relative;
        .counts
        {
            font-family: Segoe UI;
            font-size: 19px;
            font-weight: 400;
            line-height: 26.6px;
            letter-spacing: -0.01em;
            text-align: left;
            color: var(--color-gray-scale-color-50);
        }
        .name
        {
            font-family: Raleway;
            font-size: 48px;
            font-weight: 600;
            line-height: 52.8px;
            letter-spacing: -0.03em;
            text-align: left;
            color: var(--color-gray-scale-color-50);
            max-width: 632px;
            margin-top: 48px;
        }
        .sub-text
        {
            font-family: Segoe UI;
            font-size: 19px;
            font-weight: 400;
            line-height: 26.6px;
            letter-spacing: -0.01em;
            text-align: left;
            color: var(--color-gray-scale-color-50);
            position: absolute;
            bottom: 100px;
            max-width: 632px;
            width: calc(100% - 128px);
        }
    }
}

@media (max-width: 1919px) {
    .sub_parts
    {
        .first-b
        {
            flex: 0 0 468px;
        }
        .second-b
        {

        }
    }
}
@media (max-width: 1399px) {
    .sub_parts
    {
        display: block;
        .first-b
        {
            height: 480px;
            padding: 64px 24px;
            #v-pills-tab
            {
                bottom: 64px;

            }
        }
        .second-b
        {
            height: 480px;
            padding: 64px 36px;
            .sub-text
            {
                bottom: 64px;
                width: calc(100% - 72px);

            }
        }
    }
}
@media (max-width: 767px) {
    .sub_parts
    {
        .first-b
        {
            .main-zag
            {
                font-family: Raleway;
                font-size: 30px;
                font-weight: 600;
                line-height: 37.5px;
                letter-spacing: -0.01em;
                text-align: left;
            }
        }
        .second-b
        {
            .name
            {
                font-family: Raleway;
                font-size: 30px;
                font-weight: 600;
                line-height: 37.5px;
                letter-spacing: -0.01em;
                text-align: left;
            }

        }
    }
}