.project-details {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr; /* Creates the two-column layout */
    gap: 40px 50px; /* 40px space between rows, 50px between columns */
    align-content: center;
    align-items: center;
}

.detail-item {
    position: relative;
    width: auto;
    padding-bottom: 0;
    border-bottom: none;
}

.detail-item:not(:first-child)::before {
    content: ''; /* Important: Keep this empty */
    background-color: #484848; /* This is the line color */
    position: absolute;
    top: 51px;
    left: -55px; /* Positions the line in the middle of the parent's gap */
    width: 1px; /* The thickness of the line */
    height: 9rem; /* The length of the line */
    transform: translateY(-50%) rotateY(0deg) rotate(30deg);
}