// Footer
.footer_1{
    .container{
        position: relative;
        z-index: 15;
        .footer_main{
            position: relative;
            &::before{
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background-color: $gray-3;
                border:  20px solid $white-1;
                border-bottom: 0;
                border-radius: 673.23px 673.23px 0 0 ;
                height: 673.23px;
                z-index: 20;
                @include media-query(992px) {
                    border: 10px;
                    border-bottom: 0;
                }
            }
            &:after{
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                border: 1px solid $accent-2;
                border-bottom: 0;
                border-radius:673.23px 673.23px 0 0 ;
                height: 673.23px;
                z-index: 30;
            }
            .content{
                position: relative;
                z-index: 40;
                padding-top: 150px;
                @include media-query(575px) {
                    padding-top: 100px;
                }
                .footer-heading{
                    h5{
                        font-weight: 400;
                        font-size: 27px;
                        line-height: 130%;
                        color: $black-1; 
                        margin-bottom: 4px;
                
                        @include media-query(1199px) {
                            font-size: 22px;
                        }
                        @include media-query(992px) {
                            font-size: 20px;
                        }
                        @include media-query(767px) {
                            font-size: 18px;
                        }
                        @include media-query(575px) {
                            font-size: 16px;
                            text-align: center;
                        }
                    }
                    h2{
                        font-weight: 700;
                        font-size: 105px;
                        line-height: 110%;
                        letter-spacing: -0.02em;
                        color: $black-1; 
                        margin-bottom: 0;
                        @include media-query(1199px) {
                            font-size: 80px;
                        }
                        @include media-query(992px) {
                            font-size: 75px;
                        }
                        @include media-query(767px) {
                            font-size: 60px;
                        }
                        @include media-query(575px) {
                            font-size: 60px;
                            text-align: center;
                        }
                        @include media-query(425px) {
                            font-size: 50px;
                        }
                    }
                }
                .address{
                    @include media-query(767px) {
                        margin: 24px 0;
                        text-align: center;
                    }
                    @include media-query(492px) {
                        margin: 42px 0;
                    }
                }
                .newsletter{
                    @include media-query(767px) {
                        text-align: center;
                        margin-bottom: 24px;
                    }
                    @include media-query(492px) {
                        margin-bottom: 0px;
                    }
                    .fs-subheading{
                        @include media-query(992px) {
                            font-size: 18px;
                        }
                    }
                }
                .social-links{
                    text-align: center;
                    margin-bottom: 64px;
                    @include short-query(992px , 1199px) {
                        margin-bottom: 48px;
                    }
                    @include short-query(768px , 991px) {
                        margin-bottom: 42px;
                    }
                    @include media-query(767px) {
                        margin-bottom: 32px;
                    }
                    @include media-query(492px) {
                        margin-bottom: 16px;
                    }
                    .link{
                        @include media-query(767px) {
                            width: 50%;
                        }
                        @include media-query(400px) {
                            width: 100%;
                        }
                        a{
                            @include media-query(992px) {
                                margin-bottom: 24px;
                            }
                            @include media-query(400px) {
                                margin-bottom: 12px;
                            }
                        }
                    }
                }
                .copyright{
                    span{
                        padding: 0 12px;
                    }
                }
            }
        }
    }
}

.dark{
    .footer_1{
        .container{
            .footer_main{
                &::before{
                    background-color: $black-1;
                    border-color:$black-2;
                }
                .content{
                    .footer-heading{
                        h5{
                            color: $gray-2; 
                        }
                        h2{
                            color: $gray-2; 
                        }
                    }
                }
            }
        }
    }
}