/* Pastel Theme for Process Cards (Learning Pathway) - Ultra Compact Version */

/* General Card Styling */
.tp-process-3-item {
    padding: 18px 20px;
    /* Further Reduced from 25px 22px */
    border-radius: 10px;
    background-color: #ffffff;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    /* Reduced margin */
    height: 100%;
    text-align: left;
    box-shadow: none;
}

.tp-process-3-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* Icon Container */
.tp-process-3-icon {
    margin-bottom: 8px;
    /* Further Reduced from 15px */
    display: inline-block;
}

.tp-process-3-icon img {
    height: 40px;
    /* Further Reduced from 50px */
    width: auto;
}

.tp-process-3-title {
    font-size: 18px;
    /* Slightly reduced */
    font-weight: 700;
    margin-bottom: 5px;
    /* Reduced from 8px */
    color: #2D3436;
    line-height: 1.2;
}

.tp-process-3-content p {
    font-size: 14px;
    /* Reduced from 15px */
    line-height: 1.45;
    /* Tighter line height */
    color: #636E72;
    margin-bottom: 0;
}

/* --- Card 1: Independence (Blue Theme) --- */
.tp-process-3-item-1 {
    background-color: #E6F0FF;
    border-color: #B3D1FF;
}

.tp-process-3-item-1 .tp-process-3-title {
    color: #0056D2;
}

/* --- Card 2: Expression (Green Theme) --- */
.tp-process-3-item-2 {
    background-color: #E8FAF0;
    border-color: #A3E4C0;
}

.tp-process-3-item-2 .tp-process-3-title {
    color: #0F5132;
}

/* --- Card 3: Movement (Peach/Orange Theme) --- */
.tp-process-3-item-3 {
    background-color: #FFF4E6;
    border-color: #FFD1A3;
}

.tp-process-3-item-3 .tp-process-3-title {
    color: #994D00;
}

/* --- Card 4: Virtues (Yellow/Gold Theme) --- */
.tp-process-3-item-4 {
    background-color: #FFFBE6;
    border-color: #FFE680;
}

.tp-process-3-item-4 .tp-process-3-title {
    color: #664d03;
}

/* --- Card 5: Voices (Purple Theme) --- */
.tp-process-3-item-5 {
    background-color: #F3E6FF;
    border-color: #D1A3FF;
}

.tp-process-3-item-5 .tp-process-3-title {
    color: #4B0082;
}

/* --- Card 6: Sensorial (Teal/Cyan Theme) --- */
.tp-process-3-item-6 {
    background-color: #E0F7FA;
    border-color: #80DEEA;
}

.tp-process-3-item-6 .tp-process-3-title {
    color: #006064;
}