/* =========================================
   JOURNEY ITEM
========================================= */

.journey-item {
    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 30px;

    margin-bottom: 35px;

    padding: 38px;

    border-radius: 30px;

    background: rgba(255, 255, 255, 0.78);

    border: 1px solid rgba(255, 255, 255, 0.7);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.05),
        0 2px 10px rgba(255, 255, 255, 0.5);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;

    animation: smoothFadeUp 1s ease;
}

/* Hover */

.journey-item:hover {
    transform: translateY(-10px);

    background: rgba(255, 255, 255, 0.92);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.1),
        0 10px 25px rgba(255, 255, 255, 0.6);
}

/* =========================================
   ICON
========================================= */

.journey-icon {
    position: relative;

    width: 82px;
    height: 82px;
    min-width: 82px;

    border-radius: 24px;

    display: flex;

    justify-content: center;
    align-items: center;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(240, 240, 240, 0.85)
    );

    border: 1px solid rgba(255, 255, 255, 0.9);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);

    z-index: 2;
}

.journey-icon i {
    font-size: 34px;

    color: #111;
}

/* =========================================
   CONTENT
========================================= */

.journey-content {
    flex: 1;
}

.journey-year {
    display: inline-flex;

    align-items: center;

    padding: 9px 18px;

    border-radius: 50px;

    background: rgba(0, 0, 0, 0.05);

    color: #111;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.5px;

    margin-bottom: 16px;
}

.journey-content h3 {
    font-size: 30px;

    font-weight: 700;

    line-height: 1.4;

    color: #111;

    margin-bottom: 16px;
}

.journey-content p {
    font-size: 17px;

    line-height: 1.9;

    color: #666;

    margin: 0;
}