Dymok

К html подключается CSS, а не SCSS.
Если вы работаете с SCSS, вам нужно скомпилировать его в CSS. С помощью gulp, webpack или еще какого-либо таскраннера/сборщика.

Если .css лежит рядом с .html, подключать его лучше так:

<link rel="stylesheet" type="text/css" href="style.css">

Как вариант

Блоку, внутри которого находится чекбокс и текст, задать display: flex;

Определяем, поддерживает ли браузер webp

https://stackoverflow.com/questions/5573096/detect...

Если не поддерживает, добавляем body класс, например "no-webp".

В CSS по умолчанию ставим webp изображение, при отсутствии поддержки заменяем на png/jpg

.block {
  background-image: url('img.webp');
}

body.no-webp .block {
  background-image: url('img.png');
}

100 – Thin || Hairline
200 – Extra Light || Ultra Light || Thin
300 – Light
400 – Normal || Regular
500 – Medium
600 – Semi Bold || Demi Bold
700 – Bold
800 – Extra Bold || Ultra Bold || Heavy
900 – Black || Heavy

Как узнать начертание шрифта?

https://jsfiddle.net/RAX7/j0txf7L2/
Источник - https://qna.habr.com/answer?answer_id=1456277#answ...

Проблема в блоке .answer в форме заказа, он уходит за границу экрана.
Можно исправить так:

.form-wrapper {
    overflow: hidden;
}

Нужно подключить js от бутстрапа.

ребенку

position: absolute;
bottom: 0;
left: 0;
width: 100%;

background-clip: text

background-attachment: fixed

order задаётся для flex-элементов, а не flex-контейнера, а у вас .video-reviews-wrapper внутри .test-wrapper

img{
    object-fit: cover;
    height: 100%;
    width: 100%;
  }