.timeline-line::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, transparent, #515f74 10%, #515f74 90%, transparent);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f7f9fb;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #c6c6cd;
    border-radius: 10px;
}

/* 3D Flip Card Animation Styles */
.perspective-1000 {
    perspective: 1000px !important;
}

#profile-card {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform-style: preserve-3d !important;
}

#profile-card.flipped {
    transform: rotateY(180deg) !important;
}

.backface-hidden {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

.front-face {
    z-index: 2;
    transform: rotateY(0deg);
}

.back-face {
    z-index: 1;
    transform: rotateY(180deg) !important;
}

#profile-card.flipped .front-face {
    z-index: 1;
}

#profile-card.flipped .back-face {
    z-index: 2;
}