Commit 6370754b6b308490e0c6e8f955f8acd2e67806d9

Authored by Андрей Ларионов
1 parent a9d6ce8ffd

Обновление бага с картинками, добавление новых полей у флота

Showing 22 changed files with 9052 additions and 66 deletions Side-by-side Diff

app/Http/Controllers/EmployerController.php
... ... @@ -571,6 +571,24 @@ class EmployerController extends Controller
571 571 }
572 572 }
573 573  
  574 + public function ajax_delete_user(Request $request) {
  575 + $Answer = $request->all();
  576 + $user_id = Auth()->user()->id;
  577 + $request->validate([
  578 + 'password' => 'required|string',
  579 + ]);
  580 + $credentials = $request->only('email', 'password');
  581 + if (Auth::attempt($credentials)) {
  582 +
  583 + return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
  584 + 'email' => $request->get('email'),
  585 + 'password' => $request->get('password')));
  586 + } else {
  587 + return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
  588 + }
  589 + }
  590 +
  591 +
574 592 // FAQ - Вопросы/ответы для работодателей и соискателей
575 593 public function faq() {
576 594 return view('employers.faq');
... ... @@ -15,6 +15,10 @@ class Flot extends Model
15 15 'text',
16 16 'image',
17 17 'region',
18   - 'power'
  18 + 'power',
  19 + 'DWT',
  20 + 'POWER_GD',
  21 + 'IMO',
  22 + 'DW'
19 23 ];
20 24 }
database/migrations/2024_03_19_101336_alter_table_flots.php
... ... @@ -0,0 +1,38 @@
  1 +<?php
  2 +
  3 +use Illuminate\Database\Migrations\Migration;
  4 +use Illuminate\Database\Schema\Blueprint;
  5 +use Illuminate\Support\Facades\Schema;
  6 +
  7 +return new class extends Migration
  8 +{
  9 + /**
  10 + * Run the migrations.
  11 + *
  12 + * @return void
  13 + */
  14 + public function up()
  15 + {
  16 + Schema::table('flots', function (Blueprint $table) {
  17 + $table->string('DWT', 255)->nullable(true);
  18 + $table->string('POWER_GD', 255)->nullable(true);
  19 + $table->string('IMO', 255)->nullable(true);
  20 + $table->string('DW', 255)->nullable(true);
  21 + });
  22 + }
  23 +
  24 + /**
  25 + * Reverse the migrations.
  26 + *
  27 + * @return void
  28 + */
  29 + public function down()
  30 + {
  31 + Schema::table('flots', function (Blueprint $table) {
  32 + $table->dropColumn('DWT');
  33 + $table->dropColumn('POWER_GD');
  34 + $table->dropColumn('IMO');
  35 + $table->dropColumn('DW');
  36 + });
  37 + }
  38 +};
