/*********************************
/*  Footer Section Start
*********************************/
.footer__section {
	position: relative;
	padding: 60px 0 0;
	background: var(--color-heading);
	z-index: 1;
}

.footer__wrapper {
	.footer__logo {
		img {
			height: 45px;
		}
	}

	.footer__social {
		list-style: none;
		display: inline-flex;
		align-items: center;
		gap: 15px;
		margin: 40px 0;

		li {
			a {
				width: 40px;
				height: 40px;
				border-radius: 50%;
				background: rgba(var(--color-white-rgb), 0.05);
				border: 1px solid rgba(var(--color-white-rgb), 0.2);
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--color-white);
				transition: var(--transition);

				&:hover {
					border-color: var(--color-primary);
					background: var(--color-primary);
				}
			}
		}
	}
}

.footer__bottom {
	padding: 20px 0;
	border-top: 1px solid rgba(var(--color-white-rgb), 0.1);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	flex-wrap: wrap;

	@include respond(tabport) {
		flex-direction: column-reverse;
	}

	p {
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.15px;
		color: rgba(var(--color-white-rgb), 0.7);
		margin: 0;
	}

	.footer__link {
		display: flex;
		align-items: center;
		gap: 20px;

		a {
			position: relative;
			font-size: 16px;
			line-height: 22px;
			color: rgba(var(--color-white-rgb), 0.7);
			display: inline-block;
			transition: var(--transition);

			&::after {
				content: "";
				position: absolute;
				right: -10px;
				top: 50%;
				transform: translateY(-50%);
				height: 12px;
				width: 1px;
				background: rgba(var(--color-white-rgb), 0.7);
				display: block;
			}

			&:last-of-type {
				&::after {
					display: none;
				}
			}

			&:hover {
				color: var(--color-primary);
			}
		}
	}
}

/*********************************
/*  Footer Section End
*********************************/