/* API: AIzaSyDuj6_DlSp-LO-b6TK7o3hWlCyTV3Oiemg */

.block__contact {
	margin: 120px auto 150px;

	@media (max-width: 768px) {
		margin: 120px auto 70px;
	}

	.contact__coords {
		display: flex;
		flex-flow: row wrap;
		align-content: space-between;
		background: var(--color__main);
		color: var(--color__black);
		padding: 60px 75px 45px;

		> div {
			width: 100%;

			&:last-child:not(:first-child) ul {
				display: flex;
				flex-flow: row wrap;
				gap: 30px;

				li {
					width: initial;

					i {
						font-size: 45px;
					}
				}

			}
		}

		h2, h3 {
			color: var(--color__black);
			margin-bottom: 0;
		}

		ul {
			border-top: 3px solid var(--color__black);
			margin-top: 15px;
			padding: 15px 0;

			li {
				width: 100%;
				color: var(--color__black);
				font-weight: 700;
				padding: 7.5px 0;

				> i {
					margin-right: 15px;
				}

				a {
					color: var(--color__black);
					font: inherit;
					text-decoration: none;
					transition: var(--transition);

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

	.contact__form {

		input, textarea, label, select, option {
			background: var(--color__white) !important;
			color: var(--color__black) !important;
		}

	}

	.contact__map {
		aspect-ratio: 4 / 1;
		width: 100%;
		border: 1px solid var(--color__white);
		padding: 15px;
		min-height: 300px;
	}

}

@media (max-width: 1200px) {
	.block__contact {
		.contact__coords {
			padding: 45px 45px 30px;
		}
	}
}