body.home {
    #slider-wrapper { 
        #slider {
            height: 600px;
            .imgcontent {
                height: 600px;
            }
        }
    }
    
}

#slider-wrapper {
    #slider {
        position: relative;
        height: 400px;
        .container {
            display: flex;
            position: relative;
            z-index: 1;
            height: 100%;
            #slider-title {
                position: static;
                display: flex;
                flex-direction: column;
                justify-content: center;
                flex-wrap: wrap;
                .slider-title-content {
                    text-align: left;
                    max-width: 720px;
                    margin-bottom: 10px;
                }
                .slider-title-content-subtitle {
                    .textcontent {
                        display: flex;
                        gap: 12px;
                        color: var(--fc-light);
                        font-size: var(--fs-500);
                        max-width: 700px;
                        a {
                            min-width: 140px;
                        }
                    }
                    
                } 
            }
        }
        .imgcontent {
            position: absolute;
            z-index: 0;
            top: 0px;
            left: 0px;
            height: 400px;
            width: 100%;
            background-color: var(--fc-dark);
            img {
                opacity: 0.5;
            }
        }  
    }
}