.p-about {
	padding-block: 6.25rem;
}

.p-about__blocks {
	display: grid;
	gap: 3.125rem;
	grid-template-columns: 1fr 10.9375rem 10.9375rem 1fr;
}

.p-about__block {
	align-items: flex-start;
	border-radius: 0.625rem;
	color: inherit;
	display: flex;
	height: 25rem;
	overflow: hidden;
	padding: 1.4375rem 1.875rem;
	position: relative;
	text-align: left;
}

.p-about__title {
	font-size: 2.25rem;
	font-weight: bold;
	line-height: 1.4444444444;
}

.p-about__img {
	position: absolute;
	transition: all 0.45s;
}

.p-about__arrow {
	bottom: 1.75rem;
	right: 1.75rem;
	top: initial;
	transform: translate(0, 0);
}

.p-about__block[data-modal=about-modal-01] {
	grid-column: span 2;
}

.p-about__block[data-modal=about-modal-01] .p-about__img {
	bottom: 2.125rem;
	right: 5.8125rem;
	width: 18.0625rem;
}

.p-about__block[data-modal=about-modal-02] {
	grid-column: span 2;
}

.p-about__block[data-modal=about-modal-02] .p-about__img {
	bottom: 3.625rem;
	right: 3.9375rem;
	width: 28.1875rem;
}

.p-about__block[data-modal=about-modal-03] {
	grid-column: span 3;
}

.p-about__block[data-modal=about-modal-03] .p-about__img {
	bottom: 3.625rem;
	right: 3.625rem;
	width: 33.75rem;
}

.p-about__block[data-modal=about-modal-04] {
	grid-column: span 1;
}

.p-about__block[data-modal=about-modal-04] .p-about__img {
	bottom: 0;
	right: 4.8125rem;
	width: 18.875rem;
}

.p-about__block[data-modal=about-modal-05] {
	grid-column: span 2;
}

.p-about__block[data-modal=about-modal-05] .p-about__img {
	bottom: 1.6875rem;
	right: 4.9375rem;
	width: 22rem;
}

.p-about__block[data-modal=about-modal-06] {
	grid-column: span 2;
}

.p-about__block[data-modal=about-modal-06] .p-about__img {
	bottom: 2.9375rem;
	right: 6.25rem;
	width: 24.875rem;
}

.p-about__block[data-modal=about-modal-07] {
	grid-column: span 3;
}

.p-about__block[data-modal=about-modal-07] .p-about__img {
	bottom: 1.3125rem;
	right: 5.5rem;
	width: 24.9375rem;
}

.p-about__block[data-modal=about-modal-08] {
	grid-column: span 1;
}

.p-about__block[data-modal=about-modal-08] .p-about__img {
	bottom: 3.6875rem;
	right: 2.5rem;
	width: 20rem;
}

@media (hover: hover) {

.p-about__block:hover .p-about__img {
	transform: scale(1.09);
}

}

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

.p-about {
	padding-block: 1.875rem;
}

.p-about__blocks {
	gap: 0.625rem;
	grid-template-columns: repeat(2, 1fr);
}

.p-about__block {
	padding: 0.8125rem 0.75rem;
}

.p-about__title {
	font-size: 1.125rem;
}

.p-about__arrow {
	bottom: 0.625rem;
	right: 0.625rem;
}

.p-about__block[data-modal=about-modal-01] {
	grid-column: span 1;
	height: 13.75rem;
}

.p-about__block[data-modal=about-modal-01] .p-about__img {
	bottom: 1.6875rem;
	right: 1.9375rem;
	width: 7.25rem;
}

.p-about__block[data-modal=about-modal-02] {
	grid-column: span 1;
	height: 13.75rem;
}

.p-about__block[data-modal=about-modal-02] .p-about__img {
	bottom: 2.875rem;
	right: 0.375rem;
	width: 10.125rem;
}

.p-about__block[data-modal=about-modal-03] {
	grid-column: span 2;
	height: 11.25rem;
}

.p-about__block[data-modal=about-modal-03] .p-about__img {
	bottom: 1.5rem;
	right: 0.6875rem;
	width: 14.375rem;
}

.p-about__block[data-modal=about-modal-04] {
	height: 13.75rem;
}

.p-about__block[data-modal=about-modal-04] .p-about__img {
	bottom: 1.4375rem;
	right: 1.1875rem;
	width: 8.8125rem;
}

.p-about__block[data-modal=about-modal-05] {
	grid-column: span 1;
	height: 13.75rem;
}

.p-about__block[data-modal=about-modal-05] .p-about__img {
	bottom: 0.8125rem;
	right: 1.125rem;
	width: 8.375rem;
}

.p-about__block[data-modal=about-modal-06] {
	height: 11.25rem;
}

.p-about__block[data-modal=about-modal-06] .p-about__img {
	bottom: 1.375rem;
	right: 2.9375rem;
	width: 13.6875rem;
}

.p-about__block[data-modal=about-modal-07] {
	grid-column: span 1;
	height: 13.75rem;
}

.p-about__block[data-modal=about-modal-07] .p-about__img {
	bottom: 1rem;
	right: 1.375rem;
	width: 8.3125rem;
}

.p-about__block[data-modal=about-modal-08] {
	height: 13.75rem;
}

.p-about__block[data-modal=about-modal-08] .p-about__img {
	bottom: 1.6875rem;
	right: 1rem;
	width: 9rem;
}

}