.specialists__all-btns > button:last-child {
border: 1px solid var(--border-main-color);
}
.training__list {
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 30px;
}
.training__item {
display: flex;
flex-direction: row;
gap: 40px;
}
.training__img {
min-width: 260px;
height: 260px;
object-fit: cover;
}
.training__content {
padding-top: 28px;
padding-bottom: 30px;
display: flex;
flex-direction: column;
gap: 24px;
border-bottom: 1px solid var(--border-main-color);
}
.training__head {
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
font-size: 14px;
font-weight: 300;
color: var(--text-color-light);
}
.training__sticker {
width: fit-content;
padding: 3px 8px;
border-radius: 40px;
color: #fff;
}
.sticker__online {
background-color: var(--accent-red-main);
}
.sticker__offline {
background-color: #121217;
}
.training__title {
font-size: 28px;
font-weight: 500;
line-height: 121%;
color: var(--text-color-black);
margin-bottom: 6px;
transition: var(--default-transition);
}
.training__title:hover {
color: var(--text-color-red);
}
.training__descr {
font-size: 16px;
font-weight: 300;
color: var(--text-color-light);
}
.training__btm > span {
font-size: 18px;
font-weight: 500;
color: var(--text-color-black);
margin-right: 24px;
}
.training__btm > button {
font-size: 15px;
line-height: 143%;
font-weight: 400;
color: #fff;
background-color: var(--button-color-main);
padding: 14px 22px;
transition: var(--default-transition);
}
.training__btm > button:hover {
background-color: var(--button-color-main-hover);
}
.students__slider {
position: relative;
}
.students__slider-inner {
overflow: hidden;
}
.students__sub {
display: block;
text-align: center;
text-transform: lowercase;
font-size: 18px;
font-weight: 300;
color: var(--text-color-light);
margin-bottom: 16px;
}
.students__title-slider {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
text-align: center;
margin-bottom: 48px;
}
.student__slide > img {
height: 440px;
width: 100%;
object-fit: cover;
}
@media(max-width: 992px){
.training__list {
gap: 40px;
}
.training__item {
gap: 20px;
}
.training__img {
min-width: 320px;
width: 100%;
height: 320px;
}
.training__content {
gap: 20px;
padding-bottom: 24px;
}
.training__title {
font-size: 25px;
}
.training__descr {
font-size: 15px;
}
.training__btm > span {
font-size: 16px;
}
.training__btm > button {
font-size: 14px;
}
.students__sub {
font-size: 16px;
margin-bottom: 10px;
}
.students__title-slider {
margin-bottom: 30px;
}
.students__slider-inner {
overflow: visible;
}
.student__slide > img {
height: 400px;
}
}
@media(max-width:670px) {
.training__item {
flex-direction: column;
}
.training__content {
padding-top: 0;
}
}