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

    .action-sidebar {
        width: 15%;
        display: flex;
        height: 70vh;
        flex-direction: column;
        gap: 32px;
        font-size: var(--fs-base);
        position: fixed;
        padding: 4% 3% 4% 6%;
        overflow-y: scroll;
        border-right: 1px solid #DDDDDD;

        .sidebar-item {
            cursor: pointer;
        }

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


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

    .action-sidebar-sticky {
        position: absolute;
        bottom: 0;
    }

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

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

    .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: 480px) {
    .action-plan {
        width: 100%;
        padding: 0;

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

        .action-content {
            width: 100%;

            .action-message {
                display: flex;
                flex-direction: column;
                width: 100%;
            }

            .elements {
                .section-image {
                    display: flex;
                    flex-direction: column;
                }

                .single-image-centered {
                    width: 100%;
                    align-self: center;

                    img {
                        width: 100%
                    };
                }
            }
        }
    }
}

@media (max-width: 480px) {
    .related-news-block {
        height: fit-content;
    }

    .home-news-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: fit-content;

        .home-news-block {
            width: 100%;
        }
    }
}