.full_page_slider{
    position: relative;
    .slide_1{
        height: 100vh;
        background:url('../media/hero/4/full-page-slider-1.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .slide_2{
        height: 100vh;
        background:url('../media/hero/4/full-page-slider-2.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .slide_3{
        height: 100vh;
        background:url('../media/hero/4/full-page-slider-3.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .content{
        padding-top: 45%;
        @include media-query(1650px) {
            padding-top: 25%;
        }
        @include media-query(1199px) {
            padding-top: 35%;
        }
        @include media-query(992px) {
            padding-top: 45%;
        }
        @include media-query(767px) {
            padding-top: 65%;
        }
        @include media-query(492px) {
            padding-top: 100%;
        }
        .sub-title{
            font-weight: 400;
            font-size: 27px;
            line-height: 130%;
            color: $white-1; 
            margin-bottom: 0;
            
            @include media-query(767px) {
                font-size: 22px;
            }
            @include media-query(492px) {
                font-size: 18px;
            }
        }
        .narrow-letter{
            margin-left: 45px;
            @include media-query(492px) {
                margin-left: 25px;
            }
            @include media-query(380px) {
                margin-left: 12px;
            }
            span{
                color: $white-1;
                font-weight: 700;
                font-size: 181px;
                margin-left: -45px;
                line-height: 110%;
                text-shadow: $text-shadow;
                margin-bottom: 0;

                @include media-query(767px) {
                    font-size: 150px;
                    margin-left: -35px;
                }
                @include media-query(492px) {
                    font-size: 120px;
                    margin-left: -25px;
                }
                @include media-query(380px) {
                    font-size: 100px;
                    margin-left: -20px;
                }
            }
        }
        .title{
            font-weight: 400;
            font-size: 80px;
            line-height: 120%;
            letter-spacing: -0.02em;
            text-shadow: $box-shadow;
            color: $white-1; 
            @include media-query(992px) {
                font-size: 65px;
            }
            @include media-query(767px) {
                font-size: 55px;
            }
            @include media-query(492px) {
                font-size: 40px;
            }
        }
        
    }
    .btn-wrap{
        .prev-btn{
            border: none;
            background: transparent;
            position: absolute;
            left: 0;
            top: 40%;
            @include media-query(1650px) {
                top: 20%;
            }
            &::before{
                content: url('../media/shapes/previous.png');
                position: absolute;
                top: 40%;
                left: 0;
                @include media-query(1650px) {
                    top: 20%;
                }
            }
            span{
                font-weight: 400;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.03em;
                color: $white-1;
                margin: 45px 0 0px 100px;
                @include media-query(1650px) {
                    margin: 30px 0 0px 100px;
                }
            }
        }
        .next-btn{
            border: none;
            background: transparent;
            position: absolute;
            right: 0;
            top: 40%;
            @include media-query(1650px) {
                top: 60%;
            }
            @include media-query(1399px) {
                top: 80%;
            }
            &::before{
                content: url('../media/shapes/next.png');
                position: absolute;
                top: 40%;
                right: 0;
                @include media-query(1650px) {
                    top: 60%;
                }
                @include media-query(1399px) {
                    top: 80%;
                }
            }
            span{
                font-weight: 400;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.03em;
                color: $white-1;
                margin: 45px 100px 0 0;
                @include media-query(1650px) {
                    margin: 55px  100px 0 0;
                }
                @include media-query(1650px) {
                    margin: 65px 100px 0 0;
                }
            }
        }
    }
    
}