//--------- start footer Area -------------//
.footer-area {
	background-color: #f3f6f7;

	.single-footer-widget {
		@media (max-width: 991px) {
			margin-bottom: 30px;
		}

		p {
			color: #7b838a;
		}

		h4 {
			color: $heading_color;
			font-style: inherit;
			margin-bottom: 30px;
			font-weight: 700;
			font-size: 20px;

			@media (max-width: 1024px) {
				font-size: 18px;
			}

			@media (max-width: 991px) {
				margin-bottom: 15px;
			}
		}

		ul {
			li {
				margin-bottom: 14px;

				a {
					color: #7f7f7f;
					@include transform_time(0.5s);

					&:hover {
						color: $btn_bg;
					}
				}
			}
		}

		.form-wrap {
			margin-top: 25px;
			position: relative;
		}

		input {
			height: 48px;
			border: none;
			width: 100% !important;
			font-weight: 400;
			background: transparent;
			// color: $white;
			padding-left: 20px;
			border-radius: 0;
			font-size: 14px;
			padding: 10px;
			border: 1px solid #e1e1e1 !important;
			color: #999999;

			&:focus {
				outline: none;
				box-shadow: none;
			}

			// @include placeholder {
			// 	padding-left: 10px;
			// 	// color: $link-color;
			// }
		}

		.click-btn {
			background-color: $btn_bg;
			color: $white_color;
			border-radius: 5px;
			border: 0;
			position: absolute;
			right: 5px;
			width: 40px;
			height: 40px;
			line-height: 30px;
			text-align: center;
			display: inline-block;
			&:focus {
				outline: none;
				box-shadow: none;
			}
		}
	}
	.footer_logo{
		margin-bottom: 30px;
		display: inline-block;
	}
	.social_logo{
		margin-top: 20px;

		a{
			color: #b8bcbf;
			margin-right: 10px;
			&:hover{
				color: $btn_bg;
			}
		}
	}
	.footer-bottom {
		margin-top: 70px;

		@media (max-width: 991px) {
			margin-top: 20px;
		}

		p {
			// color: $white;

			a {
				// color: $primary-color;
			}
		}

		// span {
		// 	font-weight: 700;
		// }
		.footer-social {
			text-align: center;

			@media (max-width: 991px) {
				text-align: left;
				margin-top: 30px;
			}

			a {
				background: rgba(255, 255, 255, 0.15);
				margin-left: 3px;
				width: 32px;
				// color: $white;
				display: inline-grid;
				text-align: center;
				height: 32px;
				align-content: center;

				// @include transition();
				&:hover {
					// @extend .gradient-bg;
					// background: $primary-color;
				}

				i,
				span {
					font-size: 14px;
				}
			}
		}
	}

	.copyright_part {
		background-color: #0d1820;
		padding: 26px 0px;

		a {
			color: $btn_bg;
		}

		.footer-social {
			@media #{$small_mobile} {
				margin-top: 20px;
			}

			@media #{$large_mobile} {}

			@media #{$tab_device} {}

			@media #{$medium_device} {}

			a {
				margin-left: 20px;
				color: #fff;
				text-align: center;

				&:hover {
					color: $btn_bg;
				}

				i {
					&:hover {
						color: $btn_bg;
					}
				}

				[class^="ti-"],
				[class*=" ti-"] {
					line-height: 0;
				}
			}
		}

		@media #{$tab} {
			.footer-text {
				text-align: center;
			}
		}

		@media #{$medium_device} {}
	}
}

//--------- end footer Area -------------//