public/css/style.css
Changes suppressed. Click to show
... ... @@ -0,0 +1,8859 @@
  1 +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  2 +/* Document
  3 + ========================================================================== */
  4 +/**
  5 + * 1. Correct the line height in all browsers.
  6 + * 2. Prevent adjustments of font size after orientation changes in iOS.
  7 + */
  8 +@import url(fonts.css);
  9 +@import url(jquery.fancybox.css);
  10 +@import url(jquery.select2.css);
  11 +@import url(star-rating.min.css);
  12 +@import url(swiper.css);
  13 +html {
  14 + line-height: 1.15; /* 1 */
  15 + -webkit-text-size-adjust: 100%; /* 2 */
  16 +}
  17 +
  18 +/* Sections
  19 + ========================================================================== */
  20 +/**
  21 + * Remove the margin in all browsers.
  22 + */
  23 +body {
  24 + margin: 0;
  25 +}
  26 +
  27 +/**
  28 + * Render the `main` element consistently in IE.
  29 + */
  30 +main {
  31 + display: block;
  32 +}
  33 +
  34 +/**
  35 + * Correct the font size and margin on `h1` elements within `section` and
  36 + * `article` contexts in Chrome, Firefox, and Safari.
  37 + */
  38 +h1 {
  39 + font-size: 2em;
  40 + margin: 0.67em 0;
  41 +}
  42 +
  43 +/* Grouping content
  44 + ========================================================================== */
  45 +/**
  46 + * 1. Add the correct box sizing in Firefox.
  47 + * 2. Show the overflow in Edge and IE.
  48 + */
  49 +hr {
  50 + -webkit-box-sizing: content-box;
  51 + box-sizing: content-box; /* 1 */
  52 + height: 0; /* 1 */
  53 + overflow: visible; /* 2 */
  54 +}
  55 +
  56 +/**
  57 + * 1. Correct the inheritance and scaling of font size in all browsers.
  58 + * 2. Correct the odd `em` font sizing in all browsers.
  59 + */
  60 +pre {
  61 + font-family: monospace, monospace; /* 1 */
  62 + font-size: 1em; /* 2 */
  63 +}
  64 +
  65 +/* Text-level semantics
  66 + ========================================================================== */
  67 +/**
  68 + * Remove the gray background on active links in IE 10.
  69 + */
  70 +a {
  71 + background-color: transparent;
  72 +}
  73 +
  74 +/**
  75 + * 1. Remove the bottom border in Chrome 57-
  76 + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  77 + */
  78 +abbr[title] {
  79 + border-bottom: none; /* 1 */
  80 + text-decoration: underline; /* 2 */
  81 + -webkit-text-decoration: underline dotted;
  82 + text-decoration: underline dotted; /* 2 */
  83 +}
  84 +
  85 +/**
  86 + * Add the correct font weight in Chrome, Edge, and Safari.
  87 + */
  88 +b,
  89 +strong {
  90 + font-weight: bolder;
  91 +}
  92 +
  93 +/**
  94 + * 1. Correct the inheritance and scaling of font size in all browsers.
  95 + * 2. Correct the odd `em` font sizing in all browsers.
  96 + */
  97 +code,
  98 +kbd,
  99 +samp {
  100 + font-family: monospace, monospace; /* 1 */
  101 + font-size: 1em; /* 2 */
  102 +}
  103 +
  104 +/**
  105 + * Add the correct font size in all browsers.
  106 + */
  107 +small {
  108 + font-size: 80%;
  109 +}
  110 +
  111 +/**
  112 + * Prevent `sub` and `sup` elements from affecting the line height in
  113 + * all browsers.
  114 + */
  115 +sub,
  116 +sup {
  117 + font-size: 75%;
  118 + line-height: 0;
  119 + position: relative;
  120 + vertical-align: baseline;
  121 +}
  122 +
  123 +sub {
  124 + bottom: -0.25em;
  125 +}
  126 +
  127 +sup {
  128 + top: -0.5em;
  129 +}
  130 +
  131 +/* Embedded content
  132 + ========================================================================== */
  133 +/**
  134 + * Remove the border on images inside links in IE 10.
  135 + */
  136 +img {
  137 + border-style: none;
  138 +}
  139 +
  140 +/* Forms
  141 + ========================================================================== */
  142 +/**
  143 + * 1. Change the font styles in all browsers.
  144 + * 2. Remove the margin in Firefox and Safari.
  145 + */
  146 +button,
  147 +input,
  148 +optgroup,
  149 +select,
  150 +textarea {
  151 + font-family: inherit; /* 1 */
  152 + font-size: 100%; /* 1 */
  153 + line-height: 1.15; /* 1 */
  154 + margin: 0; /* 2 */
  155 +}
  156 +
  157 +/**
  158 + * Show the overflow in IE.
  159 + * 1. Show the overflow in Edge.
  160 + */
  161 +button,
  162 +input { /* 1 */
  163 + overflow: visible;
  164 +}
  165 +
  166 +/**
  167 + * Remove the inheritance of text transform in Edge, Firefox, and IE.
  168 + * 1. Remove the inheritance of text transform in Firefox.
  169 + */
  170 +button,
  171 +select { /* 1 */
  172 + text-transform: none;
  173 +}
  174 +
  175 +/**
  176 + * Correct the inability to style clickable types in iOS and Safari.
  177 + */
  178 +button,
  179 +[type=button],
  180 +[type=reset],
  181 +[type=submit] {
  182 + -webkit-appearance: button;
  183 +}
  184 +
  185 +/**
  186 + * Remove the inner border and padding in Firefox.
  187 + */
  188 +button::-moz-focus-inner,
  189 +[type=button]::-moz-focus-inner,
  190 +[type=reset]::-moz-focus-inner,
  191 +[type=submit]::-moz-focus-inner {
  192 + border-style: none;
  193 + padding: 0;
  194 +}
  195 +
  196 +/**
  197 + * Restore the focus styles unset by the previous rule.
  198 + */
  199 +button:-moz-focusring,
  200 +[type=button]:-moz-focusring,
  201 +[type=reset]:-moz-focusring,
  202 +[type=submit]:-moz-focusring {
  203 + outline: 1px dotted ButtonText;
  204 +}
  205 +
  206 +/**
  207 + * Correct the padding in Firefox.
  208 + */
  209 +fieldset {
  210 + padding: 0.35em 0.75em 0.625em;
  211 +}
  212 +
  213 +/**
  214 + * 1. Correct the text wrapping in Edge and IE.
  215 + * 2. Correct the color inheritance from `fieldset` elements in IE.
  216 + * 3. Remove the padding so developers are not caught out when they zero out
  217 + * `fieldset` elements in all browsers.
  218 + */
  219 +legend {
  220 + -webkit-box-sizing: border-box;
  221 + box-sizing: border-box; /* 1 */
  222 + color: inherit; /* 2 */
  223 + display: table; /* 1 */
  224 + max-width: 100%; /* 1 */
  225 + padding: 0; /* 3 */
  226 + white-space: normal; /* 1 */
  227 +}
  228 +
  229 +/**
  230 + * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  231 + */
  232 +progress {
  233 + vertical-align: baseline;
  234 +}
  235 +
  236 +/**
  237 + * Remove the default vertical scrollbar in IE 10+.
  238 + */
  239 +textarea {
  240 + overflow: auto;
  241 +}
  242 +
  243 +/**
  244 + * 1. Add the correct box sizing in IE 10.
  245 + * 2. Remove the padding in IE 10.
  246 + */
  247 +[type=checkbox],
  248 +[type=radio] {
  249 + -webkit-box-sizing: border-box;
  250 + box-sizing: border-box; /* 1 */
  251 + padding: 0; /* 2 */
  252 +}
  253 +
  254 +/**
  255 + * Correct the cursor style of increment and decrement buttons in Chrome.
  256 + */
  257 +[type=number]::-webkit-inner-spin-button,
  258 +[type=number]::-webkit-outer-spin-button {
  259 + height: auto;
  260 +}
  261 +
  262 +/**
  263 + * 1. Correct the odd appearance in Chrome and Safari.
  264 + * 2. Correct the outline style in Safari.
  265 + */
  266 +[type=search] {
  267 + -webkit-appearance: textfield; /* 1 */
  268 + outline-offset: -2px; /* 2 */
  269 +}
  270 +
  271 +/**
  272 + * Remove the inner padding in Chrome and Safari on macOS.
  273 + */
  274 +[type=search]::-webkit-search-decoration {
  275 + -webkit-appearance: none;
  276 +}
  277 +
  278 +/**
  279 + * 1. Correct the inability to style clickable types in iOS and Safari.
  280 + * 2. Change font properties to `inherit` in Safari.
  281 + */
  282 +::-webkit-file-upload-button {
  283 + -webkit-appearance: button; /* 1 */
  284 + font: inherit; /* 2 */
  285 +}
  286 +
  287 +/* Interactive
  288 + ========================================================================== */
  289 +/*
  290 + * Add the correct display in Edge, IE 10+, and Firefox.
  291 + */
  292 +details {
  293 + display: block;
  294 +}
  295 +
  296 +/*
  297 + * Add the correct display in all browsers.
  298 + */
  299 +summary {
  300 + display: list-item;
  301 +}
  302 +
  303 +/* Misc
  304 + ========================================================================== */
  305 +/**
  306 + * Add the correct display in IE 10+.
  307 + */
  308 +template {
  309 + display: none;
  310 +}
  311 +
  312 +/**
  313 + * Add the correct display in IE 10.
  314 + */
  315 +[hidden] {
  316 + display: none;
  317 +}
  318 +
  319 +.green {
  320 + color: #377d87;
  321 +}
  322 +
  323 +.red {
  324 + color: #eb5757;
  325 +}
  326 +
  327 +.rotate180 {
  328 + -webkit-transform: rotate(180deg);
  329 + -ms-transform: rotate(180deg);
  330 + transform: rotate(180deg);
  331 +}
  332 +
  333 +::-moz-selection {
  334 + color: #3a3b3c;
  335 + background: #acc0e6;
  336 +}
  337 +
  338 +::selection {
  339 + color: #3a3b3c;
  340 + background: #acc0e6;
  341 +}
  342 +
  343 +::-webkit-scrollbar {
  344 + width: 4px;
  345 + height: 4px;
  346 +}
  347 +
  348 +::-webkit-scrollbar-track {
  349 + border-radius: 999px;
  350 + background-color: #f3f3f3;
  351 +}
  352 +
  353 +::-webkit-scrollbar-thumb {
  354 + border-radius: 999px;
  355 + background-color: #acc0e6;
  356 +}
  357 +
  358 +::-webkit-input-placeholder {
  359 + color: #9c9d9d;
  360 + opacity: 1;
  361 +}
  362 +
  363 +:focus::-webkit-input-placeholder {
  364 + color: transparent;
  365 +}
  366 +
  367 +:-ms-input-placeholder {
  368 + color: #9c9d9d;
  369 + opacity: 1;
  370 +}
  371 +
  372 +:focus:-ms-input-placeholder {
  373 + color: transparent;
  374 +}
  375 +
  376 +::-ms-input-placeholder {
  377 + color: #9c9d9d;
  378 + opacity: 1;
  379 +}
  380 +
  381 +:focus::-ms-input-placeholder {
  382 + color: transparent;
  383 +}
  384 +
  385 +::-moz-placeholder {
  386 + color: #9c9d9d;
  387 + opacity: 1;
  388 +}
  389 +
  390 +:focus::-moz-placeholder {
  391 + color: transparent;
  392 +}
  393 +
  394 +::-webkit-input-placeholder {
  395 + color: #9c9d9d;
  396 + opacity: 1;
  397 +}
  398 +
  399 +::-moz-placeholder {
  400 + color: #9c9d9d;
  401 + opacity: 1;
  402 +}
  403 +
  404 +:-ms-input-placeholder {
  405 + color: #9c9d9d;
  406 + opacity: 1;
  407 +}
  408 +
  409 +::-ms-input-placeholder {
  410 + color: #9c9d9d;
  411 + opacity: 1;
  412 +}
  413 +
  414 +::placeholder {
  415 + color: #9c9d9d;
  416 + opacity: 1;
  417 +}
  418 +
  419 +:focus::-webkit-input-placeholder {
  420 + color: transparent;
  421 +}
  422 +
  423 +:focus::-moz-placeholder {
  424 + color: transparent;
  425 +}
  426 +
  427 +:focus:-ms-input-placeholder {
  428 + color: transparent;
  429 +}
  430 +
  431 +:focus::-ms-input-placeholder {
  432 + color: transparent;
  433 +}
  434 +
  435 +:focus::placeholder {
  436 + color: transparent;
  437 +}
  438 +
  439 +*,
  440 +*:before,
  441 +*:after {
  442 + -webkit-box-sizing: border-box;
  443 + box-sizing: border-box;
  444 + -webkit-appearance: none;
  445 + -moz-appearance: none;
  446 + appearance: none;
  447 + outline: none;
  448 + -webkit-box-shadow: none;
  449 + box-shadow: none;
  450 +}
  451 +
  452 +a,
  453 +button,
  454 +select {
  455 + color: inherit;
  456 +}
  457 +
  458 +a {
  459 + text-decoration: none;
  460 +}
  461 +
  462 +a,
  463 +input[type=button],
  464 +input[type=submit],
  465 +button {
  466 + -webkit-user-select: none;
  467 + -moz-user-select: none;
  468 + -ms-user-select: none;
  469 + user-select: none;
  470 + -webkit-transition: 0.3s;
  471 + transition: 0.3s;
  472 + cursor: pointer;
  473 +}
  474 +
  475 +[type=tel] {
  476 + letter-spacing: 1px;
  477 +}
  478 +
  479 +.br,
  480 +img,
  481 +svg {
  482 + display: block;
  483 +}
  484 +
  485 +.float-left {
  486 + float: left;
  487 +}
  488 +
  489 +.float-right {
  490 + float: right;
  491 +}
  492 +
  493 +.clear-both:after {
  494 + content: "";
  495 + display: block;
  496 + clear: both;
  497 +}
  498 +
  499 +#body {
  500 + font-family: "Circe", sans-serif;
  501 + color: #3a3b3c;
  502 + background: #ffffff;
  503 + display: -webkit-box;
  504 + display: -ms-flexbox;
  505 + display: flex;
  506 + -webkit-box-orient: vertical;
  507 + -webkit-box-direction: normal;
  508 + -ms-flex-direction: column;
  509 + flex-direction: column;
  510 + -webkit-box-pack: justify;
  511 + -ms-flex-pack: justify;
  512 + justify-content: space-between;
  513 + gap: 50px;
  514 + min-width: 320px;
  515 + min-height: 100vh;
  516 + line-height: 1.25;
  517 +}
  518 +@media (min-width: 768px) {
  519 + #body {
  520 + gap: 60px;
  521 + }
  522 +}
  523 +#body.pdf {
  524 + gap: 0;
  525 +}
  526 +
  527 +.container {
  528 + width: 100%;
  529 + max-width: 1280px;
  530 + margin-left: auto;
  531 + margin-right: auto;
  532 + padding-left: 10px;
  533 + padding-right: 10px;
  534 +}
  535 +@media (min-width: 768px) {
  536 + .container {
  537 + padding-left: 20px;
  538 + padding-right: 20px;
  539 + }
  540 +}
  541 +
  542 +.to-top {
  543 + position: fixed;
  544 + right: 10px;
  545 + bottom: 10px;
  546 + border-radius: 999px;
  547 + display: -webkit-box;
  548 + display: -ms-flexbox;
  549 + display: flex;
  550 + -webkit-box-pack: center;
  551 + -ms-flex-pack: center;
  552 + justify-content: center;
  553 + -webkit-box-align: center;
  554 + -ms-flex-align: center;
  555 + align-items: center;
  556 + color: #ffffff;
  557 + background: #377d87;
  558 + width: 40px;
  559 + height: 40px;
  560 + -webkit-transition: 0.3s;
  561 + transition: 0.3s;
  562 + margin-right: -100px;
  563 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  564 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  565 + z-index: 99;
  566 + border: 1px solid #377d87;
  567 +}
  568 +.to-top:hover {
  569 + background: #ffffff;
  570 + color: #377d87;
  571 +}
  572 +.to-top svg {
  573 + width: 10px;
  574 + height: 10px;
  575 +}
  576 +@media (min-width: 768px) {
  577 + .to-top {
  578 + width: 50px;
  579 + height: 50px;
  580 + right: 20px;
  581 + bottom: 20px;
  582 + }
  583 + .to-top svg {
  584 + width: 12px;
  585 + height: 12px;
  586 + }
  587 +}
  588 +
  589 +.begin .to-top {
  590 + margin-right: 0;
  591 +}
  592 +
  593 +.socials {
  594 + display: -webkit-box;
  595 + display: -ms-flexbox;
  596 + display: flex;
  597 + -webkit-box-align: center;
  598 + -ms-flex-align: center;
  599 + align-items: center;
  600 + -webkit-box-pack: center;
  601 + -ms-flex-pack: center;
  602 + justify-content: center;
  603 + gap: 8px;
  604 +}
  605 +.socials a {
  606 + display: -webkit-box;
  607 + display: -ms-flexbox;
  608 + display: flex;
  609 + -webkit-box-align: center;
  610 + -ms-flex-align: center;
  611 + align-items: center;
  612 + -webkit-box-pack: center;
  613 + -ms-flex-pack: center;
  614 + justify-content: center;
  615 + border: 1px solid #377d87;
  616 + color: #377d87;
  617 + border-radius: 999px;
  618 + width: 38px;
  619 + height: 38px;
  620 +}
  621 +.socials a:hover {
  622 + background: #377d87;
  623 + color: #ffffff;
  624 +}
  625 +.socials svg {
  626 + width: 12px;
  627 + height: 12px;
  628 +}
  629 +
  630 +.nls {
  631 + display: -webkit-box;
  632 + display: -ms-flexbox;
  633 + display: flex;
  634 + color: #3a3b3c;
  635 + text-align: left;
  636 +}
  637 +.nls:hover {
  638 + color: #377d87;
  639 +}
  640 +.nls svg {
  641 + width: 30px;
  642 + height: 40px;
  643 +}
  644 +@media (min-width: 768px) {
  645 + .nls svg {
  646 + width: 24px;
  647 + height: 31px;
  648 + }
  649 +}
  650 +.nls span {
  651 + width: calc(100% - 30px);
  652 + padding-left: 12px;
  653 + display: -webkit-box;
  654 + display: -ms-flexbox;
  655 + display: flex;
  656 + -webkit-box-orient: vertical;
  657 + -webkit-box-direction: normal;
  658 + -ms-flex-direction: column;
  659 + flex-direction: column;
  660 + -webkit-box-pack: center;
  661 + -ms-flex-pack: center;
  662 + justify-content: center;
  663 + font-size: 12px;
  664 + line-height: 1.4;
  665 +}
  666 +@media (min-width: 768px) {
  667 + .nls span {
  668 + width: calc(100% - 24px);
  669 + }
  670 +}
  671 +.nls b {
  672 + font-weight: 400;
  673 +}
  674 +
  675 +.title,
  676 +h1 {
  677 + margin: 0;
  678 + font-weight: 700;
  679 + font-size: 32px;
  680 +}
  681 +@media (min-width: 768px) {
  682 + .title,
  683 + h1 {
  684 + font-size: 40px;
  685 + }
  686 +}
  687 +@media (min-width: 992px) {
  688 + .title,
  689 + h1 {
  690 + font-size: 48px;
  691 + }
  692 +}
  693 +@media (min-width: 1280px) {
  694 + .title,
  695 + h1 {
  696 + font-size: 64px;
  697 + }
  698 +}
  699 +
  700 +.swiper-pagination {
  701 + display: -webkit-box;
  702 + display: -ms-flexbox;
  703 + display: flex;
  704 + -webkit-box-pack: center;
  705 + -ms-flex-pack: center;
  706 + justify-content: center;
  707 + -webkit-box-align: center;
  708 + -ms-flex-align: center;
  709 + align-items: center;
  710 + position: static;
  711 + margin-top: 20px;
  712 + gap: 8px;
  713 +}
  714 +@media (min-width: 768px) {
  715 + .swiper-pagination {
  716 + margin-top: 30px;
  717 + }
  718 +}
  719 +.swiper-pagination-bullet {
  720 + width: 16px;
  721 + height: 16px;
  722 + opacity: 1;
  723 + border: 1px solid #cdcece;
  724 + -webkit-transition: 0.3s;
  725 + transition: 0.3s;
  726 + background: transparent;
  727 + display: -webkit-box;
  728 + display: -ms-flexbox;
  729 + display: flex;
  730 + -webkit-box-pack: center;
  731 + -ms-flex-pack: center;
  732 + justify-content: center;
  733 + -webkit-box-align: center;
  734 + -ms-flex-align: center;
  735 + align-items: center;
  736 + margin: 0 !important;
  737 +}
  738 +.swiper-pagination-bullet:before {
  739 + content: "";
  740 + width: 6px;
  741 + height: 6px;
  742 + border-radius: 999px;
  743 + background: #377d87;
  744 + opacity: 0;
  745 + -webkit-transition: 0.3s;
  746 + transition: 0.3s;
  747 +}
  748 +.swiper-pagination-bullet:hover {
  749 + border-color: #377d87;
  750 +}
  751 +.swiper-pagination-bullet-active {
  752 + border-color: #377d87;
  753 +}
  754 +.swiper-pagination-bullet-active:before {
  755 + opacity: 1;
  756 +}
  757 +
  758 +.navs {
  759 + display: -webkit-box;
  760 + display: -ms-flexbox;
  761 + display: flex;
  762 + -webkit-box-align: center;
  763 + -ms-flex-align: center;
  764 + align-items: center;
  765 + -webkit-box-pack: justify;
  766 + -ms-flex-pack: justify;
  767 + justify-content: space-between;
  768 + gap: 20px;
  769 + width: 80px;
  770 +}
  771 +.navs button {
  772 + color: #377d87;
  773 + background: none;
  774 + border: none;
  775 + padding: 0;
  776 +}
  777 +.navs button[disabled] {
  778 + cursor: not-allowed;
  779 + color: #cddee1;
  780 +}
  781 +.navs svg {
  782 + width: 14px;
  783 + height: 28px;
  784 +}
  785 +
  786 +.select {
  787 + position: relative;
  788 +}
  789 +.select2 {
  790 + width: 100% !important;
  791 +}
  792 +.select2-container {
  793 + font-size: 12px;
  794 +}
  795 +@media (min-width: 768px) {
  796 + .select2-container {
  797 + font-size: 16px;
  798 + }
  799 +}
  800 +.select2-container--open .select2-selection {
  801 + border-color: #377d87 !important;
  802 +}
  803 +.select2-container--open .select2-selection__arrow svg {
  804 + -webkit-transform: rotate(180deg);
  805 + -ms-transform: rotate(180deg);
  806 + transform: rotate(180deg);
  807 +}
  808 +.select2-selection {
  809 + min-height: 30px !important;
  810 + border-radius: 8px !important;
  811 + border-color: #e7e7e7 !important;
  812 + -webkit-transition: 0.3s;
  813 + transition: 0.3s;
  814 +}
  815 +@media (min-width: 768px) {
  816 + .select2-selection {
  817 + min-height: 50px !important;
  818 + }
  819 +}
  820 +.select2-selection__rendered {
  821 + line-height: 28px !important;
  822 + padding: 0 30px 0 10px !important;
  823 +}
  824 +@media (min-width: 768px) {
  825 + .select2-selection__rendered {
  826 + line-height: 48px !important;
  827 + padding: 0 46px 0 20px !important;
  828 + }
  829 +}
  830 +.select2-selection__arrow {
  831 + top: 0 !important;
  832 + right: 0 !important;
  833 + width: 30px !important;
  834 + height: 100% !important;
  835 + display: -webkit-box;
  836 + display: -ms-flexbox;
  837 + display: flex;
  838 + -webkit-box-pack: center;
  839 + -ms-flex-pack: center;
  840 + justify-content: center;
  841 + -webkit-box-align: center;
  842 + -ms-flex-align: center;
  843 + align-items: center;
  844 + color: #377d87;
  845 +}
  846 +@media (min-width: 768px) {
  847 + .select2-selection__arrow {
  848 + width: 50px !important;
  849 + }
  850 +}
  851 +.select2-selection__arrow svg {
  852 + width: 12px;
  853 + height: 12px;
  854 + -webkit-transition: 0.3s;
  855 + transition: 0.3s;
  856 +}
  857 +@media (min-width: 768px) {
  858 + .select2-selection__arrow svg {
  859 + width: 14px;
  860 + height: 14px;
  861 + }
  862 +}
  863 +.select2-selection__choice {
  864 + display: -webkit-box;
  865 + display: -ms-flexbox;
  866 + display: flex;
  867 + -webkit-box-orient: horizontal;
  868 + -webkit-box-direction: reverse;
  869 + -ms-flex-direction: row-reverse;
  870 + flex-direction: row-reverse;
  871 + -webkit-box-align: center;
  872 + -ms-flex-align: center;
  873 + align-items: center;
  874 + -webkit-box-pack: center;
  875 + -ms-flex-pack: center;
  876 + justify-content: center;
  877 + gap: 4px;
  878 + padding: 0 4px 0 6px !important;
  879 + background: #377d87 !important;
  880 + border: none !important;
  881 + border-radius: 6px !important;
  882 + line-height: 1 !important;
  883 + color: #ffffff;
  884 + height: 24px;
  885 +}
  886 +@media (min-width: 768px) {
  887 + .select2-selection__choice {
  888 + height: 32px;
  889 + gap: 6px;
  890 + padding: 0 6px 0 10px !important;
  891 + border-radius: 8px !important;
  892 + }
  893 +}
  894 +.select2-selection__choice__remove {
  895 + width: 14px;
  896 + height: 14px;
  897 + padding-top: 4px;
  898 + display: -webkit-box !important;
  899 + display: -ms-flexbox !important;
  900 + display: flex !important;
  901 + -webkit-box-pack: center;
  902 + -ms-flex-pack: center;
  903 + justify-content: center;
  904 + -webkit-box-align: center;
  905 + -ms-flex-align: center;
  906 + align-items: center;
  907 + color: #ffffff !important;
  908 + font-weight: 400 !important;
  909 + font-size: 26px;
  910 +}
  911 +.select2-search {
  912 + display: none;
  913 +}
  914 +.select2-dropdown {
  915 + z-index: 99999;
  916 + border: none;
  917 + border-radius: 0;
  918 + background: none;
  919 + padding: 5px 0;
  920 +}
  921 +@media (min-width: 768px) {
  922 + .select2-dropdown {
  923 + padding: 10px 0;
  924 + }
  925 +}
  926 +.select2-results {
  927 + background: #ffffff;
  928 + border-radius: 8px;
  929 + border: 1px solid #377d87;
  930 + overflow: hidden;
  931 +}
  932 +@media (min-width: 768px) {
  933 + .select2-results__option {
  934 + padding: 10px 14px;
  935 + }
  936 +}
  937 +.select2-results__option--highlighted {
  938 + background: #377d87 !important;
  939 +}
  940 +@media (min-width: 768px) {
  941 + .select_search .select2-selection__rendered {
  942 + padding-left: 60px !important;
  943 + }
  944 +}
  945 +.select_search .select__icon {
  946 + display: none;
  947 + height: 28px;
  948 + -webkit-box-align: center;
  949 + -ms-flex-align: center;
  950 + align-items: center;
  951 + padding-right: 12px;
  952 + z-index: 2;
  953 + position: absolute;
  954 + top: 50%;
  955 + left: 15px;
  956 + margin-top: -14px;
  957 +}
  958 +@media (min-width: 768px) {
  959 + .select_search .select__icon {
  960 + display: -webkit-box;
  961 + display: -ms-flexbox;
  962 + display: flex;
  963 + }
  964 +}
  965 +.select_search .select__icon:after {
  966 + content: "";
  967 + width: 1px;
  968 + height: 100%;
  969 + border-radius: 999px;
  970 + position: absolute;
  971 + top: 0;
  972 + right: 0;
  973 + background: #cecece;
  974 +}
  975 +.select_search .select__icon svg {
  976 + color: #9c9d9d;
  977 + width: 20px;
  978 + height: 20px;
  979 +}
  980 +
  981 +.form-group {
  982 + display: -webkit-box;
  983 + display: -ms-flexbox;
  984 + display: flex;
  985 + -webkit-box-orient: vertical;
  986 + -webkit-box-direction: normal;
  987 + -ms-flex-direction: column;
  988 + flex-direction: column;
  989 + gap: 4px;
  990 +}
  991 +.form-group__label {
  992 + font-size: 12px;
  993 +}
  994 +@media (min-width: 768px) {
  995 + .form-group__label {
  996 + font-size: 16px;
  997 + }
  998 +}
  999 +.form-group__item {
  1000 + display: -webkit-box;
  1001 + display: -ms-flexbox;
  1002 + display: flex;
  1003 + -webkit-box-orient: vertical;
  1004 + -webkit-box-direction: normal;
  1005 + -ms-flex-direction: column;
  1006 + flex-direction: column;
  1007 + position: relative;
  1008 +}
  1009 +
  1010 +.input {
  1011 + display: block;
  1012 + height: 30px;
  1013 + border: 1px solid #cecece;
  1014 + background: #ffffff;
  1015 + font-size: 12px;
  1016 + border-radius: 8px;
  1017 + padding: 0 10px;
  1018 + color: #3a3b3c;
  1019 + -webkit-transition: 0.3s;
  1020 + transition: 0.3s;
  1021 + position: relative;
  1022 + z-index: 1;
  1023 +}
  1024 +@media (min-width: 768px) {
  1025 + .input {
  1026 + padding: 0 20px;
  1027 + height: 44px;
  1028 + font-size: 16px;
  1029 + }
  1030 +}
  1031 +.input:focus {
  1032 + border-color: #377d87;
  1033 +}
  1034 +.input[disabled] {
  1035 + color: #9c9d9d;
  1036 + background: #e7e7e7;
  1037 +}
  1038 +.input[type=date] {
  1039 + text-transform: uppercase;
  1040 +}
  1041 +
  1042 +.textarea {
  1043 + resize: none;
  1044 + display: block;
  1045 + width: 100%;
  1046 + border-radius: 8px;
  1047 + border: 1px solid #cecece;
  1048 + background: #ffffff;
  1049 + -webkit-transition: 0.3s;
  1050 + transition: 0.3s;
  1051 + font-size: 12px;
  1052 + line-height: 1.4;
  1053 + padding: 10px;
  1054 + aspect-ratio: 8/3;
  1055 + max-height: 250px;
  1056 +}
  1057 +@media (min-width: 768px) {
  1058 + .textarea {
  1059 + padding: 20px;
  1060 + font-size: 16px;
  1061 + height: 280px;
  1062 + }
  1063 +}
  1064 +.textarea:focus {
  1065 + border-color: #377d87;
  1066 +}
  1067 +
  1068 +.button {
  1069 + display: -webkit-box;
  1070 + display: -ms-flexbox;
  1071 + display: flex;
  1072 + -webkit-box-pack: center;
  1073 + -ms-flex-pack: center;
  1074 + justify-content: center;
  1075 + -webkit-box-align: center;
  1076 + -ms-flex-align: center;
  1077 + align-items: center;
  1078 + color: #ffffff;
  1079 + background: #377d87;
  1080 + height: 30px;
  1081 + border-radius: 8px;
  1082 + padding: 0 12px;
  1083 + border: 1px solid #377d87;
  1084 + font-weight: 700;
  1085 + font-size: 12px;
  1086 + text-align: center;
  1087 + line-height: 1;
  1088 + gap: 6px;
  1089 + -webkit-transition: 0.3s;
  1090 + transition: 0.3s;
  1091 + cursor: pointer;
  1092 +}
  1093 +@media (min-width: 768px) {
  1094 + .button {
  1095 + padding: 0 24px;
  1096 + font-size: 16px;
  1097 + height: 44px;
  1098 + gap: 12px;
  1099 + }
  1100 +}
  1101 +@media (min-width: 992px) {
  1102 + .button {
  1103 + padding: 0 36px;
  1104 + }
  1105 +}
  1106 +.button:hover {
  1107 + background: transparent;
  1108 + color: #377d87;
  1109 +}
  1110 +.button img,
  1111 +.button svg {
  1112 + width: 12px;
  1113 + height: 12px;
  1114 +}
  1115 +@media (min-width: 768px) {
  1116 + .button img,
  1117 + .button svg {
  1118 + width: 18px;
  1119 + height: 18px;
  1120 + }
  1121 +}
  1122 +.button_more span + span {
  1123 + display: none;
  1124 +}
  1125 +.button_more.active span {
  1126 + display: none;
  1127 +}
  1128 +.button_more.active span + span {
  1129 + display: block;
  1130 +}
  1131 +.button_light {
  1132 + background: transparent;
  1133 + color: #377d87;
  1134 +}
  1135 +.button_light:hover {
  1136 + background: #377d87;
  1137 + color: #ffffff;
  1138 +}
  1139 +.button_whited {
  1140 + background: #ffffff;
  1141 + color: #377d87;
  1142 + border-color: #ffffff;
  1143 +}
  1144 +.button_whited:hover {
  1145 + background: #377d87;
  1146 + color: #ffffff;
  1147 +}
  1148 +
  1149 +.search {
  1150 + width: 100%;
  1151 + position: relative;
  1152 + background: #ffffff;
  1153 + border-radius: 8px;
  1154 +}
  1155 +.search span {
  1156 + display: none;
  1157 + height: 28px;
  1158 + -webkit-box-align: center;
  1159 + -ms-flex-align: center;
  1160 + align-items: center;
  1161 + padding-right: 12px;
  1162 + z-index: 1;
  1163 + position: absolute;
  1164 + top: 50%;
  1165 + left: 15px;
  1166 + margin-top: -14px;
  1167 +}
  1168 +@media (min-width: 768px) {
  1169 + .search span {
  1170 + display: -webkit-box;
  1171 + display: -ms-flexbox;
  1172 + display: flex;
  1173 + }
  1174 +}
  1175 +.search span:after {
  1176 + content: "";
  1177 + width: 1px;
  1178 + height: 100%;
  1179 + border-radius: 999px;
  1180 + position: absolute;
  1181 + top: 0;
  1182 + right: 0;
  1183 + background: #cecece;
  1184 +}
  1185 +.search span svg {
  1186 + color: #9c9d9d;
  1187 + width: 20px;
  1188 + height: 20px;
  1189 +}
  1190 +.search input {
  1191 + width: 100%;
  1192 + padding-right: 150px;
  1193 + position: relative;
  1194 + z-index: 2;
  1195 + background: none;
  1196 +}
  1197 +@media (min-width: 768px) {
  1198 + .search input {
  1199 + padding-left: 60px;
  1200 + padding-right: 220px;
  1201 + }
  1202 +}
  1203 +.search button {
  1204 + width: 140px;
  1205 + position: absolute;
  1206 + padding: 0;
  1207 + top: 0;
  1208 + right: 0;
  1209 + z-index: 3;
  1210 +}
  1211 +@media (min-width: 768px) {
  1212 + .search button {
  1213 + width: 200px;
  1214 + }
  1215 +}
  1216 +
  1217 +.breadcrumbs {
  1218 + display: -webkit-box;
  1219 + display: -ms-flexbox;
  1220 + display: flex;
  1221 + -webkit-box-align: center;
  1222 + -ms-flex-align: center;
  1223 + align-items: center;
  1224 + -ms-flex-wrap: wrap;
  1225 + flex-wrap: wrap;
  1226 + gap: 12px 6px;
  1227 + margin: 0;
  1228 + padding: 0;
  1229 + font-size: 11px;
  1230 + color: #cecece;
  1231 + line-height: 1;
  1232 +}
  1233 +@media (min-width: 992px) {
  1234 + .breadcrumbs {
  1235 + font-size: 13px;
  1236 + }
  1237 +}
  1238 +@media (min-width: 1280px) {
  1239 + .breadcrumbs {
  1240 + font-size: 16px;
  1241 + }
  1242 +}
  1243 +.breadcrumbs li {
  1244 + display: -webkit-box;
  1245 + display: -ms-flexbox;
  1246 + display: flex;
  1247 + -webkit-box-align: center;
  1248 + -ms-flex-align: center;
  1249 + align-items: center;
  1250 + gap: 6px;
  1251 +}
  1252 +.breadcrumbs li:before {
  1253 + content: "";
  1254 + width: 4px;
  1255 + height: 4px;
  1256 + background: #cecece;
  1257 + border-radius: 999px;
  1258 + position: relative;
  1259 + top: -1px;
  1260 +}
  1261 +.breadcrumbs li:first-child:before {
  1262 + display: none;
  1263 +}
  1264 +.breadcrumbs li:last-child:before {
  1265 + background: #377d87;
  1266 +}
  1267 +.breadcrumbs a:hover {
  1268 + color: #377d87;
  1269 +}
  1270 +.breadcrumbs b {
  1271 + color: #377d87;
  1272 + font-weight: 700;
  1273 +}
  1274 +
  1275 +.pagination {
  1276 + display: -webkit-box;
  1277 + display: -ms-flexbox;
  1278 + display: flex;
  1279 + -webkit-box-align: center;
  1280 + -ms-flex-align: center;
  1281 + align-items: center;
  1282 + -webkit-box-pack: center;
  1283 + -ms-flex-pack: center;
  1284 + justify-content: center;
  1285 + line-height: 1;
  1286 + color: #3a3b3c;
  1287 + font-size: 12px;
  1288 + margin: 0 auto;
  1289 +}
  1290 +@media (min-width: 768px) {
  1291 + .pagination {
  1292 + font-size: 14px;
  1293 + gap: 3px;
  1294 + }
  1295 +}
  1296 +.pagination__item {
  1297 + width: 40px;
  1298 + height: 40px;
  1299 + display: -webkit-box;
  1300 + display: -ms-flexbox;
  1301 + display: flex;
  1302 + -webkit-box-pack: center;
  1303 + -ms-flex-pack: center;
  1304 + justify-content: center;
  1305 + -webkit-box-align: center;
  1306 + -ms-flex-align: center;
  1307 + align-items: center;
  1308 + background: none;
  1309 + padding: 0;
  1310 + border: 1px solid transparent;
  1311 + border-radius: 8px;
  1312 +}
  1313 +.pagination__item:hover {
  1314 + -webkit-transition: 0s;
  1315 + transition: 0s;
  1316 + color: #377d87;
  1317 + font-weight: 700;
  1318 +}
  1319 +.pagination__item.active {
  1320 + font-weight: 700;
  1321 + color: #ffffff;
  1322 + background: #377d87;
  1323 + border-color: #377d87;
  1324 +}
  1325 +.pagination__dots {
  1326 + width: 40px;
  1327 + height: 40px;
  1328 + display: -webkit-box;
  1329 + display: -ms-flexbox;
  1330 + display: flex;
  1331 + -webkit-box-pack: center;
  1332 + -ms-flex-pack: center;
  1333 + justify-content: center;
  1334 + -webkit-box-align: center;
  1335 + -ms-flex-align: center;
  1336 + align-items: center;
  1337 +}
  1338 +.pagination__dots svg {
  1339 + width: 15px;
  1340 + height: 15px;
  1341 +}
  1342 +.pagination__nav {
  1343 + width: 40px;
  1344 + height: 40px;
  1345 + display: none;
  1346 + -webkit-box-pack: center;
  1347 + -ms-flex-pack: center;
  1348 + justify-content: center;
  1349 + -webkit-box-align: center;
  1350 + -ms-flex-align: center;
  1351 + align-items: center;
  1352 + background: none;
  1353 + padding: 0;
  1354 + border: 1px solid #cddee1;
  1355 + color: #377d87;
  1356 + border-radius: 8px;
  1357 +}
  1358 +@media (min-width: 768px) {
  1359 + .pagination__nav {
  1360 + display: -webkit-box;
  1361 + display: -ms-flexbox;
  1362 + display: flex;
  1363 + }
  1364 +}
  1365 +.pagination__nav:hover {
  1366 + border-color: #377d87;
  1367 + background: #377d87;
  1368 + color: #ffffff;
  1369 +}
  1370 +.pagination__nav svg {
  1371 + width: 10px;
  1372 + height: 10px;
  1373 +}
  1374 +.pagination__nav_prev {
  1375 + margin-right: 37px;
  1376 +}
  1377 +.pagination__nav_prev svg {
  1378 + -webkit-transform: rotate(180deg);
  1379 + -ms-transform: rotate(180deg);
  1380 + transform: rotate(180deg);
  1381 +}
  1382 +.pagination__nav_next {
  1383 + margin-left: 37px;
  1384 +}
  1385 +
  1386 +.filters {
  1387 + display: -webkit-box;
  1388 + display: -ms-flexbox;
  1389 + display: flex;
  1390 + -webkit-box-orient: vertical;
  1391 + -webkit-box-direction: normal;
  1392 + -ms-flex-direction: column;
  1393 + flex-direction: column;
  1394 + gap: 10px;
  1395 +}
  1396 +@media (min-width: 768px) {
  1397 + .filters {
  1398 + -webkit-box-orient: horizontal;
  1399 + -webkit-box-direction: normal;
  1400 + -ms-flex-direction: row;
  1401 + flex-direction: row;
  1402 + -webkit-box-align: center;
  1403 + -ms-flex-align: center;
  1404 + align-items: center;
  1405 + -webkit-box-pack: justify;
  1406 + -ms-flex-pack: justify;
  1407 + justify-content: space-between;
  1408 + }
  1409 +}
  1410 +.filters__label {
  1411 + color: #377d87;
  1412 + font-size: 12px;
  1413 + font-weight: 700;
  1414 +}
  1415 +@media (min-width: 768px) {
  1416 + .filters__label {
  1417 + font-size: 16px;
  1418 + }
  1419 +}
  1420 +@media (min-width: 992px) {
  1421 + .filters__label {
  1422 + font-size: 18px;
  1423 + }
  1424 +}
  1425 +.filters__body {
  1426 + display: -webkit-box;
  1427 + display: -ms-flexbox;
  1428 + display: flex;
  1429 + -webkit-box-orient: vertical;
  1430 + -webkit-box-direction: normal;
  1431 + -ms-flex-direction: column;
  1432 + flex-direction: column;
  1433 +}
  1434 +@media (min-width: 768px) {
  1435 + .filters__body {
  1436 + -webkit-box-orient: horizontal;
  1437 + -webkit-box-direction: normal;
  1438 + -ms-flex-direction: row;
  1439 + flex-direction: row;
  1440 + -webkit-box-align: center;
  1441 + -ms-flex-align: center;
  1442 + align-items: center;
  1443 + }
  1444 +}
  1445 +@media (min-width: 768px) {
  1446 + .filters__select {
  1447 + width: 250px;
  1448 + }
  1449 +}
  1450 +@media (min-width: 992px) {
  1451 + .filters__select {
  1452 + width: 310px;
  1453 + }
  1454 +}
  1455 +.filters__item {
  1456 + display: none;
  1457 + -webkit-box-pack: center;
  1458 + -ms-flex-pack: center;
  1459 + justify-content: center;
  1460 + -webkit-box-align: center;
  1461 + -ms-flex-align: center;
  1462 + align-items: center;
  1463 + width: 50px;
  1464 + height: 50px;
  1465 + padding: 0;
  1466 + background: #ffffff;
  1467 + border: 1px solid #377d87;
  1468 + color: #377d87;
  1469 + border-radius: 8px;
  1470 + margin-left: 20px;
  1471 +}
  1472 +@media (min-width: 768px) {
  1473 + .filters__item {
  1474 + display: -webkit-box;
  1475 + display: -ms-flexbox;
  1476 + display: flex;
  1477 + }
  1478 +}
  1479 +.filters__item svg {
  1480 + width: 24px;
  1481 + height: 24px;
  1482 +}
  1483 +.filters__item.active {
  1484 + background: #377d87;
  1485 + color: #ffffff;
  1486 +}
  1487 +.filters__item + .filters__item {
  1488 + margin-left: 8px;
  1489 +}
  1490 +
  1491 +.like,
  1492 +.chat {
  1493 + width: 30px;
  1494 + height: 30px;
  1495 + display: -webkit-box;
  1496 + display: -ms-flexbox;
  1497 + display: flex;
  1498 + -webkit-box-pack: center;
  1499 + -ms-flex-pack: center;
  1500 + justify-content: center;
  1501 + -webkit-box-align: center;
  1502 + -ms-flex-align: center;
  1503 + align-items: center;
  1504 + background: none;
  1505 + border: 1px solid #377d87;
  1506 + padding: 0;
  1507 + color: #377d87;
  1508 + border-radius: 6px;
  1509 +}
  1510 +@media (min-width: 768px) {
  1511 + .like,
  1512 + .chat {
  1513 + width: 44px;
  1514 + height: 44px;
  1515 + }
  1516 +}
  1517 +.like.active,
  1518 +.chat.active {
  1519 + background: #377d87;
  1520 + color: #ffffff;
  1521 +}
  1522 +.like svg,
  1523 +.chat svg {
  1524 + width: 14px;
  1525 + height: 14px;
  1526 +}
  1527 +@media (min-width: 768px) {
  1528 + .like svg,
  1529 + .chat svg {
  1530 + width: 20px;
  1531 + height: 20px;
  1532 + }
  1533 +}
  1534 +
  1535 +.checkbox {
  1536 + display: -webkit-box;
  1537 + display: -ms-flexbox;
  1538 + display: flex;
  1539 + -webkit-box-align: start;
  1540 + -ms-flex-align: start;
  1541 + align-items: flex-start;
  1542 + cursor: pointer;
  1543 + position: relative;
  1544 +}
  1545 +.checkbox__input {
  1546 + position: absolute;
  1547 + z-index: 1;
  1548 + width: 14px;
  1549 + height: 14px;
  1550 + padding: 0;
  1551 + background: none;
  1552 + border: none;
  1553 + opacity: 0;
  1554 +}
  1555 +@media (min-width: 768px) {
  1556 + .checkbox__input {
  1557 + width: 20px;
  1558 + height: 20px;
  1559 + }
  1560 +}
  1561 +.checkbox__icon {
  1562 + width: 14px;
  1563 + height: 14px;
  1564 + border: 1px solid #cfcfcf;
  1565 + background: #ffffff;
  1566 + color: #ffffff;
  1567 + display: -webkit-box;
  1568 + display: -ms-flexbox;
  1569 + display: flex;
  1570 + -webkit-box-pack: center;
  1571 + -ms-flex-pack: center;
  1572 + justify-content: center;
  1573 + -webkit-box-align: center;
  1574 + -ms-flex-align: center;
  1575 + align-items: center;
  1576 + border-radius: 4px;
  1577 + -webkit-transition: 0.3s;
  1578 + transition: 0.3s;
  1579 + position: relative;
  1580 + z-index: 2;
  1581 +}
  1582 +@media (min-width: 768px) {
  1583 + .checkbox__icon {
  1584 + width: 20px;
  1585 + height: 20px;
  1586 + }
  1587 +}
  1588 +.checkbox__icon svg {
  1589 + width: 8px;
  1590 + height: 8px;
  1591 + opacity: 0;
  1592 +}
  1593 +@media (min-width: 768px) {
  1594 + .checkbox__icon svg {
  1595 + width: 10px;
  1596 + height: 10px;
  1597 + }
  1598 +}
  1599 +.checkbox__input:checked + .checkbox__icon {
  1600 + border-color: #377d87;
  1601 + background: #377d87;
  1602 +}
  1603 +.checkbox__input:checked + .checkbox__icon svg {
  1604 + opacity: 1;
  1605 +}
  1606 +.checkbox__text {
  1607 + width: calc(100% - 14px);
  1608 + padding-left: 6px;
  1609 + font-size: 12px;
  1610 + line-height: 1;
  1611 + display: -webkit-box;
  1612 + display: -ms-flexbox;
  1613 + display: flex;
  1614 + -webkit-box-align: center;
  1615 + -ms-flex-align: center;
  1616 + align-items: center;
  1617 + min-height: 14px;
  1618 +}
  1619 +@media (min-width: 768px) {
  1620 + .checkbox__text {
  1621 + width: calc(100% - 20px);
  1622 + padding-left: 12px;
  1623 + font-size: 15px;
  1624 + min-height: 20px;
  1625 + }
  1626 +}
  1627 +.checkbox__text a {
  1628 + color: #377d87;
  1629 + text-decoration: underline;
  1630 +}
  1631 +
  1632 +.file {
  1633 + display: -webkit-box;
  1634 + display: -ms-flexbox;
  1635 + display: flex;
  1636 + -webkit-box-orient: vertical;
  1637 + -webkit-box-direction: normal;
  1638 + -ms-flex-direction: column;
  1639 + flex-direction: column;
  1640 +}
  1641 +.file__input input {
  1642 + display: none;
  1643 +}
  1644 +.file__list {
  1645 + display: -webkit-box;
  1646 + display: -ms-flexbox;
  1647 + display: flex;
  1648 + -webkit-box-orient: vertical;
  1649 + -webkit-box-direction: normal;
  1650 + -ms-flex-direction: column;
  1651 + flex-direction: column;
  1652 +}
  1653 +.file__list-item {
  1654 + display: -webkit-box;
  1655 + display: -ms-flexbox;
  1656 + display: flex;
  1657 + -webkit-box-align: start;
  1658 + -ms-flex-align: start;
  1659 + align-items: flex-start;
  1660 + margin-top: 16px;
  1661 +}
  1662 +.file__list-item-left {
  1663 + width: calc(100% - 16px);
  1664 + min-height: 16px;
  1665 + color: #9c9d9d;
  1666 + font-size: 12px;
  1667 + display: -webkit-box;
  1668 + display: -ms-flexbox;
  1669 + display: flex;
  1670 + -webkit-box-align: start;
  1671 + -ms-flex-align: start;
  1672 + align-items: flex-start;
  1673 +}
  1674 +@media (min-width: 768px) {
  1675 + .file__list-item-left {
  1676 + width: auto;
  1677 + max-width: calc(100% - 16px);
  1678 + font-size: 16px;
  1679 + }
  1680 +}
  1681 +.file__list-item-left svg {
  1682 + width: 16px;
  1683 + height: 16px;
  1684 +}
  1685 +.file__list-item-left span {
  1686 + width: calc(100% - 16px);
  1687 + min-height: 16px;
  1688 + display: -webkit-box;
  1689 + display: -ms-flexbox;
  1690 + display: flex;
  1691 + -webkit-box-align: center;
  1692 + -ms-flex-align: center;
  1693 + align-items: center;
  1694 + padding: 0 8px;
  1695 +}
  1696 +.file__list-item-right {
  1697 + display: -webkit-box;
  1698 + display: -ms-flexbox;
  1699 + display: flex;
  1700 + -webkit-box-pack: center;
  1701 + -ms-flex-pack: center;
  1702 + justify-content: center;
  1703 + -webkit-box-align: center;
  1704 + -ms-flex-align: center;
  1705 + align-items: center;
  1706 + padding: 0;
  1707 + background: none;
  1708 + border: none;
  1709 + width: 16px;
  1710 + height: 16px;
  1711 + color: #377d87;
  1712 +}
  1713 +.file__list-item-right:hover {
  1714 + color: #3a3b3c;
  1715 +}
  1716 +.file__list-item-right svg {
  1717 + width: 10px;
  1718 + height: 10px;
  1719 +}
  1720 +.file__list-item + .file__list-item {
  1721 + margin-top: 10px;
  1722 +}
  1723 +
  1724 +.rate {
  1725 + display: -webkit-box;
  1726 + display: -ms-flexbox;
  1727 + display: flex;
  1728 + -webkit-box-align: center;
  1729 + -ms-flex-align: center;
  1730 + align-items: center;
  1731 + gap: 10px;
  1732 +}
  1733 +@media (min-width: 768px) {
  1734 + .rate {
  1735 + gap: 20px;
  1736 + }
  1737 +}
  1738 +.rate__label {
  1739 + font-size: 12px;
  1740 + font-weight: 700;
  1741 + line-height: 1;
  1742 +}
  1743 +@media (min-width: 768px) {
  1744 + .rate__label {
  1745 + font-size: 18px;
  1746 + }
  1747 +}
  1748 +.rate__stars {
  1749 + display: -webkit-box;
  1750 + display: -ms-flexbox;
  1751 + display: flex;
  1752 + -webkit-box-orient: vertical;
  1753 + -webkit-box-direction: normal;
  1754 + -ms-flex-direction: column;
  1755 + flex-direction: column;
  1756 +}
  1757 +
  1758 +.back {
  1759 + display: -webkit-box;
  1760 + display: -ms-flexbox;
  1761 + display: flex;
  1762 + -webkit-box-align: center;
  1763 + -ms-flex-align: center;
  1764 + align-items: center;
  1765 + font-size: 14px;
  1766 + color: #377d87;
  1767 + font-weight: 700;
  1768 +}
  1769 +@media (min-width: 768px) {
  1770 + .back {
  1771 + font-size: 18px;
  1772 + }
  1773 +}
  1774 +.back:hover {
  1775 + color: #4d88d9;
  1776 +}
  1777 +.back svg {
  1778 + width: 16px;
  1779 + height: 16px;
  1780 +}
  1781 +@media (min-width: 768px) {
  1782 + .back svg {
  1783 + width: 26px;
  1784 + height: 26px;
  1785 + }
  1786 +}
  1787 +.back span {
  1788 + width: calc(100% - 16px);
  1789 + padding-left: 10px;
  1790 +}
  1791 +@media (min-width: 768px) {
  1792 + .back span {
  1793 + width: calc(100% - 26px);
  1794 + padding-left: 20px;
  1795 + }
  1796 +}
  1797 +
  1798 +.callback {
  1799 + display: -webkit-box;
  1800 + display: -ms-flexbox;
  1801 + display: flex;
  1802 + -webkit-box-orient: vertical;
  1803 + -webkit-box-direction: normal;
  1804 + -ms-flex-direction: column;
  1805 + flex-direction: column;
  1806 + gap: 16px;
  1807 +}
  1808 +@media (min-width: 992px) {
  1809 + .callback {
  1810 + -webkit-box-orient: horizontal;
  1811 + -webkit-box-direction: normal;
  1812 + -ms-flex-direction: row;
  1813 + flex-direction: row;
  1814 + -webkit-box-pack: justify;
  1815 + -ms-flex-pack: justify;
  1816 + justify-content: space-between;
  1817 + -ms-flex-wrap: wrap;
  1818 + flex-wrap: wrap;
  1819 + gap: 20px 0;
  1820 + }
  1821 +}
  1822 +.callback__body {
  1823 + display: -webkit-box;
  1824 + display: -ms-flexbox;
  1825 + display: flex;
  1826 + -webkit-box-orient: vertical;
  1827 + -webkit-box-direction: normal;
  1828 + -ms-flex-direction: column;
  1829 + flex-direction: column;
  1830 + gap: 16px;
  1831 +}
  1832 +@media (min-width: 992px) {
  1833 + .callback__body {
  1834 + width: calc(50% - 10px);
  1835 + gap: 10px;
  1836 + }
  1837 +}
  1838 +@media (min-width: 992px) {
  1839 + .callback__textarea {
  1840 + width: calc(50% - 10px);
  1841 + height: auto;
  1842 + }
  1843 +}
  1844 +.callback__bottom {
  1845 + display: -webkit-box;
  1846 + display: -ms-flexbox;
  1847 + display: flex;
  1848 + -webkit-box-orient: vertical;
  1849 + -webkit-box-direction: normal;
  1850 + -ms-flex-direction: column;
  1851 + flex-direction: column;
  1852 + gap: 16px;
  1853 +}
  1854 +@media (min-width: 768px) {
  1855 + .callback__bottom {
  1856 + -webkit-box-align: start;
  1857 + -ms-flex-align: start;
  1858 + align-items: flex-start;
  1859 + }
  1860 +}
  1861 +@media (min-width: 992px) {
  1862 + .callback__bottom {
  1863 + width: 100%;
  1864 + gap: 20px;
  1865 + }
  1866 +}
  1867 +
  1868 +.error .input,
  1869 +.error .textarea {
  1870 + border-color: #eb5757;
  1871 +}
  1872 +.error label {
  1873 + display: block;
  1874 +}
  1875 +
  1876 +.eye {
  1877 + position: absolute;
  1878 + z-index: 2;
  1879 + top: 50%;
  1880 + -webkit-transform: translate(0, -50%);
  1881 + -ms-transform: translate(0, -50%);
  1882 + transform: translate(0, -50%);
  1883 + right: 10px;
  1884 + aspect-ratio: 1/1;
  1885 + width: 16px;
  1886 + padding: 0;
  1887 + border: none;
  1888 + background: none;
  1889 + color: #9c9d9d;
  1890 +}
  1891 +@media (min-width: 768px) {
  1892 + .eye {
  1893 + width: 24px;
  1894 + right: 20px;
  1895 + }
  1896 +}
  1897 +.eye svg {
  1898 + position: absolute;
  1899 + top: 0;
  1900 + left: 0;
  1901 + width: 100%;
  1902 + height: 100%;
  1903 +}
  1904 +.eye svg + svg {
  1905 + display: none;
  1906 +}
  1907 +.eye.active {
  1908 + color: #377d87;
  1909 +}
  1910 +.eye.active svg {
  1911 + display: none;
  1912 +}
  1913 +.eye.active svg + svg {
  1914 + display: block;
  1915 +}
  1916 +
  1917 +.del {
  1918 + width: 32px;
  1919 + aspect-ratio: 1/1;
  1920 + background: #377d87;
  1921 + color: #ffffff;
  1922 + display: -webkit-box;
  1923 + display: -ms-flexbox;
  1924 + display: flex;
  1925 + -webkit-box-pack: center;
  1926 + -ms-flex-pack: center;
  1927 + justify-content: center;
  1928 + -webkit-box-align: center;
  1929 + -ms-flex-align: center;
  1930 + align-items: center;
  1931 + border-radius: 8px;
  1932 + padding: 0;
  1933 + border: 1px solid #377d87;
  1934 +}
  1935 +.del:hover {
  1936 + background: #ffffff;
  1937 + color: #377d87;
  1938 +}
  1939 +.del svg {
  1940 + width: 50%;
  1941 + aspect-ratio: 1/1;
  1942 +}
  1943 +
  1944 +.notify {
  1945 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  1946 + padding: 6px 12px;
  1947 + border-radius: 8px;
  1948 + display: -webkit-box;
  1949 + display: -ms-flexbox;
  1950 + display: flex;
  1951 + -webkit-box-align: start;
  1952 + -ms-flex-align: start;
  1953 + align-items: flex-start;
  1954 +}
  1955 +@media (min-width: 768px) {
  1956 + .notify {
  1957 + padding: 12px 20px;
  1958 + }
  1959 +}
  1960 +.notify_red {
  1961 + background: #f9cdcd;
  1962 +}
  1963 +.notify svg {
  1964 + color: #4d88d9;
  1965 + width: 20px;
  1966 + aspect-ratio: 1/1;
  1967 +}
  1968 +.notify span {
  1969 + font-size: 12px;
  1970 + padding-left: 10px;
  1971 + min-height: 20px;
  1972 + display: -webkit-box;
  1973 + display: -ms-flexbox;
  1974 + display: flex;
  1975 + -webkit-box-align: center;
  1976 + -ms-flex-align: center;
  1977 + align-items: center;
  1978 +}
  1979 +@media (min-width: 768px) {
  1980 + .notify span {
  1981 + font-size: 16px;
  1982 + }
  1983 +}
  1984 +
  1985 +.table {
  1986 + margin: 0 -10px;
  1987 + display: -webkit-box;
  1988 + display: -ms-flexbox;
  1989 + display: flex;
  1990 + -webkit-box-orient: vertical;
  1991 + -webkit-box-direction: reverse;
  1992 + -ms-flex-direction: column-reverse;
  1993 + flex-direction: column-reverse;
  1994 + -webkit-box-align: center;
  1995 + -ms-flex-align: center;
  1996 + align-items: center;
  1997 + gap: 20px;
  1998 +}
  1999 +@media (min-width: 768px) {
  2000 + .table {
  2001 + margin: 0;
  2002 + gap: 30px;
  2003 + }
  2004 +}
  2005 +.table__button {
  2006 + display: none;
  2007 +}
  2008 +.table_spoiler .table__button {
  2009 + display: -webkit-box;
  2010 + display: -ms-flexbox;
  2011 + display: flex;
  2012 +}
  2013 +.table__scroll {
  2014 + overflow: hidden;
  2015 + overflow-x: auto;
  2016 + padding: 0 10px;
  2017 + width: 100%;
  2018 +}
  2019 +@media (min-width: 768px) {
  2020 + .table__scroll {
  2021 + padding: 0;
  2022 + }
  2023 +}
  2024 +.table__body {
  2025 + border-radius: 8px;
  2026 + overflow: hidden;
  2027 +}
  2028 +.table__body_min-width {
  2029 + min-width: 580px;
  2030 +}
  2031 +.table table {
  2032 + border-collapse: collapse;
  2033 + width: 100%;
  2034 + font-size: 12px;
  2035 + border-radius: 8px;
  2036 +}
  2037 +@media (min-width: 768px) {
  2038 + .table table {
  2039 + font-size: 14px;
  2040 + }
  2041 +}
  2042 +@media (min-width: 1280px) {
  2043 + .table table {
  2044 + font-size: 16px;
  2045 + }
  2046 +}
  2047 +.table thead tr th,
  2048 +.table thead tr td {
  2049 + background: #377d87;
  2050 + color: #ffffff;
  2051 + font-weight: 700;
  2052 + border-top-color: #377d87;
  2053 +}
  2054 +.table thead tr th:first-child,
  2055 +.table thead tr td:first-child {
  2056 + border-left-color: #377d87;
  2057 +}
  2058 +.table thead tr th:last-child,
  2059 +.table thead tr td:last-child {
  2060 + border-right-color: #377d87;
  2061 +}
  2062 +.table_spoiler tr {
  2063 + display: none;
  2064 +}
  2065 +.table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
  2066 + display: table-row;
  2067 +}
  2068 +.table_spoiler.active tr {
  2069 + display: table-row;
  2070 +}
  2071 +.table th,
  2072 +.table td {
  2073 + text-align: left;
  2074 + padding: 10px;
  2075 + border: 1px solid #cecece;
  2076 +}
  2077 +@media (min-width: 768px) {
  2078 + .table td {
  2079 + padding: 14px 10px;
  2080 + }
  2081 +}
  2082 +.table__status {
  2083 + color: #9c9d9d;
  2084 + display: -webkit-box;
  2085 + display: -ms-flexbox;
  2086 + display: flex;
  2087 + -webkit-box-align: center;
  2088 + -ms-flex-align: center;
  2089 + align-items: center;
  2090 + gap: 6px;
  2091 + position: relative;
  2092 + padding-left: 14px;
  2093 +}
  2094 +.table__status i {
  2095 + background: #9c9d9d;
  2096 + width: 8px;
  2097 + aspect-ratio: 1/1;
  2098 + border-radius: 999px;
  2099 + position: absolute;
  2100 + top: 4px;
  2101 + left: 0;
  2102 +}
  2103 +.table__status.green {
  2104 + color: #377d87;
  2105 +}
  2106 +.table__status.green i {
  2107 + background: #377d87;
  2108 +}
  2109 +.table__link {
  2110 + display: -webkit-box;
  2111 + display: -ms-flexbox;
  2112 + display: flex;
  2113 + -webkit-box-align: center;
  2114 + -ms-flex-align: center;
  2115 + align-items: center;
  2116 + gap: 4px;
  2117 + color: #4d88d9;
  2118 +}
  2119 +@media (min-width: 768px) {
  2120 + .table__link {
  2121 + gap: 6px;
  2122 + }
  2123 +}
  2124 +.table__link:hover {
  2125 + color: #3a3b3c;
  2126 +}
  2127 +.table__link svg {
  2128 + width: 12px;
  2129 + aspect-ratio: 1/1;
  2130 +}
  2131 +@media (min-width: 768px) {
  2132 + .table__link svg {
  2133 + width: 16px;
  2134 + }
  2135 +}
  2136 +.table__controls {
  2137 + display: -webkit-box;
  2138 + display: -ms-flexbox;
  2139 + display: flex;
  2140 + -webkit-box-align: center;
  2141 + -ms-flex-align: center;
  2142 + align-items: center;
  2143 + gap: 8px;
  2144 +}
  2145 +@media (min-width: 1280px) {
  2146 + .table__controls {
  2147 + gap: 12px;
  2148 + }
  2149 +}
  2150 +.table__controls-item {
  2151 + width: 24px;
  2152 + aspect-ratio: 1/1;
  2153 + display: -webkit-box;
  2154 + display: -ms-flexbox;
  2155 + display: flex;
  2156 + -webkit-box-pack: center;
  2157 + -ms-flex-pack: center;
  2158 + justify-content: center;
  2159 + -webkit-box-align: center;
  2160 + -ms-flex-align: center;
  2161 + align-items: center;
  2162 + border: 1px solid #377d87;
  2163 + border-radius: 8px;
  2164 + color: #377d87;
  2165 + background: none;
  2166 + padding: 0;
  2167 +}
  2168 +@media (min-width: 1280px) {
  2169 + .table__controls-item {
  2170 + width: 30px;
  2171 + }
  2172 +}
  2173 +.table__controls-item:hover {
  2174 + background: #377d87;
  2175 + color: #ffffff;
  2176 +}
  2177 +.table__controls-item svg {
  2178 + width: 60%;
  2179 + aspect-ratio: 1/1;
  2180 +}
  2181 +.table__controls-item:nth-of-type(4) svg {
  2182 + width: 80%;
  2183 +}
  2184 +
  2185 +.gl-star-rating--stars:before, .gl-star-rating--stars:after {
  2186 + display: none;
  2187 +}
  2188 +.gl-star-rating--stars span {
  2189 + width: 22px !important;
  2190 + height: 22px !important;
  2191 + background-size: 22px 22px !important;
  2192 +}
  2193 +@media (min-width: 768px) {
  2194 + .gl-star-rating--stars span {
  2195 + width: 30px !important;
  2196 + height: 30px !important;
  2197 + background-size: 30px 30px !important;
  2198 + }
  2199 +}
  2200 +
  2201 +.more {
  2202 + display: -webkit-box;
  2203 + display: -ms-flexbox;
  2204 + display: flex;
  2205 + -webkit-box-orient: vertical;
  2206 + -webkit-box-direction: normal;
  2207 + -ms-flex-direction: column;
  2208 + flex-direction: column;
  2209 + -webkit-box-align: center;
  2210 + -ms-flex-align: center;
  2211 + align-items: center;
  2212 +}
  2213 +.more_mt {
  2214 + margin-top: 20px;
  2215 +}
  2216 +.more .button {
  2217 + min-width: 100px;
  2218 + padding: 0;
  2219 +}
  2220 +@media (min-width: 768px) {
  2221 + .more .button {
  2222 + min-width: 180px;
  2223 + }
  2224 +}
  2225 +
  2226 +.header {
  2227 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  2228 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  2229 + background: #ffffff;
  2230 + position: relative;
  2231 + z-index: 5;
  2232 + overflow: hidden;
  2233 +}
  2234 +@media (min-width: 768px) {
  2235 + .header {
  2236 + -webkit-box-shadow: none;
  2237 + box-shadow: none;
  2238 + }
  2239 +}
  2240 +.header__body {
  2241 + height: 42px;
  2242 + display: -webkit-box;
  2243 + display: -ms-flexbox;
  2244 + display: flex;
  2245 + -webkit-box-pack: justify;
  2246 + -ms-flex-pack: justify;
  2247 + justify-content: space-between;
  2248 + -webkit-box-align: center;
  2249 + -ms-flex-align: center;
  2250 + align-items: center;
  2251 +}
  2252 +@media (min-width: 768px) {
  2253 + .header__body {
  2254 + height: 70px;
  2255 + }
  2256 +}
  2257 +.header__left {
  2258 + display: -webkit-box;
  2259 + display: -ms-flexbox;
  2260 + display: flex;
  2261 + -webkit-box-align: center;
  2262 + -ms-flex-align: center;
  2263 + align-items: center;
  2264 + gap: 40px;
  2265 +}
  2266 +.header__right {
  2267 + display: -webkit-box;
  2268 + display: -ms-flexbox;
  2269 + display: flex;
  2270 + -webkit-box-align: center;
  2271 + -ms-flex-align: center;
  2272 + align-items: center;
  2273 + gap: 14px;
  2274 +}
  2275 +@media (min-width: 768px) {
  2276 + .header__right {
  2277 + gap: 20px;
  2278 + }
  2279 +}
  2280 +.header__right-line {
  2281 + width: 1px;
  2282 + height: 32px;
  2283 + background: #e6e7e7;
  2284 + border-radius: 999px;
  2285 +}
  2286 +@media (min-width: 992px) {
  2287 + .header__right-line {
  2288 + display: none;
  2289 + }
  2290 +}
  2291 +.header__logo {
  2292 + display: -webkit-box;
  2293 + display: -ms-flexbox;
  2294 + display: flex;
  2295 + -webkit-box-align: center;
  2296 + -ms-flex-align: center;
  2297 + align-items: center;
  2298 + -webkit-box-pack: center;
  2299 + -ms-flex-pack: center;
  2300 + justify-content: center;
  2301 + color: #377d87;
  2302 +}
  2303 +.header__logo svg {
  2304 + width: 105px;
  2305 + height: 31px;
  2306 +}
  2307 +@media (min-width: 768px) {
  2308 + .header__logo svg {
  2309 + width: 182px;
  2310 + height: 54px;
  2311 + }
  2312 +}
  2313 +.header__menu {
  2314 + display: none;
  2315 + -webkit-box-align: center;
  2316 + -ms-flex-align: center;
  2317 + align-items: center;
  2318 + gap: 20px;
  2319 +}
  2320 +@media (min-width: 768px) {
  2321 + .header__menu {
  2322 + display: -webkit-box;
  2323 + display: -ms-flexbox;
  2324 + display: flex;
  2325 + }
  2326 +}
  2327 +.header__menu-item:hover {
  2328 + color: #377d87;
  2329 +}
  2330 +.header__notifs {
  2331 + display: -webkit-box;
  2332 + display: -ms-flexbox;
  2333 + display: flex;
  2334 + -webkit-box-align: center;
  2335 + -ms-flex-align: center;
  2336 + align-items: center;
  2337 + -webkit-box-pack: center;
  2338 + -ms-flex-pack: center;
  2339 + justify-content: center;
  2340 + color: #377d87;
  2341 + padding: 0;
  2342 + border: none;
  2343 + background: none;
  2344 + width: 24px;
  2345 + height: 24px;
  2346 +}
  2347 +@media (min-width: 992px) {
  2348 + .header__notifs {
  2349 + width: auto;
  2350 + height: auto;
  2351 + color: #3a3b3c;
  2352 + line-height: 1.4;
  2353 + }
  2354 +}
  2355 +@media (min-width: 992px) {
  2356 + .header__notifs:hover {
  2357 + color: #377d87;
  2358 + }
  2359 +}
  2360 +.header__notifs svg {
  2361 + width: 20px;
  2362 + height: 20px;
  2363 +}
  2364 +@media (min-width: 992px) {
  2365 + .header__notifs svg {
  2366 + display: none;
  2367 + }
  2368 +}
  2369 +.header__notifs span {
  2370 + display: none;
  2371 +}
  2372 +@media (min-width: 992px) {
  2373 + .header__notifs span {
  2374 + display: inline;
  2375 + }
  2376 +}
  2377 +.header__notifs_actived {
  2378 + position: relative;
  2379 +}
  2380 +@media (min-width: 992px) {
  2381 + .header__notifs_actived {
  2382 + padding-right: 12px;
  2383 + }
  2384 +}
  2385 +.header__notifs_actived:after {
  2386 + content: "";
  2387 + border: 1px solid #ffffff;
  2388 + background: #377d87;
  2389 + border-radius: 999px;
  2390 + width: 10px;
  2391 + height: 10px;
  2392 + position: absolute;
  2393 + z-index: 1;
  2394 + top: 0;
  2395 + right: 0;
  2396 +}
  2397 +@media (min-width: 992px) {
  2398 + .header__notifs_actived:after {
  2399 + width: 8px;
  2400 + height: 8px;
  2401 + border: none;
  2402 + }
  2403 +}
  2404 +.header__burger {
  2405 + display: -webkit-box;
  2406 + display: -ms-flexbox;
  2407 + display: flex;
  2408 + -webkit-box-align: center;
  2409 + -ms-flex-align: center;
  2410 + align-items: center;
  2411 + -webkit-box-pack: center;
  2412 + -ms-flex-pack: center;
  2413 + justify-content: center;
  2414 + width: 24px;
  2415 + height: 24px;
  2416 + color: #377d87;
  2417 + padding: 0;
  2418 + border: none;
  2419 + background: none;
  2420 +}
  2421 +@media (min-width: 992px) {
  2422 + .header__burger {
  2423 + display: none;
  2424 + }
  2425 +}
  2426 +.header__burger svg {
  2427 + width: 20px;
  2428 + height: 20px;
  2429 +}
  2430 +.header__burger svg + svg {
  2431 + display: none;
  2432 +}
  2433 +.header__sign {
  2434 + display: none;
  2435 +}
  2436 +@media (min-width: 992px) {
  2437 + .header__sign {
  2438 + display: -webkit-box;
  2439 + display: -ms-flexbox;
  2440 + display: flex;
  2441 + }
  2442 +}
  2443 +
  2444 +.mob-menu {
  2445 + display: none;
  2446 + position: fixed;
  2447 + bottom: 0;
  2448 + left: 0;
  2449 + width: 100vw;
  2450 + height: calc(100vh - 42px);
  2451 + z-index: 4;
  2452 + background: #ffffff;
  2453 + overflow: hidden;
  2454 + overflow-y: auto;
  2455 + padding: 50px 0;
  2456 +}
  2457 +.mob-menu__bottom {
  2458 + display: -webkit-box;
  2459 + display: -ms-flexbox;
  2460 + display: flex;
  2461 + -webkit-box-orient: vertical;
  2462 + -webkit-box-direction: normal;
  2463 + -ms-flex-direction: column;
  2464 + flex-direction: column;
  2465 + -webkit-box-align: center;
  2466 + -ms-flex-align: center;
  2467 + align-items: center;
  2468 + margin-top: 80px;
  2469 +}
  2470 +.mob-menu__bottom .button {
  2471 + min-width: 120px;
  2472 +}
  2473 +.mob-menu__bottom-link {
  2474 + text-decoration: underline;
  2475 + margin-top: 50px;
  2476 +}
  2477 +.mob-menu__bottom-link:hover {
  2478 + color: #377d87;
  2479 +}
  2480 +.mob-menu__bottom-link + .mob-menu__bottom-link {
  2481 + margin-top: 10px;
  2482 +}
  2483 +.mob-menu__bottom .socials {
  2484 + margin-top: 35px;
  2485 +}
  2486 +.mob-menu .footer__mobile-menu {
  2487 + opacity: 1;
  2488 + height: auto;
  2489 + overflow: visible;
  2490 +}
  2491 +.mob-menu .footer__mobile-menu-item button {
  2492 + -webkit-box-align: center;
  2493 + -ms-flex-align: center;
  2494 + align-items: center;
  2495 +}
  2496 +.mob-menu .footer__mobile-menu-item div {
  2497 + font-size: 20px;
  2498 +}
  2499 +.mob-menu .footer__mobile-contacts a {
  2500 + font-size: 20px;
  2501 + font-weight: 700;
  2502 + color: #3a3b3c;
  2503 + text-decoration: none;
  2504 +}
  2505 +.mob-menu .footer__mobile-contacts a:hover {
  2506 + color: #377d87;
  2507 +}
  2508 +.mob-menu .footer__mobile-menu-item button b,
  2509 +.mob-menu .footer__mobile-contacts a {
  2510 + font-size: 30px;
  2511 +}
  2512 +
  2513 +.menu-is-actived {
  2514 + overflow: hidden;
  2515 +}
  2516 +@media (min-width: 992px) {
  2517 + .menu-is-actived {
  2518 + overflow: auto;
  2519 + }
  2520 +}
  2521 +.menu-is-actived .header__burger svg {
  2522 + display: none;
  2523 +}
  2524 +.menu-is-actived .header__burger svg + svg {
  2525 + display: block;
  2526 +}
  2527 +.menu-is-actived .mob-menu {
  2528 + display: block;
  2529 +}
  2530 +@media (min-width: 992px) {
  2531 + .menu-is-actived .mob-menu {
  2532 + display: none;
  2533 + }
  2534 +}
  2535 +
  2536 +.footer {
  2537 + -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  2538 + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  2539 + background: #ffffff;
  2540 + position: relative;
  2541 + z-index: 1;
  2542 + overflow: hidden;
  2543 +}
  2544 +.footer__mobile {
  2545 + display: -webkit-box;
  2546 + display: -ms-flexbox;
  2547 + display: flex;
  2548 + -webkit-box-orient: vertical;
  2549 + -webkit-box-direction: normal;
  2550 + -ms-flex-direction: column;
  2551 + flex-direction: column;
  2552 + padding: 25px 0 30px 0;
  2553 +}
  2554 +@media (min-width: 768px) {
  2555 + .footer__mobile {
  2556 + padding: 30px 0;
  2557 + }
  2558 +}
  2559 +@media (min-width: 992px) {
  2560 + .footer__mobile {
  2561 + display: none;
  2562 + }
  2563 +}
  2564 +.footer__mobile-toper {
  2565 + display: -webkit-box;
  2566 + display: -ms-flexbox;
  2567 + display: flex;
  2568 + -webkit-box-pack: justify;
  2569 + -ms-flex-pack: justify;
  2570 + justify-content: space-between;
  2571 + -webkit-box-align: center;
  2572 + -ms-flex-align: center;
  2573 + align-items: center;
  2574 + padding: 0;
  2575 + border: none;
  2576 + background: none;
  2577 +}
  2578 +.footer__mobile-toper a, .footer__mobile-toper b {
  2579 + display: -webkit-box;
  2580 + display: -ms-flexbox;
  2581 + display: flex;
  2582 + -webkit-box-pack: center;
  2583 + -ms-flex-pack: center;
  2584 + justify-content: center;
  2585 + -webkit-box-align: center;
  2586 + -ms-flex-align: center;
  2587 + align-items: center;
  2588 + color: #377d87;
  2589 +}
  2590 +.footer__mobile-toper a svg, .footer__mobile-toper b svg {
  2591 + width: 137px;
  2592 + height: 40px;
  2593 +}
  2594 +.footer__mobile-toper span {
  2595 + width: 40px;
  2596 + height: 40px;
  2597 + display: -webkit-box;
  2598 + display: -ms-flexbox;
  2599 + display: flex;
  2600 + -webkit-box-pack: center;
  2601 + -ms-flex-pack: center;
  2602 + justify-content: center;
  2603 + -webkit-box-align: center;
  2604 + -ms-flex-align: center;
  2605 + align-items: center;
  2606 + background: #377d87;
  2607 + color: #ffffff;
  2608 + border-radius: 999px;
  2609 +}
  2610 +.footer__mobile-toper span svg {
  2611 + width: 10px;
  2612 + height: 10px;
  2613 + -webkit-transition: 0.3s;
  2614 + transition: 0.3s;
  2615 +}
  2616 +.footer__mobile-toper.active span svg {
  2617 + -webkit-transform: rotate(180deg);
  2618 + -ms-transform: rotate(180deg);
  2619 + transform: rotate(180deg);
  2620 +}
  2621 +.footer__mobile-menu {
  2622 + height: 0;
  2623 + opacity: 0;
  2624 + overflow: hidden;
  2625 + -webkit-transition: 0.3s;
  2626 + transition: 0.3s;
  2627 + display: -webkit-box;
  2628 + display: -ms-flexbox;
  2629 + display: flex;
  2630 + -webkit-box-orient: vertical;
  2631 + -webkit-box-direction: normal;
  2632 + -ms-flex-direction: column;
  2633 + flex-direction: column;
  2634 + gap: 30px;
  2635 +}
  2636 +@media (min-width: 768px) {
  2637 + .footer__mobile-menu {
  2638 + display: grid;
  2639 + grid-template-columns: 1fr 1fr;
  2640 + gap: 100px;
  2641 + }
  2642 +}
  2643 +.footer__mobile-menu-item {
  2644 + display: -webkit-box;
  2645 + display: -ms-flexbox;
  2646 + display: flex;
  2647 + -webkit-box-orient: vertical;
  2648 + -webkit-box-direction: normal;
  2649 + -ms-flex-direction: column;
  2650 + flex-direction: column;
  2651 +}
  2652 +.footer__mobile-menu-item button {
  2653 + display: -webkit-box;
  2654 + display: -ms-flexbox;
  2655 + display: flex;
  2656 + -webkit-box-align: start;
  2657 + -ms-flex-align: start;
  2658 + align-items: flex-start;
  2659 + padding: 0;
  2660 + border: none;
  2661 + background: none;
  2662 +}
  2663 +.footer__mobile-menu-item button.active {
  2664 + color: #377d87;
  2665 +}
  2666 +.footer__mobile-menu-item button b {
  2667 + width: calc(100% - 24px);
  2668 + padding-right: 12px;
  2669 + min-height: 24px;
  2670 + display: -webkit-box;
  2671 + display: -ms-flexbox;
  2672 + display: flex;
  2673 + -webkit-box-align: center;
  2674 + -ms-flex-align: center;
  2675 + align-items: center;
  2676 + font-size: 20px;
  2677 + font-weight: 700;
  2678 +}
  2679 +.footer__mobile-menu-item button span {
  2680 + width: 24px;
  2681 + height: 24px;
  2682 + display: -webkit-box;
  2683 + display: -ms-flexbox;
  2684 + display: flex;
  2685 + -webkit-box-pack: center;
  2686 + -ms-flex-pack: center;
  2687 + justify-content: center;
  2688 + -webkit-box-align: center;
  2689 + -ms-flex-align: center;
  2690 + align-items: center;
  2691 + padding: 0;
  2692 + border: none;
  2693 + background: none;
  2694 +}
  2695 +.footer__mobile-menu-item button svg {
  2696 + width: 12px;
  2697 + height: 12px;
  2698 + -webkit-transition: 0.3s;
  2699 + transition: 0.3s;
  2700 + -webkit-transform: rotate(180deg);
  2701 + -ms-transform: rotate(180deg);
  2702 + transform: rotate(180deg);
  2703 +}
  2704 +.footer__mobile-menu-item button.active svg {
  2705 + -webkit-transform: rotate(0deg);
  2706 + -ms-transform: rotate(0deg);
  2707 + transform: rotate(0deg);
  2708 +}
  2709 +.footer__mobile-menu-item div {
  2710 + height: 0;
  2711 + opacity: 0;
  2712 + overflow: hidden;
  2713 + -webkit-transition: 0.3s;
  2714 + transition: 0.3s;
  2715 + display: -webkit-box;
  2716 + display: -ms-flexbox;
  2717 + display: flex;
  2718 + -webkit-box-orient: vertical;
  2719 + -webkit-box-direction: normal;
  2720 + -ms-flex-direction: column;
  2721 + flex-direction: column;
  2722 + gap: 15px;
  2723 +}
  2724 +.footer__mobile-menu-item div a:hover {
  2725 + color: #377d87;
  2726 +}
  2727 +.footer__mobile-menu-item .active + div {
  2728 + opacity: 1;
  2729 + height: auto;
  2730 + overflow: visible;
  2731 + padding-top: 15px;
  2732 +}
  2733 +.active + .footer__mobile-menu {
  2734 + opacity: 1;
  2735 + height: auto;
  2736 + overflow: visible;
  2737 + padding-top: 35px;
  2738 +}
  2739 +.footer__mobile-contacts {
  2740 + display: -webkit-box;
  2741 + display: -ms-flexbox;
  2742 + display: flex;
  2743 + -webkit-box-pack: justify;
  2744 + -ms-flex-pack: justify;
  2745 + justify-content: space-between;
  2746 + -webkit-box-align: start;
  2747 + -ms-flex-align: start;
  2748 + align-items: flex-start;
  2749 + -ms-flex-wrap: wrap;
  2750 + flex-wrap: wrap;
  2751 + margin-top: 30px;
  2752 +}
  2753 +.footer__mobile-contacts b {
  2754 + font-size: 20px;
  2755 + font-weight: 700;
  2756 + width: 100%;
  2757 + margin-bottom: 20px;
  2758 +}
  2759 +.footer__mobile-contacts a {
  2760 + color: #377d87;
  2761 + text-decoration: underline;
  2762 +}
  2763 +.footer__mobile-contacts a + a {
  2764 + color: #3a3b3c;
  2765 +}
  2766 +.footer__mobile-bottom {
  2767 + display: -webkit-box;
  2768 + display: -ms-flexbox;
  2769 + display: flex;
  2770 + -webkit-box-orient: vertical;
  2771 + -webkit-box-direction: normal;
  2772 + -ms-flex-direction: column;
  2773 + flex-direction: column;
  2774 + -webkit-box-align: center;
  2775 + -ms-flex-align: center;
  2776 + align-items: center;
  2777 + text-align: center;
  2778 + gap: 20px;
  2779 + margin-top: 100px;
  2780 +}
  2781 +.footer__mobile-links {
  2782 + display: -webkit-box;
  2783 + display: -ms-flexbox;
  2784 + display: flex;
  2785 + -webkit-box-orient: vertical;
  2786 + -webkit-box-direction: normal;
  2787 + -ms-flex-direction: column;
  2788 + flex-direction: column;
  2789 + -webkit-box-align: center;
  2790 + -ms-flex-align: center;
  2791 + align-items: center;
  2792 + gap: 10px;
  2793 +}
  2794 +.footer__mobile-links a:hover {
  2795 + color: #377d87;
  2796 +}
  2797 +.footer__mobile-links span {
  2798 + width: 60px;
  2799 + height: 1px;
  2800 + background: #377d87;
  2801 +}
  2802 +.footer__main {
  2803 + display: none;
  2804 + padding: 55px 0 20px 0;
  2805 + -webkit-box-orient: vertical;
  2806 + -webkit-box-direction: normal;
  2807 + -ms-flex-direction: column;
  2808 + flex-direction: column;
  2809 + gap: 70px;
  2810 +}
  2811 +@media (min-width: 992px) {
  2812 + .footer__main {
  2813 + display: -webkit-box;
  2814 + display: -ms-flexbox;
  2815 + display: flex;
  2816 + }
  2817 +}
  2818 +.footer__main-body {
  2819 + display: -webkit-box;
  2820 + display: -ms-flexbox;
  2821 + display: flex;
  2822 + -webkit-box-pack: justify;
  2823 + -ms-flex-pack: justify;
  2824 + justify-content: space-between;
  2825 + -webkit-box-align: start;
  2826 + -ms-flex-align: start;
  2827 + align-items: flex-start;
  2828 +}
  2829 +.footer__main-logo {
  2830 + display: -webkit-box;
  2831 + display: -ms-flexbox;
  2832 + display: flex;
  2833 + -webkit-box-pack: center;
  2834 + -ms-flex-pack: center;
  2835 + justify-content: center;
  2836 + -webkit-box-align: center;
  2837 + -ms-flex-align: center;
  2838 + align-items: center;
  2839 + color: #377d87;
  2840 +}
  2841 +.footer__main-logo svg {
  2842 + width: 182px;
  2843 + height: 54px;
  2844 +}
  2845 +.footer__main-title {
  2846 + font-size: 20px;
  2847 + font-weight: 700;
  2848 + margin-bottom: 16px;
  2849 +}
  2850 +.footer__main-col {
  2851 + display: -webkit-box;
  2852 + display: -ms-flexbox;
  2853 + display: flex;
  2854 + -webkit-box-orient: vertical;
  2855 + -webkit-box-direction: normal;
  2856 + -ms-flex-direction: column;
  2857 + flex-direction: column;
  2858 + -webkit-box-align: start;
  2859 + -ms-flex-align: start;
  2860 + align-items: flex-start;
  2861 +}
  2862 +.footer__main-col nav {
  2863 + display: -webkit-box;
  2864 + display: -ms-flexbox;
  2865 + display: flex;
  2866 + -webkit-box-orient: vertical;
  2867 + -webkit-box-direction: normal;
  2868 + -ms-flex-direction: column;
  2869 + flex-direction: column;
  2870 + -webkit-box-align: start;
  2871 + -ms-flex-align: start;
  2872 + align-items: flex-start;
  2873 + gap: 8px;
  2874 +}
  2875 +.footer__main-col nav a:hover {
  2876 + color: #377d87;
  2877 +}
  2878 +.footer__main-contacts {
  2879 + display: -webkit-box;
  2880 + display: -ms-flexbox;
  2881 + display: flex;
  2882 + -webkit-box-orient: vertical;
  2883 + -webkit-box-direction: normal;
  2884 + -ms-flex-direction: column;
  2885 + flex-direction: column;
  2886 + -webkit-box-align: start;
  2887 + -ms-flex-align: start;
  2888 + align-items: flex-start;
  2889 + gap: 16px;
  2890 + margin-bottom: 16px;
  2891 +}
  2892 +.footer__main-contacts a {
  2893 + color: #377d87;
  2894 + text-decoration: underline;
  2895 +}
  2896 +.footer__main-contacts a + a {
  2897 + color: #3a3b3c;
  2898 +}
  2899 +.footer__main-copy {
  2900 + display: -webkit-box;
  2901 + display: -ms-flexbox;
  2902 + display: flex;
  2903 + -webkit-box-pack: justify;
  2904 + -ms-flex-pack: justify;
  2905 + justify-content: space-between;
  2906 + -webkit-box-align: center;
  2907 + -ms-flex-align: center;
  2908 + align-items: center;
  2909 + font-size: 14px;
  2910 + line-height: 1.4;
  2911 +}
  2912 +.footer__main-copy nav {
  2913 + display: -webkit-box;
  2914 + display: -ms-flexbox;
  2915 + display: flex;
  2916 + -webkit-box-align: center;
  2917 + -ms-flex-align: center;
  2918 + align-items: center;
  2919 + gap: 10px;
  2920 +}
  2921 +.footer__main-copy nav a:hover {
  2922 + color: #377d87;
  2923 +}
  2924 +.footer__main-copy nav span {
  2925 + width: 1px;
  2926 + height: 20px;
  2927 + background: #6b6c6d;
  2928 +}
  2929 +
  2930 +.main {
  2931 + position: relative;
  2932 + overflow: hidden;
  2933 + padding: 30px 0;
  2934 +}
  2935 +@media (min-width: 768px) {
  2936 + .main {
  2937 + padding: 40px 0;
  2938 + }
  2939 +}
  2940 +@media (min-width: 992px) {
  2941 + .main {
  2942 + padding: 50px 0;
  2943 + }
  2944 +}
  2945 +@media (min-width: 1280px) {
  2946 + .main {
  2947 + padding: 60px 0;
  2948 + }
  2949 +}
  2950 +.main h2 {
  2951 + margin: 0;
  2952 + font-weight: 700;
  2953 + font-size: 30px;
  2954 +}
  2955 +@media (min-width: 768px) {
  2956 + .main h2 {
  2957 + font-size: 44px;
  2958 + }
  2959 +}
  2960 +.main h3 {
  2961 + margin: 0;
  2962 + font-weight: 700;
  2963 + font-size: 22px;
  2964 +}
  2965 +@media (min-width: 768px) {
  2966 + .main h3 {
  2967 + font-size: 28px;
  2968 + }
  2969 +}
  2970 +.main p {
  2971 + margin: 0;
  2972 + font-size: 14px;
  2973 + line-height: 1.4;
  2974 +}
  2975 +@media (min-width: 768px) {
  2976 + .main p {
  2977 + font-size: 18px;
  2978 + }
  2979 +}
  2980 +.main p a {
  2981 + color: #4d88d9;
  2982 +}
  2983 +.main p a:hover {
  2984 + color: #377d87;
  2985 +}
  2986 +.main__breadcrumbs {
  2987 + margin-bottom: 20px;
  2988 +}
  2989 +@media (min-width: 768px) {
  2990 + .main__breadcrumbs {
  2991 + margin-bottom: 40px;
  2992 + }
  2993 +}
  2994 +.main__content {
  2995 + display: -webkit-box;
  2996 + display: -ms-flexbox;
  2997 + display: flex;
  2998 + -webkit-box-orient: vertical;
  2999 + -webkit-box-direction: normal;
  3000 + -ms-flex-direction: column;
  3001 + flex-direction: column;
  3002 + gap: 20px;
  3003 + font-size: 14px;
  3004 +}
  3005 +@media (min-width: 992px) {
  3006 + .main__content {
  3007 + font-size: 18px;
  3008 + gap: 32px;
  3009 + }
  3010 +}
  3011 +.main__content-item {
  3012 + display: -webkit-box;
  3013 + display: -ms-flexbox;
  3014 + display: flex;
  3015 + -webkit-box-orient: vertical;
  3016 + -webkit-box-direction: normal;
  3017 + -ms-flex-direction: column;
  3018 + flex-direction: column;
  3019 + gap: 16px;
  3020 +}
  3021 +.main__content h1,
  3022 +.main__content h2,
  3023 +.main__content h3,
  3024 +.main__content h4,
  3025 +.main__content h5,
  3026 +.main__content h6 {
  3027 + color: #3a3b3c;
  3028 +}
  3029 +.main__content ul,
  3030 +.main__content ol {
  3031 + padding: 0;
  3032 + margin: 0;
  3033 + padding-left: 20px;
  3034 + display: -webkit-box;
  3035 + display: -ms-flexbox;
  3036 + display: flex;
  3037 + -webkit-box-orient: vertical;
  3038 + -webkit-box-direction: normal;
  3039 + -ms-flex-direction: column;
  3040 + flex-direction: column;
  3041 + gap: 8px;
  3042 +}
  3043 +@media (min-width: 992px) {
  3044 + .main__content ul,
  3045 + .main__content ol {
  3046 + gap: 16px;
  3047 + padding-left: 30px;
  3048 + }
  3049 +}
  3050 +.main__content li ul,
  3051 +.main__content li ol {
  3052 + margin-top: 8px;
  3053 +}
  3054 +@media (min-width: 992px) {
  3055 + .main__content li ul,
  3056 + .main__content li ol {
  3057 + margin-top: 16px;
  3058 + }
  3059 +}
  3060 +.main__content li ul li,
  3061 +.main__content li ol li {
  3062 + list-style-type: disc;
  3063 +}
  3064 +.main__gallery {
  3065 + display: -webkit-box;
  3066 + display: -ms-flexbox;
  3067 + display: flex;
  3068 + -webkit-box-orient: vertical;
  3069 + -webkit-box-direction: normal;
  3070 + -ms-flex-direction: column;
  3071 + flex-direction: column;
  3072 + gap: 20px;
  3073 +}
  3074 +@media (min-width: 768px) {
  3075 + .main__gallery {
  3076 + display: grid;
  3077 + grid-template-columns: repeat(2, 1fr);
  3078 + }
  3079 +}
  3080 +@media (min-width: 992px) {
  3081 + .main__gallery {
  3082 + grid-template-columns: repeat(3, 1fr);
  3083 + }
  3084 +}
  3085 +.main__gallery-item {
  3086 + width: 100%;
  3087 + aspect-ratio: 400/224;
  3088 + border-radius: 30px;
  3089 + position: relative;
  3090 + overflow: hidden;
  3091 +}
  3092 +.main__gallery-item:hover {
  3093 + -webkit-filter: brightness(1.1);
  3094 + filter: brightness(1.1);
  3095 +}
  3096 +.main__gallery-item img {
  3097 + position: absolute;
  3098 + top: 0;
  3099 + left: 0;
  3100 + width: 100%;
  3101 + height: 100%;
  3102 + -o-object-fit: cover;
  3103 + object-fit: cover;
  3104 +}
  3105 +.main__employers {
  3106 + display: -webkit-box;
  3107 + display: -ms-flexbox;
  3108 + display: flex;
  3109 + -webkit-box-orient: vertical;
  3110 + -webkit-box-direction: normal;
  3111 + -ms-flex-direction: column;
  3112 + flex-direction: column;
  3113 + gap: 10px;
  3114 +}
  3115 +@media (min-width: 768px) {
  3116 + .main__employers {
  3117 + gap: 30px;
  3118 + }
  3119 +}
  3120 +.main__employers-body {
  3121 + display: none;
  3122 + -webkit-box-orient: vertical;
  3123 + -webkit-box-direction: normal;
  3124 + -ms-flex-direction: column;
  3125 + flex-direction: column;
  3126 + gap: 20px;
  3127 +}
  3128 +@media (min-width: 992px) {
  3129 + .main__employers-body {
  3130 + gap: 30px;
  3131 + }
  3132 +}
  3133 +.main__employers-body.showed {
  3134 + display: -webkit-box;
  3135 + display: -ms-flexbox;
  3136 + display: flex;
  3137 +}
  3138 +.main__employers-item {
  3139 + display: -webkit-box;
  3140 + display: -ms-flexbox;
  3141 + display: flex;
  3142 + -webkit-box-orient: vertical;
  3143 + -webkit-box-direction: normal;
  3144 + -ms-flex-direction: column;
  3145 + flex-direction: column;
  3146 + border: 1px solid #cecece;
  3147 + border-radius: 8px;
  3148 + position: relative;
  3149 + overflow: hidden;
  3150 + padding: 10px;
  3151 + padding-top: 50px;
  3152 + padding-bottom: 30px;
  3153 +}
  3154 +@media (min-width: 768px) {
  3155 + .main__employers-item {
  3156 + -webkit-box-orient: horizontal;
  3157 + -webkit-box-direction: normal;
  3158 + -ms-flex-direction: row;
  3159 + flex-direction: row;
  3160 + -webkit-box-align: center;
  3161 + -ms-flex-align: center;
  3162 + align-items: center;
  3163 + -webkit-box-pack: justify;
  3164 + -ms-flex-pack: justify;
  3165 + justify-content: space-between;
  3166 + padding: 55px 20px;
  3167 + }
  3168 +}
  3169 +@media (min-width: 1280px) {
  3170 + .main__employers-item {
  3171 + padding-left: 55px;
  3172 + }
  3173 +}
  3174 +.main__employers-item-inner {
  3175 + display: -webkit-box;
  3176 + display: -ms-flexbox;
  3177 + display: flex;
  3178 + -webkit-box-orient: vertical;
  3179 + -webkit-box-direction: normal;
  3180 + -ms-flex-direction: column;
  3181 + flex-direction: column;
  3182 +}
  3183 +@media (min-width: 768px) {
  3184 + .main__employers-item-inner {
  3185 + width: calc(100% - 200px);
  3186 + padding-right: 40px;
  3187 + }
  3188 +}
  3189 +@media (min-width: 992px) {
  3190 + .main__employers-item-inner {
  3191 + -webkit-box-orient: horizontal;
  3192 + -webkit-box-direction: normal;
  3193 + -ms-flex-direction: row;
  3194 + flex-direction: row;
  3195 + -webkit-box-align: center;
  3196 + -ms-flex-align: center;
  3197 + align-items: center;
  3198 + }
  3199 +}
  3200 +.main__employers-item-pic {
  3201 + height: 30px;
  3202 + position: absolute;
  3203 + top: 10px;
  3204 + left: 10px;
  3205 +}
  3206 +@media (min-width: 768px) {
  3207 + .main__employers-item-pic {
  3208 + position: static;
  3209 + width: 150px;
  3210 + height: auto;
  3211 + max-height: 150px;
  3212 + -o-object-fit: contain;
  3213 + object-fit: contain;
  3214 + }
  3215 +}
  3216 +.main__employers-item-body {
  3217 + font-size: 12px;
  3218 + display: -webkit-box;
  3219 + display: -ms-flexbox;
  3220 + display: flex;
  3221 + -webkit-box-orient: vertical;
  3222 + -webkit-box-direction: normal;
  3223 + -ms-flex-direction: column;
  3224 + flex-direction: column;
  3225 + gap: 10px;
  3226 +}
  3227 +@media (min-width: 768px) {
  3228 + .main__employers-item-body {
  3229 + font-size: 16px;
  3230 + padding-top: 20px;
  3231 + }
  3232 +}
  3233 +@media (min-width: 992px) {
  3234 + .main__employers-item-body {
  3235 + width: calc(100% - 150px);
  3236 + padding: 0;
  3237 + padding-left: 40px;
  3238 + }
  3239 +}
  3240 +.main__employers-item-body b {
  3241 + font-weight: 700;
  3242 +}
  3243 +@media (min-width: 768px) {
  3244 + .main__employers-item-body b {
  3245 + font-size: 20px;
  3246 + }
  3247 +}
  3248 +.main__employers-item-body i {
  3249 + font-style: normal;
  3250 + color: #3a3b3c;
  3251 +}
  3252 +.main__employers-item-more {
  3253 + position: absolute;
  3254 + top: 10px;
  3255 + right: 10px;
  3256 +}
  3257 +@media (min-width: 768px) {
  3258 + .main__employers-item-more {
  3259 + width: 200px;
  3260 + padding: 0;
  3261 + position: static;
  3262 + }
  3263 +}
  3264 +.main__employers-item-label {
  3265 + background: #4d88d9;
  3266 + color: #ffffff;
  3267 + border-radius: 6px;
  3268 + width: 100%;
  3269 + height: 20px;
  3270 + display: -webkit-box;
  3271 + display: -ms-flexbox;
  3272 + display: flex;
  3273 + -webkit-box-align: center;
  3274 + -ms-flex-align: center;
  3275 + align-items: center;
  3276 + padding: 0 12px;
  3277 + position: absolute;
  3278 + bottom: 0;
  3279 + left: 0;
  3280 + font-size: 12px;
  3281 + line-height: 1;
  3282 +}
  3283 +@media (min-width: 768px) {
  3284 + .main__employers-item-label {
  3285 + max-width: 350px;
  3286 + height: 30px;
  3287 + font-size: 15px;
  3288 + }
  3289 +}
  3290 +.main__employers-item-label svg {
  3291 + width: 8px;
  3292 + height: 8px;
  3293 +}
  3294 +@media (min-width: 768px) {
  3295 + .main__employers-item-label svg {
  3296 + width: 12px;
  3297 + height: 12px;
  3298 + }
  3299 +}
  3300 +.main__employers-item-label span {
  3301 + overflow: hidden;
  3302 + display: -webkit-box;
  3303 + -webkit-box-orient: vertical;
  3304 + -webkit-line-clamp: 1;
  3305 + width: calc(100% - 8px);
  3306 + padding-left: 6px;
  3307 +}
  3308 +.main__employers-one {
  3309 + display: -webkit-box;
  3310 + display: -ms-flexbox;
  3311 + display: flex;
  3312 + -webkit-box-orient: vertical;
  3313 + -webkit-box-direction: normal;
  3314 + -ms-flex-direction: column;
  3315 + flex-direction: column;
  3316 + gap: 20px;
  3317 +}
  3318 +.main__employers-two {
  3319 + display: -webkit-box;
  3320 + display: -ms-flexbox;
  3321 + display: flex;
  3322 + -webkit-box-orient: vertical;
  3323 + -webkit-box-direction: normal;
  3324 + -ms-flex-direction: column;
  3325 + flex-direction: column;
  3326 + gap: 20px;
  3327 +}
  3328 +@media (min-width: 768px) {
  3329 + .main__employers-two {
  3330 + -webkit-box-orient: horizontal;
  3331 + -webkit-box-direction: normal;
  3332 + -ms-flex-direction: row;
  3333 + flex-direction: row;
  3334 + -ms-flex-wrap: wrap;
  3335 + flex-wrap: wrap;
  3336 + -webkit-box-align: start;
  3337 + -ms-flex-align: start;
  3338 + align-items: flex-start;
  3339 + -webkit-box-pack: justify;
  3340 + -ms-flex-pack: justify;
  3341 + justify-content: space-between;
  3342 + gap: 20px 0;
  3343 + }
  3344 +}
  3345 +.main__employers-two .main__employers-item {
  3346 + width: calc(50% - 10px);
  3347 + -webkit-box-orient: vertical;
  3348 + -webkit-box-direction: normal;
  3349 + -ms-flex-direction: column;
  3350 + flex-direction: column;
  3351 + -webkit-box-align: stretch;
  3352 + -ms-flex-align: stretch;
  3353 + align-items: stretch;
  3354 + padding-top: 30px;
  3355 +}
  3356 +.main__employers-two .main__employers-item-inner {
  3357 + width: 100%;
  3358 + padding: 0;
  3359 +}
  3360 +.main__employers-two .main__employers-item-more {
  3361 + position: static;
  3362 + margin-top: 20px;
  3363 +}
  3364 +@media (min-width: 992px) {
  3365 + .main__employers-two .main__employers-item-more {
  3366 + margin-left: 190px;
  3367 + }
  3368 +}
  3369 +.main__employers-two .main__employers-item-label {
  3370 + max-width: none;
  3371 +}
  3372 +.main__employer-page {
  3373 + display: -webkit-box;
  3374 + display: -ms-flexbox;
  3375 + display: flex;
  3376 + -webkit-box-orient: vertical;
  3377 + -webkit-box-direction: normal;
  3378 + -ms-flex-direction: column;
  3379 + flex-direction: column;
  3380 + gap: 20px;
  3381 +}
  3382 +@media (min-width: 768px) {
  3383 + .main__employer-page {
  3384 + gap: 30px;
  3385 + }
  3386 +}
  3387 +.main__employer-page-title {
  3388 + color: #3a3b3c;
  3389 + margin: 0;
  3390 + font-size: 30px;
  3391 +}
  3392 +@media (min-width: 768px) {
  3393 + .main__employer-page-title {
  3394 + font-size: 36px;
  3395 + }
  3396 +}
  3397 +@media (min-width: 992px) {
  3398 + .main__employer-page-title {
  3399 + font-size: 44px;
  3400 + }
  3401 +}
  3402 +.main__employer-page-item {
  3403 + display: -webkit-box;
  3404 + display: -ms-flexbox;
  3405 + display: flex;
  3406 + -webkit-box-orient: vertical;
  3407 + -webkit-box-direction: normal;
  3408 + -ms-flex-direction: column;
  3409 + flex-direction: column;
  3410 + gap: 4px;
  3411 + font-size: 12px;
  3412 + line-height: 1.4;
  3413 +}
  3414 +@media (min-width: 768px) {
  3415 + .main__employer-page-item {
  3416 + font-size: 18px;
  3417 + gap: 8px;
  3418 + }
  3419 +}
  3420 +.main__employer-page-item b {
  3421 + color: #377d87;
  3422 + font-size: 14px;
  3423 +}
  3424 +@media (min-width: 768px) {
  3425 + .main__employer-page-item b {
  3426 + font-size: 18px;
  3427 + }
  3428 +}
  3429 +.main__employer-page-item span {
  3430 + color: #3a3b3c;
  3431 +}
  3432 +.main__employer-page-info {
  3433 + display: -webkit-box;
  3434 + display: -ms-flexbox;
  3435 + display: flex;
  3436 + -webkit-box-orient: vertical;
  3437 + -webkit-box-direction: normal;
  3438 + -ms-flex-direction: column;
  3439 + flex-direction: column;
  3440 + gap: 20px;
  3441 +}
  3442 +@media (min-width: 768px) {
  3443 + .main__employer-page-info {
  3444 + display: grid;
  3445 + grid-template-columns: repeat(2, 1fr);
  3446 + gap: 30px 40px;
  3447 + }
  3448 +}
  3449 +@media (min-width: 1280px) {
  3450 + .main__employer-page-info {
  3451 + display: -webkit-box;
  3452 + display: -ms-flexbox;
  3453 + display: flex;
  3454 + -webkit-box-orient: horizontal;
  3455 + -webkit-box-direction: normal;
  3456 + -ms-flex-direction: row;
  3457 + flex-direction: row;
  3458 + -webkit-box-align: start;
  3459 + -ms-flex-align: start;
  3460 + align-items: flex-start;
  3461 + -webkit-box-pack: justify;
  3462 + -ms-flex-pack: justify;
  3463 + justify-content: space-between;
  3464 + padding-right: 160px;
  3465 + }
  3466 +}
  3467 +@media (min-width: 768px) {
  3468 + .main__employer-page-info .main__employer-page-item b,
  3469 + .main__employer-page-info .main__employer-page-item span {
  3470 + max-width: 300px;
  3471 + }
  3472 +}
  3473 +.main__employer-page-tabs {
  3474 + display: -webkit-box;
  3475 + display: -ms-flexbox;
  3476 + display: flex;
  3477 + -webkit-box-align: center;
  3478 + -ms-flex-align: center;
  3479 + align-items: center;
  3480 + gap: 20px;
  3481 +}
  3482 +@media (min-width: 768px) {
  3483 + .main__employer-page-tabs {
  3484 + margin-top: 20px;
  3485 + }
  3486 +}
  3487 +.main__employer-page-tabs-item {
  3488 + font-size: 22px;
  3489 + font-weight: 700;
  3490 + border: none;
  3491 + background: none;
  3492 + padding: 0;
  3493 + color: #9c9d9d;
  3494 + text-decoration: underline;
  3495 + text-decoration-thickness: 1px;
  3496 +}
  3497 +@media (min-width: 768px) {
  3498 + .main__employer-page-tabs-item {
  3499 + font-size: 24px;
  3500 + }
  3501 +}
  3502 +.main__employer-page-tabs-item.active {
  3503 + color: #377d87;
  3504 +}
  3505 +.main__employer-page-body {
  3506 + display: -webkit-box;
  3507 + display: -ms-flexbox;
  3508 + display: flex;
  3509 + -webkit-box-orient: vertical;
  3510 + -webkit-box-direction: normal;
  3511 + -ms-flex-direction: column;
  3512 + flex-direction: column;
  3513 + margin-top: 10px;
  3514 +}
  3515 +@media (min-width: 768px) {
  3516 + .main__employer-page-body {
  3517 + margin-top: 30px;
  3518 + }
  3519 +}
  3520 +.main__employer-page-body-item {
  3521 + display: none;
  3522 + -webkit-box-orient: vertical;
  3523 + -webkit-box-direction: normal;
  3524 + -ms-flex-direction: column;
  3525 + flex-direction: column;
  3526 + gap: 20px;
  3527 +}
  3528 +.main__employer-page-body-item.showed {
  3529 + display: -webkit-box;
  3530 + display: -ms-flexbox;
  3531 + display: flex;
  3532 +}
  3533 +.main__employer-page-one {
  3534 + display: -webkit-box;
  3535 + display: -ms-flexbox;
  3536 + display: flex;
  3537 + -webkit-box-orient: vertical;
  3538 + -webkit-box-direction: normal;
  3539 + -ms-flex-direction: column;
  3540 + flex-direction: column;
  3541 + gap: 20px;
  3542 +}
  3543 +@media (min-width: 768px) {
  3544 + .main__employer-page-one {
  3545 + display: grid;
  3546 + grid-template-columns: repeat(2, 1fr);
  3547 + }
  3548 +}
  3549 +@media (min-width: 992px) {
  3550 + .main__employer-page-one {
  3551 + grid-template-columns: repeat(3, 1fr);
  3552 + }
  3553 +}
  3554 +@media (min-width: 1280px) {
  3555 + .main__employer-page-one {
  3556 + grid-template-columns: repeat(4, 1fr);
  3557 + gap: 30px 20px;
  3558 + }
  3559 +}
  3560 +.main__employer-page-one-item {
  3561 + display: -webkit-box;
  3562 + display: -ms-flexbox;
  3563 + display: flex;
  3564 + -webkit-box-orient: vertical;
  3565 + -webkit-box-direction: normal;
  3566 + -ms-flex-direction: column;
  3567 + flex-direction: column;
  3568 + gap: 10px;
  3569 + font-size: 12px;
  3570 + position: relative;
  3571 +}
  3572 +@media (min-width: 1280px) {
  3573 + .main__employer-page-one-item {
  3574 + font-size: 18px;
  3575 + }
  3576 +}
  3577 +.main__employer-page-one-item img {
  3578 + border-radius: 10px;
  3579 + -o-object-fit: cover;
  3580 + object-fit: cover;
  3581 + width: 100%;
  3582 + max-height: 250px;
  3583 + aspect-ratio: 247/174;
  3584 +}
  3585 +@media (min-width: 1280px) {
  3586 + .main__employer-page-one-item img {
  3587 + margin-bottom: 10px;
  3588 + }
  3589 +}
  3590 +.main__employer-page-one-item b {
  3591 + font-weight: 700;
  3592 + color: #377d87;
  3593 +}
  3594 +.main__employer-page-one-item span {
  3595 + color: #3a3b3c;
  3596 +}
  3597 +.main__employer-page-one-item i {
  3598 + font-style: normal;
  3599 + color: #377d87;
  3600 +}
  3601 +.main__employer-page-one-item .del {
  3602 + position: absolute;
  3603 + z-index: 1;
  3604 + top: 8px;
  3605 + left: 8px;
  3606 +}
  3607 +.main__employer-page-two {
  3608 + display: -webkit-box;
  3609 + display: -ms-flexbox;
  3610 + display: flex;
  3611 + -webkit-box-orient: vertical;
  3612 + -webkit-box-direction: normal;
  3613 + -ms-flex-direction: column;
  3614 + flex-direction: column;
  3615 + -webkit-box-align: center;
  3616 + -ms-flex-align: center;
  3617 + align-items: center;
  3618 + gap: 20px;
  3619 +}
  3620 +.main__employer-page-two-item {
  3621 + width: 100%;
  3622 + display: -webkit-box;
  3623 + display: -ms-flexbox;
  3624 + display: flex;
  3625 + -webkit-box-orient: vertical;
  3626 + -webkit-box-direction: normal;
  3627 + -ms-flex-direction: column;
  3628 + flex-direction: column;
  3629 + gap: 16px;
  3630 + padding: 20px 10px;
  3631 + border-radius: 12px;
  3632 + border: 1px solid #cecece;
  3633 + position: relative;
  3634 + overflow: hidden;
  3635 + font-size: 12px;
  3636 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  3637 +}
  3638 +@media (min-width: 768px) {
  3639 + .main__employer-page-two-item {
  3640 + font-size: 14px;
  3641 + padding: 20px;
  3642 + gap: 24px;
  3643 + padding-bottom: 35px;
  3644 + }
  3645 +}
  3646 +@media (min-width: 992px) {
  3647 + .main__employer-page-two-item {
  3648 + font-size: 16px;
  3649 + }
  3650 +}
  3651 +@media (min-width: 1280px) {
  3652 + .main__employer-page-two-item {
  3653 + font-size: 18px;
  3654 + }
  3655 +}
  3656 +.main__employer-page-two-item-toper {
  3657 + display: -webkit-box;
  3658 + display: -ms-flexbox;
  3659 + display: flex;
  3660 + -webkit-box-align: center;
  3661 + -ms-flex-align: center;
  3662 + align-items: center;
  3663 + font-size: 22px;
  3664 + font-weight: 700;
  3665 + color: #3a3b3c;
  3666 +}
  3667 +@media (min-width: 768px) {
  3668 + .main__employer-page-two-item-toper {
  3669 + font-size: 30px;
  3670 + }
  3671 +}
  3672 +.main__employer-page-two-item-toper img {
  3673 + width: 60px;
  3674 + aspect-ratio: 1/1;
  3675 + -o-object-fit: contain;
  3676 + object-fit: contain;
  3677 +}
  3678 +.main__employer-page-two-item-toper span {
  3679 + width: calc(100% - 60px);
  3680 + padding-left: 10px;
  3681 +}
  3682 +@media (min-width: 768px) {
  3683 + .main__employer-page-two-item-toper span {
  3684 + padding-left: 20px;
  3685 + }
  3686 +}
  3687 +.main__employer-page-two-item-title {
  3688 + font-size: 18px;
  3689 + font-weight: 700;
  3690 + color: #377d87;
  3691 +}
  3692 +@media (min-width: 768px) {
  3693 + .main__employer-page-two-item-title {
  3694 + font-size: 24px;
  3695 + }
  3696 +}
  3697 +.main__employer-page-two-item-text {
  3698 + display: -webkit-box;
  3699 + display: -ms-flexbox;
  3700 + display: flex;
  3701 + -webkit-box-orient: vertical;
  3702 + -webkit-box-direction: normal;
  3703 + -ms-flex-direction: column;
  3704 + flex-direction: column;
  3705 + gap: 10px;
  3706 +}
  3707 +.main__employer-page-two-item-text-name {
  3708 + font-weight: 700;
  3709 +}
  3710 +.main__employer-page-two-item-text-body {
  3711 + color: #3a3b3c;
  3712 + display: -webkit-box;
  3713 + display: -ms-flexbox;
  3714 + display: flex;
  3715 + -webkit-box-orient: vertical;
  3716 + -webkit-box-direction: normal;
  3717 + -ms-flex-direction: column;
  3718 + flex-direction: column;
  3719 + gap: 6px;
  3720 + padding: 0 10px;
  3721 +}
  3722 +.main__employer-page-two-item-text-body p {
  3723 + margin: 0;
  3724 +}
  3725 +.main__employer-page-two-item-text-body ul {
  3726 + margin: 0;
  3727 + padding: 0;
  3728 + padding-left: 16px;
  3729 + display: -webkit-box;
  3730 + display: -ms-flexbox;
  3731 + display: flex;
  3732 + -webkit-box-orient: vertical;
  3733 + -webkit-box-direction: normal;
  3734 + -ms-flex-direction: column;
  3735 + flex-direction: column;
  3736 + gap: 6px;
  3737 +}
  3738 +@media (min-width: 768px) {
  3739 + .main__employer-page-two-item-text-body ul {
  3740 + margin: 0 5px;
  3741 + }
  3742 +}
  3743 +.main__employer-page-two-item-text-body ul span,
  3744 +.main__employer-page-two-item-text-body ul a {
  3745 + color: #3a3b3c;
  3746 + position: relative;
  3747 +}
  3748 +.main__employer-page-two-item-text-body ul a:hover {
  3749 + color: #377d87;
  3750 +}
  3751 +.main__employer-page-two-item-text-body p + ul {
  3752 + margin-top: 10px;
  3753 +}
  3754 +.main__employer-page-two-item-text-links {
  3755 + display: -webkit-box;
  3756 + display: -ms-flexbox;
  3757 + display: flex;
  3758 + -webkit-box-orient: vertical;
  3759 + -webkit-box-direction: normal;
  3760 + -ms-flex-direction: column;
  3761 + flex-direction: column;
  3762 + -webkit-box-align: start;
  3763 + -ms-flex-align: start;
  3764 + align-items: flex-start;
  3765 + gap: 10px;
  3766 + padding: 0 10px;
  3767 + font-weight: 700;
  3768 + margin-top: 5px;
  3769 +}
  3770 +@media (min-width: 768px) {
  3771 + .main__employer-page-two-item-text-links {
  3772 + gap: 20px;
  3773 + }
  3774 +}
  3775 +.main__employer-page-two-item-text-links a {
  3776 + color: #4d88d9;
  3777 +}
  3778 +.main__employer-page-two-item-text-links a:hover {
  3779 + color: #377d87;
  3780 +}
  3781 +.main__employer-page-two-item-tags {
  3782 + color: #4d88d9;
  3783 + font-weight: 500;
  3784 + display: -webkit-box;
  3785 + display: -ms-flexbox;
  3786 + display: flex;
  3787 + -webkit-box-align: center;
  3788 + -ms-flex-align: center;
  3789 + align-items: center;
  3790 + -ms-flex-wrap: wrap;
  3791 + flex-wrap: wrap;
  3792 + gap: 10px 20px;
  3793 +}
  3794 +@media (min-width: 768px) {
  3795 + .main__employer-page-two-item-tags {
  3796 + font-size: 14px;
  3797 + }
  3798 +}
  3799 +.main__employer-page-two-item-buttons {
  3800 + display: grid;
  3801 + grid-template-columns: repeat(2, 1fr);
  3802 + gap: 20px;
  3803 +}
  3804 +@media (min-width: 768px) {
  3805 + .main__employer-page-two-item-button {
  3806 + position: absolute;
  3807 + bottom: 20px;
  3808 + left: 20px;
  3809 + width: 200px;
  3810 + padding: 0;
  3811 + }
  3812 +}
  3813 +@media (min-width: 768px) {
  3814 + .main__employer-page-two-item-button + .main__employer-page-two-item-button {
  3815 + left: auto;
  3816 + right: 20px;
  3817 + }
  3818 +}
  3819 +.main__employer-page-two-item-bottom {
  3820 + display: -webkit-box;
  3821 + display: -ms-flexbox;
  3822 + display: flex;
  3823 + -webkit-box-align: center;
  3824 + -ms-flex-align: center;
  3825 + align-items: center;
  3826 + -webkit-box-pack: justify;
  3827 + -ms-flex-pack: justify;
  3828 + justify-content: space-between;
  3829 +}
  3830 +.main__employer-page-two-item-bottom-date {
  3831 + color: #3a3b3c;
  3832 +}
  3833 +@media (min-width: 768px) {
  3834 + .main__employer-page-two-item-bottom-date {
  3835 + position: absolute;
  3836 + bottom: 20px;
  3837 + right: 240px;
  3838 + height: 42px;
  3839 + display: -webkit-box;
  3840 + display: -ms-flexbox;
  3841 + display: flex;
  3842 + -webkit-box-align: center;
  3843 + -ms-flex-align: center;
  3844 + align-items: center;
  3845 + }
  3846 +}
  3847 +@media (min-width: 992px) {
  3848 + .main__employer-page-two-item-bottom-date {
  3849 + font-size: 16px;
  3850 + }
  3851 +}
  3852 +@media (min-width: 768px) {
  3853 + .main__employer-page-two-item-bottom-like {
  3854 + position: absolute;
  3855 + bottom: 20px;
  3856 + left: 240px;
  3857 + }
  3858 +}
  3859 +@media (min-width: 768px) {
  3860 + .main__employer-page-two-more {
  3861 + margin-top: 10px;
  3862 + padding: 0;
  3863 + width: 200px;
  3864 + }
  3865 +}
  3866 +.main__employer-page-two .main__employer-page-two-item {
  3867 + display: none;
  3868 +}
  3869 +.main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
  3870 + display: -webkit-box;
  3871 + display: -ms-flexbox;
  3872 + display: flex;
  3873 +}
  3874 +.main__employer-page-two.active .main__employer-page-two-item {
  3875 + display: -webkit-box;
  3876 + display: -ms-flexbox;
  3877 + display: flex;
  3878 +}
  3879 +.main__resume-base {
  3880 + display: -webkit-box;
  3881 + display: -ms-flexbox;
  3882 + display: flex;
  3883 + -webkit-box-orient: vertical;
  3884 + -webkit-box-direction: normal;
  3885 + -ms-flex-direction: column;
  3886 + flex-direction: column;
  3887 + color: #3a3b3c;
  3888 +}
  3889 +.main__resume-base-body {
  3890 + display: none;
  3891 + -webkit-box-orient: vertical;
  3892 + -webkit-box-direction: normal;
  3893 + -ms-flex-direction: column;
  3894 + flex-direction: column;
  3895 + margin-top: 10px;
  3896 +}
  3897 +@media (min-width: 768px) {
  3898 + .main__resume-base-body {
  3899 + margin-top: 30px;
  3900 + }
  3901 +}
  3902 +.main__resume-base-body.showed {
  3903 + display: -webkit-box;
  3904 + display: -ms-flexbox;
  3905 + display: flex;
  3906 +}
  3907 +.main__resume-base-body-one {
  3908 + display: -webkit-box;
  3909 + display: -ms-flexbox;
  3910 + display: flex;
  3911 + -webkit-box-orient: vertical;
  3912 + -webkit-box-direction: normal;
  3913 + -ms-flex-direction: column;
  3914 + flex-direction: column;
  3915 + -webkit-box-align: center;
  3916 + -ms-flex-align: center;
  3917 + align-items: center;
  3918 + gap: 20px;
  3919 +}
  3920 +@media (min-width: 768px) {
  3921 + .main__resume-base-body-one {
  3922 + gap: 30px;
  3923 + }
  3924 +}
  3925 +.main__resume-base-body-two {
  3926 + display: -webkit-box;
  3927 + display: -ms-flexbox;
  3928 + display: flex;
  3929 + -webkit-box-orient: vertical;
  3930 + -webkit-box-direction: normal;
  3931 + -ms-flex-direction: column;
  3932 + flex-direction: column;
  3933 + gap: 20px;
  3934 +}
  3935 +@media (min-width: 768px) {
  3936 + .main__resume-base-body-two {
  3937 + -webkit-box-orient: horizontal;
  3938 + -webkit-box-direction: normal;
  3939 + -ms-flex-direction: row;
  3940 + flex-direction: row;
  3941 + -webkit-box-pack: justify;
  3942 + -ms-flex-pack: justify;
  3943 + justify-content: space-between;
  3944 + -webkit-box-align: start;
  3945 + -ms-flex-align: start;
  3946 + align-items: flex-start;
  3947 + -ms-flex-wrap: wrap;
  3948 + flex-wrap: wrap;
  3949 + gap: 30px 0;
  3950 + }
  3951 +}
  3952 +@media (min-width: 768px) {
  3953 + .main__resume-base-body-two .main__resume-base-body-item {
  3954 + width: calc(50% - 10px);
  3955 + }
  3956 +}
  3957 +.main__resume-base-body-two .main__resume-base-body-item-wrapper {
  3958 + -webkit-box-orient: vertical;
  3959 + -webkit-box-direction: normal;
  3960 + -ms-flex-direction: column;
  3961 + flex-direction: column;
  3962 +}
  3963 +.main__resume-base-body-item {
  3964 + width: 100%;
  3965 + display: -webkit-box;
  3966 + display: -ms-flexbox;
  3967 + display: flex;
  3968 + -webkit-box-orient: vertical;
  3969 + -webkit-box-direction: normal;
  3970 + -ms-flex-direction: column;
  3971 + flex-direction: column;
  3972 + gap: 20px;
  3973 + position: relative;
  3974 + border: 1px solid #377d87;
  3975 + border-radius: 8px;
  3976 + padding: 10px;
  3977 + -webkit-box-align: center;
  3978 + -ms-flex-align: center;
  3979 + align-items: center;
  3980 +}
  3981 +@media (min-width: 768px) {
  3982 + .main__resume-base-body-item {
  3983 + padding: 20px;
  3984 + }
  3985 +}
  3986 +.main__resume-base-body-item-buttons {
  3987 + display: -webkit-box;
  3988 + display: -ms-flexbox;
  3989 + display: flex;
  3990 + -webkit-box-orient: vertical;
  3991 + -webkit-box-direction: normal;
  3992 + -ms-flex-direction: column;
  3993 + flex-direction: column;
  3994 + -webkit-box-align: start;
  3995 + -ms-flex-align: start;
  3996 + align-items: flex-start;
  3997 + gap: 10px;
  3998 + position: absolute;
  3999 + top: 10px;
  4000 + right: 10px;
  4001 +}
  4002 +@media (min-width: 768px) {
  4003 + .main__resume-base-body-item-buttons {
  4004 + top: 20px;
  4005 + right: 20px;
  4006 + }
  4007 +}
  4008 +.main__resume-base-body-item-wrapper {
  4009 + display: -webkit-box;
  4010 + display: -ms-flexbox;
  4011 + display: flex;
  4012 + -webkit-box-orient: vertical;
  4013 + -webkit-box-direction: normal;
  4014 + -ms-flex-direction: column;
  4015 + flex-direction: column;
  4016 + -webkit-box-align: start;
  4017 + -ms-flex-align: start;
  4018 + align-items: flex-start;
  4019 + gap: 20px;
  4020 + width: 100%;
  4021 +}
  4022 +@media (min-width: 768px) {
  4023 + .main__resume-base-body-item-wrapper {
  4024 + -webkit-box-orient: horizontal;
  4025 + -webkit-box-direction: normal;
  4026 + -ms-flex-direction: row;
  4027 + flex-direction: row;
  4028 + }
  4029 +}
  4030 +.main__resume-base-body-item-photo {
  4031 + width: 180px;
  4032 + aspect-ratio: 1/1;
  4033 + -o-object-fit: cover;
  4034 + object-fit: cover;
  4035 + border-radius: 8px;
  4036 +}
  4037 +@media (min-width: 768px) {
  4038 + .main__resume-base-body-item-photo {
  4039 + width: 210px;
  4040 + }
  4041 +}
  4042 +.main__resume-base-body-item-inner {
  4043 + display: -webkit-box;
  4044 + display: -ms-flexbox;
  4045 + display: flex;
  4046 + -webkit-box-orient: vertical;
  4047 + -webkit-box-direction: normal;
  4048 + -ms-flex-direction: column;
  4049 + flex-direction: column;
  4050 + gap: 10px;
  4051 + width: 100%;
  4052 +}
  4053 +@media (min-width: 768px) {
  4054 + .main__resume-base-body-item-inner {
  4055 + gap: 16px;
  4056 + padding-right: 50px;
  4057 + }
  4058 +}
  4059 +@media (min-width: 992px) {
  4060 + .main__resume-base-body-item-inner {
  4061 + display: grid;
  4062 + grid-template-columns: repeat(2, 1fr);
  4063 + gap: 30px;
  4064 + }
  4065 +}
  4066 +.main__resume-base-body-item-inner div {
  4067 + display: -webkit-box;
  4068 + display: -ms-flexbox;
  4069 + display: flex;
  4070 + -webkit-box-orient: vertical;
  4071 + -webkit-box-direction: normal;
  4072 + -ms-flex-direction: column;
  4073 + flex-direction: column;
  4074 + gap: 4px;
  4075 + font-size: 12px;
  4076 +}
  4077 +@media (min-width: 768px) {
  4078 + .main__resume-base-body-item-inner div {
  4079 + font-size: 16px;
  4080 + }
  4081 +}
  4082 +.main__resume-base-body-item-inner b {
  4083 + color: #377d87;
  4084 + font-size: 14px;
  4085 +}
  4086 +@media (min-width: 768px) {
  4087 + .main__resume-base-body-item-inner b {
  4088 + font-size: 18px;
  4089 + }
  4090 +}
  4091 +.main__resume-base-body-item-link {
  4092 + width: 100%;
  4093 + padding: 0;
  4094 +}
  4095 +@media (min-width: 768px) {
  4096 + .main__resume-base-body-item-link {
  4097 + width: 200px;
  4098 + }
  4099 +}
  4100 +.main__spoiler {
  4101 + overflow: hidden;
  4102 + border-radius: 8px;
  4103 + display: -webkit-box;
  4104 + display: -ms-flexbox;
  4105 + display: flex;
  4106 + -webkit-box-orient: vertical;
  4107 + -webkit-box-direction: normal;
  4108 + -ms-flex-direction: column;
  4109 + flex-direction: column;
  4110 +}
  4111 +.main__spoiler-toper {
  4112 + background: #377d87;
  4113 + height: 30px;
  4114 + display: -webkit-box;
  4115 + display: -ms-flexbox;
  4116 + display: flex;
  4117 + -webkit-box-align: center;
  4118 + -ms-flex-align: center;
  4119 + align-items: center;
  4120 + -webkit-box-pack: center;
  4121 + -ms-flex-pack: center;
  4122 + justify-content: center;
  4123 + color: #ffffff;
  4124 + font-size: 12px;
  4125 + font-weight: 700;
  4126 + padding: 0 30px;
  4127 + border: none;
  4128 + position: relative;
  4129 +}
  4130 +@media (min-width: 768px) {
  4131 + .main__spoiler-toper {
  4132 + font-size: 18px;
  4133 + height: 50px;
  4134 + padding: 0 60px;
  4135 + }
  4136 +}
  4137 +.main__spoiler-toper:before, .main__spoiler-toper:after {
  4138 + content: "";
  4139 + background: #ffffff;
  4140 + border-radius: 999px;
  4141 + width: 10px;
  4142 + height: 1px;
  4143 + position: absolute;
  4144 + top: 50%;
  4145 + right: 10px;
  4146 + -webkit-transition: 0.3s;
  4147 + transition: 0.3s;
  4148 + -webkit-transform: translate(0, -50%);
  4149 + -ms-transform: translate(0, -50%);
  4150 + transform: translate(0, -50%);
  4151 +}
  4152 +@media (min-width: 768px) {
  4153 + .main__spoiler-toper:before, .main__spoiler-toper:after {
  4154 + width: 20px;
  4155 + height: 2px;
  4156 + right: 20px;
  4157 + }
  4158 +}
  4159 +.main__spoiler-toper:after {
  4160 + -webkit-transform: rotate(90deg);
  4161 + -ms-transform: rotate(90deg);
  4162 + transform: rotate(90deg);
  4163 +}
  4164 +.main__spoiler-toper.active:after {
  4165 + -webkit-transform: rotate(0deg);
  4166 + -ms-transform: rotate(0deg);
  4167 + transform: rotate(0deg);
  4168 +}
  4169 +.main__spoiler-body {
  4170 + opacity: 0;
  4171 + height: 0;
  4172 + overflow: hidden;
  4173 + border-radius: 0 0 8px 8px;
  4174 + background: #ffffff;
  4175 +}
  4176 +.main__spoiler-body table {
  4177 + width: calc(100% + 2px);
  4178 + margin-left: -1px;
  4179 + margin-bottom: -1px;
  4180 +}
  4181 +@media (min-width: 992px) {
  4182 + .main__spoiler-body table td {
  4183 + width: 40%;
  4184 + }
  4185 +}
  4186 +@media (min-width: 992px) {
  4187 + .main__spoiler-body table td + td {
  4188 + width: 60%;
  4189 + }
  4190 +}
  4191 +.active + .main__spoiler-body {
  4192 + -webkit-transition: 0.3s;
  4193 + transition: 0.3s;
  4194 + opacity: 1;
  4195 + height: auto;
  4196 + border: 1px solid #cecece;
  4197 + border-top: none;
  4198 +}
  4199 +.main__table {
  4200 + border-collapse: collapse;
  4201 + table-layout: fixed;
  4202 + font-size: 12px;
  4203 + width: 100%;
  4204 + background: #ffffff;
  4205 +}
  4206 +@media (min-width: 768px) {
  4207 + .main__table {
  4208 + font-size: 16px;
  4209 + }
  4210 +}
  4211 +.main__table td {
  4212 + border: 1px solid #cecece;
  4213 + padding: 4px 8px;
  4214 + vertical-align: top;
  4215 +}
  4216 +@media (min-width: 768px) {
  4217 + .main__table td {
  4218 + padding: 8px 16px;
  4219 + }
  4220 +}
  4221 +.main__table td b {
  4222 + font-weight: 700;
  4223 +}
  4224 +.main__table_three {
  4225 + table-layout: auto;
  4226 +}
  4227 +.main__table_three td {
  4228 + width: 25% !important;
  4229 +}
  4230 +.main__table_three td:last-child {
  4231 + width: 50% !important;
  4232 +}
  4233 +.main__table b {
  4234 + display: block;
  4235 +}
  4236 +.main__table a {
  4237 + color: #377d87;
  4238 + text-decoration: underline;
  4239 +}
  4240 +.main__table a:hover {
  4241 + color: #3a3b3c;
  4242 +}
  4243 +.main__resume-profile-about {
  4244 + padding-top: 20px;
  4245 + padding-bottom: 30px;
  4246 + position: relative;
  4247 + margin-top: 30px;
  4248 + display: -webkit-box;
  4249 + display: -ms-flexbox;
  4250 + display: flex;
  4251 + -webkit-box-orient: vertical;
  4252 + -webkit-box-direction: normal;
  4253 + -ms-flex-direction: column;
  4254 + flex-direction: column;
  4255 + -webkit-box-align: start;
  4256 + -ms-flex-align: start;
  4257 + align-items: flex-start;
  4258 + gap: 10px;
  4259 +}
  4260 +@media (min-width: 992px) {
  4261 + .main__resume-profile-about {
  4262 + padding: 50px 0;
  4263 + }
  4264 +}
  4265 +.main__resume-profile-about:before {
  4266 + content: "";
  4267 + position: absolute;
  4268 + z-index: 1;
  4269 + top: 0;
  4270 + left: 50%;
  4271 + width: 20000px;
  4272 + height: 100%;
  4273 + margin-left: -10000px;
  4274 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  4275 +}
  4276 +.main__resume-profile-about-title {
  4277 + position: relative;
  4278 + z-index: 2;
  4279 + color: #3a3b3c;
  4280 +}
  4281 +.main__resume-profile-about-text {
  4282 + position: relative;
  4283 + z-index: 2;
  4284 +}
  4285 +.main__resume-profile-about-button {
  4286 + position: relative;
  4287 + z-index: 2;
  4288 + margin-top: 10px;
  4289 +}
  4290 +.main__resume-profile-info {
  4291 + display: -webkit-box;
  4292 + display: -ms-flexbox;
  4293 + display: flex;
  4294 + -webkit-box-orient: vertical;
  4295 + -webkit-box-direction: normal;
  4296 + -ms-flex-direction: column;
  4297 + flex-direction: column;
  4298 + gap: 20px;
  4299 + margin-top: 30px;
  4300 +}
  4301 +@media (min-width: 992px) {
  4302 + .main__resume-profile-info {
  4303 + margin-top: 50px;
  4304 + gap: 30px;
  4305 + }
  4306 +}
  4307 +.main__resume-profile-info-title {
  4308 + color: #3a3b3c;
  4309 +}
  4310 +.main__resume-profile-info-body {
  4311 + display: -webkit-box;
  4312 + display: -ms-flexbox;
  4313 + display: flex;
  4314 + -webkit-box-orient: vertical;
  4315 + -webkit-box-direction: normal;
  4316 + -ms-flex-direction: column;
  4317 + flex-direction: column;
  4318 + gap: 20px;
  4319 +}
  4320 +@media (min-width: 992px) {
  4321 + .main__resume-profile-info-body {
  4322 + gap: 30px;
  4323 + }
  4324 +}
  4325 +.main__resume-profile-info-body-item {
  4326 + display: -webkit-box;
  4327 + display: -ms-flexbox;
  4328 + display: flex;
  4329 + -webkit-box-orient: vertical;
  4330 + -webkit-box-direction: normal;
  4331 + -ms-flex-direction: column;
  4332 + flex-direction: column;
  4333 + gap: 10px;
  4334 +}
  4335 +@media (min-width: 768px) {
  4336 + .main__resume-profile-info-body-item {
  4337 + gap: 20px;
  4338 + }
  4339 +}
  4340 +.main__resume-profile-info-body-subtitle {
  4341 + color: #4d88d9;
  4342 +}
  4343 +.main__resume-profile-info-body-inner {
  4344 + display: -webkit-box;
  4345 + display: -ms-flexbox;
  4346 + display: flex;
  4347 + -webkit-box-orient: vertical;
  4348 + -webkit-box-direction: normal;
  4349 + -ms-flex-direction: column;
  4350 + flex-direction: column;
  4351 + gap: 20px;
  4352 + margin: 0;
  4353 + padding: 0;
  4354 + font-size: 12px;
  4355 +}
  4356 +@media (min-width: 768px) {
  4357 + .main__resume-profile-info-body-inner {
  4358 + display: grid;
  4359 + grid-template-columns: repeat(2, 1fr);
  4360 + }
  4361 +}
  4362 +@media (min-width: 992px) {
  4363 + .main__resume-profile-info-body-inner {
  4364 + grid-template-columns: repeat(3, 1fr);
  4365 + font-size: 16px;
  4366 + }
  4367 +}
  4368 +.main__resume-profile-info-body-inner li {
  4369 + display: -webkit-box;
  4370 + display: -ms-flexbox;
  4371 + display: flex;
  4372 + -webkit-box-orient: vertical;
  4373 + -webkit-box-direction: normal;
  4374 + -ms-flex-direction: column;
  4375 + flex-direction: column;
  4376 + gap: 6px;
  4377 +}
  4378 +@media (min-width: 992px) {
  4379 + .main__resume-profile-info-body-inner li {
  4380 + gap: 8px;
  4381 + }
  4382 +}
  4383 +.main__resume-profile-info-body-inner b {
  4384 + color: #377d87;
  4385 + font-size: 14px;
  4386 +}
  4387 +@media (min-width: 992px) {
  4388 + .main__resume-profile-info-body-inner b {
  4389 + font-size: 18px;
  4390 + }
  4391 +}
  4392 +.main__resume-profile-info-body-inner span {
  4393 + display: -webkit-box;
  4394 + display: -ms-flexbox;
  4395 + display: flex;
  4396 + -webkit-box-orient: vertical;
  4397 + -webkit-box-direction: normal;
  4398 + -ms-flex-direction: column;
  4399 + flex-direction: column;
  4400 + gap: 4px;
  4401 +}
  4402 +@media (min-width: 992px) {
  4403 + .main__resume-profile-info-body-inner span {
  4404 + gap: 6px;
  4405 + }
  4406 +}
  4407 +.main__resume-profile-review {
  4408 + display: -webkit-box;
  4409 + display: -ms-flexbox;
  4410 + display: flex;
  4411 + -webkit-box-orient: vertical;
  4412 + -webkit-box-direction: normal;
  4413 + -ms-flex-direction: column;
  4414 + flex-direction: column;
  4415 + gap: 20px;
  4416 + padding: 20px 10px;
  4417 + margin-top: 30px;
  4418 + border-radius: 16px;
  4419 + border: 1px solid #cecece;
  4420 + background: #ffffff;
  4421 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4422 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4423 +}
  4424 +@media (min-width: 992px) {
  4425 + .main__resume-profile-review {
  4426 + margin-top: 50px;
  4427 + padding: 50px 40px;
  4428 + gap: 30px;
  4429 + }
  4430 +}
  4431 +.main__resume-profile-review-title {
  4432 + color: #3a3b3c;
  4433 +}
  4434 +.main__resume-profile-review-body {
  4435 + display: -webkit-box;
  4436 + display: -ms-flexbox;
  4437 + display: flex;
  4438 + -webkit-box-orient: vertical;
  4439 + -webkit-box-direction: normal;
  4440 + -ms-flex-direction: column;
  4441 + flex-direction: column;
  4442 + -webkit-box-align: start;
  4443 + -ms-flex-align: start;
  4444 + align-items: flex-start;
  4445 + gap: 10px;
  4446 +}
  4447 +.main__resume-profile-review-body .textarea {
  4448 + width: 100%;
  4449 +}
  4450 +.main__resume-profile-review-body .button {
  4451 + margin-top: 10px;
  4452 +}
  4453 +.main__vacancies {
  4454 + display: -webkit-box;
  4455 + display: -ms-flexbox;
  4456 + display: flex;
  4457 + -webkit-box-orient: vertical;
  4458 + -webkit-box-direction: normal;
  4459 + -ms-flex-direction: column;
  4460 + flex-direction: column;
  4461 + -webkit-box-align: center;
  4462 + -ms-flex-align: center;
  4463 + align-items: center;
  4464 + gap: 20px;
  4465 +}
  4466 +@media (min-width: 768px) {
  4467 + .main__vacancies {
  4468 + gap: 30px;
  4469 + }
  4470 +}
  4471 +.main__vacancies-title {
  4472 + color: #3a3b3c;
  4473 + width: 100%;
  4474 +}
  4475 +@media (min-width: 992px) {
  4476 + .main__vacancies .vacancies__list {
  4477 + grid-template-columns: repeat(2, 1fr);
  4478 + }
  4479 +}
  4480 +.main__vacancies-filters {
  4481 + width: 100%;
  4482 +}
  4483 +.main__vacancies-item {
  4484 + width: 100%;
  4485 + background: none;
  4486 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4487 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4488 +}
  4489 +.main__vacancies-item-page {
  4490 + border: none;
  4491 + -webkit-box-shadow: none;
  4492 + box-shadow: none;
  4493 + background: none;
  4494 + margin: 0 -10px;
  4495 +}
  4496 +@media (min-width: 768px) {
  4497 + .main__vacancies-item-page {
  4498 + margin: 0 -20px;
  4499 + }
  4500 +}
  4501 +.main__vacancies-thing {
  4502 + width: 100%;
  4503 + position: relative;
  4504 + padding: 10px 0;
  4505 + padding-bottom: 30px;
  4506 + display: -webkit-box;
  4507 + display: -ms-flexbox;
  4508 + display: flex;
  4509 + -webkit-box-orient: vertical;
  4510 + -webkit-box-direction: normal;
  4511 + -ms-flex-direction: column;
  4512 + flex-direction: column;
  4513 + gap: 24px;
  4514 +}
  4515 +@media (min-width: 992px) {
  4516 + .main__vacancies-thing {
  4517 + display: grid;
  4518 + grid-template-columns: repeat(2, 1fr);
  4519 + padding: 30px 0;
  4520 + }
  4521 +}
  4522 +@media (min-width: 1280px) {
  4523 + .main__vacancies-thing {
  4524 + padding: 50px 0;
  4525 + display: -webkit-box;
  4526 + display: -ms-flexbox;
  4527 + display: flex;
  4528 + -webkit-box-orient: horizontal;
  4529 + -webkit-box-direction: normal;
  4530 + -ms-flex-direction: row;
  4531 + flex-direction: row;
  4532 + -webkit-box-align: start;
  4533 + -ms-flex-align: start;
  4534 + align-items: flex-start;
  4535 + gap: 0;
  4536 + }
  4537 +}
  4538 +.main__vacancies-thing:before {
  4539 + content: "";
  4540 + position: absolute;
  4541 + z-index: 1;
  4542 + top: 0;
  4543 + left: 50%;
  4544 + width: 20000px;
  4545 + height: 100%;
  4546 + margin-left: -10000px;
  4547 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  4548 +}
  4549 +.main__vacancies-thing-pic {
  4550 + position: relative;
  4551 + z-index: 2;
  4552 + width: 100%;
  4553 + height: 280px;
  4554 + -o-object-fit: cover;
  4555 + object-fit: cover;
  4556 + border-radius: 8px;
  4557 +}
  4558 +@media (min-width: 1280px) {
  4559 + .main__vacancies-thing-pic {
  4560 + width: 420px;
  4561 + }
  4562 +}
  4563 +.main__vacancies-thing-body {
  4564 + position: relative;
  4565 + z-index: 2;
  4566 + display: -webkit-box;
  4567 + display: -ms-flexbox;
  4568 + display: flex;
  4569 + -webkit-box-orient: vertical;
  4570 + -webkit-box-direction: normal;
  4571 + -ms-flex-direction: column;
  4572 + flex-direction: column;
  4573 + -webkit-box-align: start;
  4574 + -ms-flex-align: start;
  4575 + align-items: flex-start;
  4576 + gap: 16px;
  4577 + color: #3a3b3c;
  4578 +}
  4579 +@media (min-width: 1280px) {
  4580 + .main__vacancies-thing-body {
  4581 + width: calc(100% - 420px);
  4582 + padding-left: 30px;
  4583 + gap: 20px;
  4584 + }
  4585 +}
  4586 +.main__vacancies-thing-body > * {
  4587 + width: 100%;
  4588 +}
  4589 +.main__vacancies-thing-body .button {
  4590 + width: auto;
  4591 +}
  4592 +.main__cond {
  4593 + display: -webkit-box;
  4594 + display: -ms-flexbox;
  4595 + display: flex;
  4596 + -webkit-box-orient: vertical;
  4597 + -webkit-box-direction: normal;
  4598 + -ms-flex-direction: column;
  4599 + flex-direction: column;
  4600 + gap: 50px;
  4601 +}
  4602 +.main__cond > div {
  4603 + display: -webkit-box;
  4604 + display: -ms-flexbox;
  4605 + display: flex;
  4606 + -webkit-box-orient: vertical;
  4607 + -webkit-box-direction: normal;
  4608 + -ms-flex-direction: column;
  4609 + flex-direction: column;
  4610 + gap: 10px;
  4611 +}
  4612 +.main__cond-label {
  4613 + border-radius: 16px;
  4614 + border: 1px solid #cecece;
  4615 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4616 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4617 + padding: 30px 20px;
  4618 + font-weight: 700;
  4619 + color: #3a3b3c;
  4620 + line-height: 2;
  4621 + text-align: center;
  4622 +}
  4623 +@media (min-width: 992px) {
  4624 + .main__cond-label {
  4625 + font-size: 30px;
  4626 + }
  4627 +}
  4628 +.main__cond-icons {
  4629 + padding: 0;
  4630 + margin: 0;
  4631 + display: -webkit-box;
  4632 + display: -ms-flexbox;
  4633 + display: flex;
  4634 + -webkit-box-orient: vertical;
  4635 + -webkit-box-direction: normal;
  4636 + -ms-flex-direction: column;
  4637 + flex-direction: column;
  4638 + gap: 25px;
  4639 + margin-top: 10px;
  4640 +}
  4641 +@media (min-width: 768px) {
  4642 + .main__cond-icons {
  4643 + display: grid;
  4644 + grid-template-columns: repeat(2, 1fr);
  4645 + gap: 60px;
  4646 + margin-top: 20px;
  4647 + }
  4648 +}
  4649 +@media (min-width: 1280px) {
  4650 + .main__cond-icons {
  4651 + grid-template-columns: repeat(3, 1fr);
  4652 + }
  4653 +}
  4654 +.main__cond-icons li {
  4655 + display: -webkit-box;
  4656 + display: -ms-flexbox;
  4657 + display: flex;
  4658 + -webkit-box-orient: vertical;
  4659 + -webkit-box-direction: normal;
  4660 + -ms-flex-direction: column;
  4661 + flex-direction: column;
  4662 + -webkit-box-align: start;
  4663 + -ms-flex-align: start;
  4664 + align-items: flex-start;
  4665 + gap: 20px;
  4666 + font-size: 12px;
  4667 + line-height: 1.4;
  4668 + color: #3a3b3c;
  4669 +}
  4670 +@media (min-width: 768px) {
  4671 + .main__cond-icons li {
  4672 + font-size: 14px;
  4673 + }
  4674 +}
  4675 +@media (min-width: 992px) {
  4676 + .main__cond-icons li {
  4677 + font-size: 16px;
  4678 + line-height: 1.6;
  4679 + }
  4680 +}
  4681 +@media (min-width: 1280px) {
  4682 + .main__cond-icons li {
  4683 + font-size: 18px;
  4684 + }
  4685 +}
  4686 +.main__cond-icons li span {
  4687 + width: 48px;
  4688 + height: 48px;
  4689 + display: -webkit-box;
  4690 + display: -ms-flexbox;
  4691 + display: flex;
  4692 + -webkit-box-align: center;
  4693 + -ms-flex-align: center;
  4694 + align-items: center;
  4695 +}
  4696 +.main__cond-icons li span img {
  4697 + max-width: 48px;
  4698 +}
  4699 +.main__cond-callback {
  4700 + margin-top: 10px;
  4701 +}
  4702 +.main__ads {
  4703 + display: -webkit-box;
  4704 + display: -ms-flexbox;
  4705 + display: flex;
  4706 + -webkit-box-orient: vertical;
  4707 + -webkit-box-direction: normal;
  4708 + -ms-flex-direction: column;
  4709 + flex-direction: column;
  4710 + gap: 30px;
  4711 + margin: 30px 0;
  4712 +}
  4713 +@media (min-width: 992px) {
  4714 + .main__ads {
  4715 + margin: 60px 0;
  4716 + }
  4717 +}
  4718 +.main__ads-item {
  4719 + display: -webkit-box;
  4720 + display: -ms-flexbox;
  4721 + display: flex;
  4722 + -webkit-box-orient: vertical;
  4723 + -webkit-box-direction: normal;
  4724 + -ms-flex-direction: column;
  4725 + flex-direction: column;
  4726 + gap: 16px;
  4727 +}
  4728 +@media (min-width: 992px) {
  4729 + .main__ads-item {
  4730 + -webkit-box-orient: horizontal;
  4731 + -webkit-box-direction: normal;
  4732 + -ms-flex-direction: row;
  4733 + flex-direction: row;
  4734 + gap: 0;
  4735 + }
  4736 +}
  4737 +.main__ads-item-pic {
  4738 + width: 100%;
  4739 + max-width: 440px;
  4740 + max-height: 200px;
  4741 + aspect-ratio: 3/2;
  4742 + position: relative;
  4743 + overflow: hidden;
  4744 + border-radius: 12px;
  4745 +}
  4746 +@media (min-width: 992px) {
  4747 + .main__ads-item-pic {
  4748 + width: 200px;
  4749 + aspect-ratio: 1/1;
  4750 + }
  4751 +}
  4752 +.main__ads-item-pic img {
  4753 + z-index: 1;
  4754 + position: absolute;
  4755 + top: 0;
  4756 + left: 0;
  4757 + width: 100%;
  4758 + height: 100%;
  4759 + -o-object-fit: cover;
  4760 + object-fit: cover;
  4761 +}
  4762 +.main__ads-item-pic span {
  4763 + z-index: 2;
  4764 + width: 30px;
  4765 + height: 30px;
  4766 + border-radius: 6px;
  4767 + background: #4d88d9;
  4768 + display: -webkit-box;
  4769 + display: -ms-flexbox;
  4770 + display: flex;
  4771 + -webkit-box-pack: center;
  4772 + -ms-flex-pack: center;
  4773 + justify-content: center;
  4774 + -webkit-box-align: center;
  4775 + -ms-flex-align: center;
  4776 + align-items: center;
  4777 + position: absolute;
  4778 + top: 10px;
  4779 + left: 10px;
  4780 + color: #ffffff;
  4781 +}
  4782 +@media (min-width: 992px) {
  4783 + .main__ads-item-pic span {
  4784 + width: 42px;
  4785 + height: 42px;
  4786 + }
  4787 +}
  4788 +.main__ads-item-pic span svg {
  4789 + width: 12px;
  4790 + height: 12px;
  4791 +}
  4792 +@media (min-width: 992px) {
  4793 + .main__ads-item-pic span svg {
  4794 + width: 20px;
  4795 + height: 20px;
  4796 + }
  4797 +}
  4798 +.main__ads-item-body {
  4799 + display: -webkit-box;
  4800 + display: -ms-flexbox;
  4801 + display: flex;
  4802 + -webkit-box-orient: vertical;
  4803 + -webkit-box-direction: normal;
  4804 + -ms-flex-direction: column;
  4805 + flex-direction: column;
  4806 + -webkit-box-align: start;
  4807 + -ms-flex-align: start;
  4808 + align-items: flex-start;
  4809 + gap: 10px;
  4810 + font-size: 12px;
  4811 +}
  4812 +@media (min-width: 992px) {
  4813 + .main__ads-item-body {
  4814 + width: calc(100% - 200px);
  4815 + padding-left: 40px;
  4816 + -webkit-box-pack: center;
  4817 + -ms-flex-pack: center;
  4818 + justify-content: center;
  4819 + font-size: 16px;
  4820 + gap: 20px;
  4821 + }
  4822 +}
  4823 +.main__ads-item-body b {
  4824 + width: 100%;
  4825 + font-weight: 700;
  4826 + font-size: 14px;
  4827 +}
  4828 +@media (min-width: 992px) {
  4829 + .main__ads-item-body b {
  4830 + font-size: 20px;
  4831 + }
  4832 +}
  4833 +.main__ads-item-body span {
  4834 + width: 100%;
  4835 +}
  4836 +
  4837 +.work {
  4838 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  4839 + color: #6b6c6d;
  4840 + padding-top: 70px;
  4841 + padding-bottom: 10px;
  4842 + position: relative;
  4843 + overflow: hidden;
  4844 +}
  4845 +@media (min-width: 768px) {
  4846 + .work {
  4847 + padding-bottom: 25px;
  4848 + }
  4849 +}
  4850 +@media (min-width: 1280px) {
  4851 + .work {
  4852 + padding-top: 80px;
  4853 + padding-bottom: 25px;
  4854 + }
  4855 +}
  4856 +.work__pic {
  4857 + position: absolute;
  4858 + height: calc(100% - 40px);
  4859 + z-index: 1;
  4860 + display: none;
  4861 + bottom: 0;
  4862 + left: 50%;
  4863 + margin-left: 40px;
  4864 +}
  4865 +@media (min-width: 992px) {
  4866 + .work__pic {
  4867 + display: block;
  4868 + }
  4869 +}
  4870 +@media (min-width: 1280px) {
  4871 + .work__pic {
  4872 + margin-left: 80px;
  4873 + }
  4874 +}
  4875 +.work__body {
  4876 + position: relative;
  4877 + z-index: 2;
  4878 + display: -webkit-box;
  4879 + display: -ms-flexbox;
  4880 + display: flex;
  4881 + -webkit-box-orient: vertical;
  4882 + -webkit-box-direction: normal;
  4883 + -ms-flex-direction: column;
  4884 + flex-direction: column;
  4885 + -webkit-box-align: center;
  4886 + -ms-flex-align: center;
  4887 + align-items: center;
  4888 +}
  4889 +@media (min-width: 768px) {
  4890 + .work__body {
  4891 + -webkit-box-align: start;
  4892 + -ms-flex-align: start;
  4893 + align-items: flex-start;
  4894 + }
  4895 +}
  4896 +@media (min-width: 992px) {
  4897 + .work__body {
  4898 + max-width: 600px;
  4899 + }
  4900 +}
  4901 +.work__title {
  4902 + width: 100%;
  4903 + font-size: 40px;
  4904 + font-weight: 700;
  4905 + line-height: 1;
  4906 +}
  4907 +@media (min-width: 768px) {
  4908 + .work__title {
  4909 + font-size: 64px;
  4910 + line-height: 94px;
  4911 + }
  4912 +}
  4913 +.work__text {
  4914 + width: 100%;
  4915 + font-size: 12px;
  4916 + margin-top: 10px;
  4917 +}
  4918 +@media (min-width: 768px) {
  4919 + .work__text {
  4920 + font-size: 18px;
  4921 + margin-top: 20px;
  4922 + line-height: 1.4;
  4923 + }
  4924 +}
  4925 +.work__list {
  4926 + width: 100%;
  4927 + display: -webkit-box;
  4928 + display: -ms-flexbox;
  4929 + display: flex;
  4930 + -webkit-box-orient: vertical;
  4931 + -webkit-box-direction: normal;
  4932 + -ms-flex-direction: column;
  4933 + flex-direction: column;
  4934 + gap: 5px;
  4935 + font-size: 14px;
  4936 + font-weight: 700;
  4937 + margin-top: 15px;
  4938 +}
  4939 +@media (min-width: 768px) {
  4940 + .work__list {
  4941 + font-size: 18px;
  4942 + gap: 8px;
  4943 + margin-top: 30px;
  4944 + }
  4945 +}
  4946 +.work__list div {
  4947 + position: relative;
  4948 + padding-left: 10px;
  4949 +}
  4950 +@media (min-width: 768px) {
  4951 + .work__list div {
  4952 + padding-left: 16px;
  4953 + }
  4954 +}
  4955 +.work__list div:before {
  4956 + content: "";
  4957 + width: 4px;
  4958 + height: 4px;
  4959 + background: #6b6c6d;
  4960 + border-radius: 999px;
  4961 + position: absolute;
  4962 + top: 5px;
  4963 + left: 0;
  4964 +}
  4965 +@media (min-width: 768px) {
  4966 + .work__list div:before {
  4967 + top: 8px;
  4968 + }
  4969 +}
  4970 +.work__form {
  4971 + margin-top: 20px;
  4972 +}
  4973 +@media (min-width: 768px) {
  4974 + .work__form {
  4975 + margin-top: 30px;
  4976 + }
  4977 +}
  4978 +.work__search {
  4979 + width: 100%;
  4980 + max-width: 180px;
  4981 + margin-top: 20px;
  4982 +}
  4983 +@media (min-width: 768px) {
  4984 + .work__search {
  4985 + max-width: 270px;
  4986 + margin-top: 50px;
  4987 + }
  4988 +}
  4989 +.work__get {
  4990 + width: 100%;
  4991 + display: -webkit-box;
  4992 + display: -ms-flexbox;
  4993 + display: flex;
  4994 + -webkit-box-align: start;
  4995 + -ms-flex-align: start;
  4996 + align-items: flex-start;
  4997 + -ms-flex-wrap: wrap;
  4998 + flex-wrap: wrap;
  4999 + margin-top: 48px;
  5000 +}
  5001 +.work__get b {
  5002 + width: 100%;
  5003 + margin-bottom: 10px;
  5004 + font-size: 14px;
  5005 +}
  5006 +@media (min-width: 768px) {
  5007 + .work__get b {
  5008 + font-size: 18px;
  5009 + }
  5010 +}
  5011 +.work__get a {
  5012 + display: -webkit-box;
  5013 + display: -ms-flexbox;
  5014 + display: flex;
  5015 + -webkit-box-align: center;
  5016 + -ms-flex-align: center;
  5017 + align-items: center;
  5018 + -webkit-box-pack: center;
  5019 + -ms-flex-pack: center;
  5020 + justify-content: center;
  5021 + margin-right: 20px;
  5022 +}
  5023 +.work__get a img {
  5024 + -webkit-transition: 0.3s;
  5025 + transition: 0.3s;
  5026 + width: 111px;
  5027 +}
  5028 +@media (min-width: 768px) {
  5029 + .work__get a img {
  5030 + width: 131px;
  5031 + }
  5032 +}
  5033 +.work__get a:hover img {
  5034 + -webkit-transform: scale(1.1);
  5035 + -ms-transform: scale(1.1);
  5036 + transform: scale(1.1);
  5037 +}
  5038 +.work__get a + a {
  5039 + margin-right: 0;
  5040 +}
  5041 +
  5042 +.numbers {
  5043 + padding: 30px 0;
  5044 + background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
  5045 + color: #ffffff;
  5046 +}
  5047 +@media (min-width: 1280px) {
  5048 + .numbers {
  5049 + padding: 100px 0;
  5050 + background-position: 100% 100%;
  5051 + background-size: auto 500px;
  5052 + }
  5053 +}
  5054 +.numbers__body {
  5055 + display: -webkit-box;
  5056 + display: -ms-flexbox;
  5057 + display: flex;
  5058 + -webkit-box-orient: vertical;
  5059 + -webkit-box-direction: normal;
  5060 + -ms-flex-direction: column;
  5061 + flex-direction: column;
  5062 + gap: 30px;
  5063 +}
  5064 +@media (min-width: 768px) {
  5065 + .numbers__body {
  5066 + display: grid;
  5067 + grid-template-columns: 1fr 1fr 1fr;
  5068 + }
  5069 +}
  5070 +.numbers__item {
  5071 + font-size: 12px;
  5072 + display: -webkit-box;
  5073 + display: -ms-flexbox;
  5074 + display: flex;
  5075 + -webkit-box-orient: vertical;
  5076 + -webkit-box-direction: normal;
  5077 + -ms-flex-direction: column;
  5078 + flex-direction: column;
  5079 + line-height: 1.4;
  5080 +}
  5081 +@media (min-width: 1280px) {
  5082 + .numbers__item {
  5083 + font-size: 16px;
  5084 + line-height: 20px;
  5085 + }
  5086 +}
  5087 +.numbers__item b {
  5088 + font-size: 40px;
  5089 + font-weight: 700;
  5090 + border-bottom: 1px solid #ffffff;
  5091 + line-height: 1;
  5092 +}
  5093 +@media (min-width: 1280px) {
  5094 + .numbers__item b {
  5095 + font-size: 100px;
  5096 + line-height: 147px;
  5097 + }
  5098 +}
  5099 +.numbers__item span {
  5100 + font-weight: 700;
  5101 + font-size: 14px;
  5102 + margin: 10px 0;
  5103 + line-height: 1;
  5104 +}
  5105 +@media (min-width: 1280px) {
  5106 + .numbers__item span {
  5107 + font-size: 24px;
  5108 + margin-top: 30px;
  5109 + }
  5110 +}
  5111 +
  5112 +.vacancies {
  5113 + padding: 50px 0;
  5114 +}
  5115 +@media (min-width: 1280px) {
  5116 + .vacancies {
  5117 + padding: 100px 0;
  5118 + }
  5119 +}
  5120 +.vacancies__body {
  5121 + display: -webkit-box;
  5122 + display: -ms-flexbox;
  5123 + display: flex;
  5124 + -webkit-box-orient: vertical;
  5125 + -webkit-box-direction: reverse;
  5126 + -ms-flex-direction: column-reverse;
  5127 + flex-direction: column-reverse;
  5128 + gap: 20px;
  5129 + width: 100%;
  5130 + margin-top: 20px;
  5131 +}
  5132 +@media (min-width: 992px) {
  5133 + .vacancies__body {
  5134 + margin-top: 30px;
  5135 + gap: 30px;
  5136 + }
  5137 +}
  5138 +.vacancies__more {
  5139 + width: 100%;
  5140 +}
  5141 +@media (min-width: 768px) {
  5142 + .vacancies__more {
  5143 + width: auto;
  5144 + margin: 0 auto;
  5145 + }
  5146 +}
  5147 +.vacancies__list {
  5148 + display: -webkit-box;
  5149 + display: -ms-flexbox;
  5150 + display: flex;
  5151 + -webkit-box-orient: vertical;
  5152 + -webkit-box-direction: normal;
  5153 + -ms-flex-direction: column;
  5154 + flex-direction: column;
  5155 + gap: 15px;
  5156 +}
  5157 +@media (min-width: 768px) {
  5158 + .vacancies__list {
  5159 + display: grid;
  5160 + grid-template-columns: repeat(2, 1fr);
  5161 + }
  5162 +}
  5163 +@media (min-width: 992px) {
  5164 + .vacancies__list {
  5165 + display: grid;
  5166 + grid-template-columns: repeat(3, 1fr);
  5167 + gap: 20px;
  5168 + }
  5169 +}
  5170 +@media (min-width: 1280px) {
  5171 + .vacancies__list {
  5172 + grid-template-columns: repeat(4, 1fr);
  5173 + }
  5174 +}
  5175 +.vacancies__item {
  5176 + display: none;
  5177 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  5178 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  5179 + border-radius: 12px;
  5180 + background: #ffffff;
  5181 + border: 1px solid #e6e7e7;
  5182 + overflow: hidden;
  5183 +}
  5184 +.vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8), .vacancies__item:nth-of-type(9), .vacancies__item:nth-of-type(10), .vacancies__item:nth-of-type(11), .vacancies__item:nth-of-type(12), .vacancies__item:nth-of-type(13), .vacancies__item:nth-of-type(14), .vacancies__item:nth-of-type(15), .vacancies__item:nth-of-type(16) {
  5185 + display: -webkit-box;
  5186 + display: -ms-flexbox;
  5187 + display: flex;
  5188 +}
  5189 +.vacancies__item > span {
  5190 + border-left: 10px solid #377d87;
  5191 + padding: 20px 14px;
  5192 + display: -webkit-box;
  5193 + display: -ms-flexbox;
  5194 + display: flex;
  5195 + -webkit-box-orient: vertical;
  5196 + -webkit-box-direction: normal;
  5197 + -ms-flex-direction: column;
  5198 + flex-direction: column;
  5199 + -webkit-box-align: start;
  5200 + -ms-flex-align: start;
  5201 + align-items: flex-start;
  5202 + gap: 5px;
  5203 + -webkit-box-pack: justify;
  5204 + -ms-flex-pack: justify;
  5205 + justify-content: space-between;
  5206 +}
  5207 +@media (min-width: 992px) {
  5208 + .vacancies__item > span {
  5209 + gap: 10px;
  5210 + }
  5211 +}
  5212 +.vacancies__item b {
  5213 + font-weight: 700;
  5214 + font-size: 14px;
  5215 +}
  5216 +@media (min-width: 992px) {
  5217 + .vacancies__item b {
  5218 + font-size: 20px;
  5219 + }
  5220 +}
  5221 +.vacancies__item:hover b {
  5222 + color: #377d87;
  5223 +}
  5224 +.vacancies__item u {
  5225 + text-decoration: none;
  5226 + font-size: 14px;
  5227 +}
  5228 +@media (min-width: 992px) {
  5229 + .vacancies__item u {
  5230 + font-size: 18px;
  5231 + }
  5232 +}
  5233 +.vacancies__item i {
  5234 + font-size: 12px;
  5235 + font-style: normal;
  5236 + border-bottom: 1px dashed #377d87;
  5237 +}
  5238 +@media (min-width: 992px) {
  5239 + .vacancies__item i {
  5240 + font-size: 16px;
  5241 + }
  5242 +}
  5243 +.vacancies__item i span {
  5244 + font-weight: 700;
  5245 + color: #377d87;
  5246 +}
  5247 +.vacancies__body.active > .vacancies__list > .vacancies__item {
  5248 + display: -webkit-box;
  5249 + display: -ms-flexbox;
  5250 + display: flex;
  5251 +}
  5252 +
  5253 +.employer {
  5254 + padding-bottom: 50px;
  5255 +}
  5256 +@media (min-width: 992px) {
  5257 + .employer {
  5258 + padding-bottom: 100px;
  5259 + }
  5260 +}
  5261 +.employer .swiper {
  5262 + margin-top: 20px;
  5263 +}
  5264 +@media (min-width: 992px) {
  5265 + .employer .swiper {
  5266 + margin-top: 30px;
  5267 + }
  5268 +}
  5269 +.employer__item {
  5270 + display: -webkit-box;
  5271 + display: -ms-flexbox;
  5272 + display: flex;
  5273 + -webkit-box-orient: vertical;
  5274 + -webkit-box-direction: normal;
  5275 + -ms-flex-direction: column;
  5276 + flex-direction: column;
  5277 + gap: 30px;
  5278 +}
  5279 +.employer__item a {
  5280 + display: -webkit-box;
  5281 + display: -ms-flexbox;
  5282 + display: flex;
  5283 + -webkit-box-orient: vertical;
  5284 + -webkit-box-direction: normal;
  5285 + -ms-flex-direction: column;
  5286 + flex-direction: column;
  5287 + -webkit-box-align: center;
  5288 + -ms-flex-align: center;
  5289 + align-items: center;
  5290 +}
  5291 +.employer__item img {
  5292 + width: 100%;
  5293 + aspect-ratio: 295/98;
  5294 + -o-object-fit: contain;
  5295 + object-fit: contain;
  5296 +}
  5297 +.employer__more {
  5298 + height: 38px;
  5299 + margin-top: 20px;
  5300 +}
  5301 +@media (min-width: 992px) {
  5302 + .employer__more {
  5303 + width: 250px;
  5304 + margin: 0 auto;
  5305 + height: 44px;
  5306 + margin-top: 40px;
  5307 + }
  5308 +}
  5309 +
  5310 +.about {
  5311 + background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
  5312 + background-size: cover;
  5313 + padding: 30px 0;
  5314 + padding-bottom: 70px;
  5315 +}
  5316 +@media (min-width: 768px) {
  5317 + .about {
  5318 + padding-top: 40px;
  5319 + background-size: auto calc(100% - 10px);
  5320 + }
  5321 +}
  5322 +@media (min-width: 1280px) {
  5323 + .about {
  5324 + padding: 100px 0;
  5325 + }
  5326 +}
  5327 +.about__wrapper {
  5328 + display: -webkit-box;
  5329 + display: -ms-flexbox;
  5330 + display: flex;
  5331 + -webkit-box-orient: vertical;
  5332 + -webkit-box-direction: normal;
  5333 + -ms-flex-direction: column;
  5334 + flex-direction: column;
  5335 + position: relative;
  5336 +}
  5337 +.about__title {
  5338 + color: #ffffff;
  5339 + line-height: 1.2;
  5340 +}
  5341 +@media (min-width: 1280px) {
  5342 + .about__title {
  5343 + position: absolute;
  5344 + top: -45px;
  5345 + left: 0;
  5346 + }
  5347 +}
  5348 +.about__body {
  5349 + display: -webkit-box;
  5350 + display: -ms-flexbox;
  5351 + display: flex;
  5352 + -webkit-box-orient: vertical;
  5353 + -webkit-box-direction: normal;
  5354 + -ms-flex-direction: column;
  5355 + flex-direction: column;
  5356 +}
  5357 +@media (min-width: 1280px) {
  5358 + .about__body {
  5359 + padding-left: 495px;
  5360 + }
  5361 +}
  5362 +.about__line {
  5363 + background: #ffffff;
  5364 + width: 100%;
  5365 + height: 1px;
  5366 + max-width: 400px;
  5367 + margin-top: 10px;
  5368 +}
  5369 +.about__item {
  5370 + display: -webkit-box;
  5371 + display: -ms-flexbox;
  5372 + display: flex;
  5373 + -webkit-box-orient: vertical;
  5374 + -webkit-box-direction: normal;
  5375 + -ms-flex-direction: column;
  5376 + flex-direction: column;
  5377 + margin-top: 10px;
  5378 + max-width: 600px;
  5379 +}
  5380 +@media (min-width: 768px) {
  5381 + .about__item {
  5382 + margin-top: 20px;
  5383 + }
  5384 +}
  5385 +@media (min-width: 1280px) {
  5386 + .about__item {
  5387 + margin-top: 30px;
  5388 + }
  5389 +}
  5390 +.about__item b {
  5391 + font-size: 20px;
  5392 + font-weight: 700;
  5393 +}
  5394 +.about__item span {
  5395 + font-size: 13px;
  5396 + line-height: 1.4;
  5397 + margin-top: 6px;
  5398 +}
  5399 +@media (min-width: 1280px) {
  5400 + .about__item span {
  5401 + font-size: 16px;
  5402 + margin-top: 12px;
  5403 + }
  5404 +}
  5405 +.about__item a {
  5406 + text-decoration: underline;
  5407 +}
  5408 +.about__item + .about__item {
  5409 + margin-top: 30px;
  5410 +}
  5411 +@media (min-width: 992px) {
  5412 + .about__item + .about__item {
  5413 + margin-top: 40px;
  5414 + }
  5415 +}
  5416 +.about__button {
  5417 + margin-top: 20px;
  5418 + height: 38px;
  5419 + padding: 0;
  5420 +}
  5421 +@media (min-width: 768px) {
  5422 + .about__button {
  5423 + max-width: 200px;
  5424 + height: 42px;
  5425 + margin-top: 30px;
  5426 + }
  5427 +}
  5428 +
  5429 +.news {
  5430 + padding: 50px 0;
  5431 + overflow: hidden;
  5432 +}
  5433 +@media (min-width: 1280px) {
  5434 + .news {
  5435 + padding: 100px 0;
  5436 + padding-bottom: 0;
  5437 + }
  5438 +}
  5439 +.news__toper {
  5440 + display: -webkit-box;
  5441 + display: -ms-flexbox;
  5442 + display: flex;
  5443 + -webkit-box-pack: justify;
  5444 + -ms-flex-pack: justify;
  5445 + justify-content: space-between;
  5446 + -webkit-box-align: center;
  5447 + -ms-flex-align: center;
  5448 + align-items: center;
  5449 +}
  5450 +@media (min-width: 1280px) {
  5451 + .news__toper .title {
  5452 + width: calc(100% - 160px);
  5453 + }
  5454 +}
  5455 +.news__toper .navs {
  5456 + display: none;
  5457 +}
  5458 +@media (min-width: 1280px) {
  5459 + .news__toper .navs {
  5460 + display: -webkit-box;
  5461 + display: -ms-flexbox;
  5462 + display: flex;
  5463 + }
  5464 +}
  5465 +.news .swiper {
  5466 + margin-top: 20px;
  5467 +}
  5468 +@media (min-width: 768px) {
  5469 + .news .swiper {
  5470 + overflow: visible;
  5471 + }
  5472 +}
  5473 +@media (min-width: 992px) {
  5474 + .news .swiper {
  5475 + margin-top: 40px;
  5476 + }
  5477 +}
  5478 +.news__item {
  5479 + display: -webkit-box;
  5480 + display: -ms-flexbox;
  5481 + display: flex;
  5482 + -webkit-box-orient: vertical;
  5483 + -webkit-box-direction: normal;
  5484 + -ms-flex-direction: column;
  5485 + flex-direction: column;
  5486 + line-height: 1.4;
  5487 +}
  5488 +.news__item-pic {
  5489 + width: 100%;
  5490 + aspect-ratio: 3/2;
  5491 + border-radius: 12px;
  5492 + border: 1px solid #e6e7e7;
  5493 + -o-object-fit: cover;
  5494 + object-fit: cover;
  5495 + min-height: 200px;
  5496 +}
  5497 +@media (min-width: 1280px) {
  5498 + .news__item-pic {
  5499 + aspect-ratio: 4/2;
  5500 + }
  5501 +}
  5502 +.news__item-body {
  5503 + display: -webkit-box;
  5504 + display: -ms-flexbox;
  5505 + display: flex;
  5506 + -webkit-box-orient: vertical;
  5507 + -webkit-box-direction: normal;
  5508 + -ms-flex-direction: column;
  5509 + flex-direction: column;
  5510 + padding-top: 15px;
  5511 +}
  5512 +@media (min-width: 768px) {
  5513 + .news__item-body {
  5514 + padding: 20px;
  5515 + padding-top: 30px;
  5516 + margin-top: -15px;
  5517 + border-radius: 0 0 12px 12px;
  5518 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  5519 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  5520 + }
  5521 +}
  5522 +.news__item-date {
  5523 + font-size: 14px;
  5524 + font-weight: 700;
  5525 + color: #377d87;
  5526 +}
  5527 +.news__item-title {
  5528 + font-size: 20px;
  5529 + font-weight: 700;
  5530 + line-height: 1.2;
  5531 + margin-top: 5px;
  5532 +}
  5533 +.news__item-text {
  5534 + color: #6b6c6d;
  5535 + font-size: 13px;
  5536 + margin-top: 10px;
  5537 + overflow: hidden;
  5538 + display: -webkit-box;
  5539 + -webkit-box-orient: vertical;
  5540 + -webkit-line-clamp: 4;
  5541 +}
  5542 +@media (min-width: 1280px) {
  5543 + .news__item-text {
  5544 + font-size: 16px;
  5545 + }
  5546 +}
  5547 +.news__item-more {
  5548 + height: 42px;
  5549 + margin-top: 20px;
  5550 +}
  5551 +@media (min-width: 1280px) {
  5552 + .news__item-more {
  5553 + height: 44px;
  5554 + max-width: 190px;
  5555 + }
  5556 +}
  5557 +.news__all {
  5558 + height: 42px;
  5559 + margin: 0 auto;
  5560 + margin-top: 20px;
  5561 + padding: 0;
  5562 + display: none;
  5563 +}
  5564 +@media (min-width: 768px) {
  5565 + .news__all {
  5566 + max-width: 170px;
  5567 + margin-top: 30px;
  5568 + display: -webkit-box;
  5569 + display: -ms-flexbox;
  5570 + display: flex;
  5571 + }
  5572 +}
  5573 +@media (min-width: 1280px) {
  5574 + .news__all {
  5575 + height: 44px;
  5576 + }
  5577 +}
  5578 +.news__items {
  5579 + display: grid;
  5580 + gap: 20px;
  5581 + margin-bottom: 10px;
  5582 +}
  5583 +@media (min-width: 768px) {
  5584 + .news__items {
  5585 + grid-template-columns: 1fr 1fr;
  5586 + }
  5587 +}
  5588 +@media (min-width: 992px) {
  5589 + .news__items {
  5590 + grid-template-columns: 1fr 1fr 1fr;
  5591 + }
  5592 +}
  5593 +
  5594 +main + .news {
  5595 + padding: 0;
  5596 +}
  5597 +
  5598 +.info {
  5599 + position: relative;
  5600 + overflow: hidden;
  5601 +}
  5602 +@media (min-width: 1280px) {
  5603 + .info {
  5604 + margin-bottom: -25px;
  5605 + }
  5606 +}
  5607 +.info__pic {
  5608 + display: none;
  5609 + z-index: 1;
  5610 + position: absolute;
  5611 + top: 0;
  5612 + left: 50%;
  5613 + height: 100%;
  5614 + margin-left: 130px;
  5615 +}
  5616 +@media (min-width: 992px) {
  5617 + .info__pic {
  5618 + display: block;
  5619 + }
  5620 +}
  5621 +@media (min-width: 1280px) {
  5622 + .info__pic {
  5623 + width: 610px;
  5624 + height: auto;
  5625 + margin-left: 10px;
  5626 + }
  5627 +}
  5628 +.info__body {
  5629 + z-index: 2;
  5630 + position: relative;
  5631 + display: -webkit-box;
  5632 + display: -ms-flexbox;
  5633 + display: flex;
  5634 + -webkit-box-orient: vertical;
  5635 + -webkit-box-direction: normal;
  5636 + -ms-flex-direction: column;
  5637 + flex-direction: column;
  5638 +}
  5639 +@media (min-width: 1280px) {
  5640 + .info__body {
  5641 + padding-top: 100px;
  5642 + min-height: 600px;
  5643 + }
  5644 +}
  5645 +@media (min-width: 1280px) {
  5646 + .info__title {
  5647 + max-width: 520px;
  5648 + line-height: 1;
  5649 + }
  5650 +}
  5651 +.info__item {
  5652 + margin-top: 20px;
  5653 + display: -webkit-box;
  5654 + display: -ms-flexbox;
  5655 + display: flex;
  5656 + -webkit-box-orient: vertical;
  5657 + -webkit-box-direction: normal;
  5658 + -ms-flex-direction: column;
  5659 + flex-direction: column;
  5660 + gap: 20px;
  5661 +}
  5662 +@media (min-width: 992px) {
  5663 + .info__item {
  5664 + max-width: 610px;
  5665 + }
  5666 +}
  5667 +.info__item + .info__item {
  5668 + margin-top: 60px;
  5669 +}
  5670 +.info__text {
  5671 + color: #6b6c6d;
  5672 + font-size: 13px;
  5673 + line-height: 1.4;
  5674 +}
  5675 +@media (min-width: 768px) {
  5676 + .info__text {
  5677 + font-size: 16px;
  5678 + }
  5679 +}
  5680 +@media (min-width: 1280px) {
  5681 + .info__text {
  5682 + font-size: 18px;
  5683 + }
  5684 +}
  5685 +.info__link {
  5686 + border-radius: 8px;
  5687 + display: -webkit-box;
  5688 + display: -ms-flexbox;
  5689 + display: flex;
  5690 + -webkit-box-pack: center;
  5691 + -ms-flex-pack: center;
  5692 + justify-content: center;
  5693 + -webkit-box-align: center;
  5694 + -ms-flex-align: center;
  5695 + align-items: center;
  5696 + line-height: 1;
  5697 + height: 40px;
  5698 + font-size: 12px;
  5699 + font-weight: 700;
  5700 + gap: 8px;
  5701 + color: #ffffff;
  5702 + background: #377d87;
  5703 +}
  5704 +.info__link:hover {
  5705 + -webkit-filter: grayscale(50%);
  5706 + filter: grayscale(50%);
  5707 +}
  5708 +@media (min-width: 768px) {
  5709 + .info__link {
  5710 + height: 44px;
  5711 + font-size: 16px;
  5712 + gap: 10px;
  5713 + max-width: 300px;
  5714 + }
  5715 +}
  5716 +@media (min-width: 992px) {
  5717 + .info__link {
  5718 + max-width: 210px;
  5719 + }
  5720 +}
  5721 +.info__link svg {
  5722 + width: 16px;
  5723 + height: 16px;
  5724 +}
  5725 +@media (min-width: 768px) {
  5726 + .info__link svg {
  5727 + width: 20px;
  5728 + height: 20px;
  5729 + }
  5730 +}
  5731 +
  5732 +.thing {
  5733 + padding-top: 15px;
  5734 + padding-bottom: 30px;
  5735 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  5736 + color: #3a3b3c;
  5737 + overflow: hidden;
  5738 + position: relative;
  5739 +}
  5740 +@media (min-width: 992px) {
  5741 + .thing {
  5742 + padding-top: 20px;
  5743 + padding-bottom: 60px;
  5744 + }
  5745 +}
  5746 +@media (min-width: 1280px) {
  5747 + .thing {
  5748 + padding-bottom: 90px;
  5749 + }
  5750 +}
  5751 +.thing_pdf {
  5752 + padding: 30px 0;
  5753 +}
  5754 +@media (min-width: 992px) {
  5755 + .thing_pdf {
  5756 + padding: 60px 0;
  5757 + }
  5758 +}
  5759 +@media (min-width: 1280px) {
  5760 + .thing_pdf {
  5761 + padding: 90px 0;
  5762 + }
  5763 +}
  5764 +.thing__body {
  5765 + display: -webkit-box;
  5766 + display: -ms-flexbox;
  5767 + display: flex;
  5768 + -webkit-box-orient: vertical;
  5769 + -webkit-box-direction: normal;
  5770 + -ms-flex-direction: column;
  5771 + flex-direction: column;
  5772 + -webkit-box-align: start;
  5773 + -ms-flex-align: start;
  5774 + align-items: flex-start;
  5775 +}
  5776 +.thing__breadcrumbs {
  5777 + width: 100%;
  5778 + margin-bottom: 40px;
  5779 + position: relative;
  5780 + z-index: 2;
  5781 +}
  5782 +@media (min-width: 768px) {
  5783 + .thing__breadcrumbs {
  5784 + margin-bottom: 60px;
  5785 + }
  5786 +}
  5787 +.thing__date {
  5788 + color: #6B6C6D;
  5789 + font-size: 14px;
  5790 + font-weight: 700;
  5791 + line-height: 21px;
  5792 + margin-bottom: 10px;
  5793 +}
  5794 +@media (min-width: 768px) {
  5795 + .thing__date {
  5796 + font-size: 18px;
  5797 + line-height: 27px;
  5798 + }
  5799 +}
  5800 +.thing__title {
  5801 + width: 100%;
  5802 + font-size: 32px;
  5803 + font-weight: 700;
  5804 + margin: 0;
  5805 + max-width: 780px;
  5806 + position: relative;
  5807 + z-index: 2;
  5808 + line-height: 1.1;
  5809 +}
  5810 +@media (min-width: 768px) {
  5811 + .thing__title {
  5812 + font-size: 40px;
  5813 + }
  5814 +}
  5815 +@media (min-width: 1280px) {
  5816 + .thing__title {
  5817 + font-size: 64px;
  5818 + }
  5819 +}
  5820 +.thing__text {
  5821 + width: 100%;
  5822 + font-weight: 700;
  5823 + font-size: 14px;
  5824 + line-height: 1.4;
  5825 + margin: 15px 0 0 0;
  5826 + max-width: 780px;
  5827 + position: relative;
  5828 + z-index: 2;
  5829 +}
  5830 +@media (min-width: 768px) {
  5831 + .thing__text {
  5832 + margin-top: 15px;
  5833 + }
  5834 +}
  5835 +@media (min-width: 992px) {
  5836 + .thing__text {
  5837 + font-weight: 400;
  5838 + font-size: 18px;
  5839 + }
  5840 +}
  5841 +.thing__search {
  5842 + width: 100%;
  5843 + max-width: 640px;
  5844 + margin-top: 20px;
  5845 + position: relative;
  5846 + z-index: 2;
  5847 +}
  5848 +@media (min-width: 768px) {
  5849 + .thing__search {
  5850 + margin-top: 30px;
  5851 + }
  5852 +}
  5853 +.thing__badge {
  5854 + position: relative;
  5855 + z-index: 2;
  5856 + display: -webkit-box;
  5857 + display: -ms-flexbox;
  5858 + display: flex;
  5859 + -webkit-box-align: center;
  5860 + -ms-flex-align: center;
  5861 + align-items: center;
  5862 + gap: 5px;
  5863 + padding: 0 12px;
  5864 + background: #4d88d9;
  5865 + color: #ffffff;
  5866 + font-size: 12px;
  5867 + line-height: 1;
  5868 + height: 26px;
  5869 + border-radius: 999px;
  5870 + margin-bottom: 20px;
  5871 +}
  5872 +@media (min-width: 992px) {
  5873 + .thing__badge {
  5874 + font-size: 16px;
  5875 + gap: 10px;
  5876 + padding: 0 24px;
  5877 + height: 42px;
  5878 + margin-bottom: 30px;
  5879 + }
  5880 +}
  5881 +.thing__badge svg {
  5882 + width: 12px;
  5883 + height: 12px;
  5884 +}
  5885 +@media (min-width: 992px) {
  5886 + .thing__badge svg {
  5887 + width: 20px;
  5888 + height: 20px;
  5889 + }
  5890 +}
  5891 +.thing__pic {
  5892 + width: 60px;
  5893 + aspect-ratio: 1/1;
  5894 + -o-object-fit: contain;
  5895 + object-fit: contain;
  5896 + position: relative;
  5897 + z-index: 1;
  5898 + margin-bottom: 15px;
  5899 +}
  5900 +@media (min-width: 768px) {
  5901 + .thing__pic {
  5902 + width: 160px;
  5903 + position: absolute;
  5904 + top: 15px;
  5905 + right: 20px;
  5906 + }
  5907 +}
  5908 +@media (min-width: 992px) {
  5909 + .thing__pic {
  5910 + width: 330px;
  5911 + top: 50%;
  5912 + -webkit-transform: translate(0, -50%);
  5913 + -ms-transform: translate(0, -50%);
  5914 + transform: translate(0, -50%);
  5915 + }
  5916 +}
  5917 +@media (min-width: 1280px) {
  5918 + .thing__pic {
  5919 + right: auto;
  5920 + left: 50%;
  5921 + margin-left: 200px;
  5922 + }
  5923 +}
  5924 +.thing__pic_two {
  5925 + -o-object-fit: cover;
  5926 + object-fit: cover;
  5927 + border-radius: 30px;
  5928 + aspect-ratio: 44/37;
  5929 + width: 100%;
  5930 + max-width: 440px;
  5931 +}
  5932 +@media (min-width: 768px) {
  5933 + .thing__pic_two {
  5934 + position: static;
  5935 + -webkit-transform: translate(0, 0);
  5936 + -ms-transform: translate(0, 0);
  5937 + transform: translate(0, 0);
  5938 + }
  5939 +}
  5940 +@media (min-width: 1280px) {
  5941 + .thing__pic_two {
  5942 + position: absolute;
  5943 + -webkit-transform: translate(0, -50%);
  5944 + -ms-transform: translate(0, -50%);
  5945 + transform: translate(0, -50%);
  5946 + }
  5947 +}
  5948 +.thing__buttons {
  5949 + width: 100%;
  5950 + position: relative;
  5951 + z-index: 2;
  5952 + display: -webkit-box;
  5953 + display: -ms-flexbox;
  5954 + display: flex;
  5955 + -webkit-box-align: center;
  5956 + -ms-flex-align: center;
  5957 + align-items: center;
  5958 + gap: 20px;
  5959 + margin-top: 15px;
  5960 +}
  5961 +@media (min-width: 992px) {
  5962 + .thing__buttons {
  5963 + margin-top: 30px;
  5964 + gap: 30px;
  5965 + }
  5966 +}
  5967 +@media (min-width: 992px) {
  5968 + .thing__buttons .button {
  5969 + padding: 0 22px;
  5970 + }
  5971 +}
  5972 +.thing__checkbox {
  5973 + margin-top: 20px;
  5974 +}
  5975 +.thing__checkbox .checkbox__icon {
  5976 + border-color: #377d87;
  5977 +}
  5978 +.thing__checkbox .checkbox__text {
  5979 + color: #377d87;
  5980 +}
  5981 +.thing__profile {
  5982 + display: -webkit-box;
  5983 + display: -ms-flexbox;
  5984 + display: flex;
  5985 + -webkit-box-orient: vertical;
  5986 + -webkit-box-direction: normal;
  5987 + -ms-flex-direction: column;
  5988 + flex-direction: column;
  5989 +}
  5990 +@media (min-width: 768px) {
  5991 + .thing__profile {
  5992 + -webkit-box-orient: horizontal;
  5993 + -webkit-box-direction: normal;
  5994 + -ms-flex-direction: row;
  5995 + flex-direction: row;
  5996 + -webkit-box-align: start;
  5997 + -ms-flex-align: start;
  5998 + align-items: flex-start;
  5999 + }
  6000 +}
  6001 +.thing__profile-photo {
  6002 + width: 210px;
  6003 + border-radius: 8px;
  6004 + aspect-ratio: 1/1;
  6005 +}
  6006 +.thing__profile-body {
  6007 + display: -webkit-box;
  6008 + display: -ms-flexbox;
  6009 + display: flex;
  6010 + -webkit-box-orient: vertical;
  6011 + -webkit-box-direction: normal;
  6012 + -ms-flex-direction: column;
  6013 + flex-direction: column;
  6014 + margin-top: 15px;
  6015 +}
  6016 +@media (min-width: 768px) {
  6017 + .thing__profile-body {
  6018 + width: calc(100% - 210px);
  6019 + padding-left: 35px;
  6020 + }
  6021 +}
  6022 +.thing__profile .thing__title {
  6023 + max-width: none;
  6024 +}
  6025 +@media (min-width: 768px) {
  6026 + .thing__profile .thing__title {
  6027 + margin-top: -20px;
  6028 + }
  6029 +}
  6030 +.thing__profile .thing__text {
  6031 + max-width: none;
  6032 +}
  6033 +.thing__bottom {
  6034 + display: -webkit-box;
  6035 + display: -ms-flexbox;
  6036 + display: flex;
  6037 + -webkit-box-align: center;
  6038 + -ms-flex-align: center;
  6039 + align-items: center;
  6040 + gap: 15px;
  6041 + margin-top: 15px;
  6042 +}
  6043 +@media (min-width: 768px) {
  6044 + .thing__bottom {
  6045 + margin-top: 30px;
  6046 + }
  6047 +}
  6048 +.thing__select {
  6049 + width: 100%;
  6050 + max-width: 640px;
  6051 + margin-top: 20px;
  6052 +}
  6053 +@media (min-width: 768px) {
  6054 + .thing__select {
  6055 + margin-top: 30px;
  6056 + }
  6057 +}
  6058 +
  6059 +.page-404 {
  6060 + background: url(../images/bg-3.svg) no-repeat 100%/cover;
  6061 + overflow: hidden;
  6062 +}
  6063 +.page-404__body {
  6064 + display: -webkit-box;
  6065 + display: -ms-flexbox;
  6066 + display: flex;
  6067 + -webkit-box-orient: vertical;
  6068 + -webkit-box-direction: normal;
  6069 + -ms-flex-direction: column;
  6070 + flex-direction: column;
  6071 + -webkit-box-align: center;
  6072 + -ms-flex-align: center;
  6073 + align-items: center;
  6074 + -webkit-box-pack: center;
  6075 + -ms-flex-pack: center;
  6076 + justify-content: center;
  6077 + text-align: center;
  6078 + padding: 60px 0;
  6079 + color: #3a3b3c;
  6080 + font-size: 12px;
  6081 + gap: 10px;
  6082 + line-height: 1.4;
  6083 +}
  6084 +@media (min-width: 768px) {
  6085 + .page-404__body {
  6086 + font-size: 18px;
  6087 + padding: 120px 0;
  6088 + gap: 20px;
  6089 + }
  6090 +}
  6091 +@media (min-width: 1280px) {
  6092 + .page-404__body {
  6093 + padding: 180px 0;
  6094 + text-align: left;
  6095 + }
  6096 +}
  6097 +.page-404__numb {
  6098 + font-size: 114px;
  6099 + line-height: 1;
  6100 + color: #377d87;
  6101 + font-weight: 700;
  6102 +}
  6103 +@media (min-width: 768px) {
  6104 + .page-404__numb {
  6105 + font-size: 184px;
  6106 + }
  6107 +}
  6108 +@media (min-width: 768px) {
  6109 + .page-404__title {
  6110 + font-weight: 700;
  6111 + font-size: 44px;
  6112 + }
  6113 +}
  6114 +@media (min-width: 1280px) {
  6115 + .page-404__title {
  6116 + width: 710px;
  6117 + position: relative;
  6118 + left: 200px;
  6119 + }
  6120 +}
  6121 +@media (min-width: 1280px) {
  6122 + .page-404__subtitle {
  6123 + width: 710px;
  6124 + position: relative;
  6125 + left: 200px;
  6126 + }
  6127 +}
  6128 +.page-404__button {
  6129 + margin-top: 10px;
  6130 +}
  6131 +@media (min-width: 1280px) {
  6132 + .page-404__button {
  6133 + position: relative;
  6134 + left: -45px;
  6135 + }
  6136 +}
  6137 +
  6138 +.cookies {
  6139 + display: none;
  6140 + -webkit-box-align: end;
  6141 + -ms-flex-align: end;
  6142 + align-items: flex-end;
  6143 + padding: 10px;
  6144 + padding-top: 0;
  6145 + height: 0;
  6146 + position: fixed;
  6147 + z-index: 999;
  6148 + bottom: 0;
  6149 + left: 0;
  6150 + width: 100%;
  6151 +}
  6152 +.cookies-is-actived .cookies {
  6153 + display: -webkit-box;
  6154 + display: -ms-flexbox;
  6155 + display: flex;
  6156 +}
  6157 +.cookies__body {
  6158 + border-radius: 6px;
  6159 + border: 1px solid #377d87;
  6160 + background: #ffffff;
  6161 + padding: 15px;
  6162 + padding-right: 50px;
  6163 + position: relative;
  6164 + max-width: 940px;
  6165 + margin: 0 auto;
  6166 +}
  6167 +@media (min-width: 768px) {
  6168 + .cookies__body {
  6169 + padding: 25px;
  6170 + padding-right: 50px;
  6171 + border-radius: 12px;
  6172 + }
  6173 +}
  6174 +@media (min-width: 992px) {
  6175 + .cookies__body {
  6176 + padding: 40px 60px;
  6177 + }
  6178 +}
  6179 +.cookies__close {
  6180 + display: -webkit-box;
  6181 + display: -ms-flexbox;
  6182 + display: flex;
  6183 + -webkit-box-pack: center;
  6184 + -ms-flex-pack: center;
  6185 + justify-content: center;
  6186 + -webkit-box-align: center;
  6187 + -ms-flex-align: center;
  6188 + align-items: center;
  6189 + color: #377d87;
  6190 + padding: 0;
  6191 + border: none;
  6192 + background: none;
  6193 + position: absolute;
  6194 + top: 15px;
  6195 + right: 15px;
  6196 +}
  6197 +.cookies__close:hover {
  6198 + color: #3a3b3c;
  6199 +}
  6200 +.cookies__close svg {
  6201 + width: 16px;
  6202 + height: 16px;
  6203 +}
  6204 +.cookies__text {
  6205 + font-size: 12px;
  6206 + color: #377d87;
  6207 + line-height: 1.4;
  6208 +}
  6209 +@media (min-width: 768px) {
  6210 + .cookies__text {
  6211 + font-size: 16px;
  6212 + font-weight: 700;
  6213 + }
  6214 +}
  6215 +
  6216 +.fancybox-active {
  6217 + overflow: hidden;
  6218 +}
  6219 +.fancybox-is-open .fancybox-bg {
  6220 + background: #080B0B;
  6221 + opacity: 0.6;
  6222 + z-index: 9999;
  6223 +}
  6224 +.fancybox-slide {
  6225 + padding: 0;
  6226 +}
  6227 +@media (min-width: 992px) {
  6228 + .fancybox-slide {
  6229 + padding: 30px;
  6230 + }
  6231 +}
  6232 +.fancybox-slide--html .fancybox-close-small {
  6233 + padding: 0;
  6234 + opacity: 1;
  6235 + color: #377d87;
  6236 +}
  6237 +@media (min-width: 768px) {
  6238 + .fancybox-slide--html .fancybox-close-small {
  6239 + top: 10px;
  6240 + right: 10px;
  6241 + }
  6242 +}
  6243 +.fancybox-slide--html .fancybox-close-small:hover {
  6244 + color: #3a3b3c;
  6245 +}
  6246 +
  6247 +.modal {
  6248 + width: 100%;
  6249 + max-width: 820px;
  6250 + padding: 0;
  6251 + background: #ffffff;
  6252 + z-index: 99999;
  6253 +}
  6254 +@media (min-width: 992px) {
  6255 + .modal {
  6256 + border-radius: 10px;
  6257 + border: 1px solid #377d87;
  6258 + }
  6259 +}
  6260 +.modal_bg {
  6261 + background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
  6262 +}
  6263 +@media (min-width: 768px) {
  6264 + .modal_bg {
  6265 + background-position: 100% 100%;
  6266 + }
  6267 +}
  6268 +.modal__body {
  6269 + padding: 40px 15px;
  6270 + padding-bottom: 30px;
  6271 + display: -webkit-box;
  6272 + display: -ms-flexbox;
  6273 + display: flex;
  6274 + -webkit-box-orient: vertical;
  6275 + -webkit-box-direction: normal;
  6276 + -ms-flex-direction: column;
  6277 + flex-direction: column;
  6278 + -webkit-box-align: center;
  6279 + -ms-flex-align: center;
  6280 + align-items: center;
  6281 + -webkit-box-pack: center;
  6282 + -ms-flex-pack: center;
  6283 + justify-content: center;
  6284 + width: 100%;
  6285 + min-height: 100vh;
  6286 + overflow: hidden;
  6287 + font-size: 12px;
  6288 +}
  6289 +@media (min-width: 768px) {
  6290 + .modal__body {
  6291 + font-size: 16px;
  6292 + padding-left: 22px;
  6293 + padding-right: 22px;
  6294 + }
  6295 +}
  6296 +@media (min-width: 992px) {
  6297 + .modal__body {
  6298 + min-height: 450px;
  6299 + padding: 60px 80px;
  6300 + padding-bottom: 40px;
  6301 + }
  6302 +}
  6303 +@media (min-width: 768px) {
  6304 + .modal__body .left {
  6305 + text-align: left;
  6306 + }
  6307 +}
  6308 +.modal__title {
  6309 + width: 100%;
  6310 + font-size: 22px;
  6311 + font-weight: 700;
  6312 + text-align: center;
  6313 + color: #3a3b3c;
  6314 +}
  6315 +@media (min-width: 768px) {
  6316 + .modal__title {
  6317 + font-size: 32px;
  6318 + }
  6319 +}
  6320 +@media (min-width: 992px) {
  6321 + .modal__title {
  6322 + font-size: 44px;
  6323 + }
  6324 +}
  6325 +.modal__text {
  6326 + width: 100%;
  6327 + text-align: center;
  6328 + margin-top: 10px;
  6329 + color: #3a3b3c;
  6330 +}
  6331 +@media (min-width: 768px) {
  6332 + .modal__text {
  6333 + margin-top: 20px;
  6334 + }
  6335 +}
  6336 +.modal__text span {
  6337 + color: #9C9D9D;
  6338 +}
  6339 +.modal__text a {
  6340 + font-weight: 700;
  6341 + color: #377d87;
  6342 +}
  6343 +.modal__text a:hover {
  6344 + color: #3a3b3c;
  6345 +}
  6346 +.modal__button {
  6347 + margin-top: 20px;
  6348 +}
  6349 +@media (min-width: 768px) {
  6350 + .modal__button {
  6351 + min-width: 200px;
  6352 + margin-top: 30px;
  6353 + }
  6354 +}
  6355 +.modal__buttons {
  6356 + display: grid;
  6357 + grid-template-columns: repeat(2, 1fr);
  6358 + gap: 20px;
  6359 + margin-top: 20px;
  6360 +}
  6361 +@media (min-width: 768px) {
  6362 + .modal__buttons {
  6363 + gap: 30px;
  6364 + margin-top: 30px;
  6365 + }
  6366 +}
  6367 +.modal__form {
  6368 + width: 100%;
  6369 + display: -webkit-box;
  6370 + display: -ms-flexbox;
  6371 + display: flex;
  6372 + -webkit-box-orient: vertical;
  6373 + -webkit-box-direction: normal;
  6374 + -ms-flex-direction: column;
  6375 + flex-direction: column;
  6376 + gap: 16px;
  6377 + margin-top: 10px;
  6378 +}
  6379 +@media (min-width: 768px) {
  6380 + .modal__form {
  6381 + margin-top: 20px;
  6382 + }
  6383 +}
  6384 +.modal__form-item {
  6385 + display: -webkit-box;
  6386 + display: -ms-flexbox;
  6387 + display: flex;
  6388 + -webkit-box-orient: vertical;
  6389 + -webkit-box-direction: normal;
  6390 + -ms-flex-direction: column;
  6391 + flex-direction: column;
  6392 + -webkit-box-align: center;
  6393 + -ms-flex-align: center;
  6394 + align-items: center;
  6395 + gap: 4px;
  6396 +}
  6397 +.modal__form-item > .input {
  6398 + width: 100%;
  6399 +}
  6400 +.modal__form-item > .textarea {
  6401 + width: 100%;
  6402 + height: 175px;
  6403 +}
  6404 +@media (min-width: 768px) {
  6405 + .modal__form-item > .textarea {
  6406 + height: 195px;
  6407 + }
  6408 +}
  6409 +.modal__form-item > .file {
  6410 + width: 100%;
  6411 +}
  6412 +.modal__form-item > .button {
  6413 + min-width: 120px;
  6414 +}
  6415 +.modal__form-item > label {
  6416 + width: 100%;
  6417 + display: none;
  6418 + color: #eb5757;
  6419 + padding: 0 10px;
  6420 + font-size: 12px;
  6421 +}
  6422 +@media (min-width: 768px) {
  6423 + .modal__form-item > label {
  6424 + padding: 0 20px;
  6425 + font-size: 16px;
  6426 + }
  6427 +}
  6428 +.modal__sign {
  6429 + display: -webkit-box;
  6430 + display: -ms-flexbox;
  6431 + display: flex;
  6432 + -webkit-box-orient: vertical;
  6433 + -webkit-box-direction: normal;
  6434 + -ms-flex-direction: column;
  6435 + flex-direction: column;
  6436 + gap: 20px;
  6437 + margin-top: 10px;
  6438 + margin-bottom: 20px;
  6439 + width: 100%;
  6440 +}
  6441 +@media (min-width: 768px) {
  6442 + .modal__sign {
  6443 + margin-top: 20px;
  6444 + margin-bottom: 40px;
  6445 + }
  6446 +}
  6447 +.modal__sign-item {
  6448 + display: -webkit-box;
  6449 + display: -ms-flexbox;
  6450 + display: flex;
  6451 + -webkit-box-orient: vertical;
  6452 + -webkit-box-direction: normal;
  6453 + -ms-flex-direction: column;
  6454 + flex-direction: column;
  6455 + -webkit-box-align: center;
  6456 + -ms-flex-align: center;
  6457 + align-items: center;
  6458 + position: relative;
  6459 +}
  6460 +.modal__sign-item > .input {
  6461 + width: 100%;
  6462 + padding-right: 36px;
  6463 + position: relative;
  6464 + z-index: 1;
  6465 +}
  6466 +@media (min-width: 768px) {
  6467 + .modal__sign-item > .input {
  6468 + height: 52px;
  6469 + padding-right: 60px;
  6470 + }
  6471 +}
  6472 +.modal__sign-item > .textarea {
  6473 + width: 100%;
  6474 +}
  6475 +.modal__sign-bottom {
  6476 + display: -webkit-box;
  6477 + display: -ms-flexbox;
  6478 + display: flex;
  6479 + -webkit-box-pack: justify;
  6480 + -ms-flex-pack: justify;
  6481 + justify-content: space-between;
  6482 + -webkit-box-align: center;
  6483 + -ms-flex-align: center;
  6484 + align-items: center;
  6485 + width: 100%;
  6486 +}
  6487 +.modal__sign-bottom-link {
  6488 + font-weight: 700;
  6489 + color: #377d87;
  6490 +}
  6491 +.modal__tabs {
  6492 + width: 100%;
  6493 + display: grid;
  6494 + grid-template-columns: repeat(2, 1fr);
  6495 + gap: 16px;
  6496 + margin-top: 10px;
  6497 +}
  6498 +@media (min-width: 768px) {
  6499 + .modal__tabs {
  6500 + gap: 24px;
  6501 + margin-top: 20px;
  6502 + }
  6503 +}
  6504 +.modal__tabs-item.active {
  6505 + background: #377d87;
  6506 + color: #ffffff;
  6507 +}
  6508 +.modal__reg {
  6509 + display: none;
  6510 + -webkit-box-orient: vertical;
  6511 + -webkit-box-direction: normal;
  6512 + -ms-flex-direction: column;
  6513 + flex-direction: column;
  6514 + -webkit-box-align: center;
  6515 + -ms-flex-align: center;
  6516 + align-items: center;
  6517 + gap: 10px;
  6518 + width: 100%;
  6519 + margin-top: 10px;
  6520 + margin-bottom: 20px;
  6521 +}
  6522 +@media (min-width: 768px) {
  6523 + .modal__reg {
  6524 + margin-top: 20px;
  6525 + margin-bottom: 30px;
  6526 + gap: 20px;
  6527 + }
  6528 +}
  6529 +.modal__reg.showed {
  6530 + display: -webkit-box;
  6531 + display: -ms-flexbox;
  6532 + display: flex;
  6533 +}
  6534 +.modal__reg-item {
  6535 + width: 100%;
  6536 + display: -webkit-box;
  6537 + display: -ms-flexbox;
  6538 + display: flex;
  6539 + -webkit-box-orient: vertical;
  6540 + -webkit-box-direction: normal;
  6541 + -ms-flex-direction: column;
  6542 + flex-direction: column;
  6543 +}
  6544 +.modal__reg-item > .captcha {
  6545 + width: 100%;
  6546 + max-width: 300px;
  6547 +}
  6548 +
  6549 +.messages {
  6550 + display: -webkit-box;
  6551 + display: -ms-flexbox;
  6552 + display: flex;
  6553 + -webkit-box-orient: vertical;
  6554 + -webkit-box-direction: reverse;
  6555 + -ms-flex-direction: column-reverse;
  6556 + flex-direction: column-reverse;
  6557 + -webkit-box-align: center;
  6558 + -ms-flex-align: center;
  6559 + align-items: center;
  6560 + gap: 20px;
  6561 +}
  6562 +.messages__body {
  6563 + display: -webkit-box;
  6564 + display: -ms-flexbox;
  6565 + display: flex;
  6566 + -webkit-box-orient: vertical;
  6567 + -webkit-box-direction: normal;
  6568 + -ms-flex-direction: column;
  6569 + flex-direction: column;
  6570 + gap: 10px;
  6571 + width: 100%;
  6572 +}
  6573 +@media (min-width: 768px) {
  6574 + .messages__body {
  6575 + gap: 20px;
  6576 + }
  6577 +}
  6578 +.messages__item {
  6579 + display: none;
  6580 + -webkit-box-align: center;
  6581 + -ms-flex-align: center;
  6582 + align-items: center;
  6583 + border-radius: 8px;
  6584 + border: 1px solid #e7e7e7;
  6585 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  6586 + padding: 10px;
  6587 + font-size: 12px;
  6588 +}
  6589 +@media (min-width: 768px) {
  6590 + .messages__item {
  6591 + padding: 20px;
  6592 + font-size: 16px;
  6593 + }
  6594 +}
  6595 +.messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
  6596 + display: -webkit-box;
  6597 + display: -ms-flexbox;
  6598 + display: flex;
  6599 +}
  6600 +.messages__item-info {
  6601 + display: -webkit-box;
  6602 + display: -ms-flexbox;
  6603 + display: flex;
  6604 + -webkit-box-align: center;
  6605 + -ms-flex-align: center;
  6606 + align-items: center;
  6607 + width: calc(100% - 90px);
  6608 +}
  6609 +@media (min-width: 768px) {
  6610 + .messages__item-info {
  6611 + width: calc(100% - 150px);
  6612 + }
  6613 +}
  6614 +.messages__item-photo {
  6615 + position: relative;
  6616 + aspect-ratio: 1/1;
  6617 + overflow: hidden;
  6618 + background: #9c9d9d;
  6619 + color: #ffffff;
  6620 + width: 36px;
  6621 + border-radius: 6px;
  6622 + display: -webkit-box;
  6623 + display: -ms-flexbox;
  6624 + display: flex;
  6625 + -webkit-box-pack: center;
  6626 + -ms-flex-pack: center;
  6627 + justify-content: center;
  6628 + -webkit-box-align: center;
  6629 + -ms-flex-align: center;
  6630 + align-items: center;
  6631 +}
  6632 +@media (min-width: 768px) {
  6633 + .messages__item-photo {
  6634 + width: 52px;
  6635 + }
  6636 +}
  6637 +.messages__item-photo svg {
  6638 + width: 50%;
  6639 + position: relative;
  6640 + z-index: 1;
  6641 +}
  6642 +.messages__item-photo img {
  6643 + position: absolute;
  6644 + z-index: 2;
  6645 + top: 0;
  6646 + left: 0;
  6647 + width: 100%;
  6648 + height: 100%;
  6649 + -o-object-fit: cover;
  6650 + object-fit: cover;
  6651 +}
  6652 +.messages__item-text {
  6653 + width: calc(100% - 36px);
  6654 + padding-left: 6px;
  6655 + color: #3a3b3c;
  6656 + display: -webkit-box;
  6657 + display: -ms-flexbox;
  6658 + display: flex;
  6659 + -webkit-box-orient: vertical;
  6660 + -webkit-box-direction: normal;
  6661 + -ms-flex-direction: column;
  6662 + flex-direction: column;
  6663 + gap: 4px;
  6664 +}
  6665 +@media (min-width: 768px) {
  6666 + .messages__item-text {
  6667 + padding-left: 20px;
  6668 + width: calc(100% - 52px);
  6669 + gap: 8px;
  6670 + }
  6671 +}
  6672 +.messages__item-text span {
  6673 + color: #3a3b3c;
  6674 +}
  6675 +.messages__item-date {
  6676 + color: #3a3b3c;
  6677 + width: 90px;
  6678 + text-align: right;
  6679 +}
  6680 +@media (min-width: 768px) {
  6681 + .messages__item-date {
  6682 + width: 150px;
  6683 + }
  6684 +}
  6685 +.messages.active .messages__item {
  6686 + display: -webkit-box;
  6687 + display: -ms-flexbox;
  6688 + display: flex;
  6689 +}
  6690 +
  6691 +.responses {
  6692 + display: -webkit-box;
  6693 + display: -ms-flexbox;
  6694 + display: flex;
  6695 + -webkit-box-orient: vertical;
  6696 + -webkit-box-direction: reverse;
  6697 + -ms-flex-direction: column-reverse;
  6698 + flex-direction: column-reverse;
  6699 + -webkit-box-align: center;
  6700 + -ms-flex-align: center;
  6701 + align-items: center;
  6702 + gap: 20px;
  6703 +}
  6704 +.responses__body {
  6705 + width: 100%;
  6706 + display: -webkit-box;
  6707 + display: -ms-flexbox;
  6708 + display: flex;
  6709 + -webkit-box-orient: vertical;
  6710 + -webkit-box-direction: normal;
  6711 + -ms-flex-direction: column;
  6712 + flex-direction: column;
  6713 + gap: 20px;
  6714 +}
  6715 +.responses__item {
  6716 + display: none;
  6717 + -webkit-box-orient: vertical;
  6718 + -webkit-box-direction: normal;
  6719 + -ms-flex-direction: column;
  6720 + flex-direction: column;
  6721 + gap: 20px;
  6722 + border-radius: 8px;
  6723 + border: 1px solid #e7e7e7;
  6724 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  6725 + padding: 20px 10px;
  6726 + font-size: 12px;
  6727 + position: relative;
  6728 +}
  6729 +@media (min-width: 768px) {
  6730 + .responses__item {
  6731 + padding: 20px;
  6732 + font-size: 16px;
  6733 + }
  6734 +}
  6735 +.responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
  6736 + display: -webkit-box;
  6737 + display: -ms-flexbox;
  6738 + display: flex;
  6739 +}
  6740 +.responses__item-date {
  6741 + color: #3a3b3c;
  6742 +}
  6743 +@media (min-width: 992px) {
  6744 + .responses__item-date {
  6745 + position: absolute;
  6746 + top: 20px;
  6747 + right: 20px;
  6748 + }
  6749 +}
  6750 +.responses__item-wrapper {
  6751 + display: -webkit-box;
  6752 + display: -ms-flexbox;
  6753 + display: flex;
  6754 + -webkit-box-orient: vertical;
  6755 + -webkit-box-direction: normal;
  6756 + -ms-flex-direction: column;
  6757 + flex-direction: column;
  6758 + gap: 20px;
  6759 +}
  6760 +.responses__item-inner {
  6761 + display: -webkit-box;
  6762 + display: -ms-flexbox;
  6763 + display: flex;
  6764 + -webkit-box-orient: vertical;
  6765 + -webkit-box-direction: normal;
  6766 + -ms-flex-direction: column;
  6767 + flex-direction: column;
  6768 + gap: 10px;
  6769 +}
  6770 +@media (min-width: 768px) {
  6771 + .responses__item-inner {
  6772 + gap: 20px;
  6773 + }
  6774 +}
  6775 +@media (min-width: 1280px) {
  6776 + .responses__item-inner {
  6777 + width: calc(100% - 150px);
  6778 + }
  6779 +}
  6780 +.responses__item-row {
  6781 + display: grid;
  6782 + grid-template-columns: 1fr 1fr;
  6783 + gap: 20px;
  6784 + color: #3a3b3c;
  6785 + text-align: right;
  6786 +}
  6787 +@media (min-width: 992px) {
  6788 + .responses__item-row {
  6789 + display: -webkit-box;
  6790 + display: -ms-flexbox;
  6791 + display: flex;
  6792 + -webkit-box-orient: vertical;
  6793 + -webkit-box-direction: normal;
  6794 + -ms-flex-direction: column;
  6795 + flex-direction: column;
  6796 + gap: 6px;
  6797 + text-align: left;
  6798 + }
  6799 +}
  6800 +.responses__item-row span {
  6801 + color: #3a3b3c;
  6802 + text-align: left;
  6803 +}
  6804 +.responses__item-buttons {
  6805 + display: -webkit-box;
  6806 + display: -ms-flexbox;
  6807 + display: flex;
  6808 + -webkit-box-orient: vertical;
  6809 + -webkit-box-direction: normal;
  6810 + -ms-flex-direction: column;
  6811 + flex-direction: column;
  6812 + gap: 10px;
  6813 +}
  6814 +@media (min-width: 768px) {
  6815 + .responses__item-buttons {
  6816 + display: grid;
  6817 + grid-template-columns: 1fr 1fr;
  6818 + }
  6819 +}
  6820 +@media (min-width: 1280px) {
  6821 + .responses__item-buttons {
  6822 + grid-template-columns: 1fr 1fr 1fr 1fr;
  6823 + }
  6824 +}
  6825 +.responses__item-buttons .button.active {
  6826 + background: #377d87;
  6827 + color: #ffffff;
  6828 +}
  6829 +.responses.active .responses__item {
  6830 + display: -webkit-box;
  6831 + display: -ms-flexbox;
  6832 + display: flex;
  6833 +}
  6834 +
  6835 +.chatbox {
  6836 + display: -webkit-box;
  6837 + display: -ms-flexbox;
  6838 + display: flex;
  6839 + -webkit-box-orient: vertical;
  6840 + -webkit-box-direction: normal;
  6841 + -ms-flex-direction: column;
  6842 + flex-direction: column;
  6843 + gap: 20px;
  6844 +}
  6845 +@media (min-width: 768px) {
  6846 + .chatbox {
  6847 + gap: 30px;
  6848 + }
  6849 +}
  6850 +@media (min-width: 1280px) {
  6851 + .chatbox {
  6852 + gap: 40px;
  6853 + }
  6854 +}
  6855 +.chatbox__toper {
  6856 + display: -webkit-box;
  6857 + display: -ms-flexbox;
  6858 + display: flex;
  6859 + -webkit-box-orient: vertical;
  6860 + -webkit-box-direction: normal;
  6861 + -ms-flex-direction: column;
  6862 + flex-direction: column;
  6863 + gap: 10px;
  6864 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  6865 + border: 1px solid #e7e7e7;
  6866 + border-radius: 8px;
  6867 + padding: 10px;
  6868 +}
  6869 +@media (min-width: 768px) {
  6870 + .chatbox__toper {
  6871 + padding: 20px;
  6872 + -webkit-box-orient: horizontal;
  6873 + -webkit-box-direction: normal;
  6874 + -ms-flex-direction: row;
  6875 + flex-direction: row;
  6876 + -webkit-box-align: center;
  6877 + -ms-flex-align: center;
  6878 + align-items: center;
  6879 + -webkit-box-pack: justify;
  6880 + -ms-flex-pack: justify;
  6881 + justify-content: space-between;
  6882 + }
  6883 +}
  6884 +.chatbox__toper-info {
  6885 + font-size: 12px;
  6886 +}
  6887 +@media (min-width: 768px) {
  6888 + .chatbox__toper-info {
  6889 + font-size: 16px;
  6890 + width: calc(100% - 230px);
  6891 + }
  6892 +}
  6893 +@media (min-width: 768px) {
  6894 + .chatbox__toper-button {
  6895 + width: 210px;
  6896 + padding: 0;
  6897 + }
  6898 +}
  6899 +.chatbox__list {
  6900 + display: -webkit-box;
  6901 + display: -ms-flexbox;
  6902 + display: flex;
  6903 + -webkit-box-orient: vertical;
  6904 + -webkit-box-direction: normal;
  6905 + -ms-flex-direction: column;
  6906 + flex-direction: column;
  6907 + gap: 10px;
  6908 +}
  6909 +@media (min-width: 768px) {
  6910 + .chatbox__list {
  6911 + gap: 20px;
  6912 + }
  6913 +}
  6914 +@media (min-width: 1280px) {
  6915 + .chatbox__list {
  6916 + gap: 40px;
  6917 + }
  6918 +}
  6919 +.chatbox__item {
  6920 + display: -webkit-box;
  6921 + display: -ms-flexbox;
  6922 + display: flex;
  6923 + -webkit-box-align: start;
  6924 + -ms-flex-align: start;
  6925 + align-items: flex-start;
  6926 + -webkit-box-pack: justify;
  6927 + -ms-flex-pack: justify;
  6928 + justify-content: space-between;
  6929 + -ms-flex-wrap: wrap;
  6930 + flex-wrap: wrap;
  6931 + color: #3a3b3c;
  6932 + font-size: 12px;
  6933 +}
  6934 +@media (min-width: 768px) {
  6935 + .chatbox__item {
  6936 + font-size: 16px;
  6937 + }
  6938 +}
  6939 +.chatbox__item_reverse {
  6940 + -webkit-box-orient: horizontal;
  6941 + -webkit-box-direction: reverse;
  6942 + -ms-flex-direction: row-reverse;
  6943 + flex-direction: row-reverse;
  6944 +}
  6945 +.chatbox__item-photo {
  6946 + position: relative;
  6947 + aspect-ratio: 1/1;
  6948 + overflow: hidden;
  6949 + background: #9c9d9d;
  6950 + color: #ffffff;
  6951 + width: 44px;
  6952 + border-radius: 6px;
  6953 + display: -webkit-box;
  6954 + display: -ms-flexbox;
  6955 + display: flex;
  6956 + -webkit-box-pack: center;
  6957 + -ms-flex-pack: center;
  6958 + justify-content: center;
  6959 + -webkit-box-align: center;
  6960 + -ms-flex-align: center;
  6961 + align-items: center;
  6962 +}
  6963 +.chatbox__item-photo svg {
  6964 + width: 50%;
  6965 + position: relative;
  6966 + z-index: 1;
  6967 +}
  6968 +.chatbox__item-photo img {
  6969 + position: absolute;
  6970 + z-index: 2;
  6971 + top: 0;
  6972 + left: 0;
  6973 + width: 100%;
  6974 + height: 100%;
  6975 + -o-object-fit: cover;
  6976 + object-fit: cover;
  6977 +}
  6978 +.chatbox__item-body {
  6979 + width: calc(100% - 54px);
  6980 + display: -webkit-box;
  6981 + display: -ms-flexbox;
  6982 + display: flex;
  6983 + -webkit-box-orient: vertical;
  6984 + -webkit-box-direction: normal;
  6985 + -ms-flex-direction: column;
  6986 + flex-direction: column;
  6987 + -webkit-box-align: start;
  6988 + -ms-flex-align: start;
  6989 + align-items: flex-start;
  6990 +}
  6991 +@media (min-width: 768px) {
  6992 + .chatbox__item-body {
  6993 + width: calc(100% - 60px);
  6994 + }
  6995 +}
  6996 +.chatbox__item_reverse .chatbox__item-body {
  6997 + -webkit-box-align: end;
  6998 + -ms-flex-align: end;
  6999 + align-items: flex-end;
  7000 +}
  7001 +.chatbox__item-text {
  7002 + border-radius: 8px;
  7003 + background: #ffffff;
  7004 + -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  7005 + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  7006 + padding: 10px;
  7007 + line-height: 1.6;
  7008 +}
  7009 +.chatbox__item-time {
  7010 + width: 100%;
  7011 + padding-left: 54px;
  7012 + margin-top: 10px;
  7013 + color: #9c9d9d;
  7014 +}
  7015 +.chatbox__item_reverse .chatbox__item-time {
  7016 + text-align: right;
  7017 +}
  7018 +.chatbox__bottom {
  7019 + background: #4d88d9;
  7020 + padding: 10px;
  7021 + border-radius: 8px;
  7022 + display: -webkit-box;
  7023 + display: -ms-flexbox;
  7024 + display: flex;
  7025 + -webkit-box-align: center;
  7026 + -ms-flex-align: center;
  7027 + align-items: center;
  7028 + -webkit-box-pack: justify;
  7029 + -ms-flex-pack: justify;
  7030 + justify-content: space-between;
  7031 +}
  7032 +@media (min-width: 768px) {
  7033 + .chatbox__bottom {
  7034 + padding: 16px 20px;
  7035 + }
  7036 +}
  7037 +.chatbox__bottom-file {
  7038 + width: 20px;
  7039 + aspect-ratio: 1/1;
  7040 + display: -webkit-box;
  7041 + display: -ms-flexbox;
  7042 + display: flex;
  7043 + -webkit-box-pack: center;
  7044 + -ms-flex-pack: center;
  7045 + justify-content: center;
  7046 + -webkit-box-align: center;
  7047 + -ms-flex-align: center;
  7048 + align-items: center;
  7049 + background: #ffffff;
  7050 + color: #4d88d9;
  7051 + border-radius: 8px;
  7052 +}
  7053 +@media (min-width: 768px) {
  7054 + .chatbox__bottom-file {
  7055 + width: 48px;
  7056 + }
  7057 +}
  7058 +.chatbox__bottom-file:hover {
  7059 + color: #377d87;
  7060 +}
  7061 +.chatbox__bottom-file input {
  7062 + display: none;
  7063 +}
  7064 +.chatbox__bottom-file svg {
  7065 + width: 50%;
  7066 + aspect-ratio: 1/1;
  7067 +}
  7068 +@media (min-width: 768px) {
  7069 + .chatbox__bottom-file svg {
  7070 + width: 40%;
  7071 + }
  7072 +}
  7073 +.chatbox__bottom-text {
  7074 + width: calc(100% - 60px);
  7075 + height: 20px;
  7076 + border-color: #ffffff;
  7077 +}
  7078 +@media (min-width: 768px) {
  7079 + .chatbox__bottom-text {
  7080 + width: calc(100% - 128px);
  7081 + height: 48px;
  7082 + }
  7083 +}
  7084 +.chatbox__bottom-text:focus {
  7085 + border-color: #ffffff;
  7086 +}
  7087 +.chatbox__bottom-send {
  7088 + width: 20px;
  7089 + aspect-ratio: 1/1;
  7090 + display: -webkit-box;
  7091 + display: -ms-flexbox;
  7092 + display: flex;
  7093 + -webkit-box-pack: center;
  7094 + -ms-flex-pack: center;
  7095 + justify-content: center;
  7096 + -webkit-box-align: center;
  7097 + -ms-flex-align: center;
  7098 + align-items: center;
  7099 + padding: 0;
  7100 + background: #ffffff;
  7101 + border: none;
  7102 + color: #4d88d9;
  7103 + border-radius: 999px;
  7104 +}
  7105 +@media (min-width: 768px) {
  7106 + .chatbox__bottom-send {
  7107 + width: 48px;
  7108 + }
  7109 +}
  7110 +.chatbox__bottom-send:hover {
  7111 + color: #377d87;
  7112 +}
  7113 +.chatbox__bottom-send svg {
  7114 + width: 50%;
  7115 + aspect-ratio: 1/1;
  7116 + position: relative;
  7117 + left: 1px;
  7118 +}
  7119 +@media (min-width: 768px) {
  7120 + .chatbox__bottom-send svg {
  7121 + width: 40%;
  7122 + left: 2px;
  7123 + }
  7124 +}
  7125 +
  7126 +.cvs {
  7127 + display: -webkit-box;
  7128 + display: -ms-flexbox;
  7129 + display: flex;
  7130 + -webkit-box-orient: vertical;
  7131 + -webkit-box-direction: reverse;
  7132 + -ms-flex-direction: column-reverse;
  7133 + flex-direction: column-reverse;
  7134 + -webkit-box-align: center;
  7135 + -ms-flex-align: center;
  7136 + align-items: center;
  7137 + gap: 20px;
  7138 +}
  7139 +.cvs__body {
  7140 + display: -webkit-box;
  7141 + display: -ms-flexbox;
  7142 + display: flex;
  7143 + -webkit-box-orient: vertical;
  7144 + -webkit-box-direction: normal;
  7145 + -ms-flex-direction: column;
  7146 + flex-direction: column;
  7147 + gap: 20px;
  7148 + width: 100%;
  7149 +}
  7150 +@media (min-width: 768px) {
  7151 + .cvs__body {
  7152 + gap: 30px;
  7153 + }
  7154 +}
  7155 +.cvs__item {
  7156 + display: none;
  7157 + -webkit-box-orient: vertical;
  7158 + -webkit-box-direction: normal;
  7159 + -ms-flex-direction: column;
  7160 + flex-direction: column;
  7161 + gap: 10px;
  7162 + border-radius: 8px;
  7163 + border: 1px solid #e7e7e7;
  7164 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  7165 + padding: 10px;
  7166 + font-size: 12px;
  7167 + position: relative;
  7168 +}
  7169 +@media (min-width: 768px) {
  7170 + .cvs__item {
  7171 + gap: 0;
  7172 + padding: 20px;
  7173 + font-size: 16px;
  7174 + -webkit-box-orient: horizontal;
  7175 + -webkit-box-direction: normal;
  7176 + -ms-flex-direction: row;
  7177 + flex-direction: row;
  7178 + -webkit-box-align: start;
  7179 + -ms-flex-align: start;
  7180 + align-items: flex-start;
  7181 + -ms-flex-wrap: wrap;
  7182 + flex-wrap: wrap;
  7183 + }
  7184 +}
  7185 +.cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
  7186 + display: -webkit-box;
  7187 + display: -ms-flexbox;
  7188 + display: flex;
  7189 +}
  7190 +.cvs__item-like {
  7191 + position: absolute;
  7192 + top: 10px;
  7193 + right: 10px;
  7194 +}
  7195 +@media (min-width: 768px) {
  7196 + .cvs__item-like {
  7197 + top: 20px;
  7198 + right: 20px;
  7199 + }
  7200 +}
  7201 +.cvs__item-photo {
  7202 + position: relative;
  7203 + aspect-ratio: 1/1;
  7204 + overflow: hidden;
  7205 + background: #9c9d9d;
  7206 + color: #ffffff;
  7207 + width: 36px;
  7208 + border-radius: 6px;
  7209 + display: -webkit-box;
  7210 + display: -ms-flexbox;
  7211 + display: flex;
  7212 + -webkit-box-pack: center;
  7213 + -ms-flex-pack: center;
  7214 + justify-content: center;
  7215 + -webkit-box-align: center;
  7216 + -ms-flex-align: center;
  7217 + align-items: center;
  7218 +}
  7219 +@media (min-width: 768px) {
  7220 + .cvs__item-photo {
  7221 + width: 68px;
  7222 + }
  7223 +}
  7224 +.cvs__item-photo svg {
  7225 + width: 50%;
  7226 + position: relative;
  7227 + z-index: 1;
  7228 +}
  7229 +.cvs__item-photo img {
  7230 + position: absolute;
  7231 + z-index: 2;
  7232 + top: 0;
  7233 + left: 0;
  7234 + width: 100%;
  7235 + height: 100%;
  7236 + -o-object-fit: cover;
  7237 + object-fit: cover;
  7238 +}
  7239 +.cvs__item-text {
  7240 + display: -webkit-box;
  7241 + display: -ms-flexbox;
  7242 + display: flex;
  7243 + -webkit-box-orient: vertical;
  7244 + -webkit-box-direction: normal;
  7245 + -ms-flex-direction: column;
  7246 + flex-direction: column;
  7247 + gap: 10px;
  7248 +}
  7249 +@media (min-width: 768px) {
  7250 + .cvs__item-text {
  7251 + gap: 20px;
  7252 + width: calc(100% - 68px);
  7253 + padding-left: 20px;
  7254 + padding-right: 60px;
  7255 + }
  7256 +}
  7257 +.cvs__item-text div {
  7258 + display: -webkit-box;
  7259 + display: -ms-flexbox;
  7260 + display: flex;
  7261 + -webkit-box-align: center;
  7262 + -ms-flex-align: center;
  7263 + align-items: center;
  7264 + -webkit-box-pack: justify;
  7265 + -ms-flex-pack: justify;
  7266 + justify-content: space-between;
  7267 +}
  7268 +@media (min-width: 768px) {
  7269 + .cvs__item-text div {
  7270 + -webkit-box-orient: vertical;
  7271 + -webkit-box-direction: normal;
  7272 + -ms-flex-direction: column;
  7273 + flex-direction: column;
  7274 + -webkit-box-pack: start;
  7275 + -ms-flex-pack: start;
  7276 + justify-content: flex-start;
  7277 + -webkit-box-align: start;
  7278 + -ms-flex-align: start;
  7279 + align-items: flex-start;
  7280 + }
  7281 +}
  7282 +.cvs__item-text span,
  7283 +.cvs__item-text a {
  7284 + color: #3a3b3c;
  7285 +}
  7286 +.cvs__item-button {
  7287 + display: -webkit-box;
  7288 + display: -ms-flexbox;
  7289 + display: flex;
  7290 + -webkit-box-orient: vertical;
  7291 + -webkit-box-direction: normal;
  7292 + -ms-flex-direction: column;
  7293 + flex-direction: column;
  7294 + -webkit-box-align: center;
  7295 + -ms-flex-align: center;
  7296 + align-items: center;
  7297 +}
  7298 +@media (min-width: 768px) {
  7299 + .cvs__item-button {
  7300 + -webkit-box-align: end;
  7301 + -ms-flex-align: end;
  7302 + align-items: flex-end;
  7303 + width: 100%;
  7304 + padding-top: 20px;
  7305 + }
  7306 +}
  7307 +.cvs.active .cvs__item {
  7308 + display: -webkit-box;
  7309 + display: -ms-flexbox;
  7310 + display: flex;
  7311 +}
  7312 +
  7313 +.faqs {
  7314 + display: -webkit-box;
  7315 + display: -ms-flexbox;
  7316 + display: flex;
  7317 + -webkit-box-orient: vertical;
  7318 + -webkit-box-direction: reverse;
  7319 + -ms-flex-direction: column-reverse;
  7320 + flex-direction: column-reverse;
  7321 + -webkit-box-align: center;
  7322 + -ms-flex-align: center;
  7323 + align-items: center;
  7324 + gap: 20px;
  7325 +}
  7326 +.faqs__body {
  7327 + display: -webkit-box;
  7328 + display: -ms-flexbox;
  7329 + display: flex;
  7330 + -webkit-box-orient: vertical;
  7331 + -webkit-box-direction: normal;
  7332 + -ms-flex-direction: column;
  7333 + flex-direction: column;
  7334 + gap: 20px;
  7335 + width: 100%;
  7336 +}
  7337 +.faqs__item {
  7338 + display: none;
  7339 + -webkit-box-orient: vertical;
  7340 + -webkit-box-direction: normal;
  7341 + -ms-flex-direction: column;
  7342 + flex-direction: column;
  7343 + border-radius: 8px;
  7344 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  7345 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  7346 + background: #ffffff;
  7347 + padding: 10px;
  7348 + font-size: 12px;
  7349 +}
  7350 +@media (min-width: 768px) {
  7351 + .faqs__item {
  7352 + padding: 20px;
  7353 + font-size: 16px;
  7354 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  7355 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  7356 + }
  7357 +}
  7358 +.faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
  7359 + display: -webkit-box;
  7360 + display: -ms-flexbox;
  7361 + display: flex;
  7362 +}
  7363 +.faqs__item-button {
  7364 + background: none;
  7365 + padding: 0;
  7366 + border: none;
  7367 + display: -webkit-box;
  7368 + display: -ms-flexbox;
  7369 + display: flex;
  7370 + -webkit-box-align: center;
  7371 + -ms-flex-align: center;
  7372 + align-items: center;
  7373 + color: #3a3b3c;
  7374 + text-align: left;
  7375 + font-size: 14px;
  7376 + font-weight: 700;
  7377 +}
  7378 +@media (min-width: 768px) {
  7379 + .faqs__item-button {
  7380 + font-size: 20px;
  7381 + }
  7382 +}
  7383 +.faqs__item-button span {
  7384 + width: calc(100% - 16px);
  7385 + padding-right: 16px;
  7386 +}
  7387 +.faqs__item-button i {
  7388 + display: -webkit-box;
  7389 + display: -ms-flexbox;
  7390 + display: flex;
  7391 + -webkit-box-pack: center;
  7392 + -ms-flex-pack: center;
  7393 + justify-content: center;
  7394 + -webkit-box-align: center;
  7395 + -ms-flex-align: center;
  7396 + align-items: center;
  7397 + width: 16px;
  7398 + aspect-ratio: 1/1;
  7399 + color: #377d87;
  7400 + -webkit-transition: 0.3s;
  7401 + transition: 0.3s;
  7402 +}
  7403 +.faqs__item-button i svg {
  7404 + width: 16px;
  7405 + aspect-ratio: 1/1;
  7406 + -webkit-transform: rotate(90deg);
  7407 + -ms-transform: rotate(90deg);
  7408 + transform: rotate(90deg);
  7409 +}
  7410 +.faqs__item-button.active i {
  7411 + -webkit-transform: rotate(180deg);
  7412 + -ms-transform: rotate(180deg);
  7413 + transform: rotate(180deg);
  7414 +}
  7415 +.faqs__item-body {
  7416 + display: -webkit-box;
  7417 + display: -ms-flexbox;
  7418 + display: flex;
  7419 + -webkit-box-orient: vertical;
  7420 + -webkit-box-direction: normal;
  7421 + -ms-flex-direction: column;
  7422 + flex-direction: column;
  7423 + gap: 10px;
  7424 + opacity: 0;
  7425 + height: 0;
  7426 + overflow: hidden;
  7427 + font-size: 12px;
  7428 + line-height: 1.4;
  7429 +}
  7430 +@media (min-width: 768px) {
  7431 + .faqs__item-body {
  7432 + font-size: 16px;
  7433 + gap: 20px;
  7434 + }
  7435 +}
  7436 +.faqs__item-body p {
  7437 + margin: 0;
  7438 +}
  7439 +.active + .faqs__item-body {
  7440 + opacity: 1;
  7441 + height: auto;
  7442 + -webkit-transition: 0.3s;
  7443 + transition: 0.3s;
  7444 + padding-top: 10px;
  7445 +}
  7446 +@media (min-width: 768px) {
  7447 + .active + .faqs__item-body {
  7448 + padding-top: 20px;
  7449 + }
  7450 +}
  7451 +.faqs.active .faqs__item {
  7452 + display: -webkit-box;
  7453 + display: -ms-flexbox;
  7454 + display: flex;
  7455 +}
  7456 +
  7457 +.cabinet {
  7458 + padding: 20px 0;
  7459 + padding-bottom: 40px;
  7460 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  7461 +}
  7462 +@media (min-width: 992px) {
  7463 + .cabinet {
  7464 + padding: 30px 0;
  7465 + padding-bottom: 60px;
  7466 + }
  7467 +}
  7468 +.cabinet__breadcrumbs {
  7469 + margin-bottom: 50px;
  7470 +}
  7471 +.cabinet__wrapper {
  7472 + display: -webkit-box;
  7473 + display: -ms-flexbox;
  7474 + display: flex;
  7475 + -webkit-box-orient: vertical;
  7476 + -webkit-box-direction: normal;
  7477 + -ms-flex-direction: column;
  7478 + flex-direction: column;
  7479 +}
  7480 +@media (min-width: 992px) {
  7481 + .cabinet__wrapper {
  7482 + -webkit-box-orient: horizontal;
  7483 + -webkit-box-direction: normal;
  7484 + -ms-flex-direction: row;
  7485 + flex-direction: row;
  7486 + -webkit-box-align: start;
  7487 + -ms-flex-align: start;
  7488 + align-items: flex-start;
  7489 + -webkit-box-pack: justify;
  7490 + -ms-flex-pack: justify;
  7491 + justify-content: space-between;
  7492 + }
  7493 +}
  7494 +.cabinet__side {
  7495 + border-radius: 8px;
  7496 + background: #ffffff;
  7497 + padding: 20px 10px;
  7498 + display: -webkit-box;
  7499 + display: -ms-flexbox;
  7500 + display: flex;
  7501 + -webkit-box-orient: vertical;
  7502 + -webkit-box-direction: normal;
  7503 + -ms-flex-direction: column;
  7504 + flex-direction: column;
  7505 + gap: 30px;
  7506 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  7507 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  7508 +}
  7509 +@media (min-width: 768px) {
  7510 + .cabinet__side {
  7511 + padding: 30px 20px;
  7512 + margin-bottom: 50px;
  7513 + }
  7514 +}
  7515 +@media (min-width: 992px) {
  7516 + .cabinet__side {
  7517 + width: 340px;
  7518 + margin: 0;
  7519 + position: sticky;
  7520 + top: 6px;
  7521 + }
  7522 +}
  7523 +@media (min-width: 1280px) {
  7524 + .cabinet__side {
  7525 + width: 400px;
  7526 + }
  7527 +}
  7528 +.cabinet__side-item {
  7529 + display: -webkit-box;
  7530 + display: -ms-flexbox;
  7531 + display: flex;
  7532 + -webkit-box-orient: vertical;
  7533 + -webkit-box-direction: normal;
  7534 + -ms-flex-direction: column;
  7535 + flex-direction: column;
  7536 + gap: 20px;
  7537 +}
  7538 +.cabinet__side-toper {
  7539 + display: -webkit-box;
  7540 + display: -ms-flexbox;
  7541 + display: flex;
  7542 + -webkit-box-align: center;
  7543 + -ms-flex-align: center;
  7544 + align-items: center;
  7545 +}
  7546 +.cabinet__side-toper-pic {
  7547 + width: 70px;
  7548 + aspect-ratio: 1/1;
  7549 + overflow: hidden;
  7550 + border-radius: 8px;
  7551 + color: #ffffff;
  7552 + background: #9c9d9d;
  7553 + display: -webkit-box;
  7554 + display: -ms-flexbox;
  7555 + display: flex;
  7556 + -webkit-box-align: center;
  7557 + -ms-flex-align: center;
  7558 + align-items: center;
  7559 + -webkit-box-pack: center;
  7560 + -ms-flex-pack: center;
  7561 + justify-content: center;
  7562 + position: relative;
  7563 +}
  7564 +.cabinet__side-toper-pic img {
  7565 + width: 100%;
  7566 + height: 100%;
  7567 + -o-object-fit: cover;
  7568 + object-fit: cover;
  7569 + position: absolute;
  7570 + z-index: 2;
  7571 + top: 0;
  7572 + left: 0;
  7573 + aspect-ratio: 1/1;
  7574 + -o-object-fit: contain;
  7575 + object-fit: contain;
  7576 +}
  7577 +.cabinet__side-toper-pic svg {
  7578 + width: 50%;
  7579 + aspect-ratio: 1/1;
  7580 +}
  7581 +.cabinet__side-toper b {
  7582 + width: calc(100% - 70px);
  7583 + font-size: 14px;
  7584 + font-weight: 700;
  7585 + padding-left: 16px;
  7586 +}
  7587 +@media (min-width: 768px) {
  7588 + .cabinet__side-toper b {
  7589 + font-size: 20px;
  7590 + }
  7591 +}
  7592 +.cabinet__menu {
  7593 + display: -webkit-box;
  7594 + display: -ms-flexbox;
  7595 + display: flex;
  7596 + -webkit-box-orient: vertical;
  7597 + -webkit-box-direction: normal;
  7598 + -ms-flex-direction: column;
  7599 + flex-direction: column;
  7600 +}
  7601 +.cabinet__menu-toper {
  7602 + display: -webkit-box;
  7603 + display: -ms-flexbox;
  7604 + display: flex;
  7605 + -webkit-box-align: center;
  7606 + -ms-flex-align: center;
  7607 + align-items: center;
  7608 + -webkit-box-pack: justify;
  7609 + -ms-flex-pack: justify;
  7610 + justify-content: space-between;
  7611 + padding: 0 16px;
  7612 + padding-right: 12px;
  7613 + border: none;
  7614 + border-radius: 8px;
  7615 + background: #377d87;
  7616 + color: #ffffff;
  7617 +}
  7618 +@media (min-width: 768px) {
  7619 + .cabinet__menu-toper {
  7620 + padding: 0 20px;
  7621 + }
  7622 +}
  7623 +@media (min-width: 992px) {
  7624 + .cabinet__menu-toper {
  7625 + display: none;
  7626 + }
  7627 +}
  7628 +.cabinet__menu-toper-text {
  7629 + width: calc(100% - 16px);
  7630 + display: -webkit-box;
  7631 + display: -ms-flexbox;
  7632 + display: flex;
  7633 + -webkit-box-align: center;
  7634 + -ms-flex-align: center;
  7635 + align-items: center;
  7636 +}
  7637 +@media (min-width: 768px) {
  7638 + .cabinet__menu-toper-text {
  7639 + width: calc(100% - 20px);
  7640 + }
  7641 +}
  7642 +.cabinet__menu-toper-text i {
  7643 + width: 16px;
  7644 + height: 16px;
  7645 + display: -webkit-box;
  7646 + display: -ms-flexbox;
  7647 + display: flex;
  7648 + -webkit-box-align: center;
  7649 + -ms-flex-align: center;
  7650 + align-items: center;
  7651 + -webkit-box-pack: center;
  7652 + -ms-flex-pack: center;
  7653 + justify-content: center;
  7654 +}
  7655 +@media (min-width: 768px) {
  7656 + .cabinet__menu-toper-text i {
  7657 + width: 22px;
  7658 + height: 22px;
  7659 + }
  7660 +}
  7661 +.cabinet__menu-toper-text svg {
  7662 + width: 16px;
  7663 + height: 16px;
  7664 +}
  7665 +@media (min-width: 768px) {
  7666 + .cabinet__menu-toper-text svg {
  7667 + width: 22px;
  7668 + height: 22px;
  7669 + }
  7670 +}
  7671 +.cabinet__menu-toper-text span {
  7672 + display: -webkit-box;
  7673 + display: -ms-flexbox;
  7674 + display: flex;
  7675 + -webkit-box-align: center;
  7676 + -ms-flex-align: center;
  7677 + align-items: center;
  7678 + padding: 0 10px;
  7679 + min-height: 30px;
  7680 + font-size: 12px;
  7681 + width: calc(100% - 16px);
  7682 +}
  7683 +@media (min-width: 768px) {
  7684 + .cabinet__menu-toper-text span {
  7685 + width: calc(100% - 22px);
  7686 + font-size: 20px;
  7687 + min-height: 52px;
  7688 + padding: 0 16px;
  7689 + }
  7690 +}
  7691 +.cabinet__menu-toper-arrow {
  7692 + width: 16px;
  7693 + height: 16px;
  7694 + display: -webkit-box;
  7695 + display: -ms-flexbox;
  7696 + display: flex;
  7697 + -webkit-box-pack: center;
  7698 + -ms-flex-pack: center;
  7699 + justify-content: center;
  7700 + -webkit-box-align: center;
  7701 + -ms-flex-align: center;
  7702 + align-items: center;
  7703 + -webkit-transition: 0.3s;
  7704 + transition: 0.3s;
  7705 +}
  7706 +@media (min-width: 768px) {
  7707 + .cabinet__menu-toper-arrow {
  7708 + width: 20px;
  7709 + height: 20px;
  7710 + }
  7711 +}
  7712 +.cabinet__menu-toper-arrow svg {
  7713 + width: 12px;
  7714 + height: 12px;
  7715 + -webkit-transform: rotate(90deg);
  7716 + -ms-transform: rotate(90deg);
  7717 + transform: rotate(90deg);
  7718 +}
  7719 +@media (min-width: 768px) {
  7720 + .cabinet__menu-toper-arrow svg {
  7721 + width: 20px;
  7722 + height: 20px;
  7723 + }
  7724 +}
  7725 +.cabinet__menu-toper.active .cabinet__menu-toper-arrow {
  7726 + -webkit-transform: rotate(180deg);
  7727 + -ms-transform: rotate(180deg);
  7728 + transform: rotate(180deg);
  7729 +}
  7730 +.cabinet__menu-body {
  7731 + opacity: 0;
  7732 + height: 0;
  7733 + overflow: hidden;
  7734 + display: -webkit-box;
  7735 + display: -ms-flexbox;
  7736 + display: flex;
  7737 + -webkit-box-orient: vertical;
  7738 + -webkit-box-direction: normal;
  7739 + -ms-flex-direction: column;
  7740 + flex-direction: column;
  7741 +}
  7742 +@media (min-width: 992px) {
  7743 + .cabinet__menu-body {
  7744 + opacity: 1;
  7745 + height: auto;
  7746 + }
  7747 +}
  7748 +.active + .cabinet__menu-body {
  7749 + opacity: 1;
  7750 + height: auto;
  7751 + -webkit-transition: 0.3s;
  7752 + transition: 0.3s;
  7753 +}
  7754 +.cabinet__menu-items {
  7755 + display: -webkit-box;
  7756 + display: -ms-flexbox;
  7757 + display: flex;
  7758 + -webkit-box-orient: vertical;
  7759 + -webkit-box-direction: normal;
  7760 + -ms-flex-direction: column;
  7761 + flex-direction: column;
  7762 +}
  7763 +.cabinet__menu-item {
  7764 + padding: 8px 16px;
  7765 + border-radius: 8px;
  7766 + display: -webkit-box;
  7767 + display: -ms-flexbox;
  7768 + display: flex;
  7769 + -webkit-box-align: center;
  7770 + -ms-flex-align: center;
  7771 + align-items: center;
  7772 +}
  7773 +@media (min-width: 768px) {
  7774 + .cabinet__menu-item {
  7775 + padding: 14px 20px;
  7776 + }
  7777 +}
  7778 +.cabinet__menu-item:hover {
  7779 + color: #377d87;
  7780 +}
  7781 +@media (min-width: 992px) {
  7782 + .cabinet__menu-item.active {
  7783 + background: #377d87;
  7784 + color: #ffffff;
  7785 + }
  7786 +}
  7787 +@media (min-width: 992px) {
  7788 + .cabinet__menu-item.active svg {
  7789 + color: #ffffff;
  7790 + }
  7791 +}
  7792 +@media (min-width: 992px) {
  7793 + .cabinet__menu-item.active.red {
  7794 + background: #eb5757;
  7795 + }
  7796 +}
  7797 +.cabinet__menu-item i {
  7798 + width: 16px;
  7799 + height: 16px;
  7800 + color: #377d87;
  7801 +}
  7802 +@media (min-width: 768px) {
  7803 + .cabinet__menu-item i {
  7804 + width: 22px;
  7805 + height: 22px;
  7806 + }
  7807 +}
  7808 +.cabinet__menu-item svg {
  7809 + width: 16px;
  7810 + height: 16px;
  7811 +}
  7812 +@media (min-width: 768px) {
  7813 + .cabinet__menu-item svg {
  7814 + width: 22px;
  7815 + height: 22px;
  7816 + }
  7817 +}
  7818 +.cabinet__menu-item span {
  7819 + width: calc(100% - 16px);
  7820 + font-size: 12px;
  7821 + padding-left: 10px;
  7822 +}
  7823 +@media (min-width: 768px) {
  7824 + .cabinet__menu-item span {
  7825 + font-size: 20px;
  7826 + width: calc(100% - 22px);
  7827 + padding-left: 16px;
  7828 + }
  7829 +}
  7830 +.cabinet__menu-bottom {
  7831 + display: -webkit-box;
  7832 + display: -ms-flexbox;
  7833 + display: flex;
  7834 + -webkit-box-orient: vertical;
  7835 + -webkit-box-direction: normal;
  7836 + -ms-flex-direction: column;
  7837 + flex-direction: column;
  7838 + gap: 10px;
  7839 + margin-top: 10px;
  7840 +}
  7841 +@media (min-width: 768px) {
  7842 + .cabinet__menu-bottom {
  7843 + gap: 20px;
  7844 + margin-top: 20px;
  7845 + }
  7846 +}
  7847 +.cabinet__menu-copy {
  7848 + color: #9c9d9d;
  7849 + text-align: center;
  7850 + font-size: 12px;
  7851 +}
  7852 +@media (min-width: 768px) {
  7853 + .cabinet__menu-copy {
  7854 + font-size: 16px;
  7855 + }
  7856 +}
  7857 +.cabinet__body {
  7858 + margin: 0 -10px;
  7859 + margin-top: 50px;
  7860 + background: #ffffff;
  7861 + padding: 20px 10px;
  7862 + display: -webkit-box;
  7863 + display: -ms-flexbox;
  7864 + display: flex;
  7865 + -webkit-box-orient: vertical;
  7866 + -webkit-box-direction: normal;
  7867 + -ms-flex-direction: column;
  7868 + flex-direction: column;
  7869 + gap: 30px;
  7870 + color: #3a3b3c;
  7871 +}
  7872 +@media (min-width: 768px) {
  7873 + .cabinet__body {
  7874 + padding: 30px 20px;
  7875 + margin: 0;
  7876 + border-radius: 8px;
  7877 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  7878 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  7879 + }
  7880 +}
  7881 +@media (min-width: 992px) {
  7882 + .cabinet__body {
  7883 + width: calc(100% - 360px);
  7884 + }
  7885 +}
  7886 +@media (min-width: 1280px) {
  7887 + .cabinet__body {
  7888 + width: calc(100% - 420px);
  7889 + }
  7890 +}
  7891 +.cabinet__body-item {
  7892 + display: -webkit-box;
  7893 + display: -ms-flexbox;
  7894 + display: flex;
  7895 + -webkit-box-orient: vertical;
  7896 + -webkit-box-direction: normal;
  7897 + -ms-flex-direction: column;
  7898 + flex-direction: column;
  7899 + gap: 20px;
  7900 +}
  7901 +.cabinet__title {
  7902 + font-size: 24px;
  7903 +}
  7904 +@media (min-width: 768px) {
  7905 + .cabinet__title {
  7906 + font-size: 32px;
  7907 + }
  7908 +}
  7909 +@media (min-width: 992px) {
  7910 + .cabinet__title {
  7911 + font-size: 40px;
  7912 + }
  7913 +}
  7914 +@media (min-width: 1280px) {
  7915 + .cabinet__title {
  7916 + font-size: 48px;
  7917 + }
  7918 +}
  7919 +.cabinet__subtitle {
  7920 + font-size: 22px;
  7921 + margin: 0;
  7922 + font-weight: 700;
  7923 + color: #3a3b3c;
  7924 +}
  7925 +@media (min-width: 768px) {
  7926 + .cabinet__subtitle {
  7927 + font-size: 24px;
  7928 + }
  7929 +}
  7930 +.cabinet__h4 {
  7931 + font-size: 20px;
  7932 + margin: 0;
  7933 + font-weight: 700;
  7934 + color: #3a3b3c;
  7935 +}
  7936 +@media (min-width: 768px) {
  7937 + .cabinet__h4 {
  7938 + font-size: 22px;
  7939 + }
  7940 +}
  7941 +.cabinet__text {
  7942 + margin: 0;
  7943 + font-size: 14px;
  7944 +}
  7945 +@media (min-width: 768px) {
  7946 + .cabinet__text {
  7947 + font-size: 16px;
  7948 + }
  7949 +}
  7950 +.cabinet__text b {
  7951 + color: #3a3b3c;
  7952 + font-size: 18px;
  7953 +}
  7954 +@media (min-width: 768px) {
  7955 + .cabinet__text b {
  7956 + font-size: 24px;
  7957 + }
  7958 +}
  7959 +.cabinet__descr {
  7960 + display: -webkit-box;
  7961 + display: -ms-flexbox;
  7962 + display: flex;
  7963 + -webkit-box-orient: vertical;
  7964 + -webkit-box-direction: normal;
  7965 + -ms-flex-direction: column;
  7966 + flex-direction: column;
  7967 + gap: 6px;
  7968 +}
  7969 +@media (min-width: 768px) {
  7970 + .cabinet__descr {
  7971 + gap: 12px;
  7972 + }
  7973 +}
  7974 +.cabinet__avatar {
  7975 + display: -webkit-box;
  7976 + display: -ms-flexbox;
  7977 + display: flex;
  7978 + -webkit-box-align: start;
  7979 + -ms-flex-align: start;
  7980 + align-items: flex-start;
  7981 +}
  7982 +@media (min-width: 768px) {
  7983 + .cabinet__avatar {
  7984 + -webkit-box-align: center;
  7985 + -ms-flex-align: center;
  7986 + align-items: center;
  7987 + }
  7988 +}
  7989 +.cabinet__avatar-pic {
  7990 + width: 100px;
  7991 + aspect-ratio: 1/1;
  7992 + position: relative;
  7993 + display: -webkit-box;
  7994 + display: -ms-flexbox;
  7995 + display: flex;
  7996 + -webkit-box-pack: center;
  7997 + -ms-flex-pack: center;
  7998 + justify-content: center;
  7999 + -webkit-box-align: center;
  8000 + -ms-flex-align: center;
  8001 + align-items: center;
  8002 + overflow: hidden;
  8003 + border-radius: 8px;
  8004 + color: #ffffff;
  8005 + background: #9c9d9d;
  8006 +}
  8007 +.cabinet__avatar-pic svg {
  8008 + width: 50%;
  8009 + aspect-ratio: 1/1;
  8010 + z-index: 1;
  8011 + position: relative;
  8012 +}
  8013 +.cabinet__avatar-form {
  8014 + width: calc(100% - 100px);
  8015 + padding-left: 15px;
  8016 + display: -webkit-box;
  8017 + display: -ms-flexbox;
  8018 + display: flex;
  8019 + -webkit-box-orient: vertical;
  8020 + -webkit-box-direction: normal;
  8021 + -ms-flex-direction: column;
  8022 + flex-direction: column;
  8023 + gap: 6px;
  8024 +}
  8025 +@media (min-width: 768px) {
  8026 + .cabinet__avatar-form {
  8027 + -webkit-box-align: start;
  8028 + -ms-flex-align: start;
  8029 + align-items: flex-start;
  8030 + padding-left: 30px;
  8031 + gap: 12px;
  8032 + }
  8033 +}
  8034 +@media (min-width: 768px) {
  8035 + .cabinet__avatar-form .file {
  8036 + min-width: 215px;
  8037 + }
  8038 +}
  8039 +.cabinet__inputs {
  8040 + display: -webkit-box;
  8041 + display: -ms-flexbox;
  8042 + display: flex;
  8043 + -webkit-box-orient: vertical;
  8044 + -webkit-box-direction: normal;
  8045 + -ms-flex-direction: column;
  8046 + flex-direction: column;
  8047 + gap: 20px;
  8048 +}
  8049 +@media (min-width: 1280px) {
  8050 + .cabinet__inputs {
  8051 + -webkit-box-orient: horizontal;
  8052 + -webkit-box-direction: normal;
  8053 + -ms-flex-direction: row;
  8054 + flex-direction: row;
  8055 + -webkit-box-align: start;
  8056 + -ms-flex-align: start;
  8057 + align-items: flex-start;
  8058 + -webkit-box-pack: justify;
  8059 + -ms-flex-pack: justify;
  8060 + justify-content: space-between;
  8061 + -ms-flex-wrap: wrap;
  8062 + flex-wrap: wrap;
  8063 + }
  8064 +}
  8065 +@media (min-width: 1280px) {
  8066 + .cabinet__inputs-item {
  8067 + width: calc(50% - 10px);
  8068 + }
  8069 +}
  8070 +@media (min-width: 1280px) {
  8071 + .cabinet__inputs-item_fullwidth {
  8072 + width: 100%;
  8073 + }
  8074 +}
  8075 +@media (min-width: 1280px) {
  8076 + .cabinet__inputs-item_min {
  8077 + width: calc(15% - 10px);
  8078 + }
  8079 +}
  8080 +@media (min-width: 1280px) {
  8081 + .cabinet__inputs-item_max {
  8082 + width: calc(85% - 10px);
  8083 + }
  8084 +}
  8085 +@media (min-width: 768px) {
  8086 + .cabinet__inputs-item .button {
  8087 + width: 100%;
  8088 + max-width: 215px;
  8089 + padding: 0;
  8090 + }
  8091 +}
  8092 +.cabinet__inputs-item .buttons {
  8093 + display: grid;
  8094 + grid-template-columns: 1fr 1fr;
  8095 + gap: 10px;
  8096 +}
  8097 +@media (min-width: 768px) {
  8098 + .cabinet__inputs-item .buttons {
  8099 + gap: 20px;
  8100 + max-width: 470px;
  8101 + }
  8102 +}
  8103 +@media (min-width: 992px) {
  8104 + .cabinet__inputs-item .buttons {
  8105 + max-width: none;
  8106 + }
  8107 +}
  8108 +@media (min-width: 1280px) {
  8109 + .cabinet__inputs-item .buttons {
  8110 + max-width: 470px;
  8111 + }
  8112 +}
  8113 +.cabinet__inputs-item .buttons .button {
  8114 + max-width: none;
  8115 +}
  8116 +.cabinet__inputs > .button {
  8117 + padding: 0;
  8118 + width: 100%;
  8119 + max-width: 140px;
  8120 +}
  8121 +@media (min-width: 768px) {
  8122 + .cabinet__inputs > .button {
  8123 + max-width: 190px;
  8124 + }
  8125 +}
  8126 +.cabinet__add {
  8127 + display: -webkit-box;
  8128 + display: -ms-flexbox;
  8129 + display: flex;
  8130 + -webkit-box-orient: vertical;
  8131 + -webkit-box-direction: normal;
  8132 + -ms-flex-direction: column;
  8133 + flex-direction: column;
  8134 + gap: 10px;
  8135 +}
  8136 +@media (min-width: 768px) {
  8137 + .cabinet__add {
  8138 + gap: 0;
  8139 + -webkit-box-orient: horizontal;
  8140 + -webkit-box-direction: normal;
  8141 + -ms-flex-direction: row;
  8142 + flex-direction: row;
  8143 + -webkit-box-align: end;
  8144 + -ms-flex-align: end;
  8145 + align-items: flex-end;
  8146 + }
  8147 +}
  8148 +.cabinet__add-pic {
  8149 + border-radius: 4px;
  8150 + position: relative;
  8151 + overflow: hidden;
  8152 + background: #9c9d9d;
  8153 + color: #ffffff;
  8154 + width: 100px;
  8155 + aspect-ratio: 1/1;
  8156 + -webkit-transition: 0.3s;
  8157 + transition: 0.3s;
  8158 +}
  8159 +@media (min-width: 768px) {
  8160 + .cabinet__add-pic {
  8161 + width: 220px;
  8162 + border-radius: 8px;
  8163 + }
  8164 +}
  8165 +.cabinet__add-pic:hover {
  8166 + background: #3a3b3c;
  8167 +}
  8168 +.cabinet__add-pic input {
  8169 + display: none;
  8170 +}
  8171 +.cabinet__add-pic > svg {
  8172 + width: 20px;
  8173 + position: absolute;
  8174 + top: 50%;
  8175 + left: 50%;
  8176 + -webkit-transform: translate(-50%, -50%);
  8177 + -ms-transform: translate(-50%, -50%);
  8178 + transform: translate(-50%, -50%);
  8179 + z-index: 1;
  8180 +}
  8181 +@media (min-width: 768px) {
  8182 + .cabinet__add-pic > svg {
  8183 + width: 50px;
  8184 + }
  8185 +}
  8186 +.cabinet__add-pic span {
  8187 + display: -webkit-box;
  8188 + display: -ms-flexbox;
  8189 + display: flex;
  8190 + -webkit-box-align: center;
  8191 + -ms-flex-align: center;
  8192 + align-items: center;
  8193 + -webkit-box-pack: center;
  8194 + -ms-flex-pack: center;
  8195 + justify-content: center;
  8196 + width: 100%;
  8197 + gap: 4px;
  8198 + font-weight: 700;
  8199 + font-size: 8px;
  8200 + line-height: 1;
  8201 + position: absolute;
  8202 + top: 50%;
  8203 + left: 50%;
  8204 + -webkit-transform: translate(-50%, -50%);
  8205 + -ms-transform: translate(-50%, -50%);
  8206 + transform: translate(-50%, -50%);
  8207 + margin-top: 25px;
  8208 +}
  8209 +@media (min-width: 768px) {
  8210 + .cabinet__add-pic span {
  8211 + font-size: 16px;
  8212 + margin-top: 60px;
  8213 + }
  8214 +}
  8215 +.cabinet__add-pic span svg {
  8216 + width: 7px;
  8217 + aspect-ratio: 1/1;
  8218 +}
  8219 +@media (min-width: 768px) {
  8220 + .cabinet__add-pic span svg {
  8221 + width: 16px;
  8222 + }
  8223 +}
  8224 +.cabinet__add-body {
  8225 + display: -webkit-box;
  8226 + display: -ms-flexbox;
  8227 + display: flex;
  8228 + -webkit-box-orient: vertical;
  8229 + -webkit-box-direction: normal;
  8230 + -ms-flex-direction: column;
  8231 + flex-direction: column;
  8232 + gap: 10px;
  8233 +}
  8234 +@media (min-width: 768px) {
  8235 + .cabinet__add-body {
  8236 + gap: 20px;
  8237 + width: calc(100% - 220px);
  8238 + padding-left: 20px;
  8239 + }
  8240 +}
  8241 +@media (min-width: 768px) {
  8242 + .cabinet__add-body .button {
  8243 + width: 215px;
  8244 + padding: 0;
  8245 + }
  8246 +}
  8247 +.cabinet__fleet {
  8248 + display: -webkit-box;
  8249 + display: -ms-flexbox;
  8250 + display: flex;
  8251 + -webkit-box-orient: vertical;
  8252 + -webkit-box-direction: normal;
  8253 + -ms-flex-direction: column;
  8254 + flex-direction: column;
  8255 + gap: 20px;
  8256 +}
  8257 +@media (min-width: 768px) {
  8258 + .cabinet__fleet {
  8259 + display: grid;
  8260 + grid-template-columns: repeat(2, 1fr);
  8261 + }
  8262 +}
  8263 +@media (min-width: 1280px) {
  8264 + .cabinet__fleet {
  8265 + grid-template-columns: repeat(3, 1fr);
  8266 + }
  8267 +}
  8268 +@media (min-width: 768px) {
  8269 + .cabinet__submit {
  8270 + width: 215px;
  8271 + padding: 0;
  8272 + margin: 0 auto;
  8273 + }
  8274 +}
  8275 +.cabinet__filters {
  8276 + display: -webkit-box;
  8277 + display: -ms-flexbox;
  8278 + display: flex;
  8279 + -webkit-box-orient: vertical;
  8280 + -webkit-box-direction: normal;
  8281 + -ms-flex-direction: column;
  8282 + flex-direction: column;
  8283 + gap: 10px;
  8284 +}
  8285 +@media (min-width: 768px) {
  8286 + .cabinet__filters {
  8287 + gap: 20px;
  8288 + }
  8289 +}
  8290 +@media (min-width: 1280px) {
  8291 + .cabinet__filters {
  8292 + -webkit-box-orient: horizontal;
  8293 + -webkit-box-direction: normal;
  8294 + -ms-flex-direction: row;
  8295 + flex-direction: row;
  8296 + -webkit-box-align: start;
  8297 + -ms-flex-align: start;
  8298 + align-items: flex-start;
  8299 + -webkit-box-pack: justify;
  8300 + -ms-flex-pack: justify;
  8301 + justify-content: space-between;
  8302 + }
  8303 +}
  8304 +.cabinet__filters-item {
  8305 + display: -webkit-box;
  8306 + display: -ms-flexbox;
  8307 + display: flex;
  8308 + -webkit-box-orient: vertical;
  8309 + -webkit-box-direction: normal;
  8310 + -ms-flex-direction: column;
  8311 + flex-direction: column;
  8312 + -webkit-box-align: start;
  8313 + -ms-flex-align: start;
  8314 + align-items: flex-start;
  8315 + gap: 10px;
  8316 +}
  8317 +@media (min-width: 768px) {
  8318 + .cabinet__filters-item {
  8319 + gap: 20px;
  8320 + }
  8321 +}
  8322 +@media (min-width: 1280px) {
  8323 + .cabinet__filters-item {
  8324 + width: calc(50% - 10px);
  8325 + max-width: 410px;
  8326 + }
  8327 +}
  8328 +.cabinet__filters-item .button, .cabinet__filters-item .select {
  8329 + width: 100%;
  8330 +}
  8331 +@media (min-width: 1280px) {
  8332 + .cabinet__filters-item .button, .cabinet__filters-item .select {
  8333 + width: auto;
  8334 + }
  8335 +}
  8336 +.cabinet__filters-item + .cabinet__filters-item {
  8337 + -webkit-box-align: end;
  8338 + -ms-flex-align: end;
  8339 + align-items: flex-end;
  8340 +}
  8341 +@media (min-width: 1280px) {
  8342 + .cabinet__filters-item + .cabinet__filters-item {
  8343 + max-width: 280px;
  8344 + }
  8345 +}
  8346 +.cabinet__filters .search input {
  8347 + padding-right: 135px;
  8348 +}
  8349 +.cabinet__filters .search button {
  8350 + width: 115px;
  8351 +}
  8352 +.cabinet__filters-buttons {
  8353 + display: grid;
  8354 + grid-template-columns: 1fr 1fr;
  8355 + gap: 10px;
  8356 + width: 100%;
  8357 +}
  8358 +@media (min-width: 768px) {
  8359 + .cabinet__filters-buttons {
  8360 + gap: 20px;
  8361 + }
  8362 +}
  8363 +.cabinet__filters-buttons .button {
  8364 + padding: 0;
  8365 + gap: 5px;
  8366 +}
  8367 +.cabinet__filters-buttons .button.active {
  8368 + background: #377d87;
  8369 + color: #ffffff;
  8370 +}
  8371 +.cabinet__filters-buttons .button.active:before {
  8372 + content: "";
  8373 + width: 6px;
  8374 + height: 6px;
  8375 + background: #ffffff;
  8376 + border-radius: 999px;
  8377 +}
  8378 +.cabinet__table-header {
  8379 + display: -webkit-box;
  8380 + display: -ms-flexbox;
  8381 + display: flex;
  8382 + -webkit-box-pack: justify;
  8383 + -ms-flex-pack: justify;
  8384 + justify-content: space-between;
  8385 + -webkit-box-align: center;
  8386 + -ms-flex-align: center;
  8387 + align-items: center;
  8388 + font-weight: 700;
  8389 + margin-bottom: -10px;
  8390 +}
  8391 +.cabinet__table-header div {
  8392 + font-size: 18px;
  8393 +}
  8394 +@media (min-width: 768px) {
  8395 + .cabinet__table-header div {
  8396 + font-size: 24px;
  8397 + }
  8398 +}
  8399 +.cabinet__table-header span {
  8400 + color: #3a3b3c;
  8401 + font-size: 14px;
  8402 +}
  8403 +@media (min-width: 768px) {
  8404 + .cabinet__table-header span {
  8405 + font-size: 18px;
  8406 + }
  8407 +}
  8408 +.cabinet__table-header span b {
  8409 + color: #377d87;
  8410 +}
  8411 +.cabinet__tabs {
  8412 + display: grid;
  8413 + grid-template-columns: 1fr 1fr;
  8414 + gap: 20px;
  8415 +}
  8416 +@media (min-width: 768px) {
  8417 + .cabinet__tabs {
  8418 + max-width: 420px;
  8419 + }
  8420 +}
  8421 +.cabinet__tabs .button.active {
  8422 + background: #377d87;
  8423 + color: #ffffff;
  8424 +}
  8425 +.cabinet__bodies {
  8426 + display: none;
  8427 +}
  8428 +.cabinet__bodies.showed {
  8429 + display: block;
  8430 +}
  8431 +.cabinet__nots {
  8432 + display: -webkit-box;
  8433 + display: -ms-flexbox;
  8434 + display: flex;
  8435 + -webkit-box-orient: vertical;
  8436 + -webkit-box-direction: normal;
  8437 + -ms-flex-direction: column;
  8438 + flex-direction: column;
  8439 + -webkit-box-align: start;
  8440 + -ms-flex-align: start;
  8441 + align-items: flex-start;
  8442 + gap: 10px;
  8443 +}
  8444 +@media (min-width: 768px) {
  8445 + .cabinet__nots {
  8446 + gap: 20px;
  8447 + }
  8448 +}
  8449 +.cabinet__nots .input {
  8450 + width: 100%;
  8451 +}
  8452 +.cabinet__anketa {
  8453 + display: -webkit-box;
  8454 + display: -ms-flexbox;
  8455 + display: flex;
  8456 + -webkit-box-orient: vertical;
  8457 + -webkit-box-direction: normal;
  8458 + -ms-flex-direction: column;
  8459 + flex-direction: column;
  8460 + -webkit-box-pack: justify;
  8461 + -ms-flex-pack: justify;
  8462 + justify-content: space-between;
  8463 + gap: 10px;
  8464 +}
  8465 +@media (min-width: 768px) {
  8466 + .cabinet__anketa {
  8467 + -webkit-box-orient: horizontal;
  8468 + -webkit-box-direction: normal;
  8469 + -ms-flex-direction: row;
  8470 + flex-direction: row;
  8471 + -webkit-box-align: center;
  8472 + -ms-flex-align: center;
  8473 + align-items: center;
  8474 + }
  8475 +}
  8476 +@media (min-width: 992px) {
  8477 + .cabinet__anketa {
  8478 + -webkit-box-orient: vertical;
  8479 + -webkit-box-direction: normal;
  8480 + -ms-flex-direction: column;
  8481 + flex-direction: column;
  8482 + -webkit-box-align: stretch;
  8483 + -ms-flex-align: stretch;
  8484 + align-items: stretch;
  8485 + }
  8486 +}
  8487 +@media (min-width: 1280px) {
  8488 + .cabinet__anketa {
  8489 + -webkit-box-orient: horizontal;
  8490 + -webkit-box-direction: normal;
  8491 + -ms-flex-direction: row;
  8492 + flex-direction: row;
  8493 + -webkit-box-align: center;
  8494 + -ms-flex-align: center;
  8495 + align-items: center;
  8496 + -webkit-box-pack: justify;
  8497 + -ms-flex-pack: justify;
  8498 + justify-content: space-between;
  8499 + }
  8500 +}
  8501 +.cabinet__anketa-buttons {
  8502 + display: -webkit-box;
  8503 + display: -ms-flexbox;
  8504 + display: flex;
  8505 + -webkit-box-orient: vertical;
  8506 + -webkit-box-direction: normal;
  8507 + -ms-flex-direction: column;
  8508 + flex-direction: column;
  8509 + gap: 10px;
  8510 +}
  8511 +@media (min-width: 768px) {
  8512 + .cabinet__anketa-buttons {
  8513 + display: grid;
  8514 + grid-template-columns: 1fr 1fr;
  8515 + gap: 20px;
  8516 + }
  8517 +}
  8518 +.cabinet__stats {
  8519 + display: -webkit-box;
  8520 + display: -ms-flexbox;
  8521 + display: flex;
  8522 + -webkit-box-orient: vertical;
  8523 + -webkit-box-direction: normal;
  8524 + -ms-flex-direction: column;
  8525 + flex-direction: column;
  8526 + gap: 6px;
  8527 +}
  8528 +@media (min-width: 768px) {
  8529 + .cabinet__stats {
  8530 + gap: 12px;
  8531 + }
  8532 +}
  8533 +.cabinet__stats-title {
  8534 + font-size: 14px;
  8535 + font-weight: 700;
  8536 + color: #3a3b3c;
  8537 +}
  8538 +@media (min-width: 768px) {
  8539 + .cabinet__stats-title {
  8540 + font-size: 24px;
  8541 + }
  8542 +}
  8543 +.cabinet__stats-body {
  8544 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  8545 + border-radius: 8px;
  8546 + padding: 10px;
  8547 + display: grid;
  8548 + grid-template-columns: 1fr 1fr;
  8549 + gap: 20px;
  8550 + margin-bottom: 10px;
  8551 +}
  8552 +@media (min-width: 768px) {
  8553 + .cabinet__stats-body {
  8554 + padding: 10px 20px;
  8555 + }
  8556 +}
  8557 +.cabinet__stats-item {
  8558 + font-size: 12px;
  8559 + display: -webkit-box;
  8560 + display: -ms-flexbox;
  8561 + display: flex;
  8562 + -webkit-box-align: center;
  8563 + -ms-flex-align: center;
  8564 + align-items: center;
  8565 + line-height: 1;
  8566 + gap: 6px;
  8567 +}
  8568 +@media (min-width: 768px) {
  8569 + .cabinet__stats-item {
  8570 + font-size: 20px;
  8571 + gap: 10px;
  8572 + }
  8573 +}
  8574 +.cabinet__stats-item svg {
  8575 + width: 20px;
  8576 + aspect-ratio: 1/1;
  8577 + color: #377d87;
  8578 +}
  8579 +@media (min-width: 768px) {
  8580 + .cabinet__stats-item svg {
  8581 + width: 40px;
  8582 + margin-right: 10px;
  8583 + }
  8584 +}
  8585 +.cabinet__stats-item span {
  8586 + font-weight: 700;
  8587 + color: #3a3b3c;
  8588 +}
  8589 +.cabinet__stats-item b {
  8590 + color: #377d87;
  8591 + font-size: 14px;
  8592 +}
  8593 +@media (min-width: 768px) {
  8594 + .cabinet__stats-item b {
  8595 + font-size: 24px;
  8596 + }
  8597 +}
  8598 +.cabinet__stats-subtitle {
  8599 + font-size: 14px;
  8600 + font-weight: 700;
  8601 + color: #377d87;
  8602 +}
  8603 +@media (min-width: 768px) {
  8604 + .cabinet__stats-subtitle {
  8605 + font-size: 18px;
  8606 + }
  8607 +}
  8608 +.cabinet__stats-line {
  8609 + width: 100%;
  8610 + position: relative;
  8611 + overflow: hidden;
  8612 + height: 8px;
  8613 + border-radius: 999px;
  8614 + background: #CECECE;
  8615 +}
  8616 +.cabinet__stats-line span {
  8617 + position: absolute;
  8618 + top: 0;
  8619 + left: 0;
  8620 + width: 100%;
  8621 + height: 100%;
  8622 + background: #377d87;
  8623 + border-radius: 999px;
  8624 +}
  8625 +.cabinet__stats-bottom {
  8626 + color: #3a3b3c;
  8627 + font-size: 12px;
  8628 +}
  8629 +@media (min-width: 768px) {
  8630 + .cabinet__stats-bottom {
  8631 + font-size: 16px;
  8632 + }
  8633 +}
  8634 +.cabinet__works {
  8635 + display: -webkit-box;
  8636 + display: -ms-flexbox;
  8637 + display: flex;
  8638 + -webkit-box-orient: vertical;
  8639 + -webkit-box-direction: normal;
  8640 + -ms-flex-direction: column;
  8641 + flex-direction: column;
  8642 + gap: 20px;
  8643 +}
  8644 +@media (min-width: 768px) {
  8645 + .cabinet__works {
  8646 + gap: 30px;
  8647 + }
  8648 +}
  8649 +.cabinet__works-item {
  8650 + -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  8651 + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  8652 + padding: 10px;
  8653 + border-radius: 4px;
  8654 +}
  8655 +@media (min-width: 768px) {
  8656 + .cabinet__works-item {
  8657 + padding: 20px;
  8658 + border-radius: 8px;
  8659 + }
  8660 +}
  8661 +.cabinet__works-spoiler {
  8662 + display: -webkit-box;
  8663 + display: -ms-flexbox;
  8664 + display: flex;
  8665 + -webkit-box-align: center;
  8666 + -ms-flex-align: center;
  8667 + align-items: center;
  8668 + -webkit-box-pack: justify;
  8669 + -ms-flex-pack: justify;
  8670 + justify-content: space-between;
  8671 +}
  8672 +.cabinet__works-spoiler-left {
  8673 + display: -webkit-box;
  8674 + display: -ms-flexbox;
  8675 + display: flex;
  8676 + -webkit-box-align: center;
  8677 + -ms-flex-align: center;
  8678 + align-items: center;
  8679 + width: calc(100% - 22px);
  8680 +}
  8681 +.cabinet__works-spoiler-right {
  8682 + width: 22px;
  8683 + height: 22px;
  8684 + display: -webkit-box;
  8685 + display: -ms-flexbox;
  8686 + display: flex;
  8687 + -webkit-box-align: center;
  8688 + -ms-flex-align: center;
  8689 + align-items: center;
  8690 + -webkit-box-pack: center;
  8691 + -ms-flex-pack: center;
  8692 + justify-content: center;
  8693 + color: #377d87;
  8694 + padding: 0;
  8695 + background: none;
  8696 + border: none;
  8697 +}
  8698 +.cabinet__works-spoiler-right svg {
  8699 + width: 60%;
  8700 + aspect-ratio: 1/1;
  8701 + -webkit-transform: rotate(90deg);
  8702 + -ms-transform: rotate(90deg);
  8703 + transform: rotate(90deg);
  8704 + -webkit-transition: 0.3s;
  8705 + transition: 0.3s;
  8706 +}
  8707 +.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
  8708 + -webkit-transform: rotate(-90deg);
  8709 + -ms-transform: rotate(-90deg);
  8710 + transform: rotate(-90deg);
  8711 +}
  8712 +.cabinet__works-spoiler-buttons {
  8713 + display: -webkit-box;
  8714 + display: -ms-flexbox;
  8715 + display: flex;
  8716 + -webkit-box-align: center;
  8717 + -ms-flex-align: center;
  8718 + align-items: center;
  8719 + -webkit-box-pack: justify;
  8720 + -ms-flex-pack: justify;
  8721 + justify-content: space-between;
  8722 + width: 60px;
  8723 +}
  8724 +@media (min-width: 768px) {
  8725 + .cabinet__works-spoiler-buttons {
  8726 + width: 74px;
  8727 + }
  8728 +}
  8729 +.cabinet__works-spoiler-buttons .button {
  8730 + width: 22px;
  8731 + height: 22px;
  8732 + padding: 0;
  8733 +}
  8734 +@media (min-width: 768px) {
  8735 + .cabinet__works-spoiler-buttons .button {
  8736 + width: 30px;
  8737 + height: 30px;
  8738 + }
  8739 +}
  8740 +.cabinet__works-spoiler-text {
  8741 + width: calc(100% - 60px);
  8742 + padding-left: 20px;
  8743 + font-size: 17px;
  8744 + font-weight: 700;
  8745 + color: #3a3b3c;
  8746 +}
  8747 +@media (min-width: 768px) {
  8748 + .cabinet__works-spoiler-text {
  8749 + width: calc(100% - 74px);
  8750 + font-size: 20px;
  8751 + }
  8752 +}
  8753 +.cabinet__works-body {
  8754 + opacity: 0;
  8755 + height: 0;
  8756 + overflow: hidden;
  8757 +}
  8758 +.active + .cabinet__works-body {
  8759 + -webkit-transition: 0.3s;
  8760 + transition: 0.3s;
  8761 + opacity: 1;
  8762 + height: auto;
  8763 + padding-top: 20px;
  8764 +}
  8765 +.cabinet__works-add {
  8766 + padding: 0;
  8767 + width: 100%;
  8768 + max-width: 160px;
  8769 +}
  8770 +@media (min-width: 768px) {
  8771 + .cabinet__works-add {
  8772 + max-width: 220px;
  8773 + }
  8774 +}
  8775 +.cabinet__buttons {
  8776 + display: -webkit-box;
  8777 + display: -ms-flexbox;
  8778 + display: flex;
  8779 + -webkit-box-orient: vertical;
  8780 + -webkit-box-direction: normal;
  8781 + -ms-flex-direction: column;
  8782 + flex-direction: column;
  8783 + -webkit-box-align: center;
  8784 + -ms-flex-align: center;
  8785 + align-items: center;
  8786 + gap: 10px;
  8787 +}
  8788 +@media (min-width: 768px) {
  8789 + .cabinet__buttons {
  8790 + display: grid;
  8791 + grid-template-columns: 1fr 1fr;
  8792 + gap: 20px;
  8793 + }
  8794 +}
  8795 +.cabinet__buttons .button, .cabinet__buttons .file {
  8796 + padding: 0;
  8797 + width: 100%;
  8798 + max-width: 140px;
  8799 +}
  8800 +@media (min-width: 768px) {
  8801 + .cabinet__buttons .button, .cabinet__buttons .file {
  8802 + max-width: none;
  8803 + }
  8804 +}
  8805 +@media (min-width: 768px) {
  8806 + .cabinet__buttons {
  8807 + gap: 20px;
  8808 + }
  8809 +}
  8810 +@media (min-width: 1280px) {
  8811 + .cabinet__buttons {
  8812 + max-width: 400px;
  8813 + }
  8814 +}
  8815 +.cabinet__vacs {
  8816 + display: -webkit-box;
  8817 + display: -ms-flexbox;
  8818 + display: flex;
  8819 + -webkit-box-orient: vertical;
  8820 + -webkit-box-direction: reverse;
  8821 + -ms-flex-direction: column-reverse;
  8822 + flex-direction: column-reverse;
  8823 + -webkit-box-align: center;
  8824 + -ms-flex-align: center;
  8825 + align-items: center;
  8826 + gap: 20px;
  8827 +}
  8828 +.cabinet__vacs-body {
  8829 + display: -webkit-box;
  8830 + display: -ms-flexbox;
  8831 + display: flex;
  8832 + -webkit-box-orient: vertical;
  8833 + -webkit-box-direction: normal;
  8834 + -ms-flex-direction: column;
  8835 + flex-direction: column;
  8836 + gap: 20px;
  8837 + width: 100%;
  8838 +}
  8839 +@media (min-width: 768px) {
  8840 + .cabinet__vacs-body {
  8841 + gap: 30px;
  8842 + }
  8843 +}
  8844 +.cabinet__vacs-item {
  8845 + display: none;
  8846 + background: #ffffff;
  8847 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  8848 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  8849 +}
  8850 +.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
  8851 + display: -webkit-box;
  8852 + display: -ms-flexbox;
  8853 + display: flex;
  8854 +}
  8855 +.cabinet__vacs.active .cabinet__vacs-item {
  8856 + display: -webkit-box;
  8857 + display: -ms-flexbox;
  8858 + display: flex;
  8859 +}
