.footer-list-styling {
    ul {
        padding: 0;
        margin: 0;

        li {
            list-style-type: none;
            line-height: 2;
            font-size: 1rem;

            a {
                text-decoration: none;
                color: $footer-link-color;

                &:hover {
                    color: $footer-link-hover-color;
                }
            }
        }
    }
}

.cgds {
    &.footer {
        height: auto;
        color: $footer-color;

        .footer {
            &-top {
                padding: $footer-top-padding;
                background-color: $footer-top-bg-color;

                .logo-container {
                    @include media-breakpoint-down(lg) {
                        width: 100%;
                    }
                }

                .widget {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 30px;

                    .logo {
                        margin-bottom: 20px;
                    }

                    @include media-breakpoint-down(sm) {
                        >div[class*="col"] {
                            +div[class*="col"] {
                                margin-top: calc(#{$spacer} * 2);
                            }
                        }
                    }
                }

                .social-icon {
                    ul {
                        li {
                            display: inline-block;
                            cursor: $form-range-track-cursor;
                            margin-right: 8px;

                            a {
                                transition: 0.5s;
                                line-height: 36px;
                                text-align: center;
                            }
                        }
                    }
                }

                .title {
                    font-weight: $font-weight-bold;
                }

                .links {
                    margin-top: 1rem;

                    i {
                        margin-right: 10px;
                    }

                    .text-link {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }

                @extend .footer-list-styling;
            }

            &-header {
                .title {
                    @extend #{$footer-title-header};
                    margin-bottom: $spacer;
                }

                .description {
                    color: $footer-description-color;
                }

                margin-bottom: calc(#{$spacer} * 1.5);
            }

            &-contact-links {
                @extend .footer-list-styling;
                margin-top: calc(#{$spacer} * 2);

                ul {
                    li {
                        @include media-breakpoint-up(lg) {
                            display: inline-block;
                        }

                        +li {
                            @include media-breakpoint-up(lg) {
                                margin-left: $spacer;
                            }
                        }
                    }
                }
            }

            &-bottom {
                border-top: 1px $footer-line-between-top-bottom;
                background-color: $footer-bottom-bg-color;
                padding: $footer-bottom-padding;
            }

            &-mandatory-links {
                @extend .footer-list-styling;

                ul {
                    li {
                        @include media-breakpoint-up(lg) {
                            display: inline-block;
                        }

                        +li {
                            @include media-breakpoint-up(lg) {
                                margin-left: $spacer;
                            }
                        }
                    }
                }
            }

            &-copyrights {
                @extend .footer-list-styling;

                ul {
                    li {
                        @include media-breakpoint-up(lg) {
                            display: inline-block;
                        }

                        +li {
                            @include media-breakpoint-up(lg) {
                                margin-left: $spacer;
                            }
                        }
                    }
                }

                @include media-breakpoint-down(lg) {
                    margin-top: $spacer;
                }
            }
        }
    }
}