fix: update style add rem #5

Merged
redrockjs merged 1 commits from dev into main 2025-12-12 09:53:34 +00:00
101 changed files with 1592 additions and 1413 deletions

103
.idea/workspace.xml generated
View File

@@ -6,7 +6,104 @@
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="2a96f817-9dc2-4f3c-893a-c4974c750774" name="Changes" comment=""> <list default="true" id="2a96f817-9dc2-4f3c-893a-c4974c750774" name="Changes" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/public/robots.txt" beforeDir="false" afterPath="$PROJECT_DIR$/public/robots.txt" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/entities/base-menu/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/entities/base-menu/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/entities/beauty-button/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/entities/beauty-button/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/entities/callback-form/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/entities/callback-form/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/entities/connect/style.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/entities/connect/style.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/entities/order-schema/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/entities/order-schema/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/entities/top-menu/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/entities/top-menu/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/feature/article/consultation/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/feature/article/consultation/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/feature/article/documents/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/feature/article/documents/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/feature/article/partners/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/feature/article/partners/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/feature/article/related-articles/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/feature/article/related-articles/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/feature/article/sidebar/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/feature/article/sidebar/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/feature/contacts/licence-slider/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/feature/contacts/licence-slider/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/feature/contacts/yandex-map/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/feature/contacts/yandex-map/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/contacts/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/contacts/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/autotech/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/autotech/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/buhgalter/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/buhgalter/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/category/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/category/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/computer/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/computer/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/document/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/document/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/finans/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/finans/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/kadastr/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/kadastr/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/pocherk/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/pocherk/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/pozhar/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/pozhar/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/recenzii/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/recenzii/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/stroit/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/stroit/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/tech-crim/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/tech-crim/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/tovar/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/tovar/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/trasologia/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/trasologia/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/expertise/zem-stroy/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/expertise/zem-stroy/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/borodin/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/borodin/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/category/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/category/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/elchischev/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/elchischev/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/gulmamedov/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/gulmamedov/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/kaminskiy/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/kaminskiy/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/kolodiy/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/kolodiy/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/mikova/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/mikova/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/mityaev/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/mityaev/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/polinov/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/polinov/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/volkova-goncharova/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/volkova-goncharova/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/experts/yancen/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/experts/yancen/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/home/call-us/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/call-us/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/banki/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/banki/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/bankrotstvo/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/bankrotstvo/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/category/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/category/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/dolgi/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/dolgi/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/dolzhnikam/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/dolzhnikam/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/predstavitelstvo/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/predstavitelstvo/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/sdelki/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/sdelki/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/spor-dtp/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/spor-dtp/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/spor-semejnye/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/spor-semejnye/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/spor-strahovye/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/spor-strahovye/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/spor-trudovye/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/spor-trudovye/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/jurist/spor-zemel-imush/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/jurist/spor-zemel-imush/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/avtomobilja-dlja-suda/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/avtomobilja-dlja-suda/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/category/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/category/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/cennyh-bumag/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/cennyh-bumag/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/dlja-banka-vtb/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/dlja-banka-vtb/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/dlja-banka/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/dlja-banka/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/dlja-ipoteki/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/dlja-ipoteki/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/dlja-notariusa/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/dlja-notariusa/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/dlja-opeki/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/dlja-opeki/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/dlja-opredelenija-stoimosti-ushherba/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/dlja-opredelenija-stoimosti-ushherba/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/dlja-sberbanka/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/dlja-sberbanka/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/dlja-strahovanija/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/dlja-strahovanija/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/garazha/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/garazha/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/imushhestva-dlja-bankrotstva/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/imushhestva-dlja-bankrotstva/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/imushhestva-dlja-vnesenija-v-ustavnoj-kapital/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/imushhestva-dlja-vnesenija-v-ustavnoj-kapital/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/imushhestva-dlja-vstuplenija-v-nasledstvo/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/imushhestva-dlja-vstuplenija-v-nasledstvo/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/jekspertiza-i-recenzirovanie-otcheta-ob-ocenke/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/jekspertiza-i-recenzirovanie-otcheta-ob-ocenke/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/kvartiry/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/kvartiry/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/mashin-i-oborudovanija/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/mashin-i-oborudovanija/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/morskih-i-rechnyh-sudov/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/morskih-i-rechnyh-sudov/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/motociklov-i-mototehniki/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/motociklov-i-mototehniki/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/nedvizhimosti-dlja-suda/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/nedvizhimosti-dlja-suda/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/nedvizhimosti/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/nedvizhimosti/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/nematerialnyh-aktivov/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/nematerialnyh-aktivov/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/nezavershennogo-stroitelstva/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/nezavershennogo-stroitelstva/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/nezavisimaja/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/nezavisimaja/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/nezhilogo-pomeshhenija/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/nezhilogo-pomeshhenija/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/ocenka-imushhestva-pri-razvode/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/ocenka-imushhestva-pri-razvode/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/ofisa/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/ofisa/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/rynochnoj-stoimosti-avtomobilja/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/rynochnoj-stoimosti-avtomobilja/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/sooruzhenij/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/sooruzhenij/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/spectehniki/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/spectehniki/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/stoimosti-arendnoj-stavki/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/stoimosti-arendnoj-stavki/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/stoimosti-predprijatija-biznesa/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/stoimosti-predprijatija-biznesa/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/ushherba-nedvizhimosti/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/ushherba-nedvizhimosti/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/ushherba-ot-pozhara/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/ushherba-ot-pozhara/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/ushherba-ot-zaliva/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/ushherba-ot-zaliva/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/ushherba-v-dtp/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/ushherba-v-dtp/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/uts-utraty-tovarnoj-stoimosti-avtomobilja/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/uts-utraty-tovarnoj-stoimosti-avtomobilja/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/vozdushnyh-sudov-i-letatelnyh-apparatov/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/vozdushnyh-sudov-i-letatelnyh-apparatov/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/zdanija/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/zdanija/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/zemel/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/zemel/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/zemelnogo-uchastka/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/zemelnogo-uchastka/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/ocenka/zhilogo-doma/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/ocenka/zhilogo-doma/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/breadcrumbs/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/breadcrumbs/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/cookie-notice/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/cookie-notice/styles.module.scss" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -14,7 +111,7 @@
<option name="LAST_RESOLUTION" value="IGNORE" /> <option name="LAST_RESOLUTION" value="IGNORE" />
</component> </component>
<component name="DarkyenusTimeTracker"> <component name="DarkyenusTimeTracker">
<option name="totalTimeSeconds" value="243090" /> <option name="totalTimeSeconds" value="247180" />
<option name="gitIntegration" value="true" /> <option name="gitIntegration" value="true" />
<option name="naggedAbout" value="1" /> <option name="naggedAbout" value="1" />
</component> </component>
@@ -124,7 +221,7 @@
<workItem from="1765453944194" duration="1010000" /> <workItem from="1765453944194" duration="1010000" />
<workItem from="1765455074110" duration="492000" /> <workItem from="1765455074110" duration="492000" />
<workItem from="1765455582502" duration="5006000" /> <workItem from="1765455582502" duration="5006000" />
<workItem from="1765517372241" duration="8852000" /> <workItem from="1765517372241" duration="14202000" />
</task> </task>
<servers /> <servers />
</component> </component>