0 8860 \ No newline at end of file
resources/views/employers/add_vacancy.blade.php
... ... @@ -12,14 +12,9 @@
12 12 <div class="cabinet__wrapper">
13 13 <div class="cabinet__side">
14 14 <div class="cabinet__side-toper">
15   - <div class="cabinet__side-toper-pic">
16   - @if (isset($Employer[0]->logo))
17   - <img src="{{ asset(Storage::url($Employer[0]->logo)) }}" width="150" alt="{{ $Employer[0]->name_company }}">
18   - @else
19   - <img src="{{ asset('images/logo_emp.png') }}" width="150" alt="{{ $Employer[0]->name_company }}"/>
20   - @endif
21   - </div>
22   - <b>{{ $Employer[0]->name_company }}</b>
  15 +
  16 + @include('employers.emblema')
  17 +
23 18 </div>
24 19  
25 20 @include('employers.menu', ['item' => 2])
resources/views/employers/bd_tupe.blade.php
... ... @@ -38,9 +38,8 @@
38 38 </ul>
39 39 <div class="cabinet__wrapper">
40 40 <div class="cabinet__side">
41   - <div class="cabinet__side-toper">
42 41 @include('employers.emblema')
43   - </div>
  42 +
44 43 @include('employers.menu', ['item' => 8])
45 44 </div>
46 45  
resources/views/employers/cabinet45.blade.php
... ... @@ -20,14 +20,7 @@
20 20 <div class="cabinet__wrapper">
21 21 <div class="cabinet__side">
22 22 <div class="cabinet__side-toper">
23   - <div class="cabinet__side-toper-pic">
24   - @if (!empty($Employer[0]->logo))
25   - <img src="{{ asset(Storage::url($Employer[0]->logo)) }}" width="150" alt="{{ $Employer[0]->name_company }}">
26   - @else
27   - <img src="{{ asset('images/logo_emp.png') }}" width="150" alt="{{ $Employer[0]->name_company }}"/>
28   - @endif
29   - </div>
30   - <b>{{ $Employer[0]->name_company }}</b>
  23 + @include('employers.emblema')
