/*Footer Section*/
.footer-section {
    background: -moz-linear-gradient( 0deg, rgb(148,80,251) 0%, rgb(74,58,255) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(148,80,251) 0%, rgb(74,58,255) 100%);
    background: -ms-linear-gradient( 0deg, rgb(148,80,251) 0%, rgb(74,58,255) 100%);
    position: relative;  
    overflow: hidden;  
}
.footer-wrapper {
    max-width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    .title, p {
        color: $white-color;
    }
    text-align: center;
    .title {
        margin-bottom: 15px;
    }
    p {
        margin-bottom: 30px;
    }
    padding: 80px 0;
    @include breakpoint(md) {
        padding: 120px 0;
        font-size: 20px;
        line-height: 30px;
        p {
            margin-bottom: 40px;
        }
    }
    @include breakpoint(xl) {
        padding: 275px 0 235px;
    }
}
.social-icons {
	@extend %flex;
	justify-content: space-between;
    max-width: 410px;
    margin: -10px auto -10px;
    li {
      max-width: calc(100% / 3);
      padding: 10px;
        a {
            max-width: 100px;
            display: block;
            @include border-radius(50%);
            overflow: hidden;
            img {
                width: 100%;
            }
        }
    }
}
.footer-bottom {
	padding: 15px 0;
	background-color: rgba(255, 255, 255, 0.2);
	@include border-radius(15px 15px 0 0);text-align: center;
	p {
		margin: 0 !important;
		color: $white-color;
	}
}
.bottom-left-shape {
    position: absolute;
    bottom: 108px;
    right: calc(50% + 480px);
    img {
        animation: up_down 5s linear infinite;
        -webkit-animation: up_down 5s linear infinite;
        -moz-animation: up_down 5s linear infinite;
        animation-delay: 2.5s;
    }
}
.bottom-right-shape {
    position: absolute;
    bottom: 108px;
    left: calc(50% + 280px);
    img {
        animation: up_down 5s linear infinite;
        -webkit-animation: up_down 5s linear infinite;
        -moz-animation: up_down 5s linear infinite;
    }
}
.footer-shape {
    position: absolute;
    left: 50%;
    top: 0;
    @include transform(translateX(-50%));
    min-width: 1420px;
    width: 100%;
    img {
        width: 100%;
    }
}