.content-part8 {
    width: 100%;
    height: auto;
    /* border: 2px solid red; */
    padding-block: var(--main-block-padding);
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.content-part8-main {
    background-color: black;
    color: white;
    padding: 60px 100px;
    border-radius: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.part8-grid {
    flex-grow: 1;
    /* border: 2px solid green; */
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 0.4fr repeat(5,1fr);
}

.part8-grid-item {
    grid-row: 1/2;
    grid-column: span 6;
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: 1fr;
    align-items: center;
    /* justify-items: center; */
    /* border-bottom: 1px dashed rgb(205, 205, 205) ; */
    position: relative;
    color: rgb(142, 142, 142);
    text-transform: capitalize;
    font-weight: 500;
}

.part8-grid-item::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    background: repeating-linear-gradient(
        to right,
        transparent,
        transparent 4px,
        rgb(28, 28, 28) 4px,
        rgb(81, 81, 81) 8px
    );
    bottom: 0;
}

.line-2 {
    grid-row: 2/3;

}

.line-3 {
   grid-row: 3/4; 
}

.line-4 {
    grid-row: 4/5;
}

.line-5 {
    grid-row: 5/6;
}

.line-6 {
    grid-row: 6/7;
}



.name-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-block: 40px;
}

.name-item > div:first-child {
    width: 64px;
    height: 38px;
    /* height: 100px; */
    border-radius: 6px;
    overflow: hidden;
    font-size: 0;
}

.name-item > div:first-child > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.name-item > div:last-child{
    display: flex;
    flex-direction: column;
    color: white;
}

.name-item-text > span:first-child {
    font-size: 1rem;

}

.name-item-text > span:last-child {
    font-size: 0.6rem;
    color: rgb(70, 70, 70);
}

.name-item-text > span:last-child > span{
    color: rgb(158, 158, 158);
}

.total-item {
    display: flex;
    flex-direction: column;
    padding: 12px 24px;
    justify-self: self-end;align-items: center;
    border: 1px solid rgb(41, 41, 41);
    border-radius: 12px;
}

.total-item > span:first-child {
    font-size: 1.3rem;
    font-weight: 700;
    color: white;
}

.total-item > span:last-child {
    color: rgb(85, 85, 85);
}

.part8-grid-item > :nth-child(2) {
    font-weight: 200;
    justify-self: center;
    font-size: 0.9rem;
}

.part8-grid-item > :nth-child(3) {
    font-weight: 200;
    justify-self: center;
    font-size: 0.9rem;
}

.part8-grid-item > :nth-child(4) {
    font-weight: 200;
    justify-self: center;
    font-size: 0.9rem;
}

.part8-grid-item.line-title > div {
    font-weight: 700;
    font-size: 0.8rem;
    padding-bottom: 20px;
}

.part8-grid-item.line-title > div:last-child {
    justify-self: end;
}