.offer-grid {
background: rgba(224, 229, 237, 1);
}
.offer-grid__title {
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 42px;
line-height: 53px;
letter-spacing: 0;
color: rgba(31, 79, 206, 1);
margin: 0 0 16px;
}
.offer-grid__description {
font-family: 'Mulish', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
color: rgba(27, 27, 27, 1);
margin: 0 0 40px;
max-width: 700px;
}
.offer-grid__list {
list-style: none;
margin: 0 0 48px;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.offer-grid__item {
background: #fff;
border: 1.5px solid rgba(31, 79, 206, 1);
border-radius: 15px;
padding: 20px;
display: flex;
flex-direction: column;
}
.offer-grid__item-title {
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 25px;
letter-spacing: 0;
color: rgba(31, 79, 206, 1);
margin: 0 0 auto;
padding-bottom: 20px;
}
.offer-grid__item-text {
font-family: 'Mulish', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: rgba(27, 27, 27, 1);
margin: 0;
}
.offer-grid__btn-wrap {
display: flex;
justify-content: center;
}
.offer-grid__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 220px;
height: 44px;
border-radius: 40px;
background: linear-gradient(180deg, #4085D9 0%, #0C3E9A 100%);
font-family: 'Mulish', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
color: rgba(255, 240, 240, 1);
text-decoration: none;
border: none;
cursor: pointer;
transition: background 0.2s, color 0.2s, opacity 0.2s, transform 0.2s ease;
}
.offer-grid__btn:hover {
opacity: 0.95;
transform: translateY(-2px);
color: rgba(255, 240, 240, 1);
background: linear-gradient(180deg, #4085D9 0%, #0C3E9A 100%);
} @media (max-width: 1024px) {
.offer-grid__title {
font-size: 28px;
line-height: 35px;
}
.offer-grid__description {
font-size: 12px;
line-height: 19px;
margin-bottom: 24px;
}
.offer-grid__list {
gap: 20px;
}
.offer-grid__item {
padding: 16px;
}
.offer-grid__item-title {
font-size: 16px;
line-height: 20px;
padding-bottom: 14px;
}
.offer-grid__item-text {
font-size: 12px;
line-height: 19px;
}
.offer-grid__btn {
width: 197px;
height: 40px;
font-size: 12px;
}
} @media (max-width: 640px) {
.offer-grid,
.offer-grid * {
text-align: left !important;
}
.offer-grid {
margin-top: 20px;
}
.offer-grid__btn-wrap {
justify-content: center !important;
}
.offer-grid__title {
font-size: 22px;
line-height: 29px;
margin-bottom: 10px;
}
.offer-grid__description {
font-size: 12px;
line-height: 19px;
margin-bottom: 20px;
}
.offer-grid__list {
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 28px;
}
.offer-grid__item {
width: 100%;
padding: 16px;
}
.offer-grid__item-title {
font-size: 16px;
line-height: 20px;
padding-bottom: 12px;
}
.offer-grid__item-text {
font-size: 12px;
line-height: 19px;
}
.offer-grid__btn {
width: 100%;
height: 44px;
font-size: 12px;
}
.offer-grid__title br,
.offer-grid__description br,
.offer-grid__item-title br,
.offer-grid__item-text br {
display: none;
}
}