31 24 </div>
32 25  
33 26 @include('employers.menu', ['item' => 1])
... ... @@ -235,6 +228,39 @@
235 228 @enderror
236 229 </div>
237 230 </div>
  231 + <div class="form-group">
  232 + <label class="form-group__label">DWT</label>
  233 + <div class="form-group__item">
  234 + <input type="text" name="DWT" id="flot_DWT" class="input" placeholder="4000 т">
  235 + @error('DWT')
  236 + <span class="text-xs text-red-600">
  237 + {{ $message }}
  238 + </span>
  239 + @enderror
  240 + </div>
  241 + </div>
  242 + <div class="form-group">
  243 + <label class="form-group__label">Мощность ГД</label>
  244 + <div class="form-group__item">
  245 + <input type="text" name="POWER_GD" id="flot_POWER_GD" class="input" placeholder="14000 кВт">
  246 + @error('POWER_GD')
  247 + <span class="text-xs text-red-600">
  248 + {{ $message }}
  249 + </span>
  250 + @enderror
  251 + </div>
  252 + </div>
  253 + <div class="form-group">
  254 + <label class="form-group__label">IMO</label>
  255 + <div class="form-group__item">
  256 + <input type="text" name="IMO" id="flot_IMO" class="input" placeholder="8814275">
  257 + @error('IMO')
  258 + <span class="text-xs text-red-600">
  259 + {{ $message }}
  260 + </span>
  261 + @enderror
  262 + </div>
  263 + </div>
