.footer {
	background-color: #455678;
	color: #fff;
	height: 543px;
	border-radius: 50px 50px 0 0;
	position: relative;
	direction: rtl;

	@media (max-width: 576px) {
		height: auto;
	}

	.footer-col {
		border-left: 1px solid #2f4858;
		margin-top: 40px;
		height: 430px;
		text-align: center;

		&:last-child {
			border-left: 0 none;
		}
	}

	.copyright {
		background-color: #2f4858;
		padding: 10px 0;
		font-size: 14px;
		text-align: center;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;

		@media (max-width: 576px) {
			font-size: 11px;
		}
	}
}

.footer-img {
	width: 140px;
	height: 140px;
	background-image: url('/assets/images/footer1.png');
	margin: -30px auto 0;
}

.footer-title {
	font-weight: 700;
	font-size: 20px;
	padding-bottom: 25px;

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

.footer-text {
	font-weight: 300;
	font-size: 13px;
	line-height: 22px;
	text-align: justify;
	margin: 0 60px;

	@media (max-width: 576px) {
		margin: 0 10px;
	}
}

.footer-center {
	padding: 0 20px;

	@media (max-width: 576px) {
		padding: 20px 0;
	}

	h3 {
		font-weight: 500;
		font-size: 20px;
		text-align: right;
	}

	span {
		display: block;
		text-align: right;
		font-size: 20px;
		height: 35px;
		font-style: normal;
		font-weight: 700;
		font-size: 20px;
		line-height: 35px;
	}
}

.footer-items {
	display: flex;
	justify-content: space-between;

	ul {
		list-style: none;
		text-align: right;
		margin-bottom: 30px;
		padding-left: 0;

		@media (max-width: 576px) {
			padding-left: 5px;
		}

		li {
			height: 25px;
			font-weight: normal;
			font-size: 14px;
			margin: 12px;
			position: relative;

			a {
				font-size: 14px;
				color: #fff;
				text-decoration: none;
				margin-right: 30px;
			}

			&::before {
				content: '\2022';
				color: #ff8852;
				font-size: 30px;
				position: absolute;
				line-height: 1;
			}
		}
	}
}

.footer-contant {
	margin-top: 20px !important;

	@media (max-width: 576px) {
		justify-content: space-between;
		align-items: center;
	}

	.icon {
		width: 18px;
		height: 18px;
	}

	.qr-code {
		width: 80px;
		border-radius: 5px;
		cursor: pointer;
	}

	.footer-contact-address {
		align-items: flex-start;

		p {
			text-align: right;
		}
	}

	.footer-contact-phone {
		justify-content: left;
	}

	.footer-mail {
		p {
			margin-bottom: 0;
		}
	}

	.footer-social {
		text-align: left;

		.icon {
			width: 31px;
			height: 31px;
		}

		.footer-mail {
			display: flex;
			justify-content: flex-end;
			margin-top: 15px;

			.icon {
				width: 18px;
				height: 18px;
			}
		}
	}

	p {
		font-weight: 300;
		font-size: 13px;
		margin-right: 10px;
	}

	a {
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}
}

.footer-app-market {
	justify-content: space-between;
	width: 330px;
	align-items: center;
	display: flex;
	margin: 5px auto 0;

	img {
		margin: 5px;
		width: 160px;
	}
}

.footer-brand {
	@media (max-width: 576px) {
		justify-content: space-evenly;
	}

	.footer-text-start {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-left: 10px;
	}

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

	.footer-text-end {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding-right: 10px;
	}

	.icon {
		max-width: 60px;
		padding: 0;
		margin: auto;
	}

	img {
		cursor: pointer;
	}

	.meli-icon {
		width: 70px;
	}

	.kimia-icon {
		width: 65px;
	}

	// .tara-icon {
	// 	width: 70px;
	// }

	.snapppay-icon {
		width: 100px;
	}

	.asnaf-logo,
	.otagh-bazargani-logo {
		width: 80px;
	}

	.samandehi {
		width: 80px;
		height: 80px;
	}

	.enamad {
		img {
			width: 110px;
		}
	}

	.ecunion {
		width: 80px;
	}
}

.qr-code-large {
	max-width: 250px;
}