.action-plan {
    display: flex;
    align-items: start;
    position: relative;

    .action-sidebar {
        width: 15%;
        display: flex;
        height: fit-content;
        flex-direction: column;
        gap: 12px;
        font-size: var(--fs-base);
        position: fixed;
        padding: 0 3% 58px 6%;
        /* overflow-y: scroll; */
        border-right: 1px solid #DDDDDD;
        transition: all 0.1s ease-in-out;

        .sidebar-item {
            cursor: pointer;
            font-family: "Poppins-Regular";
            color: #555555;
        }

        .sidebar-item:hover {
            color: black;
        }


        .active {
            font-family: "Poppins";
            color: black;
        }
    }

    .action-sidebar-sticky {
        transition: all 0.1s ease-in-out;
        position: absolute;
        bottom: 0;
    }

    .phantom-sidebar {
        width: 24%;
        height: 86vh;
        background-color: white;
    }

    .action-content {
        padding: 4%;
        width: 68%;

        .page-name {
            width: 100%;
            flex-direction: column;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            gap: 16px;
            padding-bottom: 64px;

            .ssg {
                font-size: 15px;
                font-weight: 600;
                font-family: "Roboto";
            }

            .condition {
                font-size: 42px;
                font-weight: 700;
                font-family: "Roboto";
            }

            .decouvrir {
                width: 78%;
                font-size: 17px;
                font-weight: 400;
                font-family: "Roboto";
            }
        }

        .elements {
            font-family: "Poppins";
            color: #555555;
            font-size: 15px;
            text-align: justify;
            margin-bottom: 64px;
        }
    }

    .action-message {
        font-size: var(--fs-base);
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 32px;
        padding-top: 4%;

        .message-image {
            width: 284px;
            border-radius: 15px;
        }

        .message-content {
            display: flex;
            flex-direction: column;
        }

        a {
            font-family: "Poppins-ExtraBold";
            color: #BB1A21;
        }
    }

    .section-image {
        display: flex;
        align-items: center;
        padding-top: 4%;
        gap: 28px;
        text-align: justify;

        img {
            width: 312px;
        }

        a {
            color: #555555;
        }
    }

    .specialist-corner {
        display: flex;
        align-items: center;
        text-align: justify;
        padding-top: 2%;
        gap: 24px;

        img {
            width: 400px;
        }
    }
}

@media (max-width: 768px) {

    .action-plan {

        .phantom-sidebar,
        .action-sidebar {
            display: none;
            opacity: 0;
            pointer-events: none;
        }

        .action-content {
            width: 100%;
            margin: 0;
            padding: 0 36px;
        }
    }
}