238 264 <button type="submit" class="button" id="ajax_flot" name="ajax_flot">Добавить флот</button>
239 265 </div>
240 266  
... ... @@ -256,7 +282,11 @@
256 282 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $it->name }}"/>
257 283 @endif
258 284 <b>{{ $it->name }}</b>
259   - <span>{{ $it->text }}</span>
  285 + <span>{{ $it->region }}</span>
  286 + <span><i>DWT</i>{{ $it->DWT }}</span>
  287 + <span><i>Мощность ГД</i>{{ $it->POWER_GD }}</span>
  288 + <span><i>IMO</i>{{ $it->IMO }}</span>
  289 + <span>{{ $it->power }}</span>
260 290 </div>
261 291 @endforeach
262 292 @endif
... ... @@ -266,6 +296,8 @@
266 296 </div>
267 297 </div>
268 298 </div>
  299 +
269 300 </section>
270   - </div> <!-- END TOP WRAPPER -->
  301 +</div>
  302 + <!-- END TOP WRAPPER -->
271 303 @endsection
resources/views/employers/delete_people.blade.php
1 1 @extends('layout.frontend', ['title' => 'Удаление пользователя - РекаМоре'])
2 2  
3 3 @section('scripts')
  4 + <script>
  5 + console.log('Validation password');
  6 + $(document).on('submit', '#form_del', function() {
  7 + var this_ = $(this);
  8 + var email = $('#email').val();
  9 + var password = $('#password').val();
4 10  
  11 + $.ajax({
  12 + type: "GET",
  13 + url: "{{ route('employer.ajax_delete_user') }}",
  14 + data: "email=" + email + "&password=" + password +"&preview=1",
  15 + success: function (data) {
  16 + console.log('Предупреждение!');
  17 + let d = JSON.parse(data);
  18 +
  19 + if(typeof d['SUCCESS'] !== "undefined") {
  20 + $('#password_delete').val(d['password']);
  21 + $('#email_delete').val(d['email']);
  22 + $('#button_submit_hidden').click();
  23 + console.log(d['SUCCESS']);
  24 + }
  25 +
  26 + if (typeof d['ERROR'] !== "undefined") {
  27 + console.log(d['ERROR']);
  28 + $('#block_light').css('display', 'block');
  29 + $('#mess_arr').html(d['ERROR']);
  30 + }
  31 + },
  32 + headers: {
  33 + 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  34 + },
  35 + error: function (data) {
  36 + data = JSON.stringify(data);
  37 + console.log('Error: ' + data);
  38 + $('#mess_arr').html(data);
  39 + }
  40 + });
  41 + return false;
  42 + });
  43 + </script>
