.page_title{
    height: 673px;
    background-color: $gray-3;
    margin-top: -173px;
    @include media-query(492px) {
        height: 573px;
    }
    .container{
        position: relative;
        z-index: 15;
        .content{
            position: relative;
            padding: 240px 0 100px;
            &::before{
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background-color: $white-1;
                border:  20px solid $gray-3;
                border-top: 0;
                border-radius: 0 0 673px 673px;
                height: 673px;
                z-index: 20;
                @include media-query(492px) {
                    display: none;
                }
            }
            &:after{
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                border: 1px solid $accent-2;
                border-top: 0;
                border-radius: 0 0 673px 673px;
                height: 673px;
                z-index: 30;
                @include media-query(492px) {
                    display: none;
                }
            }
            .title{
                position: relative;
                z-index: 50;
                @include media-query(767px) {
                    padding: 0 36px;
                }
                @include media-query(492px) {
                    padding: 0;
                }
                p{
                    margin-left: 170px;
                    max-width: 394px;
                    @include media-query(1199px) {
                        margin-left: 140px;
                        max-width: 300px;
                    }
                    @include media-query(992px) {
                        max-width: 650px;
                    }
                    @include media-query(767px) {
                        max-width: 100%;
                    }
                    @include media-query(492px) {
                        margin-left: 50px;
                    }
                }
            }
        }
    }
}

.dark{
    .page_title{
        background-color: $black-1;
        .container{
            .content{
                &::before{
                    background-color: $black-2;
                    border-color: $black-1;
                    @include media-query(492px) {
                        display: none;
                    }
                }
            }
        }
    }
}