/* sec 2 */
.supplier-desc {
    max-width: 58rem;
}

.supplier-benefits-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1rem;
}

.supplier-benefits-row > .col {
    display: flex;
}

.supplier-benefits-row .careers-employer-point {
    width: 100%;
    padding-inline: 0.5rem;
}

.supplier-benefit-text {
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}


/*  */
/* 3 sec */
.supplier-process-image {
    border-radius: 20px;
    object-fit: cover;
    min-height: 320px;
    max-height: 360px;
}


.supplier-process-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: var(--yallow);
    flex: 0 0 22px;
    align-self: flex-start;
    margin-top: 0.2rem;
}

/* sec 4 */
.supplier-needs-desc {
    max-width: 80ch;
}

.supplier-needs-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    background-color: var(--orange);
    color: var(--secondary);
    font-size: 0.9rem;
}

.supplier-needs-item {
    max-width: 38ch;
}

.supplier-needs-image {
    object-fit: cover;
    min-height: 320px;
    max-height: 360px;
}

@media (max-width: 991.98px) {
    .supplier-needs-image {
        min-height: 240px;
        max-height: 300px;
    }
}

/* sec 5 */
.supplier-qualification-card {
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.05) 0%, transparent 70%),
        var(--companies-bg);
}

.supplier-qualification-card::before,
.supplier-qualification-card::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    background: rgb(0 0 0 / 6%);
}

.supplier-qualification-card::before {
    width: min(68vw, 640px);
    height: min(68vw, 640px);
}

.supplier-qualification-card::after {
    width: min(46vw, 470px);
    height: min(46vw, 470px);
    background: rgba(69, 67, 67, 0.06);
}

.supplier-qualification-card > * {
    position: relative;
    z-index: 1;
}

.supplier-qualification-title {
    max-width: 850px;
    margin-inline: auto;
}

.supplier-qualification-desc {
    max-width: 760px;
    line-height: 1.6;
}

.supplier-qualification-list {
    max-width: 860px;
    margin-inline: auto;
    --bs-gutter-y: 2.2rem;
}

.supplier-qualification-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    background-color: var(--secondary);
    color: var(--companies-bg);
    font-size: 0.78rem;
}

.supplier-qualification-item {
    max-width: 30ch;
    line-height: 1.45;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .supplier-qualification-list {
        --bs-gutter-y: 1.25rem;
    }

    .supplier-qualification-item {
        max-width: none;
    }

    .supplier-qualification-card::before {
        width: 100vw;
        height: 100vw;
    }

    .supplier-qualification-card::after {
        width: 80vw;
        height: 80vw;
    }
}