5 44 @endsection
6 45  
7 46 @section('content')
... ... @@ -12,12 +51,11 @@
12 51 <li><b>Личный кабинет</b></li>
13 52 </ul>
14 53 <div class="cabinet__wrapper">
  54 +
15 55 <div class="cabinet__side">
16 56 <div class="cabinet__side-toper">
17 57 @include('employers.emblema')
18   -
19 58 </div>
20   -
21 59 @include('employers.menu', ['item' => 13])
22 60 </div>
23 61  
... ... @@ -31,8 +69,16 @@
31 69 </svg>
32 70 <span>Это действие не может быть отменено!</span>
33 71 </div>
34   - @include('messages_error')
35   - <form class="cabinet__inputs" action="{{ route('employer.action_delete_user') }}" method="GET">
  72 +
  73 + <div class="notify" id="block_light" name="block_light" style="display:none">
  74 + <svg>
  75 + <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
  76 + </svg>
  77 + <span id="mess_arr" name="mess_arr">
  78 + </span>
  79 + </div>
  80 +
  81 + <form class="cabinet__inputs" id="form_del" name="form_del" method="GET">
36 82 @csrf
37 83 <input type="hidden" name="email" id="email" value="{{ $login }}"/>
38 84 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
... ... @@ -52,7 +98,8 @@
52 98 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
53 99 <div class="buttons">
54 100 <a href="{{ route('employer.cabinet') }}" class="button">Отменить</a>
55   - <button type="submit" class="button button_light">Удалить профиль</button>
  101 + <button type="submit" id="button_submit" class="button button_light">Удалить профиль</button>
  102 + <button style="display:none;" type="submit" id="button_submit_hidden" data-fancybox data-src="#delete" data-options='{"touch":false,"autoFocus":false}' class="button button_light">Удалить профиль</button>
