/* Website: src/app/static/css/pages/pitchdeck/slides/slide8.css v1.0 */

.phased-strategy {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px; /* Reduced gap between phases */
    max-height: 440px; /* Sets a maximum height to prevent overflow */
}

.phased-strategy h2 {
    font-size: 1.3em; /* Smaller font size for phase titles */
    color: #ffffff; /* White color for better readability */
    margin-top: 5px;
    margin-bottom: 3px;
}

.phased-strategy h3 {
    font-size: 1.1em; /* Smaller font size for sub-headers */
    margin-top: 2px;
    color: #ffffff; /* White color for better readability */
}

.phased-strategy p {
    font-size: 1em; /* Smaller font size for text */
    color: #ffffff; /* White color for better readability */
    line-height: 1.4;
    margin-bottom: 3px;
}

.phase {
    padding: 8px; /* Reduced padding for each phase */
    background-color: #f8f9fa;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    height: 90px;
}

.phased-strategy .phase {
    border-radius: 5px;
    color: #ffffff; /* White text color for better readability on darker backgrounds */
}

#slide-8 .phase:nth-child(1) {
    background: linear-gradient(to right, #b2f7ef, #5fa8d3); /* Light Teal to Teal gradient for Phase 1 */
}

#slide-8 .phase:nth-child(2) {
    background: linear-gradient(to right, #5fa8d3, #008080); /* Teal to Dark Teal gradient for Phase 2 */
}

#slide-8 .phase:nth-child(3) {
    background: linear-gradient(to right, #008080, #004d40); /* Dark Teal to Darker Teal gradient for Phase 3 */
}