/*
Theme Name: CubeBESS Theme
Author: Your Company Name
Description: Custom theme for the CubeBESS website.
Version: 2.2
*/

/* --- Global Layout Fix --- */
body {
    padding-top: 88px !important; /* This creates space for the 88px tall fixed header */
}

/* --- Base Styles & Reusable Components --- */
.glass-card {
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.brand-blue { 
    color: #3b82f6; 
}

.brand-gradient-text {
    background: linear-gradient(to right, #3b82f6, #818cf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- Timeline Styling --- */
.timeline-item::before {
    content: '';
    position: absolute;
    left: -31px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #3b82f6;
    border: 4px solid #f1f5f9; /* Matches the light grey background of the section */
}