.begevet-services,
.begevet-services *,
.begevet-services *::before,
.begevet-services *::after {
box-sizing: border-box;
}
.begevet-services {
width: 100%;
margin: 0;
padding: 0;
}
.begevet-services__inner {
width: 100%;
margin: 0;
padding: 0;
}
.begevet-services__head {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 16px 32px;
margin-bottom: 36px;
}
.begevet-services__heading {
display: grid;
gap: 10px;
max-width: 640px;
}
.begevet-widget.begevet-services .begevet-services__eyebrow {
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #E7C5A7;
}
.begevet-widget.begevet-services .begevet-services__title {
margin: 0;
padding: 0;
font-size: clamp(28px, 2.8vw, 36px);
font-weight: 600;
line-height: 1.15;
letter-spacing: normal;
color: #50545D;
}
.begevet-widget.begevet-services a.begevet-services__all {
padding-bottom: 4px;
border-bottom: 2px solid #9FB59C;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
color: #50545D;
transition: border-color 0.2s ease, color 0.2s ease;
}
.begevet-widget.begevet-services a.begevet-services__all:hover {
border-bottom-color: #50545D;
color: #50545D;
}
.begevet-services__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 1px;
overflow: hidden;
border: 1px solid #E6E9ED;
border-radius: 14px;
background: #E6E9ED;
}
.begevet-widget.begevet-services .begevet-services__card {
display: flex;
flex-direction: column;
gap: 18px;
min-height: 140px;
padding: 26px 24px 24px;
background: #FFFFFF;
text-decoration: none;
color: #50545D;
transition: background-color 0.2s ease;
}
.begevet-widget.begevet-services a.begevet-services__card:hover {
background: #F3F6F3;
color: #50545D;
}
.begevet-widget.begevet-services .begevet-services__icon {
display: block;
width: 44px;
height: 44px;
max-width: none;
object-fit: contain;
}
.begevet-services__footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 10px;
margin-top: auto;
}
.begevet-widget.begevet-services .begevet-services__name {
font-size: 15px;
font-weight: 600;
line-height: 1.35;
color: #50545D;
}
.begevet-widget.begevet-services .begevet-services__arrow {
font-size: 18px;
line-height: 1;
color: #9FB59C;
transition: transform 0.2s ease;
}
.begevet-widget.begevet-services a.begevet-services__card:hover .begevet-services__arrow {
transform: translateX(4px);
}
@media (max-width: 767px) {
.begevet-services__head {
margin-bottom: 24px;
}
}
@media (max-width: 600px) {
.begevet-services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.begevet-widget.begevet-services .begevet-services__card {
gap: 14px;
min-height: 124px;
padding: 20px 16px 18px;
}
}