/* Base required imports
--------------------------------------------- */
/* Bootstrap
--------------------------------------------- */
/* Import variables and mixins
--------------------------------------------- */
/* Bootsrap required imports & components
--------------------------------------------- */
.block-appointment .block-appointment-container {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.block-appointment .block-appointment-inner {
	border-radius: 24px;
	background: #FCF7F0;
	padding: 1.3rem 1.45rem;
	border: solid 1px #df9f69;
}

.block-appointment .block-appointment-grid {
	--bs-gutter-x: 1.35rem;
}

.block-appointment .block-appointment-image {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.block-appointment .block-appointment-image img,
.block-appointment .block-appointment-image svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.block-appointment .block-appointment-content {
	text-align: left;
}

.block-appointment .block-appointment-title {
	margin: 0;
	color: #21201e;
	font-family: "unbounded-400", "unbounded-fallback", Arial, sans-serif;
	font-size: 24px;
	line-height: 1.12;
	font-weight: 400;
}

.block-appointment .block-appointment-text {
	margin-top: 0.7rem;
}

.block-appointment .block-appointment-text p {
	margin: 0;
	color: #2f2e2c;
	font-family: "unbounded-300", "unbounded-fallback", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.45;
}

.block-appointment .block-appointment-action {
	display: flex;
	justify-content: center;
}

.block-appointment .block-appointment-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	border-radius: 100px;
	border: solid 1px #21201e;
	background: transparent;
	color: #21201e;
	padding: 15px 20px 15px 0;
	text-decoration: none;
	font-family: "unbounded-600", "unbounded-fallback", Arial, sans-serif;
	font-size: 15px;
	line-height: 1;
	white-space: nowrap;
}

.block-appointment .block-appointment-button:hover, .block-appointment .block-appointment-button:focus {
	color: #21201e;
	background: #fff;
	border-color: #fff;
}

@media (max-width: 991.98px) {
	.block-appointment .block-appointment-inner {
		border-radius: 36px;
		padding: 1.8rem 1.3rem 1.6rem;
	}
	.block-appointment .block-appointment-grid {
		--bs-gutter-x: 0;
		text-align: center;
	}
	.block-appointment .block-appointment-image {
		width: 160px;
		height: 160px;
	}
	.block-appointment .block-appointment-content {
		text-align: center;
	}
	.block-appointment .block-appointment-text {
		margin-top: 0.8rem;
	}
	.block-appointment .block-appointment-text p {
		font-size: 16px;
		line-height: 1.25;
	}
	.block-appointment .block-appointment-button {
		margin-top: 0.35rem;
	}
}

/*# sourceMappingURL=appointment.css.map */