View File

@@ -13,18 +13,18 @@
gap: rem(20px); gap: rem(20px);
@include iftablet { @include iftablet {
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
max-width: rem(1540px); max-width: rem(1540px);
padding: 0 28px; padding: 0 rem(28px);
height: rem(100px); height: rem(100px);
gap: rem(20px); gap: rem(20px);
} }
@include ifdesktop { @include ifdesktop {
padding: 0 40px; padding: 0 rem(40px);
} }
.Logotype { .Logotype {

View File

@@ -2,10 +2,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 4px; gap: rem(4px);
@include ifdesktop { @include ifdesktop {
gap: 8px; gap: rem(8px);
} }
.Button { .Button {
@@ -13,28 +13,28 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 4px; gap: rem(4px);
padding: 6px 10px; padding: rem(6px) rem(10px);
border-radius: 28px; border-radius: rem(28px);
background: #58c644; background: #58c644;
background: -webkit-gradient(linear, left top, right top, from(#58c644), to(#009283)); background: -webkit-gradient(linear, left top, right top, from(#58c644), to(#009283));
background: linear-gradient(to right, #58c644 0%, #009283 100%); background: linear-gradient(to right, #58c644 0%, #009283 100%);
@include ifdesktop { @include ifdesktop {
gap: 8px; gap: rem(8px);
padding: 10px 20px; padding: rem(10px) rem(20px);
} }
} }
.Phone { .Phone {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: rem(14px);
line-height: 100%; line-height: 100%;
color: $color-white; color: $color-white;
@include ifdesktop { @include ifdesktop {
font-size: 16px; font-size: rem(16px);
} }
} }

View File

@@ -3,10 +3,10 @@
width: 100%; width: 100%;
border-radius: rem(16px); border-radius: rem(16px);
padding: rem(30px) rem(20px); padding: rem(30px) rem(20px);
margin-bottom: 20px; margin-bottom: rem(20px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 460px; max-width: rem(460px);
align-self: center; align-self: center;
@include iftablet{ @include iftablet{
@@ -19,26 +19,22 @@
.Title { .Title {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 20px; font-size: rem(20px);
line-height: 130%; line-height: 130%;
color: $color-white; color: $color-white;
align-self: center; align-self: center;
margin-bottom: 30px; margin-bottom: rem(30px);
} }
.Form { .Form {
display: grid; display: grid;
grid-template-rows: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr);
grid-template-columns: auto; grid-template-columns: auto;
gap: 10px; gap: rem(10px);
@include iftablet{ @include iftablet{
display: grid; display: grid;
grid-template-rows: auto; grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
@include iflaptop{
}
@include ifdesktop{
}
} }

View File

@@ -5,10 +5,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.Text { .Text {
@@ -17,27 +17,27 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.Container { .Container {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 20px; gap: rem(20px);
@include iftablet{ @include iftablet{
grid-template-columns: auto 200px; grid-template-columns: auto rem(200px);
gap: 40px; gap: rem(40px);
} }
@include iflaptop{ @include iflaptop{
grid-template-columns: auto 200px; grid-template-columns: auto rem(200px);
gap: 40px; gap: rem(40px);
} }
@include ifdesktop{ @include ifdesktop{
grid-template-columns: auto 200px; grid-template-columns: auto rem(200px);
gap: 100px; gap: rem(100px);
} }
} }
@@ -52,18 +52,15 @@
align-items: center; align-items: center;
.Image { .Image {
margin-bottom: 16px; margin-bottom: rem(16px);
width: 100px; width: rem(100px);
height: auto; height: auto;
@include iftablet{ @include iftablet{
width: 120px; width: rem(120px);
height: auto;
}
@include iflaptop{
width: 120px;
height: auto; height: auto;
} }
@include ifdesktop{ @include ifdesktop{
width: 150px; width: 150px;
height: auto; height: auto;
@@ -73,7 +70,7 @@
.Description { .Description {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-green; color: $color-green;
text-transform: uppercase; text-transform: uppercase;
@@ -86,27 +83,27 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 16px; gap: rem(16px);
.Title { .Title {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: rem(20px);
line-height: 100%; line-height: 100%;
color: $color-text; color: $color-text;
} }
.Btn { .Btn {
border-width: 1px 1px 1px 1px; border-width: rem(1px);
border-color: $color-green; border-color: $color-green;
border-radius: 15px 15px 15px 15px; border-radius: rem(15px);
box-shadow: 2px 2px 5px 0px $color-green; box-shadow: 2px 2px 5px 0px $color-green;
} }
.Description { .Description {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 14px; font-size: rem(14px);
line-height: 100%; line-height: 100%;
color: $color-text; color: $color-text;
} }

View File

@@ -5,10 +5,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.Text { .Text {
@@ -17,13 +17,13 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.Container { .Container {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 20px 0; gap: rem(20px) 0;
background: $color-green; background: $color-green;
padding: rem(20px); padding: rem(20px);
border-radius: rem(16px); border-radius: rem(16px);
@@ -32,15 +32,14 @@
@include iftablet{ @include iftablet{
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto auto; grid-template-rows: auto auto;
gap: 20px 0; gap: rem(20px) 0;
} }
@include iflaptop{ @include iflaptop{
grid-template-columns: repeat(7, 1fr); grid-template-columns: repeat(7, 1fr);
grid-template-rows: auto; grid-template-rows: auto;
justify-content: center; justify-content: center;
} }
@include ifdesktop{
}
.Block { .Block {
display: flex; display: flex;
@@ -74,20 +73,20 @@
.Image { .Image {
width: auto; width: auto;
height: 150px; height: rem(150px);
@include iftablet{ @include iftablet{
width: auto; width: auto;
height: 120px; height: rem(120px);
} }
@include iflaptop{ @include iflaptop{
width: auto; width: auto;
height: 80px; height: rem(80px);
} }
@include ifdesktop{ @include ifdesktop{
width: auto; width: auto;
height: 140px; height: rem(140px);
} }
} }

View File

@@ -6,18 +6,18 @@
.Top { .Top {
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
padding: 0 10px; padding: 0 rem(10px);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@include iftablet { @include iftablet {
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 0 40px; padding: 0 rem(40px);
} }
.Icons { .Icons {

View File

@@ -5,26 +5,26 @@
grid-template-columns: auto; grid-template-columns: auto;
grid-template-rows: auto auto; grid-template-rows: auto auto;
justify-content: center; justify-content: center;
gap: 10px; gap: rem(10px);
padding: 0 10px; padding: 0 rem(10px);
@include iftablet{ @include iftablet{
grid-template-columns: auto 200px; grid-template-columns: auto rem(200px);
grid-template-rows: auto; grid-template-rows: auto;
justify-content: unset; justify-content: unset;
gap: 20px; gap: rem(20px);
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop{ @include iflaptop{
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
gap: 40px; gap: rem(40px);
padding: 0 28px; padding: 0 rem(28px);
} }
@include ifdesktop{ @include ifdesktop{
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -97,7 +97,7 @@
margin: rem(20px) 0; margin: rem(20px) 0;
padding: rem(20px); padding: rem(20px);
border-radius: rem(20px); border-radius: rem(20px);
max-width: 460px; max-width: rem(460px);
@include iftablet{ @include iftablet{
margin: rem(10px) 0; margin: rem(10px) 0;

View File

@@ -5,10 +5,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.Text { .Text {
@@ -17,21 +17,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;

View File

@@ -9,8 +9,8 @@
display: flex; display: flex;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
min-height: 15px; min-height: rem(15px);
mask-size: 20px 100%; mask-size: rem(20px) 100%;
mask-repeat: repeat-x; mask-repeat: repeat-x;
background-color: $color-green; background-color: $color-green;
mask-image: url(/svg/rotated-lines.svg); mask-image: url(/svg/rotated-lines.svg);

View File

@@ -5,20 +5,22 @@
display: grid; display: grid;
grid-template-columns: auto auto; grid-template-columns: auto auto;
gap: 0; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
grid-template-columns: auto 240px; grid-template-columns: auto rem(240px);
gap: 40px; gap: rem(40px);
padding: 0 28px; padding: 0 rem(28px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
.Block { .Block {
@@ -39,10 +41,10 @@
.Title { .Title {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text-light; color: $color-text-light;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
.Image { .Image {
@@ -50,7 +52,7 @@
height: auto; height: auto;
@include ifdesktop{ @include ifdesktop{
max-width: 260px; max-width: rem(260px);
} }
} }
} }
@@ -59,17 +61,17 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.Grid { .Grid {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 16px; gap: rem(16px);
margin-bottom: 20px; margin-bottom: rem(20px);
@include iftablet { @include iftablet {
grid-template-columns: auto auto; grid-template-columns: auto auto;
@@ -78,16 +80,16 @@
.Title { .Title {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 20px; font-size: rem(20px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.Description { .Description {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
} }

View File

@@ -78,7 +78,7 @@
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: rem(4px);
list-style-type: disc; list-style-type: disc;
margin-left: rem(40px); margin-left: rem(40px);
} }

View File

@@ -1,6 +1,6 @@
.Slider { .Slider {
display: block; display: block;
padding: 0 20px; padding: 0 rem(20px);
.Slide { .Slide {
display: flex; display: flex;
@@ -8,7 +8,7 @@
align-items: center; align-items: center;
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -63,10 +63,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-top: 10px; margin-top: rem(10px);
&:first-child { &:first-child {
margin-top: 0; margin-top: 0;
@@ -76,10 +76,10 @@
.Text { .Text {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 10px; margin-bottom: rem(10px);
} }
} }
} }

View File

@@ -3,23 +3,23 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
.Contact { .Contact {
@@ -28,7 +28,11 @@
width: 100%; width: 100%;
@include iftablet { @include iftablet {
max-width: 420px; max-width: rem(420px);
}
&:first-child {
height: auto;
} }
} }
@@ -37,18 +41,18 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
justify-items: center; justify-items: center;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: rem(20px);
.Info { .Info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 12px; gap: rem(12px);
.Text { .Text {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: rem(16px);
line-height: 100%; line-height: 100%;
color: $color-text; color: $color-text;
@@ -74,16 +78,16 @@
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: rem(16px);
line-height: 150%; line-height: 150%;
color: $color-text-light; color: $color-text-light;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
} }
} }
.LicenceSlider { .LicenceSlider {
margin: 0 auto 40px; margin: 0 auto rem(40px);
max-width: rem(1200px); max-width: rem(1200px);
.Title { .Title {
@@ -105,7 +109,7 @@
.Block { .Block {
position: relative; position: relative;
padding: 20px 0 20px 100px; padding: rem(20px) 0 rem(20px) rem(100px);
@include iftablet { @include iftablet {
background-color: #009283; background-color: #009283;
@@ -124,27 +128,27 @@
left: 16px; left: 16px;
@include iftablet { @include iftablet {
top: 18px; top: rem(18px);
left: 30px; left: rem(30px);
} }
} }
.Title { .Title {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 24px; font-size: rem(24px);
line-height: 130%; line-height: 130%;
color: $color-white; color: $color-white;
margin-bottom: 4px; margin-bottom: rem(4px);
} }
.Text { .Text {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-white; color: $color-white;
margin-bottom: 4px; margin-bottom: rem(4px);
} }
} }
} }
@@ -153,10 +157,10 @@
%title { %title {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
text-align: center; text-align: center;
height: 80px; height: rem(80px);
margin-bottom: 20px; margin-bottom: rem(20px);
} }

View File

@@ -4,23 +4,23 @@
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0px;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -4,23 +4,23 @@
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0px;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,29 +3,29 @@
max-width: rem(1540px); max-width: rem(1540px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0px; gap: 0;
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
} }
} }
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 40px; margin-bottom: rem(40px);
} }
.Grid { .Grid {
@@ -43,15 +43,15 @@
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: rem(10px);
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -2,21 +2,21 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
} }
} }
@@ -24,42 +24,42 @@
.Block { .Block {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
border-radius: 28px; border-radius: rem(28px);
box-shadow: 0 0 10px 0 rgba(97, 206, 112, 0.5); box-shadow: 0 0 rem(10px) 0 rgba(97, 206, 112, 0.5);
padding: 20px; padding: rem(20px);
height: 100%; height: 100%;
.Expert { .Expert {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 16px; gap: rem(16px);
.Image { .Image {
width: auto; width: auto;
height: 200px; height: rem(200px);
@include iftablet{ @include iftablet {
width: auto; width: auto;
height: 150px; height: rem(150px);
} }
@include iflaptop{ @include iflaptop {
width: auto; width: auto;
height: 200px; height: rem(200px);
} }
} }
.Name { .Name {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
text-align: center; text-align: center;
@include iflaptop { @include iflaptop {
font-size: 18px; font-size: rem(18px);
line-height: 130%; line-height: 130%;
} }
} }
@@ -67,13 +67,13 @@
.Position { .Position {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: rem(14px);
line-height: 100%; line-height: 100%;
color: $color-text-light; color: $color-text-light;
text-align: center; text-align: center;
@include iflaptop { @include iflaptop {
font-size: 16px; font-size: rem(16px);
} }
} }
} }
@@ -81,7 +81,7 @@
.Certificate { .Certificate {
.Image { .Image {
width: auto; width: auto;
height: 200px; height: rem(200px);
} }
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: auto; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -2,23 +2,23 @@
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
gap: 10px; gap: rem(10px);
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto 400px; grid-template-columns: auto rem(400px);
justify-items: center; justify-items: center;
gap: 20px; gap: rem(20px);
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -26,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -1,28 +1,24 @@
.Container { .Container {
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
display: flex; display: grid;
flex-direction: column-reverse; gap: rem(10px);
align-items: center; padding: rem(10px);
gap: 20px;
padding: 20px 10px;
@include iftablet { @include iftablet {
display: grid; grid-template-columns: auto rem(400px);
grid-template-columns: auto 400px;
justify-items: center; justify-items: center;
align-items: start; gap: rem(20px);
gap: 20px; padding: rem(20px);
padding: 20px;
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
gap: 40px; gap: rem(40px);
} }
} }
@@ -30,50 +26,58 @@
.Block { .Block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: rem(20px);
h3 { h3 {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
p { p {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 300;
font-size: 18px; font-size: rem(16px);
line-height: 110%; line-height: 110%;
color: $color-text; color: $color-text;
@include iftablet{
font-size: rem(18px);
}
} }
ul { ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li { li {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@include iftablet{
font-size: rem(18px);
}
} }
.ListShift{ .ListShift{
margin-left: 40px; margin-left: rem(40px);
} }
} }
.Photo { .Photo {
.Image { .Image {
width: 200px; width: rem(200px);
height: auto; height: auto;
} }
} }

View File

@@ -19,6 +19,10 @@
gap: rem(10px); gap: rem(10px);
padding: rem(20px) rem(40px); padding: rem(20px) rem(40px);
@media (width<520px) {
align-items: center;
}
.LineTitle { .LineTitle {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
@@ -43,11 +47,19 @@
align-items: center; align-items: center;
gap: rem(40px); gap: rem(40px);
padding: rem(20px) rem(40px); padding: rem(20px) rem(40px);
@media (width<520px) {
flex-direction: column;
gap: rem(20px);
}
} }
} }
.Btn { .Btn {
border: 1px solid #eeeeee44; border: 1px solid #eeeeee44;
@media (width<520px) {
width: rem(260px);
}
} }
.Icon { .Icon {

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,35 +3,35 @@
max-width: rem(1540px); max-width: rem(1540px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0px; gap: 0;
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
} }
} }
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 40px; margin-bottom: rem(40px);
} }
.Grid { .Grid {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 40px 0; gap: rem(40px) 0;
@include iftablet { @include iftablet {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
@@ -44,24 +44,24 @@
.Title { .Title {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 24px; font-size: rem(24px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: rem(10px);
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ul, .List { ul, .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
li, .ListItem { li, .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,18 +62,18 @@
h3, .Header { h3, .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
em { em {
margin-bottom: 16px; margin-bottom: rem(16px);
} }
ol { ol {
margin-left: 16px; margin-left: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,35 +3,35 @@
max-width: rem(1540px); max-width: rem(1540px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0px; gap: 0;
padding: 10px; padding: rem(10px);
@include iftablet { @include iftablet {
padding: 20px; padding: rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 28px; padding: rem(28px);
} }
@include ifdesktop { @include ifdesktop {
padding: 40px; padding: rem(40px);
} }
} }
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 40px; margin-bottom: rem(40px);
} }
.Grid { .Grid {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 40px 0; gap: rem(40px) 0;
@include iftablet { @include iftablet {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
@@ -44,24 +44,24 @@
.Title { .Title {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 500; font-weight: 500;
font-size: 24px; font-size: rem(24px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 20px; margin-bottom: rem(20px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: rem(10px);
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -3,24 +3,24 @@
max-width: rem(1540px); max-width: rem(1540px);
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
gap: 0px; gap: 0;
padding: 0 10px; padding: 0 rem(10px);
@include iftablet { @include iftablet {
grid-template-columns: auto; grid-template-columns: auto;
padding: 0 20px; padding: 0 rem(20px);
} }
@include iflaptop { @include iflaptop {
padding: 0 28px; padding: 0 rem(28px);
gap: 40px; gap: rem(40px);
grid-template-columns: auto 300px; grid-template-columns: auto rem(300px);
} }
@include ifdesktop { @include ifdesktop {
grid-template-columns: auto 360px; grid-template-columns: auto rem(360px);
gap: 160px; gap: rem(160px);
padding: 0 40px; padding: 0 rem(40px);
} }
} }
@@ -39,21 +39,21 @@
font-size: rem(16px); font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.List { .List {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
list-style-type: disc; list-style-type: disc;
margin-left: 16px; margin-left: rem(16px);
margin-bottom: 16px; margin-bottom: rem(16px);
} }
.ListItem { .ListItem {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: rem(16px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
list-style: unset; list-style: unset;
@@ -62,10 +62,10 @@
.Header { .Header {
font-family: $font-roboto; font-family: $font-roboto;
font-weight: 300; font-weight: 300;
font-size: 32px; font-size: rem(32px);
line-height: 130%; line-height: 130%;
color: $color-text; color: $color-text;
margin-bottom: 16px; margin-bottom: rem(16px);
} }
} }

View File

@@ -11,21 +11,21 @@
.Breadcrumbs { .Breadcrumbs {
margin: 0 auto; margin: 0 auto;
max-width: rem(1540px); max-width: rem(1540px);
padding: rem(20px) 10px; padding: rem(20px) rem(10px);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@include iftablet{ @include iftablet{
padding: rem(20px) 20px; padding: rem(20px) rem(20px);
} }
@include iflaptop{ @include iflaptop{
padding: rem(20px) 28px; padding: rem(20px) rem(28px);
} }
@include ifdesktop{ @include ifdesktop{
padding: rem(20px) 40px; padding: rem(20px) rem(40px);
} }
.Block { .Block {
@@ -36,7 +36,6 @@
.List { .List {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
//gap: 12px;
} }
.ListItem { .ListItem {
@@ -48,7 +47,7 @@
&:after { &:after {
content: '/'; content: '/';
padding: 0 4px; padding: 0 rem(4px);
} }
&:last-child:after { &:last-child:after {
@@ -78,15 +77,15 @@
height: auto; height: auto;
@include iftablet { @include iftablet {
width: 200px; width: rem(200px);
} }
@include iflaptop { @include iflaptop {
width: 300px; width: rem(300px);
} }
@include ifdesktop { @include ifdesktop {
width: 400px; width: rem(400px);
} }
} }

View File

@@ -11,7 +11,7 @@
transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out;
border: 1px solid $color-lightgray; border: 1px solid $color-lightgray;
border-radius: 28px; border-radius: rem(28px);
box-shadow: 1px 1px 2px 0 #aaa; box-shadow: 1px 1px 2px 0 #aaa;
@include iftablet { @include iftablet {
@@ -86,9 +86,6 @@
justify-content: flex-end; justify-content: flex-end;
max-width: unset; max-width: unset;
} }
@include ifdesktop {
}
} }
.Hide { .Hide {

View File

@@ -264,7 +264,7 @@
@include iftablet { @include iftablet {
content: '|'; content: '|';
padding-left: 8px; padding-left: rem(8px);
} }
} }
&:last-child:after { &:last-child:after {

Some files were not shown because too many files have changed in this diff Show More