56 103 </div>
57 104 </div>
58 105 </form>
resources/views/employers/dialog.blade.php
... ... @@ -57,9 +57,9 @@
57 57 </ul>
58 58 <div class="cabinet__wrapper">
59 59 <div class="cabinet__side">
60   - <div class="cabinet__side-toper">
  60 +
61 61 @include('employers.emblema')
62   - </div>
  62 +
63 63 @include('employers.menu', ['item' => 5])
64 64 </div>
65 65 <div class="cabinet__body">
resources/views/employers/edit_vacancy.blade.php
... ... @@ -13,14 +13,9 @@
13 13 <div class="cabinet__wrapper">
14 14 <div class="cabinet__side">
15 15 <div class="cabinet__side-toper">
16   - <div class="cabinet__side-toper-pic">
17   - @if (isset($Employer->logo))
18   - <img src="{{ asset(Storage::url($Employer->logo)) }}" width="150" alt="{{ $Employer->name_company }}">
19   - @else
20   - <img src="{{ asset('images/logo_emp.png') }}" width="150" alt="{{ $Employer->name_company }}"/>
21   - @endif
22   - </div>
23   - <b>{{ $Employer->name_company }}</b>
  16 +
  17 + @include('employers.emblema')
  18 +
24 19 </div>
25 20  
26 21 @include('employers.menu', ['item' => 0])
resources/views/employers/emblema.blade.php
1 1 <div class="cabinet__side-toper-pic">
2   - @if (isset($Employer[0]->logo))
  2 + @if (!empty($Employer[0]->logo))
