.footer {
    background-color: $__blue;
	&.footer-one {
		.footer-bottom {
			.copyright {
				.copyright-text {
					p {
						color: $gray-600;
						@include respond-below(custom767) {
							text-align: $__center;
						}
					}
				}
			}
		}
	}
    .footer-top {
		@include margin-padding(null, 40px 0);
		@include respond-below(custom991) {
			padding-bottom: 10px;
		}
		.footer-title {
		    color: $__white;
		    font-size: $__font__size__20;
		    font-weight: $__bold;
		    @include margin-padding(0 0 30px, null);
		    text-transform: $__capitalize;
		    @include respond-below(custom767) {
		    	font-size: $__font__size__18;
		    }
		    @include respond-below(custom575) {
		    	font-size: $__font__size__18;
		    }
		}
		.footer-widget {
			@include respond-below(custom991) {
				margin-bottom: 30px;
			}
			&.footer-menu {
				ul {
					list-style: $__none;
				    outline: $__none;
				    @include margin-padding(0,0);
				    li {
				    	margin-bottom: 10px;
					    position: $__relative;
					    &:last-child {
							margin-bottom: 0;
						}
						a {
							color: $__white;
							font-size: $__font__size__15;
							padding-left: 20px;
							position: $__relative;
							@include transition(all 0.4s ease 0s);
							&:hover {
								color: $__white;
								letter-spacing: 0.5px;
								padding-left: 30px;
							}
							&::before {
								content: "\f101";
								font-family: "Font Awesome 5 Free";
								font-weight: 900;
								margin-right: 5px;
								@include position($__absolute, 0, null, null, 0);
							}
						}
				    }
				}
			}
			.footer-logo {
				@include margin-padding(0 0 30px, null);
			}
			.footer-about-content {
				 p {
					color: $__white;
					&:last-child {
						margin-bottom: 0;
						color: $gray-600;
					}
				}
				.social-icon ul {
					list-style: $__none;
					@extend %inline-flex;
					@include margin-padding(0,0);
					li {
						margin-right: 15px;
						&:last-child {
							margin-right: 0;
						}
						a {	
							color: $__white;
							@extend %inline-flex;
							font-size: $__font__size__20;
							@include transition(all 0.4s ease 0s);
							&:hover {
								color: $__primarycolor;
							}
						}
					}
				}
			}
			.footer-contact-info {
				color: $__white;
				font-size: $__font__size__15;
				.footer-address {
					@extend %display-flex;
					span {
						margin-right: 20px;
						i.fa-map-marker-alt {
							font-size: $__font__size__20;
						}
					}
					p {
						color: $white;
						@include margin-padding(0 0 1rem, null);
					}
				}
				p {
					color: $white;
					i {
						margin-right: 15px;
					}
				}
			}
		}
	}
	.footer-bottom {
		.copyright {
			border-top: 1px solid $__steel__blue;
			@include margin-padding(null, 30px 0);
			.copyright-text {
				p {
					font-size: $font-size-14;
					color: $__white;
					a {
						color: $gray-900;
						font-weight: $font-weight-medium;
						@include transition(all 0.4s ease 0s);
						&:hover {
							color: $primary;
						}
					}
					&.title {
						font-weight: $__regular;
						@include margin-padding(10px 0 0, null);
					}
				}	
			}
			.policy-menu {
			    font-size: $font-size-14;
			    text-align: $__right;
			    @include margin-padding(0,0);
			    @include respond-below(custom767) {
			    	margin-top: 10px;
	    			text-align: $__left;
			    }
			    li {
				    display: $__inline__block;
				    margin-right: 15px;
				    &:last-child {
						margin-right: 0;
					}
					a {
					    color: $__white;
					    &:hover, &:focus {
					    	color: $primary;
					    }
					}
					&::after {
						color: $__white;
					    content: "|";
					    font-weight: $__light;
					    @include position($__relative, null, null, null, 10px);
					}
					&:last-child::after {
					    content: "";
					}
				}
			}
		}		
	} 
	&.inner-footer {
		position: relative;
		z-index: 1;
		&.footer-info {
			.footer-top {
				padding-top: 100px;
				@include respond-below(lg) {
					padding-top: 80px;
				}
			}
		}
		.social-icon {
			ul {
				display: flex;
				align-items: center;
				li {
					margin-right: 8px;
					a {
						display: flex;
						align-items: center;
						justify-content: center;
						background: $light;
						width: 32px;
						height: 32px;
						border-radius: 50%;
						color: $gray-600;
						font-size: $font-size-16;
						transition: 0.5s all;
						i {
							transition: 0.5s all;
						}	
						&:hover {
							background: $dark;
							color: $white;
							transition: 0.5s all;
							i {
								transform: rotatey(360deg);
								transition: 0.5s all;
							}
						}
					}
					&:last-child {
						margin-right: 0;
					}
				}
			}
		}
		.footer-top {
			background:$white;
			padding: 60px 0 40px;
			position: relative;
			z-index: 1;
    		overflow: hidden;
			@include respond-below(lg) {
				padding: 40px 0 20px;
			}
			.footer-title {
				color: $gray-900;
				font-size: $font-size-18;
				font-weight: $font-weight-semibold;
				margin-bottom: 24px;
				text-transform: capitalize;
				@include respond-below(md) {
					margin-bottom: 15px;
					font-size: $font-size-16;
				}
			}
			.footer-widget {
				margin-bottom: 20px;
				@include respond-below(custom991) {
					margin-bottom: 30px;
				}
				&.footer-menu {
					ul {
						li {
							margin-bottom: 16px;
							@include respond-below(md) {
								margin-bottom: 10px;
							}
							&:last-child {
								margin-bottom: 0;
							}
							a {
								color: $gray-600;
								padding-left: 0;
								@include transition(all 0.4s ease 0s);
								&:hover {
									color: $primary;
									padding-left: 0;
								}
								&::before {
									content: none;
								}
								@include respond-below(md) {
									font-size: $font-size-14;
								}
							}
						}
					}
				}
			}
		}
		.footer-bottom {
			background: $light;		
			border-top: 1px solid $white;
			.copyright {
				padding: 16px 0 6px;	
				border: 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			.copyright-text {
				margin-bottom: 10px;
				p {
					font-size: $font-size-16;
					color: $text-color;
					@include respond-below(md) {
						font-size: $font-size-14;
					}
				}	
			}
			.policy-menu {
			    font-size: $font-size-16;
				margin: 0 0 5px;
				@include respond-below(md) {
					font-size: $font-size-14;
				}
			    li {
				    display: inline-block;
				    margin: 0 8px 5px 0;
					padding-right: 14px;
					position: relative;
				    &:last-child {
						margin-right: 0;
						padding-right: 0;
					}
					a {
					    color: $gray-600;
					    &:hover, &:focus {
					    	color: $primary;
					    }
					}
					&::after {
						background: $primary;
					    width: 6px;
						height: 6px;
					    position: absolute;
						right: 0;
						left: auto;
						@include rounded(50%);
						top: 50%;
						@include transform(translateY(-50%));
						content: "";
					}
					&:last-child::after {
					    content: none;
					}
				}
			}
			.payment-method {
				display: flex;
				align-items: center;
				justify-content: end;
				margin-bottom: 10px;
				li {
					margin-right: 10px;
					&:last-child {
						margin-right: 0;
					}
				}
			}
		}
		.subscribe-input {
			position: relative;
			margin-bottom: 24px;
			input {
				height: 54px;
				border-radius: 5px;
				padding-right: 100px;
				border: 1px solid $gray-transparent;
				font-size: $font-size-14;
				&:placeholder {
					color: $gray-300;
				}
			}
			button {
				position: absolute;
				right: 16px; 
				top: 50%;
				@include transform(translateY(-50%));
				@include rounded(44px);      
			}
		}
		.footer-bg {
			.footer-bg-01 {
				position: absolute;
				top: 20%;
				left: 0;
				z-index: -1;
			}
			.footer-bg-02 {
				position: absolute;
				top: 0;
				right: 0;
				z-index: -1;
				height: 100%;
			}
			.footer-bg-03 {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: -1;
				height: 100%;
			}
			.footer-bg-04 {
				position: absolute;
				bottom: 0;
				left: 10%;
				z-index: -1;
				height: 100%;
			}
			.footer-bg-05 {
				position: absolute;
				top: 0;
				right: 0;
				z-index: -1;
			}
		}
	}
}


