/* 10.06 - contact page - start
==================================================================================================== */

.contact-section {
	.google-map {
		height: 500px;
	}

	.title-text {
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 40px;
		text-transform: uppercase;
	}

	.contact-info {
		>ul {
			>li {
				margin-bottom: 50px;
				&:last-child {
					margin-top: 80px;
					margin-bottom: 0px !important;
				}

				.icon {
					float: left;
					width: 60px;
					height: 60px;
					font-size: 22px;
					line-height: 66px;
					margin-right: 30px;
					text-align: center;
					border-radius: 100%;
					color: $default-purple;
					background-color: #ffffff;
					box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
				}
				.content {
					display: table;
					.item-title {
						font-size: 20px;
						font-weight: 500;
						margin-bottom: 8px;
					}
				}

				.social-links {
					.title-text {
						font-size: 18px;
						margin-bottom: 20px;
					}
					>ul {
						>li {
							margin-right: 30px;
							&:last-child {
								margin-right: 0px !important;
							}
							>a {
								color: $default-color;
								&:hover {
									color: $default-purple;
								}
							}
						}
					}
				}
			}
		}
	}

	.contact-form {
		padding: 60px;
		background-color: #f3f4f6;
	}

	.useful-links {
		.title-text {
			margin-bottom: 25px;
		}
		p {
			margin-bottom: 40px;
		}

		>ul {
			>li {
				margin-bottom: 20px;
				&:last-child {
					margin-bottom: 0px !important;
				}
				>a {
					font-size: 18px;
					font-weight: 600;
					padding: 10px 0px;
					color: $default-black;
					font-family: $heading-font;
					.icon {
						float: left;
						width: 50px;
						height: 50px;
						color: #ffffff;
						font-size: 18px;
						line-height: 52px;
						margin: -10px 0px;
						text-align: center;
						margin-right: 20px;
						border-radius: 100%;
					}
				}
				&:nth-child(1) {
					.icon {
						background-color: $default-pink;
						box-shadow: 0px 3px 6px 1px rgba(216, 61, 105, 0.2);
					}
				}
				&:nth-child(2) {
					.icon {
						background-color: $default-purple;
						box-shadow: 0px 3px 6px 1px rgba(147, 76, 242, 0.2);
					}
				}
				&:nth-child(3) {
					.icon {
						background-color: $default-orange;
						box-shadow: 0px 3px 6px 1px rgba(252, 100, 43, 0.2);
					}
				}
			}
		}
	}
}

/* 10.06 - contact page - end
==================================================================================================== */