
.footer {
    &.footer-thirteen {
        background: $primary;
        background-repeat: no-repeat;
        background-position: center;
        position: $__relative;
        .social-icon {
            text-align: right;            
            @include respond-below (custom767) {
                text-align: left;  
            }
            ul {
                list-style: $__none;
                @include margin-padding(0, 0);
                li {
                    display: $__inline__block;
                    margin-right: 8px;
                    &:last-child {
                        margin-right: 0;
                    }
                    a {
                        width: 32px;
                        height: 32px;
                        color: $primary;
                        background: $white;
                        border: 1px solid $white;
                        border-radius: 50%;
                        @extend %flex-align-center;
                        font-size: $font-size-16;
                        @include transition(all 0.4s ease 0s);
                        &:hover {
                            border: 1px solid $dark;
                            background: $dark;
                            color: $white;
                        }
                        @include respond-below(lg) { 
                            width: 30px;
                            height: 30px;
                            font-size: $font-size-14;
                        }
                    }
                }
            }
        }
        .footer-top {
            @include margin-padding (0, 40px 0);
            .footer-widget {
                .footer-title {
                    font-size: $font-size-18;
                    font-weight: $font-weight-semibold;
                    color: $__white;
                    margin-bottom: 16px;
                    @include respond-below(lg) {
                        font-size: $font-size-16;
                    }
                }
                ul {
                    li {
                        margin-bottom: 4px;
                        a {
                            color: $white;
                            font-size: $font-size-14;
                            padding-left: 0;
                            &::before {
                                content: '';
                            }
                            &:hover {
                                color: $white;
                                padding-left: 5px;
                            }
                        }
                    }
                }
            }
            .footer-menu-thirteen {
                margin-top: 43px;
                .footer-title {
                    display: $__none;
                }
                @include respond-below(custom991) {
                    margin-top: 0;
                    .footer-title {
                        display: $__block;
                    }
                }
            }
            .footer-contents-thirteen-main {
                @include margin-padding (40px 0 0 0, null);
                @include respond-below(custom991) {
                    @include margin-padding (0, null);
                }
                .footer-thirt-inner {
                    position: relative;
                    @include respond-below(custom991) {
                        margin-bottom: 10px;
                    }
                    h4 {
                        font-weight: $font-weight-semibold;
                        color: #00438A;
                        margin-bottom: 6px;
                    }
                    p {
                        font-size: $font-size-14;
                        color: rgba(147, 163, 180, 0.8);
                        font-weight: $__regular;
                        margin-bottom: 0;
                        @include respond-below(custom991) {
                            margin-bottom: 10px;
                        }
                    }
                }
                .subscribe-form {
                    margin-bottom: 0;
                    max-width: 100%;
                    @include respond-below (custom767) {
                        margin-bottom: 20px;
                    }
                    .form-control {
                        border: 1px solid $border-color;
                        background: $__white;
                        border-radius: 30px;
                        color: $gray-900;
                        border: 0;
                        font-size: $font-size-14;
                        font-weight: $font-weight-normal;
                        min-height: 50px;
                        &::placeholder {
                            color: $gray-900;
                        }
                    }
                    .btn {
                        font-size: $font-size-14;
                        font-weight: $font-weight-medium;
                        padding: 8px 16px;
                        right: 5px;
                        @include rounded(44px);
                    }
                }
            }
        }
        .footer-bottom {
            .copyright {
                border-top: 1px solid $primary-100;
                padding: 18px 0;
                @include respond-below(custom991) {
                    text-align: $__center;
                }
                .copyright-img {
                    @include respond-below(custom991) {
                        margin-bottom: 15px;
                    }
                }
                .copyright-text {
                    p {
                        font-size: $font-size-14;
                        text-align: $__center;
                        color: $light;
                        margin-bottom: 0;
                    }
                }
                .copyright-menu {
                    @include respond-below(custom991) {
                        margin-bottom: 15px;
                    }
                    ul {
                        @include respond-below(custom991) {
                            text-align: center;
                        }
                        li {
                            a {
                                color: #00438A;
                                font-size: $__font__size__18;
                                &:hover {
                                    color: $primary;
                                }
                            }
                        }
                    }
                }
            }
        }
        .footer-bg-icon {

            img {
                position: $__absolute;
                z-index: 0;
                &:nth-child(1) {
                    top: 10%;
                    right: 5%;
                    @include respond-below(custom767) {
                        display: none;
                    }
                }
                &:nth-child(2) {
                    top: 20%;
                    right: -7%;
                    @include respond-below(custom991) {
                        display: $__none;
                    }
                    @include respond-below(custom1199) {
                        display: $__none;
                    }
                }
            }
        }
    }
}