.program-item__when { --accent: #ffffff; --accent-contrast: #000000 } .hero-cont__subtitle span { display: inline-block } .gradient-bg:before { background: url(https://robotdreams.cc/ckeditor/landings/qa/QA%20%D0%A4%D0%BE%D0%BD.png) no-repeat center; background-size: cover } .teacher-photo img { object-position: top } .hero, .header:not(.header--scrolled), .process-section, .order-section { --accent: white } .process-title { color: #fff } .process .bottom-border { border-color: #fff } .form__input input::placeholder { color: #fff } .form__input .iti__selected-dial-code { color: #fff } .btn.btn--arrow { display: inline-flex } .teacher .btn--black { background-color: var(--btn-text); color: var(--btn-bg) } .teacher .btn--black svg { fill: var(--btn-bg) } .program-item__num { min-width: 3rem } .order { display: flex; flex-direction: column } .order-desc { font-size: 22px; line-height: 1.2; display: block; margin-top: 30px } .program-item__info { flex: 1 1 100% } @media screen and (min-width:768px) { .program-item__num { min-width: 5rem } } @media screen and (min-width:1024px) { .about-date { margin-top: 0 } .order-desc { font-size: 36px; margin-top: 50px } .program-item__num { min-width: 8rem } }