.services__hero {
	margin-top: 80px;

	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.services__article {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.services__title {
	margin: 0;

	text-align: center;
}

.services__subtitle {
	max-width: 846px;

	margin: 0;

	text-align: center;

	color: var(--clr-gray);
}

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

.services__mission {
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.services__cennosti {
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.cennosti__list {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.cennosti__item {
	padding: 40px 24px;

	display: flex;
	flex-direction: column;
	align-items: center;

	transition: .3s ease-in-out;

	border: 1px solid var(--clr-white-hover);
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
}

.cennosti__item:hover {
    box-shadow: 4px 2px 8px 0px rgba(25, 33, 61, 0.3);
}

.cennosti__item:hover .cennosti__item-title {
	color: var(--clr-dark);
}

.cennosti__item-img {
	height: 64px;
	width: 64px;

	display: block;
	object-fit: cover;

	margin-bottom: 24px;
}

.cennosti__item-title {
	margin: 0 0 16px;

	text-align: center;

	color: var(--clr-gray);
}

.cennosti__item-subtitle {
	margin: 0;

	text-align: center;

	color: var(--clr-gray);
}

.services__content {
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.services__advantage {
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.advantage__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}

.advantage__item {
	padding: 40px 24px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 22px;

	transition: .3s ease-in-out;

	border: 1px solid var(--clr-white-hover);
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
}

.advantage__item:hover {
    box-shadow: 4px 2px 8px 0px rgba(25, 33, 61, 0.3);
}

.advantage__item:hover .advantage__item-title {
	color: var(--clr-dark);
}

.advantage__item-title {
	margin: 0;

	text-align: center;

	color: var(--clr-gray);
}

.advantage__item-subtitle {
	margin: 0;

	text-align: center;

	color: var(--clr-gray);
}

.text__block {
	margin-top: 22px;

	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
}

.text__block-text {
	margin: 0;
	padding: 40px 24px;

	color: var(--clr-gray);

	transition: .3s ease-in-out;

	border: 1px solid var(--clr-white-hover);
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
}

.text__block-text:hover {
    box-shadow: 4px 2px 8px 0px rgba(25, 33, 61, 0.3);
}

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

	.cennosti__list {
		grid-template-columns: repeat(2, 1fr);
	}

	.advantage__list {
	    grid-template-columns: repeat(2, 1fr);
	}

}

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

    h1 {
        font-size: 1.80rem;
    }

	.cennosti__list {
		grid-template-columns: 1fr;
	}

	.advantage__list {
	    grid-template-columns: 1fr;
	}

}