.p-aboutClinic {
	padding-block: 1.25rem 12.5rem;
}

.p-aboutClinic__nav {
	display: grid;
	gap: 2.3125rem 1.25rem;
	grid-template-columns: repeat(2, 1fr);
}

.p-aboutClinic__btn {
	align-items: center;
	border-radius: 7.5rem 1.875rem 1.875rem 1.875rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	overflow: hidden;
	padding: 0;
	position: relative;
}

.p-aboutClinic__img {
	overflow: hidden;
}

.p-aboutClinic__img img {
	transition: all 0.3s;
}

.p-aboutClinic__number {
	align-items: center;
	border-radius: 50%;
	display: flex;
	font-size: 2.5rem;
	height: 5.1875rem;
	justify-content: center;
	margin-inline: auto;
	position: relative;
	width: 5.1875rem;
}

.p-aboutClinic__number::before {
	background-color: #FFF4D2;
	bottom: -0.5625rem;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	content: "";
	height: 0.625rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 1.25rem;
}

.p-aboutClinic__title.c-lead {
	margin-top: 1.5625rem;
}

.p-aboutClinic__arrow {
	bottom: 1.6875rem;
	position: absolute;
	right: 1.6875rem;
}

@media (hover: hover) {

.p-aboutClinic__btn:hover .p-aboutClinic__img img {
	transform: scale(1.1);
}

}

@media screen and (max-width: 767px) {

.p-aboutClinic {
	padding-block: 0.75rem 2.75rem;
}

.p-aboutClinic__nav {
	gap: 0.6875rem;
	grid-template-columns: 100%;
}

.p-aboutClinic__btn {
	border-radius: 4.25rem 1.0625rem 1.0625rem 1.0625rem;
}

.p-aboutClinic__content {
	padding-bottom: 0.625rem;
}

.p-aboutClinic__number {
	font-size: 1.75rem;
	height: 2.9375rem;
	width: 2.9375rem;
}

.p-aboutClinic__number::before {
	bottom: -0.3125rem;
	height: 0.375rem;
	width: 0.75rem;
}

.p-aboutClinic__title.c-lead {
	font-size: 1.0625rem;
	margin-top: 0.9375rem;
}

.p-aboutClinic__arrow {
	bottom: 0.8125rem;
	right: 0.8125rem;
}

}