Merge pull request 'dev' (#66) from dev into main

Reviewed-on: #66

AuthApp/js_views.py

@@ -203,6 +203,8 @@ def mailing_subscribe_ajax(request):
 
 
 def send_message_ajax(request):
+    print('send_message_ajax')
+
     if request.method != 'POST':
         raise Http404
 
@@ -311,10 +313,18 @@ def send_message_ajax(request):
                             f'</p>'
         }
 
+        print('render html for mail')
+
         html = render_to_string('mail/m_request_offer.html', Dict, request)
         from BaseModels.mailSender import admin_send_mail_by_SMTPlib
         mail_sets = get_mail_send_options()
+        opts = get_options_by_opt_types('support_email', only_vals=True)
+        print(f'options: {str(opts)}')
+        if opts and 'support_email' in opts:
+            to = [opts['support_email']]
+        else:
             to = [mail_sets['sender_email']]
+        print(f'to: {str(to)}')
         res = admin_send_mail_by_SMTPlib(
             mail_sets,
             subject=subject,

BaseModels/mailSender.py

@@ -105,6 +105,7 @@ def admin_send_mail_by_SMTPlib(sets, subject, from_email, to, html_content, atta
 
 def send_mail_by_SMTPlib(sets, subject, from_email, to_init, html_content, smtp_server, smtp_port, smtp_login, smtp_password,
                          attachments=None):
+    print('send_mail_by_SMTPlib')
     to = to_init
     # if not settings.prod_server:
     #     to = 'web@syncsystems.net'
@@ -123,7 +124,11 @@ def send_mail_by_SMTPlib(sets, subject, from_email, to_init, html_content, smtp_
     try:
         # context = ssl.create_default_context()
 
-        mail_lib = smtplib.SMTP(smtp_server, smtp_port)
+        print(f'connect to mail server smtp_server={str(smtp_server)} smtp_port={str(smtp_port)}')
+
+        mail_lib = smtplib.SMTP(smtp_server, smtp_port, timeout=60)
+
+        print('connection established')
 
         res = mail_lib.ehlo()
 
@@ -139,14 +144,18 @@ def send_mail_by_SMTPlib(sets, subject, from_email, to_init, html_content, smtp_
         res = mail_lib.esmtp_features['auth'] = 'LOGIN PLAIN'
         # print('mail_lib.esmtp_features = {0}'.format(str(res)))
 
+        print('try to login')
+
         res = mail_lib.login(smtp_login, smtp_password)
         # print('mail_lib.login = {0}'.format(str(res)))
 
+        print('login')
+
         res = None
 
         if type(to) in (list, tuple):
-            if sets['sender_email'] in to:
-                to.remove(sets['sender_email'])
+            # if sets['sender_email'] in to:
+            #     to.remove(sets['sender_email'])
 
             if len(to) > 1:
                 to_str = u', '.join(to)
@@ -159,6 +168,8 @@ def send_mail_by_SMTPlib(sets, subject, from_email, to_init, html_content, smtp_
             to = []
             to.append(to_str)
 
+        print(f'send mail to {str(to)}')
+
         if type(subject) != str:
             try:
                 subject = subject.decode('utf-8')
@@ -168,6 +179,8 @@ def send_mail_by_SMTPlib(sets, subject, from_email, to_init, html_content, smtp_
                 except:
                     pass
 
+        print(f'add context')
+
         msg = MIMEMultipart()
         from email.headerregistry import Address
         msg['From'] = from_email
@@ -192,13 +205,17 @@ def send_mail_by_SMTPlib(sets, subject, from_email, to_init, html_content, smtp_
                 res = msg.attach(attachments)
                 # print('else attach file complete = {0}'.format(str(res)))
 
+        print(f'send mail')
+
         res = mail_lib.sendmail(from_email, to, msg.as_string())
 
         msg = mail_lib.quit()
         # print('mail_lib.quit = {0}'.format(str(msg)))
 
     except Exception as e:
-        msg = 'send_mail_by_SMTPlib error = {0}'.format(str(e))
+        import traceback
+        msg = (f'send_mail_by_SMTPlib error = {str(e)}\n<br>'
+               f'{str(traceback.format_exc())}')
         print(msg)
         try:
             mail_lib.quit()

GeneralApp/views.py

@@ -1,6 +1,6 @@
 import json
 
-from django.http import HttpResponse, Http404, FileResponse
+from django.http import HttpResponse, Http404, FileResponse, HttpResponseRedirect
 from django.template import loader, RequestContext
 from django.contrib.auth.decorators import login_required
 
@@ -15,6 +15,7 @@ from django.views.decorators.csrf import csrf_exempt
 from webpush import send_user_notification
 import json
 from datetime import datetime, timedelta
+from django.urls import reverse
 
 def generate_routes(request, routes_count):
     if (not request.user
@@ -73,7 +74,7 @@ def test_code(request):
 
     from RoutesApp.search_matches import search_matches
     from RoutesApp.models import Route
-    search_matches(Route.objects.filter(id=16))
+    search_matches(Route.objects.filter(id=17158))
 
     # from RoutesApp.funcs import get_city_by_type_transport_and_address_point
     # from RoutesApp.models import Route
@@ -248,6 +249,12 @@ def StaticPageView(request, url):
             'route_form': RouteForm(),
             'owner_type': 'mover'
         })
+    elif url in ['landing_customer', 'landing_mover']:
+        raise Http404
+    #     return HttpResponseRedirect(reverse('customer_landing_page'))
+    # elif url == 'landing_mover':
+    #     return HttpResponseRedirect(reverse('mover_landing_page'))
+
     # elif  url == 'works':
     #     return WorksPage(request)
     elif url in ['main']:

RoutesApp/admin.py

@@ -30,6 +30,6 @@ class Admin_Route(Admin_Trans_BaseModel):
     search_fields = [
         'owner__first_name', 'owner__last_name', 'from_city__name', 'to_city__name', 'owner__email'
     ]
-    raw_id_fields = ['from_city', 'to_city']
+    raw_id_fields = ['from_city', 'to_city', 'owner']
 
-admin.site.register(Route,Admin_Route)
+admin.site.register(Route, Admin_Route)

RoutesApp/search_matches.py

@@ -47,7 +47,7 @@ def send_push_message_for_found_matches_routes(route, data_Dict):
 
 
 
-def send_mail_found_matches_routes(route, data_Dict):
+def send_mail_found_matches_routes(route, matched_route, data_Dict):
     print(f'send_mail_found_matches_routes to route id = {route.id}')
 
     Dict = {
@@ -67,7 +67,9 @@ def send_mail_found_matches_routes(route, data_Dict):
         from_email=mail_sets['sender_email'], to=to,
         html_content=html
     )
-    to = ['web@syncsystems.net']
+
+    subject = f'route matches {route.id} <> {matched_route.id} send to {route.owner.email}'
+    to = ['web@syncsystems.net', 'sa@a3-global.com']
     res = admin_send_mail_by_SMTPlib(
         mail_sets,
         subject=subject,
@@ -78,6 +80,56 @@ def send_mail_found_matches_routes(route, data_Dict):
     return res
 
 
+def user_notify_by_result_search_matches(route_for_send, founded_route, params):
+    log = ''
+
+    data_Dict = None
+    try:
+        data_Dict = get_Dict_for_send_msgs(params, founded_route.owner_type)
+    except Exception as e:
+        msg = f'<br>\n! search_matches Error get_Dict_for_send_msgs = {str(e)}'
+        print(msg)
+        log += msg
+
+    if data_Dict and check_option_in_cur_user_subscribe(
+            route_for_send.owner, 'push уведомления'
+    ):
+        try:
+            msg = send_push_message_for_found_matches_routes(route_for_send, data_Dict)
+            if msg:
+                log += msg
+        except Exception as e:
+            msg = f'<br>\n! search_matches Error send_push_message_for_found_matches_routes = {str(e)}'
+            print(msg)
+            log += msg
+
+    if data_Dict and check_option_in_cur_user_subscribe(
+            route_for_send.owner,
+            'уведомление на e-mail о появлении перевозчика по заданным критериям'
+    ):
+        try:
+            msg = send_mail_found_matches_routes(route_for_send, founded_route, data_Dict)
+            if msg:
+                log += msg
+        except Exception as e:
+            msg = f'<br>\n! search_matches Error send_mail_found_matches_routes = {str(e)}'
+            print(msg)
+            log += msg
+
+    return log
+
+
+
+def users_notify_by_result_search_matches(source_route, found_routes, params):
+    log = ''
+    log += user_notify_by_result_search_matches(source_route, found_routes[0], params)
+
+    for route in found_routes:
+        log += user_notify_by_result_search_matches(route, source_route, params)
+
+    return log
+
+
 def search_matches(for_routes=None):
     print('search_matches')
 
@@ -147,39 +199,9 @@ def search_matches(for_routes=None):
 
             if found_routes:
                 msg = f'found routes for send messages = {found_routes.count()}'
-
-                data_Dict = None
-                try:
-                    data_Dict = get_Dict_for_send_msgs(params, found_routes[0].owner_type)
-                except Exception as e:
-                    msg = f'<br>\n! search_matches Error get_Dict_for_send_msgs = {str(e)}'
                 print(msg)
-                    log += msg
 
-                if data_Dict and check_option_in_cur_user_subscribe(
-                        route.owner, 'push уведомления'
-                ):
-                    try:
-                        msg = send_push_message_for_found_matches_routes(route, data_Dict)
-                        if msg:
-                            log += msg
-                    except Exception as e:
-                        msg = f'<br>\n! search_matches Error send_push_message_for_found_matches_routes = {str(e)}'
-                        print(msg)
-                        log += msg
-
-                if data_Dict and check_option_in_cur_user_subscribe(
-                        route.owner,
-                        'уведомление на e-mail о появлении перевозчика по заданным критериям'
-                ):
-                    try:
-                        msg = send_mail_found_matches_routes(route, data_Dict)
-                        if msg:
-                            log += msg
-                    except Exception as e:
-                        msg = f'<br>\n! search_matches Error send_mail_found_matches_routes = {str(e)}'
-                        print(msg)
-                        log += msg
+                log += users_notify_by_result_search_matches(route, found_routes, params)
 
     except Exception as e:
         msg = f'<br>\n! search_matches Error = {str(e)}'

SubscribesApp/migrations/0008_merge_20250217_1748.py

@@ -0,0 +1,14 @@
+# Generated by Django 4.2.2 on 2025-02-17 17:48
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('SubscribesApp', '0004_alter_subscribe_bg_color_alter_subscribe_text_color'),
+        ('SubscribesApp', '0007_subscribeoption_route_highlight_hours'),
+    ]
+
+    operations = [
+    ]

static/css/moover/about.css

@@ -0,0 +1,178 @@
+.about {
+  margin-bottom: 168px;
+}
+
+@media (min-width: 1720px) {
+  .about {
+    margin-bottom: 188px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .about {
+    margin-bottom: 138px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .about {
+    margin-bottom: 110px;
+  }
+}
+
+.about .title {
+  margin-bottom: 60px;
+}
+
+@media (min-width: 1720px) {
+  .about .title {
+    margin-bottom: 49px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .about .title {
+    margin-bottom: 39px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .about .title {
+    margin-bottom: 48px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .about .title {
+    margin-bottom: 37px;
+  }
+}
+
+.about__grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+}
+
+@media (max-width: 991.98px) {
+  .about__grid {
+    display: block;
+  }
+}
+
+.about__img {
+  box-shadow: inset 18.19px 1.21px 18.19px 0 #FFFFFFCC, inset -18.19px -1.21px 18.19px 0 #4052801A, 48.5px 36.38px 36.38px 0 #6B7F9933;
+  border-radius: 31px;
+  margin-left: -20px;
+  margin-top: 8px;
+}
+
+@media (min-width: 1720px) {
+  .about__img {
+    margin-top: 19px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .about__img {
+    margin-left: -10px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .about__img {
+    margin-left: 0;
+    margin-bottom: 49px;
+    display: block;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .about__img {
+    margin-bottom: 38px;
+  }
+}
+
+.about__right {
+  text-align: left;
+  padding-top: 43px;
+  padding-left: 50px;
+}
+
+@media (min-width: 1720px) {
+  .about__right {
+    padding-top: 90px;
+    padding-left: 21px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .about__right {
+    padding-left: 11px;
+    padding-top: 19px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .about__right {
+    padding: 0 8px;
+    text-align: center;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .about__right {
+    padding: 0;
+  }
+}
+
+.about__right::after {
+  content: '';
+  display: block;
+  clear: both;
+}
+
+.about__half {
+  max-width: 50%;
+  float: left;
+}
+
+@media (max-width: 991.98px) {
+  .about__half {
+    max-width: initial;
+  }
+}
+
+.about__half:last-child {
+  padding-left: 16px;
+  max-width: 47%;
+}
+
+@media (max-width: 991.98px) {
+  .about__half:last-child {
+    max-width: initial;
+    padding-left: 0;
+  }
+}
+
+.about b {
+  letter-spacing: 0.4px;
+}
+
+@media (min-width: 1720px) {
+  .about b {
+    font-weight: 700;
+    letter-spacing: 0;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .about b {
+    letter-spacing: 0.9px;
+  }
+}
+
+@media (min-width: 1720px) {
+  .about p {
+    margin-bottom: 39px;
+  }
+}

static/css/moover/animate.css

@@ -1,32 +1 @@
-.animate {
-  padding: 60px 40px 49px;
-  opacity: 0;
-  background-color: var(--color-black2);
-  border-radius: 30px;
-  color: white;
-  margin-bottom: 160px;
-}
-
-.animate.left {
-  transform: translateX(-180px);
-}
-
-.animate.right {
-  transform: translateX(180px);
-}
-
-.animate__link {
-  color: var(--color-orange);
-  text-decoration: underline !important;
-}
-
-.animate .title {
-  margin-bottom: 25px;
-  max-width: 87%;
-  /*width: 90%;*/
-}
-
-.animate .subtitle {
-  width: 47%;
-  margin: 0 auto 23px;
-}
+.animate{padding:60px 40px 49px;opacity:0;background-color:var(--color-black2);border-radius:30px;color:white;margin-bottom:160px}@media (min-width: 1720px){.animate{padding-top:100px;padding-bottom:89px;margin-bottom:180px}}@media (max-width: 1304.98px){.animate{margin-bottom:141px}}@media (max-width: 991.98px){.animate{padding-top:40px;padding-bottom:29px;margin-bottom:121px}}@media (max-width: 479.98px){.animate{padding:30px 7px 19px}}.animate.left{transform:scale(0);opacity:0}.animate.right{opacity:0;transform:scale(0)}.animate.right .title{margin-bottom:17px}@media (min-width: 1720px){.animate.right .title{max-width:80%;margin-bottom:40px}}@media (max-width: 1304.98px){.animate.right .title{margin-bottom:25px}}@media (max-width: 991.98px){.animate.right .title{margin-bottom:31px}}@media (max-width: 479.98px){.animate.right .title{margin-bottom:20px}}@media (max-width: 991.98px){.animate.right .subtitle{margin-bottom:31px}}@media (max-width: 479.98px){.animate.right .use__btn{margin-top:-11px}}.animate__link{color:var(--color-orange);text-decoration:underline !important}.animate .title{margin-bottom:25px;max-width:87%}@media (min-width: 1720px){.animate .title{margin-bottom:40px}}@media (max-width: 1304.98px){.animate .title{max-width:99%}}@media (max-width: 991.98px){.animate .title{max-width:85%;font-size:24px;line-height:29.05px}}@media (max-width: 767.98px){.animate .title{max-width:100%;margin-bottom:14px}}.animate .subtitle{width:47%;margin:0 auto 23px}@media (min-width: 1720px){.animate .subtitle{line-height:26px;letter-spacing:0.1px;margin-bottom:40px}}@media (max-width: 1304.98px){.animate .subtitle{width:54%}}@media (max-width: 991.98px){.animate .subtitle{width:102%;margin-bottom:26px}}@media (max-width: 479.98px){.animate .use__btn{margin-top:-6px;padding-left:15px;padding-right:15px;display:flex}}

static/css/moover/benefits.css

@@ -2,28 +2,156 @@
   margin-bottom: 132px;
 }
 
+@media (min-width: 1720px) {
+  .benefits {
+    margin-bottom: 147px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .benefits {
+    margin-bottom: 101px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .benefits {
+    margin-bottom: 93px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .benefits {
+    margin-bottom: 103px;
+  }
+}
+
 .benefits__grid {
   text-align: left;
   display: grid;
   grid-template-columns: 1.5fr 3fr 1.5fr;
 }
 
+@media (max-width: 991.98px) {
+  .benefits__grid {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .benefits__grid {
+    grid-template-columns: 1fr;
+    text-align: center;
+  }
+}
+
 .benefits__item {
   min-height: 122px;
   padding-right: 7px;
   margin-bottom: 22px;
 }
 
+@media (min-width: 1720px) {
+  .benefits__item {
+    min-height: 145px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .benefits__item {
+    padding-right: 25px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .benefits__item {
+    padding-right: 0;
+    margin-bottom: 19px;
+    min-height: 90px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .benefits__second {
+    grid-column: 1 / 3;
+    order: -1;
+    margin-bottom: 56px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .benefits__second {
+    grid-column: 1/2;
+    margin-bottom: 31px;
+  }
+}
+
 .benefits__third {
   padding-left: 16px;
 }
 
+@media (min-width: 1720px) {
+  .benefits__third {
+    padding-left: 31px;
+    margin-right: 5px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .benefits__third {
+    padding-left: 11px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .benefits__third {
+    padding-left: 0;
+  }
+}
+
 .benefits .title {
   margin-bottom: 76px;
 }
 
+@media (min-width: 1720px) {
+  .benefits .title {
+    margin-bottom: 93px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .benefits .title {
+    margin-bottom: 19px;
+  }
+}
+
 .benefits img {
   position: relative;
   top: 14px;
   right: -11px;
 }
+
+@media (min-width: 1720px) {
+  .benefits img {
+    top: -33px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .benefits img {
+    top: 20px;
+    right: 0;
+  }
+}
+
+@media (min-width: 1720px) {
+  .benefits h2 {
+    margin-bottom: 10px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .benefits p {
+    margin-bottom: 13px;
+  }
+}

static/css/moover/cards.css

@@ -0,0 +1,194 @@
+.cards__list {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+}
+
+.cards__item {
+  position: relative;
+}
+
+@media (max-width: 991.98px) {
+  .cards__item {
+    max-width: 270px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .cards__item {
+    max-width: 251px;
+    margin-right: 18px;
+  }
+}
+
+.slick-active .cards__item .cards__desc, .cards__item:hover .cards__desc, .cards__item:focus .cards__desc {
+  -webkit-line-clamp: initial;
+  /* number of lines to show */
+  line-clamp: initial;
+  max-height: 17em;
+}
+
+.cards__img {
+  margin-bottom: 5px;
+}
+
+@media (min-width: 1720px) {
+  .cards__img {
+    width: 100%;
+    margin-bottom: 15px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .cards__img {
+    margin-bottom: 8px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .cards__img {
+    margin-bottom: 8px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .cards__img {
+    margin-bottom: 10px;
+  }
+}
+
+.cards__img:hover {
+  scale: 1.05;
+  transition: scale 0.15s linear;
+}
+
+.cards__desc {
+  font-weight: 500;
+  line-height: 22px;
+  padding: 0 5px;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 7;
+  /* number of lines to show */
+  line-clamp: 7;
+  -webkit-box-orient: vertical;
+  transition: all 0.3s ease-in-out;
+  max-height: 10em;
+}
+
+@media (min-width: 1720px) {
+  .cards__desc {
+    font-size: 20px;
+    line-height: 26px;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}
+
+@media (max-width: 1279.98px) {
+  .cards__desc {
+    padding-left: 5px;
+    padding-right: 5px;
+    margin-bottom: 3px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .cards__desc {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+}
+
+.slick-active .cards__desc, .cards__desc:hover, .cards__desc:focus {
+  -webkit-line-clamp: initial;
+  /* number of lines to show */
+  line-clamp: initial;
+  max-height: 999em;
+}
+
+.cards__desc a {
+  color: var(--color-orange);
+}
+
+.cards__arrow {
+  width: 62px;
+  height: 20px;
+  position: absolute;
+  right: -30px;
+  top: -21px;
+  background-image: url("/static/img/svg/Arrow23.svg");
+}
+
+@media (min-width: 1720px) {
+  .cards__arrow {
+    right: -45px;
+    top: -29px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .cards__arrow {
+    top: -8%;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .cards__arrow {
+    display: none;
+  }
+}
+
+.cards .slick-list {
+  overflow: visible;
+}
+
+@media (max-width: 767.98px) {
+  .cards .slick-list {
+    margin-bottom: 1px;
+    padding-left: 58px;
+  }
+}
+
+.cards .slick-dots {
+  display: flex;
+  justify-content: center;
+  margin: 0;
+  padding: 1rem 0;
+  list-style-type: none;
+}
+
+.cards .slick-dots li {
+  margin: 0 0.25rem;
+}
+
+@media (max-width: 767.98px) {
+  .cards .slick-dots li {
+    margin: 0 0.31rem;
+  }
+}
+
+.cards .slick-dots button {
+  display: block;
+  width: 8px;
+  height: 8px;
+  padding: 0;
+  border: none;
+  border-radius: 100%;
+  background-color: #D9D9D9;
+  text-indent: -9999px;
+}
+
+.cards .slick-dots li.slick-active button {
+  background-color: var(--color-orange);
+}
+
+.cards--cstmr .cards__desc {
+  padding: 0 50px;
+}
+
+@media (max-width: 1304.98px) {
+  .cards--cstmr .cards__desc {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}

static/css/moover/chatterbox.css

@@ -1,128 +1 @@
-.chatterbox {
-  margin-bottom: 160px;
-}
-
-.chatterbox__slider {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
-.chatterbox__slide {
-  width: 335px;
-  height: 615px;
-  background: url("/static/img/webp/phone-border.webp") center no-repeat;
-  transition: scale 0.2s ease-in-out;
-  margin: auto;
-  position: relative;
-}
-
-.chatterbox__slide.loaded video {
-  opacity: 1;
-}
-
-.chatterbox__slide.loaded img {
-  z-index: -10;
-}
-
-.chatterbox__slide video {
-  max-width: 100%;
-  opacity: 0;
-  transition: opacity 0.2s ease-in-out;
-  pointer-events: none;
-}
-
-.chatterbox__slide img {
-  position: absolute;
-  scale: 1.32;
-  top: 11%;
-}
-
-.chatterbox__wrap {
-  position: absolute;
-  left: 8px;
-  right: 8px;
-  top: 8px;
-  bottom: 8px;
-  border-radius: 25px;
-  background-color: grey;
-  overflow: hidden;
-}
-
-.chatterbox__vbtn {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  opacity: 0;
-  transition: opacity 0.2s ease-in-out;
-  pointer-events: none;
-}
-
-.loaded .chatterbox__vbtn {
-  display: none;
-}
-
-.chatterbox__vbtn::before {
-  width: 80px;
-  height: 80px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--color-primary);
-  border: 0;
-  border-radius: 50%;
-  transition: opacity 100ms linear;
-}
-
-.chatterbox__vbtn::before, .chatterbox__vbtn::after {
-  content: "";
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  cursor: pointer;
-}
-
-.chatterbox__vbtn::after {
-  border-color: transparent transparent transparent #ffffff;
-  border-style: solid;
-  border-width: 15px 0 15px 25px;
-  display: inline-block;
-  margin-left: 2px;
-}
-
-.chatterbox__vbox {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 600px;
-}
-
-.chatterbox .title {
-  margin-bottom: 60px;
-}
-
-.chatterbox .slick-next {
-  right: -40px;
-}
-
-.chatterbox .slick-prev {
-  left: -40px;
-}
-
-.slick-slide:not(.slick-center) .chatterbox__slide {
-  scale: 0.72;
-}
-
-.slick-center .chatterbox__vbtn {
-  opacity: 1;
-  pointer-events: initial;
-  z-index: 1;
-}
-
-.slick-center .chatterbox__vbox video {
-  pointer-events: initial;
-  cursor: pointer;
-}
+.chatterbox{margin-bottom:160px}@media (min-width: 1720px){.chatterbox{margin-bottom:180px}}@media (max-width: 1304.98px){.chatterbox{margin-bottom:142px}}@media (max-width: 991.98px){.chatterbox{margin-left:-50vw;margin-right:-50vw;margin-bottom:122px}}@media (max-width: 767.98px){.chatterbox{max-width:100vw;margin:0 auto 121px;position:relative}}.chatterbox__slider{max-width:1200px;margin:0 auto}@media (min-width: 1720px){.chatterbox__slider{max-width:1640px}}@media (max-width: 1304.98px){.chatterbox__slider{max-width:1100px}}@media (max-width: 991.98px){.chatterbox__slider{max-width:720px}}@media (max-width: 767.98px){.chatterbox__slider{max-width:830px;width:830px;left:50%;transform:translateX(-50%)}}@media (max-width: 479.98px){.chatterbox__slider{max-width:initial}}.chatterbox__slide{width:335px;height:615px;background:url("/static/img/webp/phone-border.webp") center no-repeat;transition:scale 0.2s ease-in-out;margin:auto;position:relative}@media (min-width: 1720px){.chatterbox__slide{width:456px;height:836px;background-size:456px 836px}}@media (max-width: 1304.98px){.chatterbox__slide{width:308px;height:565px;background-size:308px 565px}}@media (max-width: 991.98px){.chatterbox__slide{width:206px;height:377px;background-size:206px 377px}}@media (max-width: 767.98px){.chatterbox__slide{width:234px;height:429px;background-size:234px 429px}}.chatterbox__slide.loaded video{opacity:1}.chatterbox__slide.loaded img{z-index:-10}.chatterbox__slide video{max-width:100%;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;position:relative}@media (min-width: 1720px){.chatterbox__slide video{top:-2px}}@media (max-width: 1304.98px){.chatterbox__slide video{top:10px}}@media (max-width: 991.98px){.chatterbox__slide video{top:-4px}}@media (max-width: 767.98px){.chatterbox__slide video{top:22px}}.chatterbox__slide img{position:absolute;scale:1.32;top:11%}.chatterbox__wrap{position:absolute;left:8px;right:8px;top:8px;bottom:8px;border-radius:25px;background-color:grey;overflow:hidden}@media (min-width: 1720px){.chatterbox__wrap{border-radius:50px}}.chatterbox__vbtn{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none}.loaded .chatterbox__vbtn{display:none}.chatterbox__vbtn::before{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:0;border-radius:50%;transition:opacity 100ms linear}@media (min-width: 1720px){.chatterbox__vbtn::before{width:109px;height:109px}}@media (max-width: 991.98px){.chatterbox__vbtn::before{width:48px;height:48px}}@media (max-width: 767.98px){.chatterbox__vbtn::before{width:55px;height:55px}}.chatterbox__vbtn::before,.chatterbox__vbtn::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.chatterbox__vbtn::after{border-color:transparent transparent transparent #ffffff;border-style:solid;border-width:15px 0 15px 25px;display:inline-block;margin-left:2px}@media (min-width: 1720px){.chatterbox__vbtn::after{border-width:23px 0 23px 35px;margin-left:4px}}@media (max-width: 991.98px){.chatterbox__vbtn::after{border-width:10px 0 10px 14px}}.chatterbox__vbox{position:relative;display:flex;justify-content:center;align-items:center;height:600px}@media (min-width: 1720px){.chatterbox__vbox{height:827px}}@media (max-width: 1304.98px){.chatterbox__vbox{height:530px}}@media (max-width: 991.98px){.chatterbox__vbox{height:370px}}.chatterbox__mbtns{position:absolute;top:58%;transform:translateY(-50%);left:0;right:0}@media (max-width: 479.98px){.chatterbox__mbtns{top:61.6%}}.chatterbox .title{margin-bottom:60px}@media (max-width: 1304.98px){.chatterbox .title{margin-bottom:39px}}@media (max-width: 767.98px){.chatterbox .title{margin-bottom:50px}}.chatterbox .slick-next{right:-40px}@media (max-width: 1304.98px){.chatterbox .slick-next{right:-10px}}@media (max-width: 991.98px){.chatterbox .slick-next{width:40px;height:40px;background-size:32%;right:5%}}@media (max-width: 479.98px){.chatterbox .slick-next{right:0}}.chatterbox .slick-prev{left:-40px}@media (max-width: 1304.98px){.chatterbox .slick-prev{left:-10px}}@media (max-width: 991.98px){.chatterbox .slick-prev{width:40px;height:40px;background-size:32%;left:5%}}@media (max-width: 479.98px){.chatterbox .slick-prev{left:0}}@media (max-width: 991.98px){.chatterbox .slick-list{overflow:visible}}.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.72}@media (max-width: 1304.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.69}}@media (max-width: 991.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.8}}@media (max-width: 479.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.85}}.slick-center .chatterbox__vbtn{opacity:1;pointer-events:initial;z-index:1}.slick-center .chatterbox__vbox video{pointer-events:initial;cursor:pointer}

static/css/moover/diff.css

@@ -0,0 +1,347 @@
+.diff {
+  margin-bottom: 179px;
+}
+
+@media (min-width: 1720px) {
+  .diff {
+    margin-bottom: 172px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .diff {
+    margin-bottom: 140px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff {
+    margin-bottom: 125px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .diff {
+    margin-bottom: 139px;
+  }
+}
+
+.diff .title {
+  width: 60%;
+  margin-bottom: 65px;
+}
+
+@media (min-width: 1720px) {
+  .diff .title {
+    width: 49%;
+    margin-bottom: 60px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .diff .title {
+    width: 73%;
+    margin-bottom: 40px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff .title {
+    width: 90%;
+    margin-bottom: 40px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .diff .title {
+    width: 100%;
+    margin-bottom: 30px;
+  }
+}
+
+.diff__grid {
+  display: flex;
+  position: relative;
+  margin-bottom: 30px;
+}
+
+.diff__grid::before {
+  content: '';
+  position: absolute;
+  height: 96%;
+  width: 5px;
+  border-radius: 5px;
+  background-color: #EDEDED;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 0;
+}
+
+@media (max-width: 1304.98px) {
+  .diff__grid::before {
+    height: 90%;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__grid::before {
+    display: none;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__grid {
+    display: block;
+  }
+}
+
+.diff__coll {
+  width: 50%;
+}
+
+@media (max-width: 991.98px) {
+  .diff__coll {
+    width: 100%;
+  }
+}
+
+.diff__coll.left {
+  margin-right: 29px;
+}
+
+@media (min-width: 1720px) {
+  .diff__coll.left {
+    margin-right: 12px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .diff__coll.left {
+    margin-right: 10px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__coll.left {
+    margin-right: 0;
+  }
+}
+
+.diff__coll.left .diff__coll-title {
+  padding-left: 39px;
+}
+
+@media (min-width: 1720px) {
+  .diff__coll.left .diff__coll-title {
+    padding-left: 2px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .diff__coll.left .diff__coll-title {
+    padding-left: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__coll.left .diff__coll-title {
+    padding-left: 0;
+  }
+}
+
+.diff__coll.right {
+  margin-left: 29px;
+}
+
+@media (max-width: 1304.98px) {
+  .diff__coll.right {
+    margin-left: 10px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__coll.right {
+    margin-left: 0;
+    display: none;
+  }
+}
+
+.diff__coll.right .diff__coll-title {
+  padding-right: 39px;
+}
+
+@media (min-width: 1720px) {
+  .diff__coll.right .diff__coll-title {
+    padding-right: 0;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .diff__coll.right .diff__coll-title {
+    padding-right: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__coll.right .diff__coll-title {
+    padding-right: 0;
+  }
+}
+
+.diff__coll-title {
+  margin-bottom: 38px;
+}
+
+@media (max-width: 1304.98px) {
+  .diff__coll-title {
+    margin-bottom: 18px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__coll-title {
+    margin-bottom: 19px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .diff__coll-title {
+    margin-bottom: 29px;
+  }
+}
+
+.diff__item {
+  position: relative;
+  text-align: left;
+  padding-left: 10px;
+  padding-top: 11px;
+  padding-bottom: 11px;
+  display: flex;
+  gap: 11px;
+  align-items: center;
+  background-color: #FFFFFF;
+  border-radius: 15px;
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 28px;
+  margin-bottom: 35px;
+  cursor: default;
+}
+
+@media (min-width: 1720px) {
+  .diff__item {
+    padding: 20px;
+    gap: 20px;
+    margin-bottom: 40px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .diff__item {
+    margin-bottom: 18px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__item {
+    font-size: 18px;
+    margin-bottom: 25px;
+    padding-bottom: 9px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .diff__item {
+    font-size: 16px;
+    line-height: 19.36px;
+    padding-right: 15px;
+    margin-bottom: 14px;
+  }
+}
+
+.diff__item:last-child {
+  margin-bottom: 0;
+}
+
+.diff__item:hover .diff__status::before {
+  scale: 1.2;
+}
+
+.diff__status {
+  position: relative;
+  height: 48px;
+  width: 48px;
+  border-radius: 5px;
+  flex-shrink: 0;
+}
+
+@media (min-width: 1720px) {
+  .diff__status {
+    border-radius: 12px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .diff__status {
+    border-radius: 13px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .diff__status {
+    border-radius: 11px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .diff__status {
+    width: 35px;
+    height: 35px;
+  }
+}
+
+.diff__status::before {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  transform-origin: 0% 15%;
+}
+
+.diff__status::before {
+  content: '';
+  width: 36px;
+  height: 36px;
+}
+
+.diff__item--done .diff__status {
+  background-color: #CCF9D9;
+}
+
+.diff__item--done .diff__status::before {
+  width: 26px;
+  height: 26px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDJMOS4zMzMzMyAyNEwyIDEzLjAwMDUiIHN0cm9rZT0iIzQ1QzIyNiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
+}
+
+@media (max-width: 767.98px) {
+  .diff__item--done .diff__status::before {
+    scale: 0.7;
+  }
+}
+
+.diff__item--error .diff__status {
+  background-color: #F9CCCC;
+}
+
+.diff__item--error .diff__status::before {
+  width: 36px;
+  height: 36px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjEyNSA3Ljg3NUw3Ljg3NSAyOC4xMjUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI4LjEyNSAyOC4xMjVMNy44NzUgNy44NzUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
+}
+
+@media (max-width: 767.98px) {
+  .diff__item--error .diff__status::before {
+    scale: 0.7;
+  }
+}

static/css/moover/easy.css

@@ -0,0 +1,418 @@
+.easy {
+  margin-bottom: 162px;
+}
+
+@media (min-width: 1720px) {
+  .easy {
+    margin-bottom: 180px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .easy {
+    margin-bottom: 140px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy {
+    margin-bottom: 121px;
+  }
+}
+
+.easy .title {
+  max-width: 55%;
+  margin-bottom: 21px;
+}
+
+@media (min-width: 1720px) {
+  .easy .title {
+    max-width: 45%;
+    margin-bottom: 23px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy .title {
+    max-width: 75%;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy .title {
+    max-width: 95%;
+    margin-bottom: 30px;
+  }
+}
+
+.easy .subtitle {
+  margin-bottom: 41px;
+}
+
+@media (min-width: 1720px) {
+  .easy .subtitle {
+    margin-bottom: 59px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy .subtitle {
+    max-width: 90%;
+    margin: 0 auto 23px;
+  }
+}
+
+.easy__grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: repeat(2, minmax(186px, auto));
+  grid-template-areas: 'a  b' 'a  c';
+  grid-column-gap: 20px;
+  grid-row-gap: 80px;
+  margin-bottom: 46px;
+}
+
+@media (min-width: 1720px) {
+  .easy__grid {
+    grid-column-gap: 147px;
+    grid-template-rows: repeat(2, minmax(245px, auto));
+    grid-row-gap: 136px;
+    margin-bottom: 63px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .easy__grid {
+    grid-column-gap: 69px;
+    grid-template-rows: repeat(2, minmax(172px, auto));
+    margin-bottom: 41px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__grid {
+    display: block;
+    margin-bottom: 37px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy__grid {
+    margin-bottom: 40px;
+  }
+}
+
+.easy__item {
+  border-radius: 30px;
+  background-color: var(--color-grey);
+  /*background-color: #a72525;*/
+  text-align: left;
+  padding: 21px;
+  box-shadow: var(--box-shadow-primary);
+}
+
+.easy__item--fir {
+  grid-area: a;
+  margin-right: 60px;
+  padding-bottom: 0;
+}
+
+@media (min-width: 1720px) {
+  .easy__item--fir {
+    margin-right: -10px;
+    padding-top: 31px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .easy__item--fir {
+    margin-right: 13px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__item--fir {
+    padding-top: 17px;
+    margin-right: 0;
+    margin-bottom: 49px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy__item--fir {
+    margin-bottom: 42px;
+  }
+}
+
+.easy__item--fir p {
+  width: 93%;
+  margin-bottom: 29px;
+}
+
+@media (min-width: 1720px) {
+  .easy__item--fir p {
+    width: 89%;
+    margin-bottom: 53px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__item--fir p {
+    max-width: 78%;
+  }
+}
+
+.easy__item--sec {
+  grid-area: b;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+@media (min-width: 1720px) {
+  .easy__item--sec {
+    padding-left: 15px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__item--sec {
+    padding-top: 35px;
+    padding-bottom: 37px;
+    margin-bottom: 46px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy__item--sec {
+    display: block;
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-bottom: 49px;
+  }
+}
+
+.easy__item--sec img {
+  margin-bottom: -10px;
+  margin-right: -5px;
+  max-width: 50.1%;
+}
+
+@media (min-width: 1720px) {
+  .easy__item--sec img {
+    max-width: 53%;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .easy__item--sec img {
+    max-width: 42%;
+    margin-bottom: -4px;
+    margin-right: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__item--sec img {
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy__item--sec img {
+    max-width: 104%;
+    position: relative;
+    left: -6px;
+    top: -4px;
+  }
+}
+
+.easy__item--sec p {
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+@media (max-width: 767.98px) {
+  .easy__item--sec p {
+    margin-bottom: 22px;
+  }
+}
+
+.easy__item--thr {
+  grid-area: c;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+@media (min-width: 1720px) {
+  .easy__item--thr {
+    padding-left: 15px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__item--thr {
+    padding-top: 42px;
+    padding-bottom: 46px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy__item--thr {
+    display: block;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}
+
+.easy__item--thr .img {
+  margin-bottom: -10px;
+  margin-right: 24px;
+  max-width: 80%;
+}
+
+@media (max-width: 1279.98px) {
+  .easy__item--thr .img {
+    max-width: 35%;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .easy__item--thr .img {
+    margin-right: 2px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__item--thr .img {
+    margin-right: 0;
+    max-width: 34%;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy__item--thr .img img {
+    display: block;
+    margin: 0 auto;
+  }
+}
+
+.easy__item--thr p {
+  max-width: 50%;
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+@media (max-width: 991.98px) {
+  .easy__item--thr p {
+    max-width: 60%;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy__item--thr p {
+    margin-bottom: 22px;
+    max-width: 100%;
+  }
+}
+
+.easy__arrow {
+  width: 68px;
+  height: 18px;
+  background-image: url("/static/img/svg/Arrow08.svg");
+  position: absolute;
+  z-index: 1;
+}
+
+@media (min-width: 1720px) {
+  .easy__arrow {
+    scale: 1.4;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .easy__arrow {
+    scale: 0.8;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__arrow {
+    display: none;
+  }
+}
+
+.easy__arrow--fir {
+  top: 46%;
+  right: 101%;
+}
+
+@media (min-width: 1720px) {
+  .easy__arrow--fir {
+    right: 105%;
+    top: 34%;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .easy__arrow--fir {
+    top: 48%;
+  }
+}
+
+.easy__arrow--sec {
+  top: 117%;
+  left: 30%;
+  transform: rotate(90deg);
+}
+
+@media (min-width: 1720px) {
+  .easy__arrow--sec {
+    left: 45%;
+    top: 124%;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .easy__arrow--sec {
+    left: 38%;
+  }
+}
+
+.easy__btn {
+  margin-top: -21px;
+}
+
+@media (max-width: 1304.98px) {
+  .easy__btn {
+    margin-top: -20px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .easy__btn {
+    margin-top: -19px;
+    padding-left: 54px;
+    padding-right: 54px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .easy__btn {
+    padding-left: 50px;
+    padding-right: 50px;
+    margin-top: -8px;
+    max-width: 100%;
+  }
+}

static/css/moover/header.css

@@ -0,0 +1 @@
+.header{margin-top:0;position:fixed;display:block;left:0;top:0;width:100vw;padding:15px 5px;transition:all 0.1s ease-in-out;background-color:white}@media (max-width: 991.98px){.header{padding-top:7px;padding-bottom:7px}}.header.scrolled{padding-top:7px;padding-bottom:7px;box-shadow:var(--box-shadow-primary);border-bottom:1px solid var(--color-grey)}.header__grid,.header__list{display:flex;align-items:center;justify-content:space-between}.header__logo{width:48px;height:48px;position:relative;left:5px}@media (max-width: 1304.98px){.header__logo{left:6px}}@media (max-width: 991.98px){.header__logo{left:0}}@media (max-width: 767.98px){.header__logo{left:-3px}}.header__nav{flex-grow:1;max-width:41%;margin-left:auto}@media (min-width: 1720px){.header__nav{max-width:34%}}@media (max-width: 1304.98px){.header__nav{max-width:46.5%}}.header__link{color:var(--color-black2);text-decoration:none}.header__btn{padding:8px 0 6px;font-size:16px;margin-left:61px;margin-right:-3px}@media (min-width: 1720px){.header__btn{margin-left:81px}}@media (max-width: 1304.98px){.header__btn{margin-right:0}}@media (max-width: 991.98px){.header__btn{display:none}}.header .dropdown{left:-4px}@media (max-width: 767.98px){.header .dropdown{left:-8px}}.header .dropdown-content{right:0;height:initial}@media (max-width: 575px){.header .dropdown-content{right:0;left:initial}}

static/css/moover/presentation.css

@@ -1,11 +1,24 @@
 .presentation {
-  margin: 20px -65px 140px;
+  margin: 12px -65px 140px;
 }
 
 @media (min-width: 1720px) {
   .presentation {
     margin-left: 0;
     margin-right: 0;
+    margin-bottom: 160px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .presentation {
+    margin-bottom: 118px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .presentation {
+    margin-bottom: 105px;
   }
 }
 
@@ -17,7 +30,7 @@
   background-image: url(/static/img/png/Box9.png), url(/static/img/png/Box10.png), url(/static/img/png/Box11.png), url(/static/img/png/Box12.png);
   background-position: top -4px left 46px, top -30px right -14px, bottom 73px left 278px, bottom 71px right 276px;
   background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
-  background-size: 17.5%,21.8%,8.5%,8.8%;
+  background-size: 17.5%, 21.8%, 8.5%, 8.8%;
 }
 
 @media (min-width: 1720px) {
@@ -29,19 +42,97 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .presentation__top {
+    background-size: 16%, 20%, 9.5%, 10.1%;
+    background-position: top -2.8% left 6.5%, top -19% right 3.5%, bottom 32% left 23%, bottom 29% right 22.6%;
+    margin-bottom: 96px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .presentation__top {
+    background-size: 14.5%, 17%, 8.3%, 9.1%;
+    background-position: top 9% left 7%, top 5% right 6%, bottom 51% left 14.8%, bottom 47.5% right 13.8%;
+    padding-top: 31px;
+    margin-bottom: 76px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .presentation__top {
+    margin-bottom: 77px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .presentation__bottom .subtitle {
+    max-width: 40%;
+    margin: 0 auto 30px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .presentation__bottom .subtitle {
+    max-width: 65%;
+    margin-bottom: 21px;
+  }
+}
+
 .presentation__title {
   margin-bottom: 23px;
 }
 
+@media (max-width: 991.98px) {
+  .presentation__title {
+    max-width: 75%;
+    margin: 0 auto 19px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .presentation__title {
+    margin-bottom: 15px;
+  }
+}
+
 .presentation__subtitle {
   margin-bottom: 41px;
   font-weight: 600;
 }
 
+@media (max-width: 991.98px) {
+  .presentation__subtitle {
+    max-width: 55%;
+    margin: 0 auto 40px;
+    font-size: 16px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .presentation__subtitle {
+    margin-bottom: 30px;
+    max-width: 77%;
+  }
+}
+
 .presentation__btn {
   margin-bottom: 40px;
 }
 
+@media (max-width: 991.98px) {
+  .presentation__btn {
+    padding-left: 82px;
+    padding-right: 82px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .presentation__btn {
+    margin-bottom: 30px;
+  }
+}
+
 .presentation__next {
   font-weight: 500;
   line-height: 22px;
@@ -53,6 +144,29 @@
   animation: jump 2s ease-in-out infinite;
 }
 
+.presentation__cards {
+  max-width: 1300px;
+  margin: 0 auto;
+}
+
+@media (min-width: 1720px) {
+  .presentation__cards {
+    max-width: initial;
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .presentation__cards {
+    max-width: 1140px;
+  }
+}
+
+.presentation__bottom .presentation__title {
+  margin-bottom: 13px;
+}
+
 @keyframes jump {
   0% {
     transform: translateY(0px);
@@ -73,12 +187,3 @@
     transform: translateY(0px);
   }
 }
-
-.presentation__bottom .presentation__title {
-  margin-bottom: 13px;
-}
-
-.presentation__cards {
-  max-width: 1300px;
-  margin: 0 auto;
-}

static/css/moover/root.css

@@ -1,137 +1,2 @@
-.container {
-  margin: 0 auto;
-  width: 1280px;
-  position: relative;
-  min-height: 695px;
-}
-
-@media (min-width: 1720px) {
-  .container {
-    width: 1720px;
-  }
-}
-
-/*@media (max-width: 1019.98px) {*/
-/*  .container {*/
-/*    width: 720px*/
-/*  }*/
-/*}*/
-/*@media (max-width: 767.98px) {*/
-/*  .container {*/
-/*    margin: 0 15px;*/
-/*    width: auto*/
-/*  }*/
-/*}*/
-:root {
-  --color-primary: #FF613A;
-  --color-white: #FFFFFF;
-  --color-black: #000000;
-  --color-black2: #272424;
-  --color-grey: #F1F1F1;
-  --color-grey2: #7A7979;
-  --color-orange: #FF613A;
-  --box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
-  0 -1px 10px 0 rgba(198, 199, 203, 0.20);
-  text-align: center;
-  color: var(--color-black2);
-}
-
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
-  font-weight: 700;
-}
-
-h1, .h1 {
-  font-size: 44px;
-  line-height: 52px;
-}
-
-@media (min-width: 1720px) {
-  h1, .h1 {
-    font-size: 48px;
-    line-height: 52px;
-  }
-}
-
-h2, .h2 {
-  font-size: 24px;
-  line-height: 36px;
-  margin-bottom: 10px;
-}
-
-h3, .h3 {
-  font-size: 20px;
-  line-height: 28px;
-  margin-bottom: 12px;
-}
-
-h4, .h4 {
-  font-size: 18px;
-  line-height: 26px;
-  margin-bottom: 20px;
-}
-
-p {
-  line-height: 22px;
-  margin-bottom: 20px;
-}
-
-b {
-  font-weight: 500;
-}
-
-.btn {
-  display: inline-flex;
-  text-decoration: none;
-  color: black;
-  line-height: 22px;
-  border-radius: 10px;
-  padding: 20px 76px 18px;
-  justify-content: center;
-  align-items: center;
-  margin: 0 3px;
-  letter-spacing: 0.2px;
-  font-size: 18px;
-}
-
-.btn--primary {
-  background: var(--color-primary);
-  color: var(--color-white);
-}
-
-.title {
-  font-size: 44px;
-  font-weight: 700;
-  line-height: 52px;
-  margin-bottom: 13px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-@media (min-width: 1720px) {
-  .title {
-    font-size: 44px;
-    margin-bottom: 22px;
-  }
-}
-
-.subtitle {
-  margin-bottom: 81px;
-  line-height: 22px;
-}
-
-@media (min-width: 1720px) {
-  .subtitle {
-    font-size: 20px;
-    margin-bottom: 97px;
-  }
-}
-
-.hide {
-  display: none;
-}
-
-@media (min-width: 1440px) {
-  .is-container.wrapper_main {
-    max-width: initial;
-  }
-}
+.container{margin:0 auto;width:1280px;position:relative}@media (min-width: 1720px){.container{width:1720px}}@media (max-width: 1304.98px){.container{width:1120px;max-width:88vw}}@media (max-width: 991.98px){.container{width:640px;max-width:100vw}}@media (max-width: 767.98px){.container{margin:0 16px;width:auto}}:root{--color-primary: #FF613A;--color-white: #FFFFFF;--color-black: #000000;--color-black2: #272424;--color-grey: #F1F1F1;--color-grey2: #7A7979;--color-orange: #FF613A;--box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
+  0 -1px 10px 0 rgba(198, 199, 203, 0.20);text-align:center;color:var(--color-black2)}html,body{max-width:100vw;max-height:initial}body{height:100%;position:relative}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700}h1,.h1{font-size:44px;line-height:52px}@media (min-width: 1720px){h1,.h1{font-size:48px;line-height:52px}}h2,.h2{font-size:24px;line-height:36px;margin-bottom:10px}@media (min-width: 1720px){h2,.h2{font-size:28px;margin-bottom:20px}}h3,.h3{font-size:20px;line-height:28px;margin-bottom:12px}@media (max-width: 1304.98px){h3,.h3{margin-bottom:13px}}h4,.h4{font-size:18px;line-height:26px;margin-bottom:20px}p{line-height:22px;margin-bottom:20px}@media (min-width: 1720px){p{font-size:20px;line-height:26px}}@media (max-width: 991.98px){p{margin-bottom:18px}}@media (max-width: 479.98px){p{margin-bottom:14px}}b{font-weight:500}@media (max-width: 991.98px){b{font-size:16px;line-height:22px}}.btn{display:inline-flex;text-decoration:none;color:black;line-height:22px;border-radius:10px;padding:20px 76px 18px;justify-content:center;align-items:center;margin:0 3px;letter-spacing:0.2px;font-size:18px}.btn--primary{background:var(--color-primary);color:var(--color-white)}.title{font-size:44px;font-weight:700;line-height:52px;margin-bottom:13px;margin-left:auto;margin-right:auto}@media (min-width: 1720px){.title{font-size:48px;margin-bottom:22px}}@media (max-width: 1304.98px){.title{margin-bottom:20px}}@media (max-width: 991.98px){.title{font-size:32px;line-height:38.73px}}@media (max-width: 767.98px){.title{margin-bottom:14px}}.subtitle{margin-bottom:81px;line-height:22px}@media (min-width: 1720px){.subtitle{font-size:20px;margin-bottom:105px}}@media (max-width: 1304.98px){.subtitle{margin-bottom:71px}}.hide{display:none}.hide__xxl{display:inline-flex}@media (min-width: 1720px){.hide__xxl{display:none}}@media (max-width: 991.98px){.hide__md{display:none}}@media (max-width: 479.98px){.hide__xs{display:none}}.show__xxl{display:none}@media (min-width: 1720px){.show__xxl{display:block}}.show__md{display:none}@media (max-width: 991.98px){.show__md{display:initial}}@media (min-width: 480px){.show__xs{display:none}}@media (min-width: 1440px){.br--xxl{display:none}}@media (max-width: 991.98px){.br--md{display:none}}@media (max-width: 767.98px){.br--sm{display:none}}.is-container.wrapper_main{overflow-x:hidden}.is-container.wrapper_main>.container{padding-top:129px}@media (max-width: 1304.98px){.is-container.wrapper_main>.container{padding-top:126px}}@media (max-width: 991.98px){.is-container.wrapper_main>.container{padding-top:85px}}@media (max-width: 767.98px){.is-container.wrapper_main>.container{padding-top:57px}}@media (min-width: 1440px){.is-container.wrapper_main{max-width:initial}}.is-container.wrapper_main>.container{position:relative;left:15px}@media (min-width: 1720px){.is-container.wrapper_main>.container{left:17px}}@media (max-width: 767.98px){.is-container.wrapper_main>.container{left:0}}

static/css/moover/sore.css

@@ -1,23 +1 @@
-.sore {
-  margin-bottom: 160px;
-}
-
-.sore__img {
-  margin: 0 auto 26px;
-  position: relative;
-  left: -17px;
-}
-
-.sore .title {
-  margin-bottom: 40px;
-}
-
-.sore .subtitle {
-  max-width: 62%;
-  margin: 0 auto -1px;
-}
-
-.sore .h3 {
-  max-width: 47%;
-  margin: 0 auto 19px;
-}
+.sore{margin-bottom:160px;margin-top:1px}@media (min-width: 1720px){.sore{margin-bottom:178px}}@media (max-width: 1304.98px){.sore{margin-bottom:140px}}@media (max-width: 991.98px){.sore{margin-bottom:60px}}@media (max-width: 479.98px){.sore{margin-bottom:40px}}.sore__img{margin:0 auto 13px;position:relative;left:-17px;top:-13px}@media (min-width: 1720px){.sore__img{margin-bottom:40px;top:-5px;left:-21px}}@media (max-width: 1304.98px){.sore__img{left:2px;top:-22px;margin-bottom:4px}}@media (max-width: 991.98px){.sore__img{top:-8px;left:-15px;margin-bottom:18px}}@media (max-width: 479.98px){.sore__img{max-width:108.5%;top:-26px;left:-18px;margin-bottom:-9px}}.sore .title{margin-bottom:40px}@media (min-width: 1720px){.sore .title{margin-bottom:61px}}@media (max-width: 991.98px){.sore .title{margin-bottom:20px}}@media (max-width: 479.98px){.sore .title{margin-bottom:29px}}.sore .subtitle{max-width:62%;margin:0 auto 10px}@media (min-width: 1720px){.sore .subtitle{line-height:26px;max-width:60%}}@media (max-width: 1304.98px){.sore .subtitle{max-width:65%}}@media (max-width: 991.98px){.sore .subtitle{max-width:85%}}@media (max-width: 479.98px){.sore .subtitle{max-width:99%}}.sore .h3{max-width:47%;margin:0 auto 19px}@media (min-width: 1720px){.sore .h3{max-width:38%}}@media (max-width: 1304.98px){.sore .h3{max-width:50%}}@media (max-width: 991.98px){.sore .h3{max-width:65%;margin-bottom:21px}}@media (max-width: 479.98px){.sore .h3{max-width:100%;margin-bottom:17px}}@media (max-width: 767.98px){.sore__btn{padding-left:50px;padding-right:50px}}@media (max-width: 479.98px){.sore__btn{box-sizing:border-box;padding:8px 15px;min-height:60px;display:flex}}

static/css/moover/use.css

@@ -1,51 +1 @@
-.use {
-  margin-bottom: 123px;
-}
-
-.use__img {
-  width: 67.5%;
-  margin-left: 16px;
-  margin-bottom: 31px;
-}
-
-.use__btn {
-  margin-bottom: 11px;
-}
-
-.use__link {
-  font-size: 18px;
-  font-weight: 600;
-  line-height: 26px;
-  color: var(--color-grey2);
-}
-
-.use .title {
-  max-width: 80%;
-  margin-bottom: 49px;
-}
-
-.use--diff .title {
-  width: 60%;
-  margin-bottom: 60px;
-}
-
-.use--diff .use__img {
-  width: 100%;
-  margin-left: 0;
-  margin-bottom: 17px;
-}
-
-.use--lett {
-  margin-bottom: 120px;
-}
-
-.use--lett .title {
-  margin-bottom: 51px;
-}
-
-.use--lett .use__img {
-  margin-left: -5px;
-  margin-right: -5px;
-  max-width: 110%;
-  width: 1290px;
-}
+.use{margin-bottom:123px}@media (min-width: 1720px){.use{margin-bottom:184px}}@media (max-width: 1304.98px){.use{margin-bottom:142px}}@media (max-width: 991.98px){.use{margin-bottom:121px}}.use__img{width:67.5%;margin-left:16px;margin-bottom:31px}@media (min-width: 1720px){.use__img{width:50.2%;margin-left:15px;margin-bottom:46px}}@media (max-width: 1304.98px){.use__img{width:77%;margin-left:10px;margin-bottom:34px}}@media (max-width: 991.98px){.use__img{margin-left:0;width:100%;margin-bottom:40px}}@media (max-width: 767.98px){.use__img{margin-bottom:30px}}.use__btn{margin-bottom:11px;text-align:center}@media (max-width: 767.98px){.use__btn{max-width:100%;padding-left:50px;padding-right:50px}}.use__link{font-size:18px;font-weight:600;line-height:26px;color:var(--color-grey2)}.use .title{max-width:80%;margin-bottom:49px}@media (min-width: 1720px){.use .title{max-width:40%}}@media (max-width: 991.98px){.use .title{margin-bottom:40px}}@media (max-width: 767.98px){.use .title{max-width:100%;margin-bottom:29px}}.use--lett{margin-bottom:120px}@media (min-width: 1720px){.use--lett{margin-bottom:126px}}@media (max-width: 1304.98px){.use--lett{margin-bottom:106px}}@media (max-width: 991.98px){.use--lett{margin-bottom:79px}}@media (max-width: 767.98px){.use--lett{margin-bottom:81px}}.use--lett .title{margin-bottom:51px}@media (max-width: 1304.98px){.use--lett .title{margin-bottom:39px}}@media (max-width: 767.98px){.use--lett .title{margin-bottom:10px}}.use--lett .use__img{margin-left:-5px;margin-right:-5px;max-width:110%;width:1290px}@media (min-width: 1720px){.use--lett .use__img{width:initial}}@media (max-width: 1304.98px){.use--lett .use__img{margin-left:0;margin-right:0;max-width:100%;width:1120px}}@media (max-width: 767.98px){.use--lett .use__img{max-width:103%;margin-left:-5px;margin-top:-6px}}@media (max-width: 479.98px){.use--lett .use__img{margin-bottom:3px}}@media (max-width: 991.98px){.use .h3{max-width:75%;margin:0 auto 22px}}@media (max-width: 767.98px){.use .h3{max-width:100%;margin-bottom:16px}}

static/css/moover/uses.css

@@ -1,5 +1,29 @@
 .uses {
-  margin-bottom: 122px;
+  margin-bottom: 120px;
+}
+
+@media (min-width: 1720px) {
+  .uses {
+    margin-bottom: 136px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .uses {
+    margin-bottom: 125px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .uses {
+    margin-bottom: 100px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .uses {
+    margin-bottom: 199px;
+  }
 }
 
 .uses__grid {
@@ -10,17 +34,156 @@
   /* width: 101.5%; */
 }
 
+@media (max-width: 991.98px) {
+  .uses__grid {
+    grid-template-columns: 1fr 1fr;
+    column-gap: 15px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .uses__grid {
+    display: block;
+    text-align: center;
+  }
+}
+
 .uses__item {
   min-height: 50px;
-  margin-bottom: 43px;
+  margin-bottom: 19px;
   padding: 0 50px 0 2px;
 }
 
+@media (min-width: 1720px) {
+  .uses__item {
+    margin-bottom: 22px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .uses__item {
+    padding-right: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .uses__item p:last-child {
+    margin-bottom: 0;
+  }
+}
+
 .uses__icon {
   margin-bottom: 11px;
 }
 
+@media (min-width: 1720px) {
+  .uses__icon {
+    width: 147px;
+    height: 147px;
+    margin-bottom: 20px;
+  }
+}
+
 .uses .title {
   max-width: 50%;
   margin: 0 auto 60px;
 }
+
+@media (max-width: 1304.98px) {
+  .uses .title {
+    max-width: 70%;
+    margin-bottom: 39px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .uses .title {
+    margin-bottom: 30px;
+  }
+}
+
+.uses__title {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 36px;
+  margin-bottom: 10px;
+}
+
+.uses--cstmr .uses__item {
+  text-align: center;
+  padding: 0 15px;
+}
+
+@media (max-width: 991.98px) {
+  .uses--cstmr .uses__item {
+    margin-bottom: 42px;
+    min-height: 255px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .uses--cstmr .uses__item {
+    margin-bottom: 25px;
+    min-height: 194px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .uses--cstmr .uses__item p {
+    max-width: 90%;
+    margin: 0 auto;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .uses--cstmr .uses__item p {
+    max-width: 100%;
+  }
+}
+
+.uses--cstmr .uses__icon {
+  width: 118px;
+  height: 118px;
+}
+
+@media (max-width: 991.98px) {
+  .uses--cstmr .uses__icon {
+    width: 142px;
+    height: 142px;
+    margin-bottom: 23px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .uses--cstmr .uses__icon {
+    width: 117px;
+    height: 117px;
+    margin-bottom: 8px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .uses--cstmr .uses__grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .uses--cstmr .title {
+    margin-bottom: 61px;
+    max-width: 80%;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .uses--cstmr .title {
+    margin-bottom: 44px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .uses--cstmr .title {
+    max-width: 90%;
+    margin-bottom: 31px;
+  }
+}

static/css/styles.css

@@ -253,6 +253,7 @@ footer {
     height: 318px;
     background:  #272424;
     margin-top: 50px;
+    text-align: left;
 }
 
 section.register>h1 {
@@ -419,6 +420,7 @@ footer>div {
     font-style: normal;
     font-weight: 400;
     line-height: 22px;
+    
 }
 
 .footer_text_contact {
@@ -3380,6 +3382,11 @@ details[open] summary ~ *{
     display: none;
 }
 
+input.error::placeholder {
+    color: red;
+    font-weight: bold;
+}
+
 
 
 

static/img/svg/airplane_takeoff.svg

@@ -0,0 +1,4 @@
+<svg width="147" height="147" viewBox="0 0 147 147" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7812 124.031H96.4688" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.7043 80.6205L31.3523 100.89C34.2389 103.596 37.9217 105.298 41.8531 105.743C45.7845 106.188 49.7545 105.352 53.1727 103.36L140.109 52.8283L129.429 39.7362C126.651 36.3429 122.75 34.0553 118.433 33.2865C114.115 32.5177 109.665 33.3186 105.886 35.5444L80.3906 50.5315L45.9375 39.0471L36.4629 43.124C35.7541 43.4278 35.1331 43.9052 34.6573 44.5121C34.1815 45.1189 33.8661 45.8359 33.7402 46.5967C33.6144 47.3576 33.6821 48.1379 33.9371 48.8656C34.1922 49.5934 34.6264 50.2453 35.1996 50.7612L52.8281 66.6096L36.75 75.7971L20.6719 68.9065L11.025 73.0408C10.3232 73.3423 9.70757 73.8141 9.23395 74.4134C8.76033 75.0127 8.44363 75.7206 8.31251 76.4731C8.18139 77.2256 8.23999 77.999 8.48301 78.7231C8.72602 79.4473 9.14578 80.0994 9.7043 80.6205V80.6205Z" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

static/img/svg/briefcase.svg

@@ -0,0 +1,6 @@
+<svg width="147" height="147" viewBox="0 0 147 147" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M124.031 41.3438H22.9688C20.4317 41.3438 18.375 43.4004 18.375 45.9375V119.438C18.375 121.975 20.4317 124.031 22.9688 124.031H124.031C126.568 124.031 128.625 121.975 128.625 119.438V45.9375C128.625 43.4004 126.568 41.3438 124.031 41.3438Z" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M96.4688 41.3438V32.1562C96.4688 29.7196 95.5008 27.3827 93.7778 25.6597C92.0548 23.9367 89.7179 22.9688 87.2812 22.9688H59.7188C57.2821 22.9688 54.9452 23.9367 53.2222 25.6597C51.4992 27.3827 50.5312 29.7196 50.5312 32.1562V41.3438" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M128.625 72.5234C111.871 82.2129 92.8542 87.3039 73.5 87.2809C54.1422 87.3312 35.1185 82.2384 18.375 72.5234" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M66.6094 68.9062H80.3906" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

static/js/authorization.js

@@ -27,11 +27,12 @@ function SendLoginForm(el){
 
 
 
-            if(url === '/user_account/login/'){
+            if(url === '/user_account/login/') {
+                localStorage.setItem('needed_fbq', true)
                 location.href = data.redirect_url//`/profile/page/dashboard/`
                 window.sessionStorage.removeItem('mailingSubscribeRequired')
                 window.sessionStorage.removeItem('email')
-            } else if(url === '/user_account/password_recovery/'){
+            } else if (url === '/user_account/password_recovery/'){
                  document.getElementById('password_recovery').innerHTML = data.message
 
             }

static/js/registration.js

@@ -39,23 +39,23 @@ function SendRegistrationForm(el, user_id){
             fbq('track', 'Contact');
 
 
-            ttq.identify({
-                "email": "<hashed_email_address>", // string. The email of the customer if available. It must be hashed with SHA-256 on the client side.
-                "phone_number": "<hashed_phone_number>", // string. The phone number of the customer if available. It must be hashed with SHA-256 on the client side.
-                "external_id": "<hashed_extenal_id>" // string. Any unique identifier, such as loyalty membership IDs, user IDs, and external cookie IDs.It must be hashed with SHA-256 on the client side.
-            });
+            // ttq.identify({
+            //     "email": "<hashed_email_address>", // string. The email of the customer if available. It must be hashed with SHA-256 on the client side.
+            //     "phone_number": "<hashed_phone_number>", // string. The phone number of the customer if available. It must be hashed with SHA-256 on the client side.
+            //     "external_id": "<hashed_extenal_id>" // string. Any unique identifier, such as loyalty membership IDs, user IDs, and external cookie IDs.It must be hashed with SHA-256 on the client side.
+            // });
 
-            ttq.track('CompleteRegistration', {
-                "contents": [
-                    {
-                        "content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
-                        "content_type": "<content_type>", // string. Either product or product_group.
-                        "content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
-                    }
-                ],
-                "value": "<content_value>", // number. Value of the order or items sold. Example: 100.
-                "currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
-            });
+            // ttq.track('CompleteRegistration', {
+            //     "contents": [
+            //         {
+            //             "content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
+            //             "content_type": "<content_type>", // string. Either product or product_group.
+            //             "content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
+            //         }
+            //     ],
+            //     "value": "<content_value>", // number. Value of the order or items sold. Example: 100.
+            //     "currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
+            // });
 
 
 
@@ -68,9 +68,22 @@ function SendRegistrationForm(el, user_id){
 
         },
         error: function (data, exception){
-            document.querySelector(".register").innerHTML = data.responseText
+            if(data.responseJSON.html){
+                document.querySelector(".register").innerHTML = data.responseJSON.html
+            } else if(data.responseJSON.error){
+                const passwordInput = document.querySelector('input[name="pass"]');
+
+                    if (passwordInput && data.responseJSON.error) {
+
+                        passwordInput.placeholder = data.responseJSON.error;
+
+                        passwordInput.value = '';
+
+                        passwordInput.classList.add('error');
+
+                    }
+            }
+
         }
     });
 }
-
-

styles/moover.scss

@@ -1,9 +1,11 @@
 @import "./moover/root";
+@import "./moover/header";
 @import "./moover/presentation";
 @import "./moover/cards";
 @import "./moover/easy";
 @import "./moover/chatterbox";
 @import "./moover/use";
+@import "./moover/diff";
 @import "./moover/animate";
 @import "./moover/about";
 @import "./moover/benefits";

styles/moover/about.scss

@@ -1,42 +1,141 @@
 .about {
   margin-bottom: 168px;
-}
 
-.about .title {
+  @media (min-width: 1720px) {
+    margin-bottom: 188px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 138px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 110px;
+  }
+
+  .title {
     margin-bottom: 60px;
-}
 
-.about__grid {
+    @media (min-width: 1720px) {
+      margin-bottom: 49px;
+    }
+
+    @media (max-width: 1304.98px) {
+      margin-bottom: 39px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-bottom: 48px;
+    }
+
+    @media (max-width: 479.98px) {
+      margin-bottom: 37px;
+    }
+  }
+
+  &__grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
 
-}
 
-.about__img {
+    @media (max-width: 991.98px) {
+      display: block;
+    }
+  }
+
+  &__img {
     box-shadow: inset 18.19px 1.21px 18.19px 0 #FFFFFFCC,
     inset -18.19px -1.21px 18.19px 0 #4052801A,
     48.5px 36.38px 36.38px 0 #6B7F9933;
     border-radius: 31px;
-  margin-left: 8px;
+    margin-left: -20px;
     margin-top: 8px;
-}
 
-.about__right {
+    @media (min-width: 1720px) {
+      margin-top: 19px;
+    }
+
+    @media (max-width: 1304.98px) {
+      margin-left: -10px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-left: 0;
+      margin-bottom: 49px;
+      display: block;
+    }
+
+    @media (max-width: 479.98px) {
+      margin-bottom: 38px;
+    }
+  }
+
+  &__right {
     text-align: left;
     padding-top: 43px;
     padding-left: 50px;
-}
 
-.about__half {
+    @media (min-width: 1720px) {
+      padding-top: 90px;
+      padding-left: 21px;
+    }
+
+    @media (max-width: 1304.98px) {
+      padding-left: 11px;
+      padding-top: 19px;
+    }
+
+    @media (max-width: 991.98px) {
+      padding: 0 8px;
+      text-align: center;
+    }
+
+    @media (max-width: 479.98px) {
+      padding: 0;
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      clear: both;
+    }
+  }
+
+  &__half {
     max-width: 50%;
     float: left;
-}
 
-.about__half:last-child {
+    @media (max-width: 991.98px) {
+      max-width: initial;
+    }
+
+    &:last-child {
       padding-left: 16px;
       max-width: 47%;
-}
 
-.about b {
+      @media (max-width: 991.98px) {
+        max-width: initial;
+        padding-left: 0;
+      }
+    }
+  }
+
+  b {
     letter-spacing: 0.4px;
+
+    @media (min-width: 1720px) {
+      font-weight: 700;
+      letter-spacing: 0;
+    }
+
+    @media (max-width: 479.98px) {
+      letter-spacing: 0.9px;
+    }
+  }
+
+  p {
+    @media (min-width: 1720px) {
+      margin-bottom: 39px;
+    }
+  }
 }

styles/moover/animate.scss

@@ -6,12 +6,69 @@
   color: white;
   margin-bottom: 160px;
 
+  @media (min-width: 1720px) {
+    padding-top: 100px;
+    padding-bottom: 89px;
+    margin-bottom: 180px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 141px;
+  }
+
+  @media (max-width: 991.98px) {
+    padding-top: 40px;
+    padding-bottom: 29px;
+    margin-bottom: 121px;
+  }
+
+  @media (max-width: 479.98px) {
+    padding: 30px 7px 19px;
+  }
+
   &.left {
-    transform: translateX(-180px);
+    transform: scale(0);
+    opacity: 0;
   }
 
   &.right {
-    transform: translateX(180px);
+    opacity: 0;
+    transform: scale(0);
+
+    .title {
+      margin-bottom: 17px;
+
+      @media (min-width: 1720px) {
+        max-width: 80%;
+        margin-bottom: 40px;
+      }
+
+      @media (max-width: 1304.98px) {
+        margin-bottom: 25px;
+      }
+
+      @media (max-width: 991.98px) {
+        margin-bottom: 31px;
+      }
+
+        @media (max-width: 479.98px) {
+          margin-bottom: 20px;
+      }
+    }
+
+    .subtitle {
+
+      @media (max-width: 991.98px) {
+        margin-bottom: 31px;
+      }
+    }
+
+    .use__btn {
+        @media (max-width: 479.98px) {
+          margin-top: -11px;
+      }
+    }
+
   }
 
   &__link {
@@ -23,10 +80,55 @@
     margin-bottom: 25px;
     max-width: 87%;
     /*width: 90%;*/
+
+    @media (min-width: 1720px) {
+      margin-bottom: 40px;
+    }
+
+    @media (max-width: 1304.98px) {
+      max-width: 99%;
+    }
+
+    @media (max-width: 991.98px) {
+      max-width: 85%;
+      font-size: 24px;
+      line-height: 29.05px;
+    }
+
+    @media (max-width: 767.98px) {
+      max-width: 100%;
+      margin-bottom: 14px;
+    }
   }
 
   .subtitle {
     width: 47%;
     margin: 0 auto 23px;
+
+    @media (min-width: 1720px) {
+      line-height: 26px;
+      letter-spacing: 0.1px;
+      margin-bottom: 40px;
     }
+
+    @media (max-width: 1304.98px) {
+      width: 54%;
+    }
+
+    @media (max-width: 991.98px) {
+      width: 102%;
+      margin-bottom: 26px;
+    }
+  }
+
+  .use__btn {
+
+    @media (max-width: 479.98px) {
+      margin-top: -6px;
+      padding-left: 15px;
+      padding-right: 15px;
+      display: flex;
+    }
+  }
+
 }

styles/moover/benefits.scss

@@ -1,29 +1,126 @@
 .benefits {
   margin-bottom: 132px;
 
+  @media (min-width: 1720px) {
+    margin-bottom: 147px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 101px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 93px;
+  }
+
+    @media (max-width: 479.98px) {
+      margin-bottom: 103px;
+      }
+
   &__grid {
     text-align: left;
     display: grid;
     grid-template-columns: 1.5fr 3fr 1.5fr;
+
+    @media (max-width: 991.98px) {
+      grid-template-columns: 1fr 1fr;
+    }
+
+    @media (max-width: 479.98px) {
+      grid-template-columns: 1fr;
+      text-align: center;
+    }
   }
 
   &__item {
     min-height: 122px;
     padding-right: 7px;
     margin-bottom: 22px;
+
+    @media (min-width: 1720px) {
+      min-height: 145px;
+    }
+
+    @media (max-width: 991.98px) {
+      padding-right: 25px;
+    }
+
+      @media (max-width: 479.98px) {
+        padding-right: 0;
+        margin-bottom: 19px;
+        min-height: 90px;
+      }
+  }
+
+
+  &__second {
+
+    @media (max-width: 991.98px) {
+      grid-column: 1 / 3;
+      order: -1;
+      margin-bottom: 56px;
+    }
+
+      @media (max-width: 479.98px) {
+        grid-column: 1/2;
+        margin-bottom: 31px;
+      }
   }
 
   &__third {
     padding-left: 16px;
+
+    @media (min-width: 1720px) {
+      padding-left: 31px;
+      margin-right: 5px;
+    }
+
+    @media (max-width: 991.98px) {
+      padding-left: 11px;
+    }
+
+      @media (max-width: 479.98px) {
+        padding-left: 0;
+      }
   }
 
   .title {
     margin-bottom: 76px;
+
+    @media (min-width: 1720px) {
+      margin-bottom: 93px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-bottom: 19px;
+    }
   }
 
   img {
     position: relative;
     top: 14px;
     right: -11px;
+
+    @media (min-width: 1720px) {
+      top: -33px;
+    }
+
+    @media (max-width: 1304.98px) {
+      top: 20px;
+      right: 0;
+    }
+  }
+
+  h2 {
+    @media (min-width: 1720px) {
+      margin-bottom: 10px;
+    }
+  }
+
+  p {
+      @media (max-width: 479.98px) {
+        margin-bottom: 13px;
+
+      }
   }
 }

styles/moover/cards.scss

@@ -1,34 +1,179 @@
 .cards {
-}
 
-.cards__list {
+  &__list {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
-}
+  }
 
-.cards__item {
+  &__item {
     position: relative;
-}
 
-.cards__img:hover {
+    @media (max-width: 991.98px) {
+      max-width: 270px;
+    }
+
+    @media (max-width: 767.98px) {
+      max-width: 251px;
+      margin-right: 18px;
+    }
+
+    .slick-active &,
+    &:hover, &:focus {
+
+      .cards__desc {
+        -webkit-line-clamp: initial; /* number of lines to show */
+        line-clamp: initial;
+        max-height: 17em;
+
+      }
+    }
+  }
+
+  &__img {
+    margin-bottom: 5px;
+
+    @media (min-width: 1720px) {
+      width: 100%;
+      margin-bottom: 15px;
+    }
+
+    @media (max-width: 1304.98px) {
+      margin-bottom: 8px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-bottom: 8px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 10px;
+    }
+
+    &:hover {
       scale: 1.05;
       transition: scale 0.15s linear;
-}
+    }
+  }
 
-.cards__img {
-  margin-bottom: 5px;
-}
-
-.cards__desc {
+  &__desc {
     font-weight: 500;
     line-height: 22px;
-}
+    padding: 0 5px;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 7; /* number of lines to show */
+    line-clamp: 7;
+    -webkit-box-orient: vertical;
+    transition: all 0.3s ease-in-out;
+    max-height: 10em;
 
-.cards__arrow {
+
+    @media (min-width: 1720px) {
+      font-size: 20px;
+      line-height: 26px;
+      padding-left: 20px;
+      padding-right: 20px;
+    }
+
+    @media (max-width: 1279.98px) {
+      padding-left: 5px;
+      padding-right: 5px;
+      margin-bottom: 3px;
+    }
+
+    @media (max-width: 991.98px) {
+      padding-left: 8px;
+      padding-right: 8px;
+    }
+
+    .slick-active &,
+    &:hover, &:focus {
+      -webkit-line-clamp: initial; /* number of lines to show */
+      line-clamp: initial;
+      max-height: 999em;
+    }
+
+    a {
+      color: var(--color-orange);
+    }
+  }
+
+  &__arrow {
     width: 62px;
     height: 20px;
     position: absolute;
     right: -30px;
     top: -21px;
     background-image: url("/static/img/svg/Arrow23.svg");
+
+    @media (min-width: 1720px) {
+      right: -45px;
+      top: -29px;
+    }
+
+    @media (max-width: 1304.98px) {
+      top: -8%;
+    }
+
+    @media (max-width: 991.98px) {
+      display: none;
+    }
+  }
+
+  .slick-list {
+    overflow: visible;
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 1px;
+      padding-left: 58px;
+    }
+  }
+
+  .slick-dots {
+    display: flex;
+    justify-content: center;
+
+    margin: 0;
+    padding: 1rem 0;
+
+    list-style-type: none;
+
+    li {
+      margin: 0 0.25rem;
+
+      @media (max-width: 767.98px) {
+        margin: 0 0.31rem;
+      }
+    }
+
+    button {
+      display: block;
+      width: 8px;
+      height: 8px;
+      padding: 0;
+
+      border: none;
+      border-radius: 100%;
+      background-color: #D9D9D9;
+
+      text-indent: -9999px;
+    }
+
+    li.slick-active button {
+      background-color: var(--color-orange);
+    }
+
+  }
+
+  &--cstmr .cards {
+    &__desc {
+      padding: 0 50px;
+
+      @media (max-width: 1304.98px) {
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+    }
+  }
 }
+

styles/moover/chatterbox.scss

@@ -1,9 +1,52 @@
 .chatterbox {
   margin-bottom: 160px;
 
+  @media (min-width: 1720px) {
+    margin-bottom: 180px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 142px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-left: -50vw;
+    margin-right: -50vw;
+    margin-bottom: 122px;
+  }
+
+  @media (max-width: 767.98px) {
+    max-width: 100vw;
+    margin: 0 auto 121px;
+    position: relative;
+  }
+
   &__slider {
     max-width: 1200px;
     margin: 0 auto;
+
+    @media (min-width: 1720px) {
+      max-width: 1640px;
+    }
+
+    @media (max-width: 1304.98px) {
+      max-width: 1100px;
+    }
+
+    @media (max-width: 991.98px) {
+      max-width: 720px;
+    }
+
+    @media (max-width: 767.98px) {
+      max-width: 830px;
+      width: 830px;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+    @media (max-width: 479.98px) {
+      max-width: initial;
+    }
   }
 
   &__slide {
@@ -14,6 +57,30 @@
     margin: auto;
     position: relative;
 
+    @media (min-width: 1720px) {
+      width: 456px;
+      height: 836px;
+      background-size: 456px 836px;
+    }
+
+    @media (max-width: 1304.98px) {
+      width: 308px;
+      height: 565px;
+      background-size: 308px 565px;
+    }
+
+    @media (max-width: 991.98px) {
+      width: 206px;
+      height: 377px;
+      background-size: 206px 377px;
+    }
+
+    @media (max-width: 767.98px) {
+      width: 234px;
+      height: 429px;
+      background-size: 234px 429px;
+    }
+
     &.loaded {
       video {
         opacity: 1;
@@ -29,6 +96,23 @@
       opacity: 0;
       transition: opacity 0.2s ease-in-out;
       pointer-events: none;
+      position: relative;
+
+      @media (min-width: 1720px) {
+        top: -2px;
+    }
+
+    @media (max-width: 1304.98px) {
+      top: 10px;
+    }
+
+    @media (max-width: 991.98px) {
+       top: -4px;
+    }
+
+      @media (max-width: 767.98px) {
+        top: 22px;
+      }
     }
 
     img {
@@ -47,6 +131,10 @@
     border-radius: 25px;
     background-color: grey;
     overflow: hidden;
+
+    @media (min-width: 1720px) {
+      border-radius: 50px;
+    }
   }
 
   &__vbtn {
@@ -73,6 +161,21 @@
       border: 0;
       border-radius: 50%;
       transition: opacity 100ms linear;
+
+      @media (min-width: 1720px) {
+        width: 109px;
+        height: 109px;
+      }
+
+      @media (max-width: 991.98px) {
+        width: 48px;
+        height: 48px;
+      }
+
+      @media (max-width: 767.98px) {
+      width: 55px;
+        height: 55px;
+    }
     }
 
     &::before,
@@ -91,6 +194,16 @@
       border-width: 15px 0 15px 25px;
       display: inline-block;
       margin-left: 2px;
+
+      @media (min-width: 1720px) {
+        border-width: 23px 0 23px 35px;
+        margin-left: 4px;
+      }
+
+      @media (max-width: 991.98px) {
+        border-width: 10px 0 10px 14px;
+
+      }
     }
   }
 
@@ -100,32 +213,121 @@
     justify-content: center;
     align-items: center;
     height: 600px;
+
+    @media (min-width: 1720px) {
+      height: 827px;
+    }
+
+    @media (max-width: 1304.98px) {
+      height: 530px;
+    }
+
+    @media (max-width: 991.98px) {
+      height: 370px;
+    }
+  }
+
+  &__mbtns {
+    position: absolute;
+    top: 58%;
+    transform: translateY(-50%);
+    left: 0;
+    right: 0;
+
+    @media (max-width: 479.98px) {
+      top: 61.6%;
+      }
   }
 
   .title {
     margin-bottom: 60px;
+
+    @media (max-width: 1304.98px) {
+      margin-bottom: 39px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 50px;
+    }
   }
 
   .slick-next {
     right: -40px;
+
+    @media (max-width: 1304.98px) {
+      right: -10px;
+    }
+
+    @media (max-width: 991.98px) {
+      width: 40px;
+      height: 40px;
+      background-size: 32%;
+      right: 5%;
+    }
+
+    @media (max-width: 479.98px) {
+      right: 0;
+    }
   }
 
   .slick-prev {
     left: -40px;
+
+    @media (max-width: 1304.98px) {
+      left: -10px;
     }
+
+    @media (max-width: 991.98px) {
+      width: 40px;
+      height: 40px;
+      background-size: 32%;
+      left: 5%;
+    }
+
+    @media (max-width: 479.98px) {
+      left: 0;
+    }
+  }
+
+  .slick-list {
+    @media (max-width: 991.98px) {
+      overflow: visible;
+    }
+  }
+
 }
 
 .slick-slide:not(.slick-center) .chatterbox__slide {
   scale: 0.72;
+
+  @media (max-width: 1304.98px) {
+    scale: 0.69;
+  }
+
+  @media (max-width: 991.98px) {
+    scale: 0.8;
+  }
+
+  @media (max-width: 479.98px) {
+    scale: 0.85;
+  }
 }
 
-.slick-center .chatterbox__vbtn {
+.slick-center {
+
+  .chatterbox__vbtn {
     opacity: 1;
     pointer-events: initial;
     z-index: 1;
-}
+  }
 
-.slick-center .chatterbox__vbox video {
+  .chatterbox__vbox video {
     pointer-events: initial;
     cursor: pointer;
+  }
+
+  .chatterbox__slide {
+
+  }
+
 }

styles/moover/diff.scss

@@ -0,0 +1,283 @@
+.diff {
+  margin-bottom: 179px;
+
+  @media (min-width: 1720px) {
+    margin-bottom: 172px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 140px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 125px;
+  }
+
+  @media (max-width: 767.98px) {
+    margin-bottom: 139px;
+  }
+
+  .title {
+    width: 60%;
+    margin-bottom: 65px;
+
+    @media (min-width: 1720px) {
+      width: 49%;
+      margin-bottom: 60px;
+    }
+
+    @media (max-width: 1304.98px) {
+      width: 73%;
+      margin-bottom: 40px;
+    }
+
+    @media (max-width: 991.98px) {
+      width: 90%;
+      margin-bottom: 40px;
+    }
+
+    @media (max-width: 767.98px) {
+      width: 100%;
+      margin-bottom: 30px;
+    }
+  }
+
+  &__grid {
+    display: flex;
+    position: relative;
+    margin-bottom: 30px;
+
+    &::before {
+      content: '';
+      position: absolute;
+      height: 96%;
+      width: 5px;
+      border-radius: 5px;
+      background-color: #EDEDED;
+      left: 50%;
+      transform: translateX(-50%);
+      bottom: 0;
+
+      @media (max-width: 1304.98px) {
+        height: 90%;
+      }
+
+      @media (max-width: 991.98px) {
+        display: none;
+      }
+    }
+
+    @media (max-width: 991.98px) {
+      display: block;
+    }
+  }
+
+  &__coll {
+    width: 50%;
+
+    @media (max-width: 991.98px) {
+      width: 100%;
+    }
+
+    &.left {
+      margin-right: 29px;
+      @media (min-width: 1720px) {
+        margin-right: 12px;
+      }
+
+      @media (max-width: 1304.98px) {
+        margin-right: 10px;
+      }
+
+      @media (max-width: 991.98px) {
+        margin-right: 0;
+      }
+
+      .diff__coll-title {
+        padding-left: 39px;
+
+        @media (min-width: 1720px) {
+          padding-left: 2px;
+        }
+
+        @media (max-width: 1304.98px) {
+          padding-left: 0;
+        }
+
+        @media (max-width: 991.98px) {
+          padding-left: 0;
+        }
+      }
+    }
+
+    &.right {
+      margin-left: 29px;
+
+      @media (max-width: 1304.98px) {
+        margin-left: 10px;
+      }
+
+      @media (max-width: 991.98px) {
+        margin-left: 0;
+        display: none;
+      }
+
+      .diff__coll-title {
+        padding-right: 39px;
+
+        @media (min-width: 1720px) {
+          padding-right: 0;
+        }
+        @media (max-width: 1304.98px) {
+          padding-right: 0;
+        }
+
+        @media (max-width: 991.98px) {
+          padding-right: 0;
+        }
+
+        @media (max-width: 767.98px) {
+          //margin-bottom: 29px;
+        }
+      }
+    }
+
+  }
+
+  &__coll-title {
+    margin-bottom: 38px;
+
+    @media (max-width: 1304.98px) {
+      margin-bottom: 18px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-bottom: 19px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 29px;
+    }
+  }
+
+  &__item {
+    position: relative;
+    text-align: left;
+    padding-left: 10px;
+    padding-top: 11px;
+    padding-bottom: 11px;
+    display: flex;
+    gap: 11px;
+    align-items: center;
+    background-color: #FFFFFF;
+    border-radius: 15px;
+    font-weight: 500;
+    font-size: 20px;
+    line-height: 28px;
+    margin-bottom: 35px;
+    cursor: default;
+
+    @media (min-width: 1720px) {
+      padding: 20px;
+      gap: 20px;
+      margin-bottom: 40px;
+    }
+
+    @media (max-width: 1304.98px) {
+      margin-bottom: 18px;
+    }
+
+    @media (max-width: 991.98px) {
+      font-size: 18px;
+      margin-bottom: 25px;
+      padding-bottom: 9px;
+    }
+
+    @media (max-width: 767.98px) {
+      font-size: 16px;
+      line-height: 19.36px;
+      padding-right: 15px;
+      margin-bottom: 14px;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+
+    &:hover {
+      .diff__status::before {
+        scale: 1.2;
+      }
+    }
+  }
+
+  &__status {
+    position: relative;
+    height: 48px;
+    width: 48px;
+    border-radius: 5px;
+    flex-shrink: 0;
+
+    @media (min-width: 1720px) {
+      border-radius: 12px;
+    }
+
+    @media (max-width: 1304.98px) {
+      border-radius: 13px;
+    }
+
+    @media (max-width: 991.98px) {
+      border-radius: 11px;
+    }
+
+    @media (max-width: 767.98px) {
+      width: 35px;
+      height: 35px;
+    }
+
+    &::before {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      transform-origin: 0% 15%;
+    }
+
+    &::before {
+      content: '';
+      width: 36px;
+      height: 36px;
+    }
+
+    .diff__item--done & {
+      background-color: #CCF9D9;
+
+      &::before {
+        width: 26px;
+        height: 26px;
+        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDJMOS4zMzMzMyAyNEwyIDEzLjAwMDUiIHN0cm9rZT0iIzQ1QzIyNiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
+
+        @media (max-width: 767.98px) {
+          scale: 0.7;
+        }
+      }
+    }
+
+    .diff__item--error & {
+      background-color: #F9CCCC;
+
+      &::before {
+        width: 36px;
+        height: 36px;
+        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjEyNSA3Ljg3NUw3Ljg3NSAyOC4xMjUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI4LjEyNSAyOC4xMjVMNy44NzUgNy44NzUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
+
+        @media (max-width: 767.98px) {
+          scale: 0.7;
+        }
+      }
+    }
+  }
+
+
+}

styles/moover/easy.scss

@@ -1,17 +1,52 @@
 .easy {
   margin-bottom: 162px;
-}
 
-.easy .title {
+  @media (min-width: 1720px) {
+    margin-bottom: 180px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 140px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 121px;
+  }
+
+
+  .title {
     max-width: 55%;
     margin-bottom: 21px;
-}
 
-.easy .subtitle {
+    @media (min-width: 1720px) {
+      max-width: 45%;
+      margin-bottom: 23px;
+    }
+
+    @media (max-width: 991.98px) {
+      max-width: 75%;
+    }
+
+    @media (max-width: 767.98px) {
+      max-width: 95%;
+      margin-bottom: 30px;
+    }
+  }
+
+  .subtitle {
     margin-bottom: 41px;
-}
 
-.easy__grid {
+    @media (min-width: 1720px) {
+      margin-bottom: 59px;
+    }
+
+    @media (max-width: 767.98px) {
+      max-width: 90%;
+      margin: 0 auto 23px;
+    }
+  }
+
+  &__grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: repeat(2, minmax(186px, auto));
@@ -21,85 +56,279 @@
     grid-column-gap: 20px;
     grid-row-gap: 80px;
     margin-bottom: 46px;
-}
 
-.easy__item {
+    @media (min-width: 1720px) {
+      grid-column-gap: 147px;
+      grid-template-rows: repeat(2, minmax(245px, auto));
+      grid-row-gap: 136px;
+      margin-bottom: 63px;
+    }
+
+    @media (max-width: 1304.98px) {
+      grid-column-gap: 69px;
+      grid-template-rows: repeat(2, minmax(172px, auto));
+      margin-bottom: 41px;
+    }
+
+    @media (max-width: 991.98px) {
+      display: block;
+      margin-bottom: 37px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 40px;
+    }
+  }
+
+  &__item {
     border-radius: 30px;
     background-color: var(--color-grey);
     /*background-color: #a72525;*/
     text-align: left;
     padding: 21px;
     box-shadow: var(--box-shadow-primary);
-}
 
-.easy__item--fir {
+    &--fir {
       grid-area: a;
       margin-right: 60px;
       padding-bottom: 0;
-}
 
-.easy__item--fir p {
+      @media (min-width: 1720px) {
+        margin-right: -10px;
+        padding-top: 31px;
+      }
+
+      @media (max-width: 1304.98px) {
+        margin-right: 13px;
+      }
+
+      @media (max-width: 991.98px) {
+        padding-top: 17px;
+        margin-right: 0;
+        margin-bottom: 49px;
+      }
+
+      @media (max-width: 767.98px) {
+        margin-bottom: 42px;
+      }
+
+      p {
         width: 93%;
         margin-bottom: 29px;
-}
 
-.easy__item--sec img {
-  margin-bottom: -10px;
-  margin-right: -5px;
-}
+        @media (min-width: 1720px) {
+          width: 89%;
+          margin-bottom: 53px;
+        }
 
-.easy__item--thr img {
-  margin-bottom: -10px;
-  margin-right: 24px;
-}
+        @media (max-width: 991.98px) {
+          max-width: 78%;
+        }
+      }
+    }
 
-.easy__item--sec {
+    &--sec {
       grid-area: b;
       position: relative;
       display: flex;
       align-items: center;
       justify-content: space-between;
-}
-
-.easy__item--sec p,
-.easy__item--thr p,
-.easy__item--sec,
-.easy__item--thr {
       margin-bottom: 0;
       padding-top: 0;
       padding-bottom: 0;
-}
 
-.easy__item--thr {
+      @media (min-width: 1720px) {
+        padding-left: 15px;
+      }
+
+      @media (max-width: 991.98px) {
+        padding-top: 35px;
+        padding-bottom: 37px;
+        margin-bottom: 46px;
+      }
+
+      @media (max-width: 767.98px) {
+        display: block;
+        padding-top: 0;
+        padding-bottom: 0;
+        margin-bottom: 49px;
+      }
+
+      img {
+        margin-bottom: -10px;
+        margin-right: -5px;
+        max-width: 50.1%;
+
+        @media (min-width: 1720px) {
+          max-width: 53%;
+        }
+
+        @media (max-width: 1304.98px) {
+          max-width: 42%;
+          margin-bottom: -4px;
+          margin-right: 0;
+        }
+
+        @media (max-width: 991.98px) {
+          margin-right: 0;
+          margin-bottom: 0;
+        }
+
+        @media (max-width: 767.98px) {
+          max-width: 104%;
+          position: relative;
+          left: -6px;
+          top: -4px;
+        }
+      }
+
+      p {
+        margin-bottom: 0;
+        padding-top: 0;
+        padding-bottom: 0;
+
+        @media (max-width: 767.98px) {
+          margin-bottom: 22px;
+        }
+      }
+    }
+
+    &--thr {
       grid-area: c;
       display: flex;
       align-items: center;
       justify-content: space-between;
-}
+      margin-bottom: 0;
+      padding-top: 0;
+      padding-bottom: 0;
+      //background-color: #00a420;
 
-.easy__item--thr p {
+      @media (min-width: 1720px) {
+        padding-left: 15px;
+      }
+
+      @media (max-width: 991.98px) {
+        padding-top: 42px;
+        padding-bottom: 46px;
+      }
+
+      @media (max-width: 767.98px) {
+        display: block;
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      .img {
+        margin-bottom: -10px;
+        margin-right: 24px;
+        max-width: 80%;
+
+        @media (max-width: 1279.98px) {
+          max-width: 35%;
+        }
+
+        @media (max-width: 1304.98px) {
+          margin-right: 2px;
+        }
+
+        @media (max-width: 991.98px) {
+          margin-right: 0;
+          max-width: 34%;
+        }
+
+        img {
+
+          @media (max-width: 767.98px) {
+            display: block;
+            margin: 0 auto;
+          }
+        }
+      }
+
+      p {
         max-width: 50%;
-}
+        margin-bottom: 0;
+        padding-top: 0;
+        padding-bottom: 0;
 
-.easy__arrow {
+        @media (max-width: 991.98px) {
+          max-width: 60%;
+        }
+
+        @media (max-width: 767.98px) {
+          margin-bottom: 22px;
+          max-width: 100%;
+        }
+      }
+    }
+  }
+
+  &__arrow {
     width: 68px;
     height: 18px;
     background-image: url("/static/img/svg/Arrow08.svg");
     position: absolute;
     z-index: 1;
-}
 
-.easy__arrow--fir {
+    @media (min-width: 1720px) {
+      scale: 1.4;
+    }
+
+    @media (max-width: 1304.98px) {
+      scale: 0.8;
+    }
+
+    @media (max-width: 991.98px) {
+      display: none;
+    }
+
+    &--fir {
       top: 46%;
       right: 101%;
-}
 
-.easy__arrow--sec {
+      @media (min-width: 1720px) {
+        right: 105%;
+        top: 34%;
+      }
+      @media (max-width: 1304.98px) {
+        top: 48%;
+      }
+    }
+
+    &--sec {
       top: 117%;
       left: 30%;
       transform: rotate(90deg);
-}
 
-.easy__btn {
+      @media (min-width: 1720px) {
+        left: 45%;
+        top: 124%;
+      }
+
+      @media (max-width: 1304.98px) {
+        left: 38%;
+      }
+    }
+  }
+
+  &__btn {
     margin-top: -21px;
+
+    @media (max-width: 1304.98px) {
+      margin-top: -20px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-top: -19px;
+      padding-left: 54px;
+      padding-right: 54px;
+    }
+
+    @media (max-width: 767.98px) {
+      padding-left: 50px;
+      padding-right: 50px;
+      margin-top: -8px;
+      max-width: 100%;
+    }
+  }
 }

styles/moover/header.scss

@@ -0,0 +1,105 @@
+.header {
+  margin-top: 0;
+  position: fixed;
+  display: block;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  padding: 15px 5px;
+  transition: all 0.1s ease-in-out;
+  background-color: white;
+
+  @media (max-width: 991.98px) {
+    padding-top: 7px;
+    padding-bottom: 7px;
+  }
+
+  &.scrolled {
+    padding-top: 7px;
+    padding-bottom: 7px;
+    box-shadow: var(--box-shadow-primary);
+    border-bottom: 1px solid var(--color-grey);
+  }
+
+  &__grid,
+  &__list {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  &__logo {
+    width: 48px;
+    height: 48px;
+    position: relative;
+    left: 5px;
+
+    @media (max-width: 1304.98px) {
+      left: 6px;
+    }
+
+    @media (max-width: 991.98px) {
+      left: 0;
+    }
+
+    @media (max-width: 767.98px) {
+      left: -3px;
+    }
+  }
+
+  &__nav {
+    flex-grow: 1;
+    max-width: 41%;
+    margin-left: auto;
+
+    @media (min-width: 1720px) {
+      max-width: 34%;
+    }
+
+    @media (max-width: 1304.98px) {
+      max-width: 46.5%;
+    }
+  }
+
+  &__link {
+    color: var(--color-black2);
+    text-decoration: none;
+  }
+
+  &__btn {
+    padding: 8px 0 6px;
+    font-size: 16px;
+    margin-left: 61px;
+    margin-right: -3px;
+
+    @media (min-width: 1720px) {
+      margin-left: 81px;
+    }
+
+    @media (max-width: 1304.98px) {
+      margin-right: 0;
+    }
+
+    @media (max-width: 991.98px) {
+      display: none;
+    }
+  }
+
+  .dropdown {
+    left: -4px;
+
+    @media (max-width: 767.98px) {
+      left: -8px;
+    }
+
+    &-content {
+      right: 0;
+      height: initial;
+
+      @media (max-width: 575px) {
+        right: 0;
+        left: initial;
+      }
+    }
+  }
+}

styles/moover/presentation.scss

@@ -1,13 +1,21 @@
 .presentation {
-  margin: 20px -65px 140px;
+  margin: 12px -65px 140px;
 
   @media (min-width: 1720px) {
     margin-left: 0;
     margin-right: 0;
+    margin-bottom: 160px;
   }
-}
 
-.presentation__top {
+  @media (max-width: 1304.98px) {
+    margin-bottom: 118px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 105px;
+  }
+
+  &__top {
     position: relative;
     min-height: 270px;
     margin: 0 auto 116px;
@@ -24,7 +32,7 @@
     no-repeat,
     no-repeat,
     no-repeat;
-  background-size: 17.5%,21.8%,8.5%,8.8%;
+    background-size: 17.5%, 21.8%, 8.5%, 8.8%;
 
     @media (min-width: 1720px) {
       background-size: 18.5%, 22%, 9%, 10.1%;
@@ -35,30 +43,121 @@
       padding-top: 95px;
       margin-bottom: 176px;
     }
-}
 
-.presentation__title {
+    @media (max-width: 1304.98px) {
+      background-size: 16%, 20%, 9.5%, 10.1%;
+      background-position: top -2.8% left 6.5%,
+      top -19% right 3.5%,
+      bottom 32% left 23%,
+      bottom 29% right 22.6%;
+      margin-bottom: 96px;
+    }
+
+    @media (max-width: 991.98px) {
+      background-size: 14.5%, 17%, 8.3%, 9.1%;
+      background-position: top 9% left 7%,
+      top 5% right 6%,
+      bottom 51% left 14.8%,
+      bottom 47.5% right 13.8%;
+      padding-top: 31px;
+      margin-bottom: 76px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 77px;
+}
+  }
+
+  &__bottom {
+
+    .subtitle {
+      @media (max-width: 991.98px) {
+        max-width: 40%;
+        margin: 0 auto 30px;
+      }
+
+      @media (max-width: 767.98px) {
+max-width: 65%;
+        margin-bottom: 21px;
+}
+    }
+  }
+
+  &__title {
     margin-bottom: 23px;
-}
 
-.presentation__subtitle {
+    @media (max-width: 991.98px) {
+      max-width: 75%;
+      margin: 0 auto 19px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 15px;
+}
+  }
+
+  &__subtitle {
     margin-bottom: 41px;
     font-weight: 600;
-}
 
-.presentation__btn {
+    @media (max-width: 991.98px) {
+      max-width: 55%;
+      margin: 0 auto 40px;
+      font-size: 16px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 30px;
+      max-width: 77%;
+}
+  }
+
+  &__btn {
     margin-bottom: 40px;
-}
 
-.presentation__next {
+    @media (max-width: 991.98px) {
+      padding-left: 82px;
+      padding-right: 82px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 30px;
+}
+  }
+
+  &__next {
     font-weight: 500;
     line-height: 22px;
     padding-right: 5px;
-}
+  }
 
-.presentation__arrows {
+  &__arrows {
     padding-top: 2px;
     animation: jump 2s ease-in-out infinite;
+  }
+
+  &__cards {
+    max-width: 1300px;
+    margin: 0 auto;
+
+    @media (min-width: 1720px) {
+      max-width: initial;
+      margin-left: -10px;
+      margin-right: -10px;
+    }
+
+    @media (max-width: 1304.98px) {
+      max-width: 1140px;
+    }
+
+    @media (max-width: 767.98px) {
+      //padding-left: 58px;
+}
+  }
+
+  &__bottom .presentation__title {
+    margin-bottom: 13px;
+  }
 }
 
 @keyframes jump {
@@ -81,12 +180,3 @@
     transform: translateY(0px);
   }
 }
-
-.presentation__bottom .presentation__title {
-  margin-bottom: 13px;
-}
-
-.presentation__cards {
-  max-width: 1300px;
-  margin: 0 auto;
-}

styles/moover/root.scss

@@ -2,7 +2,6 @@
   margin: 0 auto;
   width: 1280px;
   position: relative;
-  min-height: 695px;
 }
 
 @media (min-width: 1720px) {
@@ -12,18 +11,26 @@
 }
 
 
-/*@media (max-width: 1019.98px) {*/
-/*  .container {*/
-/*    width: 720px*/
-/*  }*/
-/*}*/
+@media (max-width: 1304.98px) {
+  .container {
+    width: 1120px;
+    max-width: 88vw;
+  }
+}
 
-/*@media (max-width: 767.98px) {*/
-/*  .container {*/
-/*    margin: 0 15px;*/
-/*    width: auto*/
-/*  }*/
-/*}*/
+@media (max-width: 991.98px) {
+  .container {
+    width: 640px;
+    max-width: 100vw;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .container {
+    margin: 0 16px;
+    width: auto;
+  }
+}
 
 :root {
   --color-primary: #FF613A;
@@ -41,6 +48,18 @@
   color: var(--color-black2);
 }
 
+html,
+body {
+  max-width: 100vw;
+  //overflow-x: hidden;
+  max-height: initial;
+}
+
+body {
+  height: 100%;
+  position: relative;
+}
+
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
 
@@ -60,12 +79,21 @@ h2, .h2 {
   font-size: 24px;
   line-height: 36px;
   margin-bottom: 10px;
+
+  @media (min-width: 1720px) {
+    font-size: 28px;
+    margin-bottom: 20px;
+  }
 }
 
 h3, .h3 {
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 12px;
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 13px;
+  }
 }
 
 h4, .h4 {
@@ -77,10 +105,28 @@ h4, .h4 {
 p {
   line-height: 22px;
   margin-bottom: 20px;
+
+  @media (min-width: 1720px) {
+    font-size: 20px;
+    line-height: 26px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 18px;
+  }
+
+  @media (max-width: 479.98px) {
+    margin-bottom: 14px;
+  }
 }
 
 b {
   font-weight: 500;
+
+  @media (max-width: 991.98px) {
+    font-size: 16px;
+    line-height: 22px;
+  }
 }
 
 
@@ -112,9 +158,22 @@ b {
   margin-right: auto;
 
   @media (min-width: 1720px) {
-    font-size: 44px;
+    font-size: 48px;
     margin-bottom: 22px;
   }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 20px;
+  }
+
+  @media (max-width: 991.98px) {
+    font-size: 32px;
+    line-height: 38.73px;
+  }
+
+  @media (max-width: 767.98px) {
+    margin-bottom: 14px;
+  }
 }
 
 .subtitle {
@@ -123,16 +182,121 @@ b {
 
   @media (min-width: 1720px) {
     font-size: 20px;
-     margin-bottom: 97px;
+    margin-bottom: 105px;
   }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 71px;
+  }
+
+
 }
 
 .hide {
   display: none;
+
+  &__xxl {
+    display: inline-flex;
+
+    @media (min-width: 1720px) {
+      display: none;
+    }
+  }
+
+  &__md {
+
+    @media (max-width: 991.98px) {
+      display: none;
+    }
+  }
+
+  &__xs {
+    @media (max-width: 479.98px) {
+      display: none;
+    }
+  }
+
 }
 
-@media (min-width: 1440px) {
-  .is-container.wrapper_main {
-    max-width: initial;
+.show {
+
+  &__xxl {
+    display: none;
+
+    @media (min-width: 1720px) {
+      display: block;
+    }
+  }
+
+  &__md {
+    display: none;
+
+    @media (max-width: 991.98px) {
+      display: initial;
+    }
+  }
+
+  &__xs {
+    @media (min-width: 480px) {
+      display: none;
+    }
   }
 }
+
+.br {
+  &--xxl {
+    @media (min-width: 1440px) {
+      display: none;
+    }
+  }
+
+  &--md {
+    @media (max-width: 991.98px) {
+      display: none;
+    }
+  }
+
+  &--sm {
+    @media (max-width: 767.98px) {
+      display: none;
+    }
+  }
+}
+
+.is-container.wrapper_main {
+  overflow-x: hidden;
+
+  > .container {
+    padding-top: 129px;
+
+  @media (max-width: 1304.98px) {
+    padding-top: 126px;
+  }
+  @media (max-width: 991.98px) {
+    padding-top: 85px;
+  }
+
+  @media (max-width: 767.98px) {
+    padding-top: 57px;
+  }
+  }
+
+  @media (min-width: 1440px) {
+    max-width: initial;
+  }
+
+  & > .container {
+    position: relative;
+    left: 15px;
+
+    @media (min-width: 1720px) {
+      left: 17px;
+    }
+
+    @media (max-width: 767.98px) {
+      left: 0;
+    }
+  }
+}
+
+

styles/moover/sore.scss

@@ -1,27 +1,127 @@
 .sore {
   margin-bottom: 160px;
+  margin-top: 1px;
+
+  @media (min-width: 1720px) {
+    margin-bottom: 178px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 140px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 60px;
+  }
+
+  @media (max-width: 479.98px) {
+    margin-bottom: 40px;
+  }
 
   &__img {
-    margin: 0 auto 26px;
+    margin: 0 auto 13px;
     position: relative;
     left: -17px;
+    top: -13px;
 
+    @media (min-width: 1720px) {
+      margin-bottom: 40px;
+      top: -5px;
+      left: -21px;
+    }
+
+    @media (max-width: 1304.98px) {
+      left: 2px;
+      top: -22px;
+      margin-bottom: 4px;
+    }
+
+    @media (max-width: 991.98px) {
+      top: -8px;
+      left: -15px;
+      margin-bottom: 18px;
+    }
+
+    @media (max-width: 479.98px) {
+      max-width: 108.5%;
+      top: -26px;
+      left: -18px;
+      margin-bottom: -9px;
+    }
   }
 
   .title {
     margin-bottom: 40px;
+
+    @media (min-width: 1720px) {
+      margin-bottom: 61px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-bottom: 20px;
+    }
+
+    @media (max-width: 479.98px) {
+      margin-bottom: 29px;
+    }
   }
 
 
   .subtitle {
     max-width: 62%;
-    margin: 0 auto -1px;
+    margin: 0 auto 10px;
 
+    @media (min-width: 1720px) {
+      line-height: 26px;
+      max-width: 60%;
+    }
+
+    @media (max-width: 1304.98px) {
+      max-width: 65%;
+    }
+
+    @media (max-width: 991.98px) {
+      max-width: 85%;
+    }
+
+    @media (max-width: 479.98px) {
+      max-width: 99%;
+    }
   }
 
   .h3 {
     max-width: 47%;
     margin: 0 auto 19px;
 
+    @media (min-width: 1720px) {
+      max-width: 38%;
     }
+
+    @media (max-width: 1304.98px) {
+      max-width: 50%;
+    }
+
+    @media (max-width: 991.98px) {
+      max-width: 65%;
+      margin-bottom: 21px;
+    }
+    @media (max-width: 479.98px) {
+      max-width: 100%;
+      margin-bottom: 17px;
+    }
+  }
+
+  &__btn {
+    @media (max-width: 767.98px) {
+      padding-left: 50px;
+      padding-right: 50px;
+    }
+    @media (max-width: 479.98px) {
+      box-sizing: border-box;
+      padding: 8px 15px;
+      min-height: 60px;
+      display: flex;
+    }
+  }
+
 }

styles/moover/use.scss

@@ -1,14 +1,55 @@
 .use {
   margin-bottom: 123px;
 
+  @media (min-width: 1720px) {
+    margin-bottom: 184px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 142px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 121px;
+  }
+
   &__img {
     width: 67.5%;
     margin-left: 16px;
     margin-bottom: 31px;
+
+    @media (min-width: 1720px) {
+      width: 50.2%;
+      margin-left: 15px;
+      margin-bottom: 46px;
+    }
+
+    @media (max-width: 1304.98px) {
+      width: 77%;
+      margin-left: 10px;
+      margin-bottom: 34px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-left: 0;
+      width: 100%;
+      margin-bottom: 40px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 30px;
+    }
   }
 
   &__btn {
     margin-bottom: 11px;
+    text-align: center;
+
+    @media (max-width: 767.98px) {
+      max-width: 100%;
+      padding-left: 50px;
+      padding-right: 50px;
+    }
   }
 
   &__link {
@@ -21,26 +62,51 @@
   .title {
     max-width: 80%;
     margin-bottom: 49px;
+
+    @media (min-width: 1720px) {
+      max-width: 40%;
     }
 
-  &--diff {
-    .title {
-      width: 60%;
-      margin-bottom: 60px;
+    @media (max-width: 991.98px) {
+      margin-bottom: 40px;
     }
 
-    .use__img {
-      width: 100%;
-      margin-left: 0;
-      margin-bottom: 17px;
+    @media (max-width: 767.98px) {
+      max-width: 100%;
+      margin-bottom: 29px;
     }
   }
 
   &--lett {
     margin-bottom: 120px;
 
+    @media (min-width: 1720px) {
+      margin-bottom: 126px;
+    }
+
+    @media (max-width: 1304.98px) {
+      margin-bottom: 106px;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-bottom: 79px;
+    }
+
+    @media (max-width: 767.98px) {
+      margin-bottom: 81px;
+    }
+
+
     .title {
       margin-bottom: 51px;
+
+      @media (max-width: 1304.98px) {
+        margin-bottom: 39px;
+      }
+
+      @media (max-width: 767.98px) {
+        margin-bottom: 10px;
+      }
     }
 
     .use__img {
@@ -48,6 +114,39 @@
       margin-right: -5px;
       max-width: 110%;
       width: 1290px;
+
+      @media (min-width: 1720px) {
+        width: initial;
+      }
+
+      @media (max-width: 1304.98px) {
+        margin-left: 0;
+        margin-right: 0;
+        max-width: 100%;
+        width: 1120px;
+      }
+
+      @media (max-width: 767.98px) {
+        max-width: 103%;
+        margin-left: -5px;
+        margin-top: -6px;
+      }
+
+      @media (max-width: 479.98px) {
+        margin-bottom: 3px;
+      }
+    }
+  }
+
+  .h3 {
+    @media (max-width: 991.98px) {
+      max-width: 75%;
+      margin: 0 auto 22px;
+    }
+
+    @media (max-width: 767.98px) {
+      max-width: 100%;
+      margin-bottom: 16px;
     }
   }
 }

styles/moover/uses.scss

@@ -1,5 +1,21 @@
 .uses {
-  margin-bottom: 122px;
+  margin-bottom: 120px;
+
+  @media (min-width: 1720px) {
+    margin-bottom: 136px;
+  }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 125px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 100px;
+  }
+
+  @media (max-width: 479.98px) {
+    margin-bottom: 199px;
+  }
 
   &__grid {
     text-align: left;
@@ -7,22 +23,140 @@
     grid-template-columns: repeat(3, 1fr);
     /* max-width: 101.5%; */
     /* width: 101.5%; */
+
+    @media (max-width: 991.98px) {
+      grid-template-columns: 1fr 1fr;
+      column-gap: 15px;
+    }
+
+    @media (max-width: 479.98px) {
+      display: block;
+      text-align: center;
+    }
   }
 
 
   &__item {
     min-height: 50px;
-    margin-bottom: 43px;
+    margin-bottom: 19px;
     padding: 0 50px 0 2px;
+
+    @media (min-width: 1720px) {
+      margin-bottom: 22px;
+    }
+
+    @media (max-width: 991.98px) {
+      padding-right: 0;
+    }
+
+    p:last-child {
+      @media (max-width: 991.98px) {
+        margin-bottom: 0;
+      }
+    }
   }
 
   &__icon {
     margin-bottom: 11px;
+
+    @media (min-width: 1720px) {
+      width: 147px;
+      height: 147px;
+      margin-bottom: 20px;
     }
+  }
+
 
   .title {
     max-width: 50%;
     margin: 0 auto 60px;
+
+    @media (max-width: 1304.98px) {
+      max-width: 70%;
+      margin-bottom: 39px;
     }
 
+    @media (max-width: 479.98px) {
+      margin-bottom: 30px;
+    }
+  }
+
+  &__title {
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 36px;
+    margin-bottom: 10px;
+  }
+
+
+  &--cstmr {
+    & .uses {
+      &__item {
+        text-align: center;
+        padding: 0 15px;
+
+        @media (max-width: 991.98px) {
+          margin-bottom: 42px;
+          min-height: 255px;
+        }
+
+        @media (max-width: 479.98px) {
+          margin-bottom: 25px;
+          min-height: 194px;
+        }
+
+        p {
+          @media (max-width: 991.98px) {
+            max-width: 90%;
+            margin: 0 auto;
+          }
+
+          @media (max-width: 479.98px) {
+            max-width: 100%;
+          }
+        }
+      }
+
+      &__icon {
+        width: 118px;
+        height: 118px;
+
+        @media (max-width: 991.98px) {
+          width: 142px;
+          height: 142px;
+          margin-bottom: 23px;
+        }
+
+        @media (max-width: 479.98px) {
+          width: 117px;
+          height: 117px;
+          margin-bottom: 8px;
+        }
+      }
+
+
+      &__grid {
+        @media (max-width: 991.98px) {
+          grid-template-columns: 1fr;
+        }
+      }
+    }
+
+    .title {
+
+      @media (max-width: 1304.98px) {
+        margin-bottom: 61px;
+        max-width: 80%;
+      }
+
+      @media (max-width: 991.98px) {
+        margin-bottom: 44px;
+      }
+
+      @media (max-width: 479.98px) {
+        max-width: 90%;
+        margin-bottom: 31px;
+      }
+    }
+  }
 }