.ce-tapi-slider.swiper-container{
    height:90vh;
    z-index:9999;
    overflow:visible;
    z-index:9999;
    background:#000;
    &:after{
        content:"";
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.9);
    }
    .slide-wrapper{
        width:1170px;
        max-width:80%;
        position:absolute;
        bottom:-120px;
        left:50%;
        height:920px;
        max-height:90vh;
        @include transform(translateX(-50%));
        z-index:99999;
        .image{
            height:100%;
            max-height:90vh;
            width:770px;
            margin:0 auto;
            max-width:100%;
            position:relative;
            img{
                object-fit:cover;
                width:100%;
                height:100%;
                position:relative;
            }
            &:after{
                content:"";
                position:absolute;
                left:0;
                top:0;
                width:100%;
                height:100%;
                background:rgba(0,0,0,0.2);
                z-index:9;
            }
        }
        .content{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction:column;
            z-index:999;
            h2{
                font-size: 180px;
                line-height: 140px;
                text-align: center;
                letter-spacing: -0.04em;
                color:#fff;
            }
            p{
                margin:0;
                padding:0
            }
            .button{
                background: #000000;
                border-radius: 34px;
                font-weight: 500;
                font-size: 16px;
                line-height: 28px;
                
                /* identical to box height, or 175% */


                color: #FFFFFF;


                /* Inside Auto Layout */

                flex: none;
                order: 0;
                align-self: center;
                margin-top:80px;
                padding:20px 25px;
                align-items:center;
                @include transition(width 0.3s);
                position:relative;

                i{
                    display:inline-block;
                    margin-left:8px;
                    @include transform(translateX(2px));
                    @include transition(all 0.3s);
                    opacity:0;
                    position: absolute;
                }

                span{
                    
                    padding-right:0;
                    @include transition(all 0.3s);
                    position:relative;
                    &:before{
                        content: "\e829";
                        position: absolute;
                        opacity: 0;
                        right: 0;
                        font-family:feather;
                        transition: 0.5s;
                        color: #fff;
                    }
                }

                &:hover{
                    span{
                        padding-right:24px;
                        &:before{
                            opacity: 1;
                            right: 0;
                        }
                    }
                }
            }
        }
    }
}