.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;
}
}