.flip-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px;
	max-width: 1400px;
	margin: 10px auto;
	padding: 0 20px;
	box-sizing: border-box;
}

@media (max-width: 1024px) {
	.flip-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
		padding: 0 15px;
	}
}

@media (max-width: 768px) {
	.flip-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		padding: 0 10px;
	}
}

.flip-container {
	width: 100%;
	aspect-ratio: 9 / 16;
	perspective: 1000px;
}

.flip-card {
	width: 100%;
	height: 100%;
	position: center;
	transform-style: preserve-3d;
	transition: transform .6s;
}

.flip-container:hover .flip-card {
	transform: rotateY(180deg);
}

.flip-front, .flip-back {
	width: 100%;
	height: 100%;
	position: absolute;
	backface-visibility: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ffffff;
	border-radius: 8px;
	font-family: 'Urbanist';
}

.flip-front img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.flip-back {
	background-color: #066cb5;
	color: #ffffff;
	transform: rotateY(180deg);
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 10px;
}

.custom-map-box {
	width: 100%;
	max-width: 670px;
	height: 570px;
	margin: 20px;
	border: 2px solid #ffffff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	vertical-align: top;
	margin-right: 20px;
}

.custom-map-box iframe {
	pointer-events: none;
	transition: pointer-events .3s;
}

.custom-map-box.active iframe {
	pointer-events: auto;
}

.custom-form-style label {
	font-family: 'Urbanist', sans-serif;
	font-size: 17px;
	color: #ffffff;
	font-size: 17px;
	font-weight: 400;
	color: #ffffff;
}

.custom-form-style input[type="text"],
.custom-form-style input[type="email"],
.custom-form-style input[type="password"],
.custom-form-style textarea,
.custom-form-style select {
	font-family: 'Urbanist', sans-serif;
	font-size: 17px;
	color: #ffffff;
	border: 0 solid #ccc;
	border-radius: 4px;
	padding: 8px 10px;
}

.custom-form-style input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin-right: 5px;
	font-family: 'Urbanist', sans-serif;
	font-size: 17px;
	color: #ffffff;
}

.custom-form-style button {
	font-family: 'Urbanist', sans-serif;
	font-size: 13px;
	font-weight: 700;
	background-color: #066cb5;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 10px;
	padding: 18px 20px;
	cursor: pointer;
}