.slide-container {
    background-color: #FFFFFF;

    .slides {
        .slide {
            h1, h2, h3 {
                color: white;
            }

            .title {
                color: #FF9800;
                &.slide-1 {
                    color: #FF9800;
                }
                &.slide-2 {
                    color: #FFC107;
                }
                &.slide-3 {
                    color: #EC407A;
                }
                &.slide-4 {
                    color: #FF5722;
                }
            }

            .sub-title {
                color: #777777;
                font-size: 1.8rem;
                &.long {
                    font-size: 1.6rem;
                    padding: 6px 12px;
                }
            }

            .indicator-image {
                width: 300px;

                &.anonymous {
                    padding-top: 24px;
                }
                &.attach {
                    padding: 24px 72px;
                }
                &.chat {
                    padding: 24px;
                }
            }
        }
    }
}

.footer-container {
    .solid-button, .solid-button:hover {
        background-color: #FFFFFF !important;
        border: 1px solid #387ef5 !important;
        color: #387ef5;
    }
}