3 3 <img src="{{ asset(Storage::url($Employer[0]->logo)) }}" width="150" alt="{{ $Employer[0]->name_company }}">
4 4 @else
5 5 <img src="{{ asset('images/logo_emp.png') }}" width="150" alt="{{ $Employer[0]->name_company }}"/>
resources/views/employers/list_answer.blade.php
... ... @@ -58,14 +58,9 @@
58 58 <div class="cabinet__wrapper">
59 59 <div class="cabinet__side">
60 60 <div class="cabinet__side-toper">
61   - <div class="cabinet__side-toper-pic">
62   - @if (isset($employer->logo))
63   - <img src="{{ asset(Storage::url($employer->logo)) }}" width="150" alt="{{ $employer->name_company }}">
64   - @else
65   - <img src="{{ asset('images/logo_emp.png') }}" width="150" alt="{{ $employer->name_company }}"/>
66   - @endif
67   - </div>
68   - <b>{{ $employer->name_company }}</b>
  61 +
  62 + @include('employers.emblema')
  63 +
69 64 </div>
70 65  
71 66 @include('employers.menu', ['item' => 4])
resources/views/employers/list_vacancy.blade.php
... ... @@ -58,14 +58,9 @@
58 58 <div class="cabinet__wrapper">
59 59 <div class="cabinet__side">
60 60 <div class="cabinet__side-toper">
61   - <div class="cabinet__side-toper-pic">
62   - @if (isset($Employer->logo))
63   - <img src="{{ asset(Storage::url($Employer->logo)) }}" width="150" alt="{{ $Employer->name_company }}">
64   - @else
65   - <img src="{{ asset('images/logo_emp.png') }}" width="150" alt="{{ $Employer->name_company }}"/>
66   - @endif
67   - </div>
68   - <b>{{ $Employer->name_company }}</b>
  61 +
  62 + @include('employers.emblema')
  63 +
69 64 </div>
70 65  
71 66 @include('employers.menu', ['item' => 3])
resources/views/employers/messages.blade.php
1 1 @extends('layout.frontend', ['title' => 'Сообщения от пользователей - РекаМоре'])
2   -
3 2 @section('scripts')
4 3 <script>
5 4 console.log('Test system');
... ... @@ -59,9 +58,9 @@
59 58 <div class="cabinet__side">
60 59 <div class="cabinet__side-toper">
61 60 @include('employers.emblema')
62   -
63 61 </div>
64 62  
  63 +
65 64 @include('employers.menu', ['item' => 5])
66 65 </div>
67 66  
resources/views/employers/password-reset.blade.php
... ... @@ -13,10 +13,10 @@
13 13 </ul>
14 14 <div class="cabinet__wrapper">
15 15 <div class="cabinet__side">
16   - <div class="cabinet__side-toper">
  16 +
17 17 @include('employers.emblema')
18 18  
19   - </div>
  19 +
20 20  
21 21 @include('employers.menu', ['item' => 12])
22 22 </div>
resources/views/employers/send_all.blade.php
... ... @@ -15,7 +15,6 @@
15 15 <div class="cabinet__side">
16 16 <div class="cabinet__side-toper">
17 17 @include('employers.emblema')
18   -
19 18 </div>
20 19  
21 20 @include('employers.menu', ['item' => 9])
resources/views/employers/subcribe.blade.php
... ... @@ -15,9 +15,9 @@
15 15 <div class="cabinet__side">
16 16 <div class="cabinet__side-toper">
17 17 @include('employers.emblema')
18   -
19 18 </div>
20 19  
  20 +
21 21 @include('employers.menu', ['item' => 12])
22 22 </div>
23 23  
resources/views/info_company_new.blade.php
... ... @@ -179,8 +179,16 @@
179 179 @if ($company[0]->flots->count())
180 180 @foreach ($company[0]->flots as $flot)
181 181 <a href="" class="main__employer-page-one-item">
182   - <img src="{{ asset(Storage::url($flot->image)) }}" alt="{{ $flot->name }}">
  182 + @if (!empty($flot->image))
  183 + <img src="{{ asset(Storage::url($flot->image)) }}" alt="{{ $flot->name }}">
  184 + @else
  185 + <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $flot->name }}">
  186 + @endif
  187 + <b>{{ $flot->name }}</b>
183 188 <b>{{ $flot->region }}</b>
  189 + <span><i>DWT</i> {{ $flot->DWT }}</span>
  190 + <span><i>Мощность ГД</i> {{ $flot->POWER_GD }}</span>
  191 + <span><i>IMO</i> {{ $flot->IMO }}</span>
184 192 <span>{{ $flot->power }}</span>
185 193 </a>
186 194 @endforeach
... ... @@ -188,7 +196,6 @@
188 196 </div>
189 197 </div>
190 198  
191   -
192 199 <div class="main__employer-page-body-item" data-body="2">
193 200 <div class="main__employer-page-two">
194 201 @foreach ($company[0]->ads as $job)
resources/views/layout/frontend.blade.php
... ... @@ -8,7 +8,7 @@
8 8 <meta name="theme-color" content="#377D87">
9 9 <script src="{{ asset('js/jquery.js') }}"></script>
10 10 <script type="text/javascript" src="{{ asset('js/jquery.cookie.js') }}"></script>
11   - <link rel="stylesheet" href="{{ asset('css/style_new.css') }}">
  11 + <link rel="stylesheet" href="{{ asset('css/style.css') }}">
12 12 <link rel="stylesheet" href="{{ asset('css/star-rating.min.css') }}">
13 13 <style>
14 14 .err_red {
resources/views/messages_error.blade.php
... ... @@ -12,7 +12,7 @@
12 12 <svg>
13 13 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
14 14 </svg>
15   - <span>
  15 + <span id="mess_arr" name="mess_arr">
16 16 @foreach ($errors->all() as $error)
17 17 {{ $error }}<br>
18 18 @endforeach
resources/views/modals/delete_profile.blade.php
1   -<div id="delete" class="modal modal_bg">
  1 +<form action="{{ route('employer.action_delete_user') }}" id="delete" class="modal modal_bg">
  2 + @csrf
2 3 <div class="modal__body">
  4 + <input type="hidden" id="email_delete" name="email" value=""/>
  5 + <input type="hidden" id="password_delete" name="password" value=""/>
3 6 <div class="modal__title">Удалить профиль?</div>
4 7 <div class="modal__text">Вы действительно хотите удалить свой профиль?</div>
5 8 <div class="modal__buttons">
6   - <button href="button" class="button">Да</button>
  9 + <button type="submit" class="button">Да</button>
7 10 <button href="button" class="button button_light">Нет</button>
8 11 </div>
9 12 </div>
10   -</div>
  13 +</form>
... ... @@ -566,6 +566,7 @@ Route::group([
566 566 // 13 страница - Удаление профиля
567 567 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people');
568 568 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user');
  569 + Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user');
569 570  
570 571 // Отправил сообщение
571 572 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message');