.video_carousel_section {
    width: 100%;
    background: var(--white);

    & .container {
        position: relative;
        z-index: 1;
    }

    & .section_top {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;

        & .header {
            width: 100%;
            display: flex;
            justify-content: center;

            & h2, & h3 {
                font-weight: 400;
                font-size: 5rem;
                margin: 0 0 5rem;
                line-height: 1;
                color: var(--primary);

                @media (max-width: 991px) {
                    font-size: 3rem;
                    text-align: center;
                }
            }
        }

        & .before_carousel_text {
            width: 100%;
            margin: 0 0 5rem;
        }
    }

    & .section_inner {
        width: 100%;
        padding: 0 2rem;
        display: flex;
        align-items: center;
        justify-content: center;

        & button.slick-arrow {
            @media (min-width: 992px) {
                background: none;
                border: none;
                cursor: pointer;
            }

            & svg {
                & path {
                    fill: var(--primary);
                }
            }
        }

        & .slick-list {
            width: 100%;

            /* @media (min-width: 992px) {
                overflow: visible;
            }

            & .slick-track {
                display: flex;

                @media (min-width: 992px) {
                    align-items: stretch;
                }
            } */

            & .slick-slide {
                /* position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                transition: all .3s ease;
                overflow: hidden; */

                @media (max-width: 991px) {
                    margin: 0 1rem;
                }

                & .video_carousel_slide {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }

                & .text_area {
                    width: 100%;
                    margin: 0 0 2rem;

                    & h1, & h2, & h3 {
                        width: 100%;
                        text-align: center;
                        font-weight: 400;

                        @media (min-width: 992px) {
                            font-size: 5rem;
                            margin: 0;
                        }

                        @media (max-width: 991px) {
                            font-size: 3rem;
                            margin: 0 0 3rem;
                            text-align: center;
                        }
                    }
                }

                & .video_wrapper {
                    position: relative;
                    width: 100%;
                    padding-bottom: 56.25%;
                    height: 0;
                    overflow: hidden;
                    max-width: 100%;
                    border-radius: 1rem;
                    border: 2px solid #44251B;

                    @media (min-width: 992px) {
                        margin: 0 auto;
                    }

                    @media (max-width: 991px) {
                        margin: 0 auto;
                    }

                    & iframe, & video {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        border: 0;
                    }
                }

                & .bottom_text_area {
                    width: 100%;
                    text-align: center;
                    margin: 2rem 0 0;

                    & p {
                        margin: 0;
                    }
                }
            }
        }
    }

    & .section_bottom {
        display: flex;
        flex-direction: column;
        align-items: center;

        & p {
            font-style: italic;
            margin: 0 0 4rem;
            text-align: center;
        }
    }

    & .call_to_action_buttons {
        justify-content: center;
        margin: 5rem 0 0;
    }
}
