.promoPageAll__grid-wrap > h2 {
font-size: 50px;
font-weight: 400;
margin-bottom: 30px;
color: var(--title-color);
}
.promoPageAll__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1px;
}
.promoPageAll__grid-item {
display: flex;
flex-direction: column;
padding: 40px 40px;
outline: 1px solid var(--border-main-color);
}
.promoPageAll__grid-item-head > span {
font-size: 50px;
font-weight: 400;
line-height: 102%;
color: var(--text-color-red);
margin-right: 14px;
min-width: fit-content;
}
.promoPageAll__grid-item-head {
display: inline-flex;
align-items: center;
font-size: 22px;
font-weight: 400;
line-height: 113%;
text-align: left;
color: var(--text-color-black);
margin-bottom: 15px;
}
.promoPageAll__grid-item-desc {
margin-bottom: 69px;
}
.promoPageAll__grid-price {
margin-bottom: 14px;
}
.promoPageAll__grid-item-price {
display: inline-flex;
gap: 8px;
font-size: 18px;
font-weight: 400;
line-height: 140%;
margin-bottom: 25px;
}
.promoPageAll__grid-item-price > span:first-child {
color: var(--text-color-red);
font-size: 20px;
line-height: 137%;
font-weight: 600;
}
.promoPageAll__grid-item-btns {
display: flex;
flex-direction: row;
gap: 10px;
}
.promoPageAll__grid-item-btns > a {
flex: 1;
padding: 12px 12px;
color: var(--text-color-black);
text-align: center;
font-size: 14px;
font-weight: 500;
border: 1px solid var(--border-main-color);
transition: var(--default-transition);
}
.promoPageAll__grid-item-btns > a:hover {
border: 1px solid var(--accent-red-main);
}
.promoPageAll__grid-item-btns > button,
.promoPageAll__grid-item-btns > a.red {
flex: 1;
padding: 12px 12px;
background-color: var(--button-color-main);
color: #fff;
font-size: 14px;
font-weight: 500;
border: none;
transition: var(--default-transition);
}
.promoPageAll__grid-item-btns > button:hover,
.promoPageAll__grid-item-btns > a.red:hover {
background-color: var(--button-color-main-hover);
}
@media (max-width: 1210px) {
.promoPageAll__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 992px) {
.promoPageAll__grid-wrap > h2 {
font-size: 34px;
}
.promoPageAll__grid-item {
padding: 30px 30px;
}
.promoPageAll__grid-item-head > span {
font-size: 34px;
}
.promoPageAll__grid-item-head {
font-size: 19px;
margin-bottom: 8px;
}
.promoPageAll__grid-item-desc {
font-size: 15px;
margin-bottom: 62px;
}
.promoPageAll__grid-price {
margin-bottom: 8px;
}
.promoPageAll__grid-item-btns {
margin-bottom: 0;
margin-top: auto;
}
}
@media (max-width: 670px) {
.promoPageAll__grid {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 600px) {
.specialists__cards .spec-offer-card {
max-width: 100%;
}
}