Андрей Ларионов / rekamore.su

Browse Code »

Commit 6644490231a1fe7e15b9332b06acb864382796f8

Authored by Hayk Nazaryan 2024-12-17 17:27:17 +0300

1 parent bc71e803a9

Exists in master

Employer personal account fixes

Showing 12 changed files with 155 additions and 49 deletions Inline Diff

app/Http/Controllers/Ad_jobsController.php
app/Http/Controllers/EmployerController.php
public/css/custom-ckeditor.css
public/css/general.css
public/css/style_may2024.css
resources/views/chats/chats_list.blade.php
resources/views/employers/add_vacancy.blade.php
resources/views/employers/bd.blade.php
resources/views/employers/favorite.blade.php
resources/views/employers/list_vacancy.blade.php
resources/views/modals/chats/remove_chat.blade.php
resources/views/modals/vacancy/delete_vacancy.blade.php

app/Http/Controllers/Ad_jobsController.php

Diff comments View file @ 6644490

 <?php
 namespace App\Http\Controllers;
 use App\Components\Integrations\Telegram\VacancyChannel;
 use App\Mail\MailSotrudnichestvo;
 use App\Models\Ad_employer;
 use App\Models\Ad_jobs;
 use App\Models\Category;
 use App\Models\Employer;
 use App\Models\Job_title;
 use http\Exception\RuntimeException;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
 use Telegram\Bot\Exceptions\TelegramSDKException;
 class Ad_jobsController extends Controller
 {
     public function add_job_in_vac(Request $request, Ad_employer $ad_employer) {
         $id = Auth()->user()->id;
         $Positions = Category::query()->active()->get();
         /*if ($Positions->count()) {
             $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
                         where('is_remove', '=', '0')->
                         where('is_bd', '=', '0')->
                         where('position_id', $Positions[0]->id)->
                         get();
         } else {
             $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
                         where('is_remove', '=', '0')->
                         where('is_bd', '=', '0')->
                         where('position_id', 0)->
                         get();
         }
         */
         $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
         where('is_remove', '=', '0')->
         where('is_bd', '=', '0')->
         get();
         $categories = Category::query()->get();
         $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
         where('user_id', $id)->first();
         return view('employers.add_ad_jobs', compact('ad_employer',
                                                 'Positions', 'categories', 'jobs',
                                                           'Employer'));
     }
     public function add_job_in_vac_save(Request $request) {
         $params = $request->all();
         Ad_jobs::create($params);
         return redirect()->route('employer.vacancy_list');
     }
     public function edit_job_in_vac(Ad_jobs $ad_job, Ad_employer $ad_employer, Request $request) {
         $id = Auth()->user()->id;
         if ($request->has('job_title_id'))
             $job_title_id= $request->get('job_title_id');
         else
             $job_title_id = '';
         $Positions = Category::query()->active()->get();
         /*if ($Positions->count()) {
             $jobs123 = Job_title::query()->
                 orderByDesc('sort')->OrderBy('name')->
                 where('is_remove', '=', '0')->
                 where('is_bd', '=', '0')->
                 where('position_id', $ad_job->job_title->position_id )->get();
         } else {
             $jobs123 = Job_title::query()->
                 orderByDesc('sort')->OrderBy('name')->
                 where('is_remove', '=', '0')->
                 where('is_bd', '=', '0')->
                 where('position_id', 0)->get();
         }*/
         $jobs123 = Job_title::query()->
         orderByDesc('sort')->OrderBy('name')->
         where('is_remove', '=', '0')->
         where('is_bd', '=', '0')->
         get();
         $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
         where('user_id', $id)->first();
         return view('employers.edit_ad_jobs', compact('ad_job',
                                                         'Positions',
                                                                   'Employer','jobs123', 'ad_employer', 'job_title_id'));
     }
     public function edit_job_in_vac_save(Request $request, Ad_jobs $ad_job) {
         $params = $request->all();
         $ad_job->update($params);
         return redirect()->route('employer.vacancy_list');
     }
     public function delete_job_in_vac(Ad_jobs $ad_job) {
         $ad_job->delete();
         return redirect()->route('employer.vacancy_list');
     }
     /**
      * @throws TelegramSDKException
      */
     public function sendVacancyToSocial(string $social, Ad_employer $vacancy): RedirectResponse
     {
         switch ($social) {
             case 'tg':
                 $handler =  new VacancyChannel();
                 break;
             default:
                 throw new RuntimeException('Unkown social');
         }
         $handler->sendVacancy($vacancy);
-        return response()->redirectTo(route('employer.vacancy_list'));
+        return redirect()->route('employer.vacancy_list')
+            ->with('success', 'Вакансия отправлена в телеграм');
     }
 }

app/Http/Controllers/EmployerController.php

Diff comments View file @ 6644490

 <?php
 namespace App\Http\Controllers;
 use App\Classes\RusDate;
 use App\Classes\Tools;
 use App\Http\Requests\BaseUser_min_Request;
 use App\Http\Requests\FlotRequest;
 use App\Http\Requests\MessagesRequiest;
 use App\Http\Requests\VacancyRequestEdit;
 use App\Mail\MailCreateEmployer;
 use App\Mail\MailSotrudnichestvo;
 use App\Mail\MassSendingMessages;
 use App\Mail\SendAllMessages;
 use App\Models\Ad_employer;
 use App\Models\ad_response;
 use App\Models\Category;
 use App\Models\Chat;
 use App\Models\Employer;
 use App\Models\EmployerAutoliftOption;
 use App\Models\Flot;
 use App\Models\Job_title;
 use App\Models\Like_worker;
 use App\Models\Message;
 use App\Models\Worker;
 use App\Models\MessagesRequests;
 use Carbon\Carbon;
 use Illuminate\Auth\Events\Registered;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Cache;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\Log;
 use Illuminate\Support\Facades\Mail;
 use Illuminate\Support\Facades\Storage;
 use App\Models\User as User_Model;
 use Illuminate\Support\Facades\Validator;
 use App\Enums\DbExportColumns;
 use Illuminate\View\View;
 use JsonException;
 use Throwable;
 class EmployerController extends Controller
 {
     public function vacancie($vacancy, Request $request) {
         $title = 'Заголовок вакансии';
         $Query = Ad_employer::with('jobs')->
                               with('cat')->
                               with('employer')->
                               with('jobs_code')->
                               select('ad_employers.*')->
                               where('id', '=', $vacancy)->get();
         if ($Query[0]->active_is===0 || $Query[0]->is_remove!=0){
           abort(404);
         }
         if (isset(Auth()->user()->id))
             $uid = Auth()->user()->id;
         else
             $uid = 0;
         $title = $Query[0]->name;
         if ($request->ajax()) {
             return view('ajax.vacance-item', compact('Query','uid'));
         } else {
             return view('vacance-item', compact('title', 'Query', 'uid'));
         }
     }
     public function logout() {
         Auth::logout();
         return redirect()->route('index')
             ->with('success', 'Вы вышли из личного кабинета');
     }
     public function employer_info() {
         // код юзера
         $user_info = Auth()->user();
         // вьюшка для вывода данных
         return view('employers.info', compact('user_info'));
     }
     public function employer_info_save(User_Model $user, BaseUser_min_Request $request) {
         // Все данные через реквест
         $all = $request->all();
         unset($all['_token']);
         // обновление
         $user->update($all);
         return redirect()->route('employer.employer_info');
     }
     public function cabinet() {
         $id = Auth()->user()->id;
         $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
                                         WhereHas('users',
                                             function (Builder $query) use ($id) {$query->Where('id', $id);
                                         })->get();
         return view('employers.cabinet45', compact('Employer'));
     }
     public function slider_flot() {
         $id = Auth()->user()->id;
         $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
         WhereHas('users',
             function (Builder $query) use ($id) {$query->Where('id', $id);
             })->get();
         return view('employers.fly-flot', compact('Employer'));
     }
     public function cabinet_save(Employer $Employer, Request $request) {
         $params = $request->all();
         $params['user_id'] = Auth()->user()->id;
         $id = $Employer->id;
         if ($request->has('logo')) {
             if (!empty($Employer->logo)) {
                 Storage::delete($Employer->logo);
             }
             $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
         }
         $Employer->update($params);
         return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
     }
     public function save_add_flot(FlotRequest $request) {
         // отмена
         $params = $request->all();
         if ($request->has('image')) {
             $params['image'] = $request->file('image')->store("flot", 'public');
         }
         Flot::create($params);
         $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
         return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
     }
     public function edit_flot(Flot $Flot, Employer $Employer) {
         return view('employers.edit-flot', compact('Flot', 'Employer'));
     }
     public function update_flot(FlotRequest $request, Flot $Flot) {
         $params = $request->all();
         if ($request->has('image')) {
             if (!empty($flot->image)) {
                 Storage::delete($flot->image);
             }
             $params['image'] = $request->file('image')->store("flot", 'public');
         } else {
             if (!empty($flot->image)) $params['image'] = $flot->image;
         }
         $Flot->update($params);
         return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
     }
     public function delete_flot(Flot $Flot) {
         $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
         if (isset($Flot->id)) $Flot->delete();
         return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
     }
     // Форма добавления вакансий
     public function cabinet_vacancie() {
         /** @var User_Model $user */
         $user = Auth()->user();
         if ($user->is_public) {
             $categories = Category::query()->active()->get();
             $jobs = Job_title::query()
                 ->orderByDesc('sort')
                 ->OrderBy('name')
                 ->where('is_remove', '=', '0')
                 ->where('is_bd', '=', '0')
                 ->get();
             $Employer = Employer::query()
                 ->with(['users', 'ads', 'flots'])
                 ->whereHas('users', fn (Builder $query) => $query->where('id', $user->id))
                 ->get();
             return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories'));
         }
         return redirect()->route('employer.cabinet_vacancie_danger');
     }
     // Форма предупреждения об оплате
     public function cabinet_vacancie_danger() {
         return view('employers.add_vacancy_danger');
     }
     // Сохранение вакансии
     public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
         $params_emp = $request->all();
         $params_job["job_title_id"] = $params_emp['job_title_id'];
         $ad_jobs = Ad_employer::create($params_emp);
         $ad_jobs->jobs()->sync($request->get('job_title_id'));
         return redirect()->route('employer.vacancy_list')->with('success', 'Вакансия успешно опубликована');
     }
     // Список вакансий
     public function vacancy_list(Request $request) {
         $id = Auth()->user()->id;
         $Employer = Employer::query()->where('user_id', $id)->first();
         $vacancy_list = Ad_employer::query()
             ->with('jobs')
             ->with('jobs_code')
             ->where('employer_id', $Employer->id)
             ->where('is_remove', 0)
             ->orderbyDesc('updated_at')
         ;
         if (($request->has('search')) && (!empty($request->get('search')))) {
             $search = $request->get('search');
             $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%");
         }
         if ($request->get('sort')) {
             $sort = $request->get('sort');
             switch ($sort) {
                 case 'nopublic': $vacancy_list->orderByDesc('updated_at')
                     ->where('active_is', 0);
                     break;
                 case 'public': $vacancy_list->orderByDesc('updated_at')
                     ->where('active_is',1);
                     break;
                 default: $vacancy_list->orderByDesc('updated_at');
                     break;
             }
         } else {
             $vacancy_list = $vacancy_list->orderByDesc('updated_at')->orderBy('id');
         }
         $vacancy_list = $vacancy_list->paginate(10);
         if ($request->ajax()) {
             return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
         } else {
             return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
         }
     }
     // Карточка вакансии
     public function vacancy_edit(Ad_employer $ad_employer) {
         $id = Auth()->user()->id;
         $Positions = Category::query()->where('is_remove', '=', '0')->get();
         $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
             where('is_remove', '=', '0')->
             where('is_bd', '=', '0')->get();
         $Employer = Employer::query()->with('users')->with('ads')->
                                        with('flots')->where('user_id', $id)->first();
         return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
     }
     // Сохранение-редактирование записи
     public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
         $params = $request->all();
         $ad_employer->update($params);
         $ad_employer->active_is = 1;
         $ad_employer->save();
         $ad_employer->jobs()->sync($request->get('job_title_id'));
         $id = Auth()->user()->id;
         $Positions = Category::query()->where('is_remove', '=', '0')->get();
         $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')
             ->where('is_remove', '=', '0')
             ->where('is_bd', '=', '0')
             ->get();
         $Employer = Employer::query()
             ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first();
         return redirect()->route('employer.vacancy_list')->with('success', 'Вакансия успешно отредактирована');
     }
     // Сохранение карточки вакансии
     public function vacancy_save(Request $request, Ad_employer $ad_employer) {
         $all = $request->all();
         $ad_employer->update($all);
         return redirect()->route('employer.cabinet_vacancie');
     }
     // Удаление карточки вакансии
     public function vacancy_delete(Ad_employer $ad_employer) {
         $ad_employer->delete();
         return redirect()->route('employer.vacancy_list')
-            ->with('success', 'Данные были успешно сохранены');
+            ->with('success', 'Вакансия удалена');
     }
     // Обновление даты
     public function vacancy_up(Ad_employer $ad_employer) {
         $up = date('m/d/Y h:i:s', time());
         $ad_employer->updated_at = $up;
         $ad_employer->save();
-        return redirect()->back();
+        return redirect()->route('employer.vacancy_list')
+            ->with('success', 'Вакансия поднята');
     }
     //Видимость вакансии
     public function vacancy_eye(Ad_employer $ad_employer, $status) {
+        $statusMessages = [
+            'Вакансия скрыта',
+            'Вакансия видна работникам'
+        ];
         $vac_emp = Ad_employer::findOrFail($ad_employer->id);
         $vac_emp->active_is = $status;
         $vac_emp->save();
-        return redirect()->route('employer.vacancy_list');
+        return redirect()->route('employer.vacancy_list')
+            ->with('success', $statusMessages[$status]);
     }
     //Вакансия редактирования (шаблон)
     public function vacancy_update(Ad_employer $id) {
     }
     //Отклики на вакансию - лист
     public function answers(Employer $employer, Request $request) {
         $user_id = Auth()->user()->id;
         $answer = Ad_employer::query()->where('employer_id', $employer->id);
         if ($request->has('search')) {
             $search = trim($request->get('search'));
             if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
         }
         $answer = $answer->with('response')->OrderByDESC('id')->get();
         return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
     }
     //Обновление статуса
     public function supple_status(employer $employer, ad_response $ad_response,  $flag) {
         $ad_response->update(Array('flag' => $flag));
         return redirect()->route('employer.answers', ['employer' => $employer->id]);
     }
     //Страницы сообщений список
     public function messages($type_message) {
         $user_id = Auth()->user()->id;
         $superAdmin =User_Model::superAdmin();
         $chats = Chat::get_user_chats($user_id);
         $admin_chat = Chat::get_user_admin_chat($user_id);
         $user_type = 'employer';
         return view('employers.messages', compact('chats', 'admin_chat', 'user_id', 'user_type','superAdmin'));
     }
     // Диалог между пользователями
     public function dialog(Chat $chat, Request $request) {
         // Получение параметров.
         if ($request->has('ad_employer')){
             $ad_employer = $request->get('ad_employer');
         } else {
             $ad_employer = 0;
         }
         $superAdmin =User_Model::superAdmin();
         $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first();
         $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first();
         $Messages = Chat::get_chat_messages($chat);
         Message::where('user_id', '=', $chat->to_user_id)->where('to_user_id', '=', $chat->user_id)->update(['flag_new' => 0]);
         return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages','chat','superAdmin'));
     }
     public function pin_chat(Request $request){
         $chat_id = $request->get('id');
         $is_fixed = $request->get('is_fixed');
-        Chat::pin_chat($chat_id, $is_fixed);
+        $new_state = Chat::pin_chat($chat_id, $is_fixed);
+        if ($new_state !== null) {
+            $message = $new_state ? 'Сообщение закреплено' : 'Сообщение откреплено';
+            return redirect()->back()->with('success', $message);
+        }
+        return redirect()->back()->withErrors(['message' => 'Ошибка: сообщение не удалось обновить.']);
     }
     public function remove_chat(Request $request){
         $chat_id = $request->get('id');
         Chat::remove_chat($chat_id);
     }
     // Регистрация работодателя
     public function register_employer(Request $request) {
         $params = $request->all();
         $rules = [
             //'surname' => ['required', 'string', 'max:255'],
             //'name_man' => ['required', 'string', 'max:255'],
             'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
             'name_company' => ['required', 'string', 'max:255'],
             'password' => ['required', 'string', 'min:6'],
         ];
         $messages = [
             'required' => 'Укажите обязательное поле',
             'min' => [
                 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
                 'integer' => 'Поле «:attribute» должно быть :min или больше',
                 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
             ],
             'max' => [
                 'string' => 'Поле «:attribute» должно быть не больше :max символов',
                 'integer' => 'Поле «:attribute» должно быть :max или меньше',
                 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
             ]
         ];
         $email =  $request->get('email');
         if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
             return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
         }
         if ($request->get('password') !== $request->get('confirmed')){
             return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
         }
         if (strlen($request->get('password')) < 6) {
             return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
         }
         if (empty($request->get('surname'))) {
             $params['surname'] = 'Неизвестно';
         }
         if (empty($request->get('name_man'))) {
             $params['name_man'] = 'Неизвестно';
         }
         $validator = Validator::make($params, $rules, $messages);
         if ($validator->fails()) {
             return json_encode(Array("ERROR" => "Error: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
         } else {
             $user = $this->create($params);
             event(new Registered($user));
             try {
                 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params));
             } catch (Throwable $e) {
                 Log::error($e);
             }
             Auth::guard()->login($user);
         }
         if ($user) {
             return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
         } else {
             return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
         }
     }
     // Создание пользователя
     protected function create(array $data)
     {
         $Use = new User_Model();
         $Code_user = $Use->create([
             'name' => $data['surname']." ".$data['name_man'],
             'name_man' => $data['name_man'],
             'surname' => $data['surname'],
             'surname2' => $data['surname2'],
             'subscribe_email' => $data['email'],
             'email' => $data['email'],
             'telephone' => $data['telephone'],
             'is_worker' => 0,
             'password' => Hash::make($data['password']),
             'pubpassword' => base64_encode($data['password']),
             'email_verified_at' => Carbon::now()
         ]);
         if ($Code_user->id > 0) {
             $Employer = new Employer();
             $Employer->user_id = $Code_user->id;
             $Employer->name_company = $data['name_company'];
             $Employer->email = $data['email'];
             $Employer->telephone = $data['telephone'];
             $Employer->code = Tools::generator_id(10);
             $Employer->save();
             return $Code_user;
         }
     }
     // Отправка сообщения от работодателя
     public function send_message(MessagesRequiest $request) {
         $params = $request->all();
         $user1 = $params['user_id'];
         $user2 = $params['to_user_id'];
         if ($request->has('file')) {
             $params['file'] = $request->file('file')->store("messages", 'public');
         }
         Message::create($params);
         return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
     }
     public function test123(Request $request) {
         $params = $request->all();
         $user1 = $params['user_id'];
         $user2 = $params['to_user_id'];
         $rules = [
             'text' => 'nullable|required_without:file|min:1|max:150000',
             'file' => 'nullable|file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
         ];
         $messages = [
             'required_without' => 'Поле «:attribute» обязательно, если файл не прикреплен',
             'min' => [
                 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
                 'integer' => 'Поле «:attribute» должно быть :min или больше',
                 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
             ],
             'max' => [
                 'string' => 'Поле «:attribute» должно быть не больше :max символов',
                 'integer' => 'Поле «:attribute» должно быть :max или меньше',
                 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
             ]
         ];
         $validator = Validator::make($request->all(), $rules, $messages);
         if ($validator->fails()) {
             return redirect()->route('cabinet.messages', ['type_message' => 'input'])->withErrors($validator);
         }
         $new_message = Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
         return redirect()->route('employer.dialog', ['chat' => $new_message->chat_id_from]);
     }
     //Избранные люди
     public function favorites(Request $request)
     {
         $likedWorkersIds = Like_worker::query()
             ->where('user_id', Auth::user()->id)
             ->get()
             ->pluck('code_record')
             ->toArray();
         $workerBuilder = Worker::query()
             ->whereIn('id', $likedWorkersIds);
         if (($request->has('search')) && (!empty($request->get('search')))) {
             $search = $request->get('search');
             $workerBuilder->whereHas('users', function (Builder $query) use ($search) {
                 $query->where('surname', 'LIKE', "%$search%")
                     ->orWhere('name_man', 'LIKE', "%$search%")
                     ->orWhere('surname2', 'LIKE', "%$search%");
             });
         }
         $Workers = $workerBuilder->get();
         return view('employers.favorite', compact('Workers'));
     }
     // База данных
     public function bd(Request $request) {
         if (!Auth::user()->show_database) {
             return redirect()->route('employer.employer_info');
         }
         $users = User_Model::query()->with('workers')->with('jobtitles');
         if ($request->has('search')) {
             $find_key = $request->get('search');
             $users = $users->where('name', 'LIKE', "%$find_key%")
                 ->orWhere('surname', 'LIKE', "%$find_key%")
                 ->orWhere('name_man', 'LIKE', "%$find_key%")
                 ->orWhere('email', 'LIKE', "%$find_key%")
                 ->orWhere('telephone', 'LIKE', "%$find_key%");
         }
+        $count_users = $users->count();
         // Данные
         $users = $users
             ->Baseuser()
-            ->orderByDesc(Worker::select('created_at')
+            ->orderByDesc('created_at')
-            ->whereColumn('workers.user_id', 'users.id'));
+            ->paginate(10);
-        $count_users = $users->count();
-        $users = $users->paginate(10);
         $export_options = DbExportColumns::toArray();
         $jobs_titles = Job_title::select('id', 'name')
             ->where('is_remove', '=', 0)
             ->where('is_bd', '=', 2)
             ->orderByDesc('sort')
             ->orderBy('name', 'asc')
             ->get()
             ->toArray()
         ;
         return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles'));
     }
     //Настройка уведомлений
     public function subscribe() {
         $user=Auth::user();
         return view('employers.subcribe',compact('user'));
     }
     //Установка уведомлений сохранение
     public function save_subscribe(Request $request) {
         $msg = $request->validate([
           'email' => 'required|email|min:5|max:255',
       ]);
         $user= Auth::user();
         User_Model::updateOrCreate(
             ['id' => $user->id],
             ['subscribe_email' => $request->email,
                 'subscribe' => request()->has('email_msg') && request('email_msg') === 'on' ? 1 : 0
             ]
         );
         return redirect()->route('employer.subscribe')->with('success', 'Ваши изменения успешно сохранены');
     }
     //Сбросить форму с паролем
     public function password_reset() {
         $email = Auth()->user()->email;
         return view('employers.password-reset', compact('email'));
     }
     //Обновление пароля
     public function new_password(Request $request) {
         $use = Auth()->user();
         $request->validate([
             'password' => 'required|string',
             'new_password' => 'required|string',
             'new_password2' => 'required|string'
         ]);
         if ($request->get('new_password') == $request->get('new_password2'))
             if ($request->get('password') !== $request->get('new_password')) {
                 $credentials = $request->only('email', 'password');
                 if (Auth::attempt($credentials)) {
                     if (!is_null($use->email_verified_at)){
                         $user_data = User_Model::find($use->id);
                         $user_data->update([
                             'password' => Hash::make($request->get('new_password')),
                             'pubpassword' => base64_encode($request->get('new_password')),
                         ]);
                         return redirect()
                             ->route('employer.password_reset')
                             ->with('success', 'Поздравляю! Вы обновили свой пароль!');
                     }
                     return redirect()
                         ->route('employer.password_reset')
                         ->withError('Данная учетная запись не было верифицированна!');
                 }
             }
         return redirect()
             ->route('employer.password_reset')
             ->withErrors('Не совпадение данных, обновите пароли!');
     }
     // Форма Удаление пипла
     public function delete_people() {
         $login = Auth()->user()->email;
         return view('employers.delete_people', compact('login'));
     }
     // Удаление аккаунта
     public function action_delete_user(Request $request) {
         $Answer = $request->all();
         $user_id = Auth()->user()->id;
         $request->validate([
             'password' => 'required|string',
         ]);
         $credentials = $request->only('email', 'password');
         if (Auth::attempt($credentials)) {
             Auth::logout();
             $it = User_Model::find($user_id);
             $it->delete();
             return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
         } else {
             return redirect()->route('employer.delete_people')
                 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
         }
     }
     public function ajax_delete_user(Request $request) {
         $Answer = $request->all();
         $user_id = Auth()->user()->id;
         $request->validate([
             'password' => 'required|string',
         ]);
         $credentials = $request->only('email', 'password');
         if (Auth::attempt($credentials)) {
             return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
                                      'email' => $request->get('email'),
                                      'password' => $request->get('password')));
         } else {
             return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
         }
     }
     // Рассылка сообщений
     public function send_all_messages() {
         $id = Auth()->user()->id;
         $sending = Employer::query()->where('user_id', '=', "$id")->first();
         $job_titles = Job_title::query()
             ->where('is_remove', '=', 0)
             ->where('is_bd', '=', 1)
             ->orderByDesc('sort')
             ->get();
         if ($sending->sending_is)
             return view('employers.send_all', compact('job_titles'));
         else
             return view('employers.send_all_danger');
     }
     // Отправка сообщений для информации
     public function send_all_post(Request $request) {
         $data = $request->all();
         $data['user'] = Auth()->user();
         $id = MessagesRequests::create([
             'user_id' => $data['user']->id,
             'job_titles' => isset($data['job_title_ids']) ? json_encode($data['job_title_ids']) : null,
             'text' => $data['message_text'],
         ]);
         try {
             if (!empty($id)) {
                 Mail::to(env('EMAIL_ADMIN'))->send(new MassSendingMessages($data));
             }
         } catch (Throwable $e) {
             Log::error($e);
             return redirect()->route('employer.send_all_messages')->with('error', 'Ошибка почтового сервера, пожалуйста, повторите рассылку позднее');
         }
         return redirect()->route('employer.send_all_messages')->with('success', 'Запрос на рассылку был успешно отправлен.');
     }
     // База резюме
     public function bd_tupe(Request $request) {
         $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
         return view('employers.bd_tupe', compact('Resume'));
     }
     //////////////////////////////////////////////////////////////////
     // Отправил сообщение
     //////////////////////////////////////////////////////////////////
     public function new_message(Request $request)
     {
         $params = $request->all();
         $id = $params['_user_id'];
         $message_params = [
             'title' => $params['title'],
             'text' => $params['text'],
             'ad_employer_id' => $params['_vacancy'],
             'flag_new' => 1
         ];
         $message = Message::add_message(
             $request,
             $params['_user_id'],
             $params['_to_user_id'],
             $message_params,
             file_store_path: "worker/$id"
         );
         return redirect()->route('employer.dialog', ['chat' => $message->chat_id_to]);
     }
     // Восстановление пароля
     public function repair_password(Request $request) {
         $params = $request->get('email');
     }
     // Избранные люди на корабль
     public function selected_people(Request $request) {
         $id = $request->get('id');
         $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
             where('is_remove', '=', '0')->
             where('is_bd', '=', '0')->
             where('position_id', $id)->
             get();
         return view('favorite_people', compact('favorite_people'));
     }
     /**
      * @throws JsonException
      */
     public function vacancyAutoLiftForm(): View|RedirectResponse
     {
         if (!Auth::user()->can_autolift) {
             return redirect()->route('employer.employer_info');
         }
         $employer = Auth::user()->employers[0];
         $vacancies = $employer
             ->ads()
             ->where('is_remove', 0)
             ->where('active_is', 1)
             ->get();
         $options = $employer->autoliftOptions ?? new EmployerAutoliftOption();
         $leftDays = 0;
         if ($options->days_repeat) {
             $leftDays = $options->days_repeat - now()->diffInDays(Carbon::parse($options->created_at));
         }
         return view('employers.vacancy_autolift', compact('vacancies', 'options', 'leftDays'));
     }
     /**
      * @throws JsonException
      */
     public function vacancyAutoLiftSave(Request $request)
     {
         $employer = Auth::user()->employers[0];
         $employer->autoliftOptions()->updateOrCreate(
             [
                 'employer_id' => $employer->id,
             ],
             [
                 'is_enabled' => $request->get('is_enabled') === 'true',
                 'times_per_day' => $request->get('times_per_day'),
                 'days_repeat' => $request->get('days_repeat'),
                 'time_send_first' => $request->get('time_send_first'),
                 'time_send_second' => $request->get('time_send_second'),
                 'time_send_third' => $request->get('time_send_third'),
                 'time_send_tg' => $request->get('time_send_tg'),
             ]
         );
         foreach ($request->get('vacancies') as $vacancy) {
             Ad_employer::query()
                 ->where('id', $vacancy['id'])
                 ->update([
                     'autolift_site' => $vacancy['autolift_site'] === 'true', //they're arriving as strings
                     'autosend_tg' => $vacancy['autosend_tg'] === 'true',
                 ]);
         }
         return response(['success' => true]);
     }
     public function autoresponder()
     {
         $user = Auth::user();
         return view('employers.autoresponder', compact('user'));
     }
     public function autoresponderSave(Request $request): RedirectResponse
     {
         $user = Auth::user();
         $user->autoresponder = $request->get('autoresponder', false) === 'on';
         $user->autoresponder_message = $request->get('autoresponder_message');
         $user->save();
         return redirect(route('employer.autoresponder'));
     }

public/css/custom-ckeditor.css

Diff comments View file @ 6644490

File was created	1	p {
	2	margin: 5px;
	3	line-height: 1.5;
	4	}
	5
	6	br {
	7	display: inline;
	8	}
	9

public/css/general.css

Diff comments View file @ 6644490

 /* Диалог модал */
 .modal-dialog{
     border-radius: 10px;
 }
 .modal-dialog .modal-dialog-footer{
     display: flex;
     justify-content: space-between;
 }
 .modal-dialog .modal-dialog-footer.center{
     display: flex;
     justify-content: center;
 }
 .modal-dialog .modal-dialog-title h2{
     font-weight: bold;
     font-size: 24px;
     text-align: center;
 }
 .modal-dialog .modal-dialog-body{
     padding-top: 20px;
     padding-bottom: 20px;
 }
 .modal-dialog .modal-dialog-footer .button-admin{
     padding: 5px 10px;
     border: 1px #000 solid;
     border-radius: 8px;
 }
 /* Конец Диалог модал */
 .button-loader {
     display: inline-block;
     border: 2px solid #f3f3f3;
     -webkit-animation: spin 1s linear infinite;
     animation: spin 1s linear infinite;
     border-top: 2px solid #555;
     border-radius: 50%;
     width: 20px;
     height: 20px;
     margin-right: 10px;
 }
 @keyframes spin {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
 }
 .error-block{
     color:red;
     padding: 0;
     width: 100%;
 }
 .review-image-modal{
     cursor: pointer;
 }
+.cabinet__export-options-wrap {
+    display: flex;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scroll-behavior: smooth;
+    gap: 10px;
+}
+.cabinet__export-options-wrap::-webkit-scrollbar {
+    display: none;
+}
+@media (min-width: 768px) {
+    .cabinet__export-options-wrap {
+        flex-wrap: wrap;
+        overflow-x: visible;
+        gap: 20px;
+    }
+}

public/css/style_may2024.css

Diff comments View file @ 6644490

 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
 /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
 @import url(fonts.css);
 @import url(jquery.fancybox.css);
 @import url(jquery.select2.css);
 @import url(star-rating.min.css);
 @import url(swiper.css);
 @import url(picker.min.css);
 @import url(general.css);
 html {
     line-height: 1.15; /* 1 */
     -webkit-text-size-adjust: 100%; /* 2 */
 }
 /* Sections
    ========================================================================== */
 /**
  * Remove the margin in all browsers.
  */
 body {
     margin: 0;
 }
 /**
  * Render the `main` element consistently in IE.
  */
 main {
     display: block;
 }
 /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }
 /* Grouping content
    ========================================================================== */
 /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
 hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box; /* 1 */
     height: 0; /* 1 */
     overflow: visible; /* 2 */
 }
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 pre {
     font-family: monospace, monospace; /* 1 */
     font-size: 1em; /* 2 */
 }
 /* Text-level semantics
    ========================================================================== */
 /**
  * Remove the gray background on active links in IE 10.
  */
 a {
     background-color: transparent;
 }
 /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 abbr[title] {
     border-bottom: none; /* 1 */
     text-decoration: underline; /* 2 */
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted; /* 2 */
 }
 /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
 b,
 strong {
     font-weight: bolder;
 }
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 code,
 kbd,
 samp {
     font-family: monospace, monospace; /* 1 */
     font-size: 1em; /* 2 */
 }
 /**
  * Add the correct font size in all browsers.
  */
 small {
     font-size: 80%;
 }
 /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 sub {
     bottom: -0.25em;
 }
 sup {
     top: -0.5em;
 }
 /* Embedded content
    ========================================================================== */
 /**
  * Remove the border on images inside links in IE 10.
  */
 img {
     border-style: none;
 }
 /* Forms
    ========================================================================== */
 /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit; /* 1 */
     font-size: 100%; /* 1 */
     line-height: 1.15; /* 1 */
     margin: 0; /* 2 */
 }
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
 button,
 input { /* 1 */
     overflow: visible;
 }
 /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
 button,
 select { /* 1 */
     text-transform: none;
 }
 /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
 button,
 [type=button],
 [type=reset],
 [type=submit] {
     -webkit-appearance: button;
 }
 /**
  * Remove the inner border and padding in Firefox.
  */
 button::-moz-focus-inner,
 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }
 /**
  * Restore the focus styles unset by the previous rule.
  */
 button:-moz-focusring,
 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring {
     outline: 1px dotted ButtonText;
 }
 /**
  * Correct the padding in Firefox.
  */
 fieldset {
     padding: 0.35em 0.75em 0.625em;
 }
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
 legend {
     -webkit-box-sizing: border-box;
     box-sizing: border-box; /* 1 */
     color: inherit; /* 2 */
     display: table; /* 1 */
     max-width: 100%; /* 1 */
     padding: 0; /* 3 */
     white-space: normal; /* 1 */
 }
 /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
 progress {
     vertical-align: baseline;
 }
 /**
  * Remove the default vertical scrollbar in IE 10+.
  */
 textarea {
     overflow: auto;
 }
 /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
 [type=checkbox],
 [type=radio] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
 }
 /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
     height: auto;
 }
 /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
 [type=search] {
     -webkit-appearance: textfield; /* 1 */
     outline-offset: -2px; /* 2 */
 }
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
 ::-webkit-file-upload-button {
     -webkit-appearance: button; /* 1 */
     font: inherit; /* 2 */
 }
 /* Interactive
    ========================================================================== */
 /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
 details {
     display: block;
 }
 /*
  * Add the correct display in all browsers.
  */
 summary {
     display: list-item;
 }
 /* Misc
    ========================================================================== */
 /**
  * Add the correct display in IE 10+.
  */
 template {
     display: none;
 }
 /**
  * Add the correct display in IE 10.
  */
 [hidden] {
     display: none;
 }
 .green {
     color: #377d87;
 }
 .red {
     color: #eb5757;
 }
 .rotate180 {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 ::-moz-selection {
     color: #000;
     background: #acc0e6;
 }
 ::selection {
     color: #000;
     background: #acc0e6;
 }
 ::-webkit-scrollbar {
     width: 8px;
     height: 8px;
 }
 ::-webkit-scrollbar-track {
     border-radius: 999px;
     background-color: #fff;
 }
 ::-webkit-scrollbar-thumb {
     border-radius: 999px;
     background-color: #377d87;
 }
 ::-webkit-input-placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 :focus::-webkit-input-placeholder {
     color: transparent;
 }
 :-ms-input-placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 :focus:-ms-input-placeholder {
     color: transparent;
 }
 ::-ms-input-placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 :focus::-ms-input-placeholder {
     color: transparent;
 }
 ::-moz-placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 :focus::-moz-placeholder {
     color: transparent;
 }
 ::-webkit-input-placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 ::-moz-placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 :-ms-input-placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 ::-ms-input-placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 ::placeholder {
     color: #9c9d9d;
     opacity: 1;
 }
 :focus::-webkit-input-placeholder {
     color: transparent;
 }
 :focus::-moz-placeholder {
     color: transparent;
 }
 :focus:-ms-input-placeholder {
     color: transparent;
 }
 :focus::-ms-input-placeholder {
     color: transparent;
 }
 :focus::placeholder {
     color: transparent;
 }
 *,
 *:before,
 *:after {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 a,
 button,
 select {
     color: inherit;
 }
 a {
     text-decoration: none;
 }
 a,
 input[type=button],
 input[type=submit],
 button {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     cursor: pointer;
 }
 [type=tel] {
     letter-spacing: 1px;
 }
 .br,
 img,
 svg {
     display: block;
 }
 .float-left {
     float: left;
 }
 .float-right {
     float: right;
 }
 .clear-both:after {
     content: "";
     display: block;
     clear: both;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0;
 }
 #body {
     font-family: "Circe", sans-serif;
     color: #000;
     background: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 50px;
     min-width: 320px;
     min-height: 100vh;
     line-height: 1.25;
 }
 @media (min-width: 768px) {
     #body {
         gap: 60px;
     }
 }
 #body.pdf {
     gap: 0;
 }
 .container {
     width: 100%;
     max-width: 1280px;
     margin-left: auto;
     margin-right: auto;
     padding-left: 10px;
     padding-right: 10px;
 }
 @media (min-width: 768px) {
     .container {
         padding-left: 20px;
         padding-right: 20px;
     }
 }
 .to-top {
     position: fixed;
     right: 10px;
     bottom: 10px;
     border-radius: 999px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #fff;
     background: #377d87;
     width: 40px;
     height: 40px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     margin-right: -100px;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     z-index: 99;
     border: 1px solid #377d87;
 }
 .to-top:hover {
     background: #fff;
     color: #377d87;
 }
 .to-top svg {
     width: 10px;
     height: 10px;
 }
 @media (min-width: 768px) {
     .to-top {
         width: 50px;
         height: 50px;
         right: 20px;
         bottom: 20px;
     }
     .to-top svg {
         width: 12px;
         height: 12px;
     }
 }
 .begin .to-top {
     margin-right: 0;
 }
 .socials {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 8px;
 }
 .socials a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border: 1px solid #377d87;
     color: #377d87;
     border-radius: 999px;
     width: 38px;
     height: 38px;
 }
 .socials a:hover {
     background: #377d87;
     color: #fff;
 }
 .socials svg {
     width: 12px;
     height: 12px;
 }
 .nls {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     color: #000;
     text-align: left;
 }
 .nls:hover {
     color: #377d87;
 }
 .nls svg {
     width: 30px;
     height: 40px;
 }
 @media (min-width: 768px) {
     .nls svg {
         width: 24px;
         height: 31px;
     }
 }
 .nls span {
     width: calc(100% - 30px);
     padding-left: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 12px;
     line-height: 1.4;
 }
 @media (min-width: 768px) {
     .nls span {
         width: calc(100% - 24px);
     }
 }
 .nls b {
     font-weight: 400;
 }
 .title,
 h1 {
     margin: 0;
     font-weight: 700;
     font-size: 32px;
 }
 @media (min-width: 768px) {
     .title,
     h1 {
         font-size: 40px;
     }
 }
 @media (min-width: 992px) {
     .title,
     h1 {
         font-size: 48px;
     }
 }
 @media (min-width: 1280px) {
     .title,
     h1 {
         font-size: 64px;
     }
 }
 .swiper-pagination {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: static;
     margin-top: 20px;
     gap: 8px;
 }
 @media (min-width: 768px) {
     .swiper-pagination {
         margin-top: 30px;
     }
 }
 .swiper-pagination-bullet {
     width: 16px;
     height: 16px;
     opacity: 1;
     border: 1px solid #cdcece;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     background: transparent;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0 !important;
 }
 .swiper-pagination-bullet:before {
     content: "";
     width: 6px;
     height: 6px;
     border-radius: 999px;
     background: #377d87;
     opacity: 0;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 .swiper-pagination-bullet:hover {
     border-color: #377d87;
 }
 .swiper-pagination-bullet-active {
     border-color: #377d87;
 }
 .swiper-pagination-bullet-active:before {
     opacity: 1;
 }
 .navs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 20px;
     width: 80px;
 }
 .navs button {
     color: #377d87;
     background: none;
     border: none;
     padding: 0;
 }
 .navs button[disabled] {
     cursor: not-allowed;
     color: #cddee1;
 }
 .navs svg {
     width: 14px;
     height: 28px;
 }
 .select {
     position: relative;
 }
 .select2 {
     width: 100% !important;
 }
 .select2-container {
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .select2-container {
         font-size: 16px;
     }
 }
 .select2-container--open .select2-selection {
     border-color: #377d87 !important;
 }
 .select2-container--open .select2-selection__arrow svg {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 .select2-selection {
     min-height: 30px !important;
     border-radius: 8px !important;
     border-color: #e7e7e7 !important;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 @media (min-width: 768px) {
     .select2-selection {
         min-height: 50px !important;
     }
 }
 .select2-selection__rendered {
     line-height: 28px !important;
     padding: 0 30px 0 10px !important;
 }
 @media (min-width: 768px) {
     .select2-selection__rendered {
         line-height: 48px !important;
         padding: 0 46px 0 20px !important;
     }
 }
 .select2-selection--multiple .select2-selection__rendered {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 10px;
     padding-top: 10px !important;
     padding-bottom: 10px !important;
 }
 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
     margin: 0;
 }
 .select2-selection__arrow {
     top: 0 !important;
     right: 0 !important;
     width: 30px !important;
     height: 100% !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #377d87;
 }
 @media (min-width: 768px) {
     .select2-selection__arrow {
         width: 50px !important;
     }
 }
 .select2-selection__arrow svg {
     width: 12px;
     height: 12px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 @media (min-width: 768px) {
     .select2-selection__arrow svg {
         width: 14px;
         height: 14px;
     }
 }
 .select2-selection__choice {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 4px;
     padding: 0 4px 0 6px !important;
     background: #377d87 !important;
     border: none !important;
     border-radius: 6px !important;
     line-height: 1 !important;
     color: #fff;
     height: 24px;
 }
 @media (min-width: 768px) {
     .select2-selection__choice {
         height: 32px;
         gap: 6px;
         padding: 0 6px 0 10px !important;
         border-radius: 8px !important;
     }
 }
 .select2-selection__choice__remove {
     width: 14px;
     height: 14px;
     padding-top: 4px;
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #fff !important;
     font-weight: 400 !important;
     font-size: 26px;
 }
 .select2-search {
     display: none;
 }
 .select2-dropdown {
     z-index: 99999;
     border: none;
     border-radius: 0;
     background: none;
     padding: 5px 0;
 }
 @media (min-width: 768px) {
     .select2-dropdown {
         padding: 10px 0;
     }
 }
 .select2-results {
     background: #fff;
     border-radius: 8px;
     border: 1px solid #377d87;
     overflow: hidden;
 }
 @media (min-width: 768px) {
     .select2-results__option {
         padding: 10px 14px;
     }
 }
 .select2-results__option--highlighted {
     background: #377d87 !important;
 }
 @media (min-width: 768px) {
     .select_search .select2-selection__rendered {
         padding-left: 60px !important;
     }
 }
 .select_search .select__icon {
     display: none;
     height: 28px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-right: 12px;
     z-index: 2;
     position: absolute;
     top: 50%;
     left: 15px;
     margin-top: -14px;
 }
 @media (min-width: 768px) {
     .select_search .select__icon {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 .select_search .select__icon:after {
     content: "";
     width: 1px;
     height: 100%;
     border-radius: 999px;
     position: absolute;
     top: 0;
     right: 0;
     background: #cecece;
 }
 .select_search .select__icon svg {
     color: #9c9d9d;
     width: 20px;
     height: 20px;
 }
 .form-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 4px;
 }
 .form-group__label {
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .form-group__label {
         font-size: 16px;
     }
 }
 .form-group__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     position: relative;
 }
 .form-group__item-icon {
     width: 16px;
     aspect-ratio: 1/1;
     z-index: 2;
     position: absolute;
     top: 50%;
     right: 4px;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #377d87;
 }
 @media (min-width: 768px) {
     .form-group__item-icon {
         width: 22px;
         right: 20px;
     }
 }
 .form-group__item-icon svg {
     width: 14px;
     aspect-ratio: 1/1;
 }
 @media (min-width: 768px) {
     .form-group__item-icon svg {
         width: 20px;
     }
 }
 .form-group__item-icon + .input {
     padding-right: 24px;
 }
 @media (min-width: 768px) {
     .form-group__item-icon + .input {
         padding-right: 60px;
     }
 }
 .input {
     display: block;
     height: 30px;
     border: 1px solid #cecece;
     background: #fff;
     font-size: 12px;
     border-radius: 8px;
     padding: 0 10px;
     color: #000;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     position: relative;
     z-index: 1;
 }
 @media (min-width: 768px) {
     .input {
         padding: 0 20px;
         height: 44px;
         font-size: 16px;
     }
 }
 .input:focus {
     border-color: #377d87;
 }
 .input[disabled] {
     color: #9c9d9d;
     background: #e7e7e7;
 }
 .input[type=date] {
     text-transform: uppercase;
 }
 .textarea {
     resize: none;
     display: block;
     width: 100%;
     border-radius: 8px;
     border: 1px solid #cecece;
     background: #fff;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     font-size: 12px;
     line-height: 1.4;
     padding: 10px;
     aspect-ratio: 8/3;
     max-height: 250px;
 }
 @media (min-width: 768px) {
     .textarea {
         padding: 20px;
         font-size: 16px;
         height: 280px;
     }
 }
 .textarea:focus {
     border-color: #377d87;
 }
 .button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #fff;
     background: #377d87;
     height: 30px;
     border-radius: 8px;
     padding: 0 12px;
     border: 1px solid #377d87;
     font-weight: 700;
     font-size: 12px;
     text-align: center;
     line-height: 1;
     gap: 6px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     cursor: pointer;
 }
 @media (min-width: 768px) {
     .button {
         padding: 0 24px;
         font-size: 16px;
         height: 44px;
         gap: 12px;
     }
 }
 @media (min-width: 992px) {
     .button {
         padding: 0 36px;
     }
 }
 .button:hover {
     background: transparent;
     color: #377d87;
 }
 .button img,
 .button svg {
     width: 12px;
     height: 12px;
 }
 @media (min-width: 768px) {
     .button img,
     .button svg {
         width: 18px;
         height: 18px;
     }
 }
 .button_more span + span {
     display: none;
 }
 .button_more.active span {
     display: none;
 }
 .button_more.active span + span {
     display: block;
 }
 .button_light {
     background: transparent;
     color: #377d87;
 }
 .button_light:hover {
     background: #377d87;
     color: #fff;
 }
 .button_whited {
     background: #fff;
     color: #377d87;
     border-color: #fff;
 }
 .button_whited:hover {
     background: #377d87;
     color: #fff;
 }
 .search {
     width: 100%;
     position: relative;
     background: #fff;
     border-radius: 8px;
 }
 .search span {
     display: none;
     height: 28px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-right: 12px;
     z-index: 1;
     position: absolute;
     top: 50%;
     left: 15px;
     margin-top: -14px;
 }
 @media (min-width: 768px) {
     .search span {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 .search span:after {
     content: "";
     width: 1px;
     height: 100%;
     border-radius: 999px;
     position: absolute;
     top: 0;
     right: 0;
     background: #cecece;
 }
 .search span svg {
     color: #9c9d9d;
     width: 20px;
     height: 20px;
 }
 .search input {
     width: 100%;
     padding-right: 150px;
     position: relative;
     z-index: 2;
     background: none;
 }
 @media (min-width: 768px) {
     .search input {
         padding-left: 60px;
         padding-right: 220px;
     }
 }
 .search button {
     width: 140px;
     position: absolute;
     padding: 0;
     top: 0;
     right: 0;
     z-index: 3;
 }
 @media (min-width: 768px) {
     .search button {
         width: 200px;
     }
 }
 .breadcrumbs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 12px 6px;
     margin: 0;
     padding: 0;
     font-size: 11px;
     color: #cecece;
     line-height: 1;
 }
 @media (min-width: 992px) {
     .breadcrumbs {
         font-size: 13px;
     }
 }
 @media (min-width: 1280px) {
     .breadcrumbs {
         font-size: 16px;
     }
 }
 .breadcrumbs li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 6px;
 }
 .breadcrumbs li:before {
     content: "";
     width: 4px;
     height: 4px;
     background: #cecece;
     border-radius: 999px;
     position: relative;
     top: -1px;
 }
 .breadcrumbs li:first-child:before {
     display: none;
 }
 .breadcrumbs li:last-child:before {
     background: #377d87;
 }
 .breadcrumbs a:hover {
     color: #377d87;
 }
 .breadcrumbs b {
     color: #377d87;
     font-weight: 700;
 }
 .pagination {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     line-height: 1;
     color: #000;
     font-size: 12px;
     margin: 0 auto;
 }
 @media (min-width: 768px) {
     .pagination {
         font-size: 14px;
         gap: 3px;
     }
 }
 .pagination__item {
     width: 40px;
     height: 40px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: none;
     padding: 0;
     border: 1px solid transparent;
     border-radius: 8px;
 }
 .pagination__item:hover {
     -webkit-transition: 0s;
     transition: 0s;
     color: #377d87;
     font-weight: 700;
 }
 .pagination__item.active {
     font-weight: 700;
     color: #fff;
     background: #377d87;
     border-color: #377d87;
 }
 .pagination__dots {
     width: 40px;
     height: 40px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .pagination__dots svg {
     width: 15px;
     height: 15px;
 }
 .pagination__nav {
     width: 40px;
     height: 40px;
     display: none;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: none;
     padding: 0;
     border: 1px solid #cddee1;
     color: #377d87;
     border-radius: 8px;
 }
 @media (min-width: 768px) {
     .pagination__nav {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 .pagination__nav:hover {
     border-color: #377d87;
     background: #377d87;
     color: #fff;
 }
 .pagination__nav svg {
     width: 10px;
     height: 10px;
 }
 .pagination__nav_prev {
     margin-right: 37px;
 }
 .pagination__nav_prev svg {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 .pagination__nav_next {
     margin-left: 37px;
 }
 .filters {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .filters {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
     }
 }
 .filters__label {
     color: #377d87;
     font-size: 12px;
     font-weight: 700;
 }
 @media (min-width: 768px) {
     .filters__label {
         font-size: 16px;
     }
 }
 @media (min-width: 992px) {
     .filters__label {
         font-size: 18px;
     }
 }
 .filters__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 @media (min-width: 768px) {
     .filters__body {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
 }
 @media (min-width: 768px) {
     .filters__select {
         width: 250px;
     }
 }
 @media (min-width: 992px) {
     .filters__select {
         width: 310px;
     }
 }
 .filters__item {
     display: none;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 50px;
     height: 50px;
     padding: 0;
     background: #fff;
     border: 1px solid #377d87;
     color: #377d87;
     border-radius: 8px;
     margin-left: 20px;
 }
 @media (min-width: 768px) {
     .filters__item {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 .filters__item svg {
     width: 24px;
     height: 24px;
 }
 .filters__item.active {
     background: #377d87;
     color: #fff;
 }
 .filters__item + .filters__item {
     margin-left: 8px;
 }
 .like,
 .chat {
     width: 30px;
     height: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: none;
     border: 1px solid #377d87;
     padding: 0;
     color: #377d87;
     border-radius: 6px;
 }
 @media (min-width: 768px) {
     .like,
     .chat {
         width: 44px;
         height: 44px;
     }
 }
 .like.active,
 .chat.active {
     background: #377d87;
     color: #fff;
 }
 .like svg,
 .chat svg {
     width: 14px;
     height: 14px;
 }
 @media (min-width: 768px) {
     .like svg,
     .chat svg {
         width: 20px;
         height: 20px;
     }
 }
 .like.active {
     background: #eb5757;
     border-color: #eb5757;
 }
 .checkbox {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     cursor: pointer;
     position: relative;
 }
 .checkbox__input {
     position: absolute;
     z-index: 1;
     width: 14px;
     height: 14px;
     padding: 0;
     background: none;
     border: none;
     opacity: 0;
 }
 @media (min-width: 768px) {
     .checkbox__input {
         width: 20px;
         height: 20px;
     }
 }
 .checkbox__icon {
     width: 14px;
     height: 14px;
     border: 1px solid #cfcfcf;
     background: #fff;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 4px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     position: relative;
     z-index: 2;
 }
 @media (min-width: 768px) {
     .checkbox__icon {
         width: 20px;
         height: 20px;
     }
 }
 .checkbox__icon svg {
     width: 8px;
     height: 8px;
     opacity: 0;
 }
 @media (min-width: 768px) {
     .checkbox__icon svg {
         width: 10px;
         height: 10px;
     }
 }
 .checkbox__input:checked + .checkbox__icon {
     border-color: #377d87;
     background: #377d87;
 }
 .checkbox__input:checked + .checkbox__icon svg {
     opacity: 1;
 }
 .checkbox__text {
     width: calc(100% - 14px);
     padding-left: 6px;
     font-size: 12px;
     line-height: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: 14px;
 }
 @media (min-width: 768px) {
     .checkbox__text {
         width: calc(100% - 20px);
         padding-left: 12px;
         font-size: 15px;
         min-height: 20px;
     }
 }
 .checkbox__text a {
     color: #377d87;
     text-decoration: underline;
 }
 .checkbox-empty {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .checkbox-empty .checkbox {
     width: 20px;
 }
 .file {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .file__input input {
     display: none;
 }
 .file__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .file__list-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     margin-top: 16px;
 }
 .file__list-item-left {
     width: calc(100% - 16px);
     min-height: 16px;
     color: #9c9d9d;
     font-size: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
 @media (min-width: 768px) {
     .file__list-item-left {
         width: auto;
         max-width: calc(100% - 16px);
         font-size: 16px;
     }
 }
 .file__list-item-left svg {
     width: 16px;
     height: 16px;
 }
 .file__list-item-left span {
     width: calc(100% - 16px);
     min-height: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 8px;
 }
 .file__list-item-right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     background: none;
     border: none;
     width: 16px;
     height: 16px;
     color: #377d87;
 }
 .file__list-item-right:hover {
     color: #000;
 }
 .file__list-item-right svg {
     width: 10px;
     height: 10px;
 }
 .file__list-item + .file__list-item {
     margin-top: 10px;
 }
 .toggle {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 12px;
     position: relative;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 .toggle__input {
     position: absolute;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0 0 0 0);
 }
 .toggle__input:checked + .toggle__icon {
     background: #377d87;
 }
 .toggle__input:checked + .toggle__icon:before {
     left: 18px;
 }
 .toggle__input:checked:disabled + .toggle__icon {
     background: #9BBEC3;
 }
 .toggle__input:checked ~ .toggle__text:nth-child(3) {
     display: none;
 }
 .toggle__input:checked ~ .toggle__text:nth-child(4) {
     display: block;
 }
 .toggle__icon {
     display: block;
     position: relative;
     width: 36px;
     height: 20px;
     border-radius: 999px;
     background: #c3c7d9;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 .toggle__icon:before {
     content: "";
     -webkit-transition: 0.3s;
     transition: 0.3s;
     position: absolute;
     top: 50%;
     left: 2px;
     width: 16px;
     aspect-ratio: 1/1;
     border-radius: 999px;
     background: #fff;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
 }
 .toggle__input:checked + .toggle__icon {
     background: #377d87;
 }
 .toggle__text {
     font-size: 14px;
     line-height: 20px;
 }
 @media (min-width: 768px) {
     .toggle__text {
         font-size: 16px;
     }
 }
 .toggle__text:nth-child(4) {
     display: none;
 }
 .rate {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .rate {
         gap: 20px;
     }
 }
 .rate__label {
     font-size: 12px;
     font-weight: 700;
     line-height: 1;
 }
 @media (min-width: 768px) {
     .rate__label {
         font-size: 18px;
     }
 }
 .rate__stars {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .back {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 14px;
     color: #377d87;
     font-weight: 700;
 }
 @media (min-width: 768px) {
     .back {
         font-size: 18px;
     }
 }
 .back:hover {
     color: #4d88d9;
 }
 .back svg {
     width: 16px;
     height: 16px;
 }
 @media (min-width: 768px) {
     .back svg {
         width: 26px;
         height: 26px;
     }
 }
 .back span {
     width: calc(100% - 16px);
     padding-left: 10px;
 }
 @media (min-width: 768px) {
     .back span {
         width: calc(100% - 26px);
         padding-left: 20px;
     }
 }
 .callback {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 16px;
 }
 @media (min-width: 992px) {
     .callback {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         gap: 20px 0;
     }
 }
 .callback__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 16px;
 }
 @media (min-width: 992px) {
     .callback__body {
         width: calc(50% - 10px);
         gap: 10px;
     }
 }
 @media (min-width: 992px) {
     .callback__textarea {
         width: calc(50% - 10px);
         height: auto;
     }
 }
 .callback__bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 16px;
 }
 @media (min-width: 768px) {
     .callback__bottom {
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
     }
 }
 @media (min-width: 992px) {
     .callback__bottom {
         width: 100%;
         gap: 20px;
     }
 }
 .error .input,
 .error .textarea {
     border-color: #eb5757;
 }
 .error label {
     display: block;
 }
 .eye {
     position: absolute;
     z-index: 2;
     top: 50%;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     right: 10px;
     aspect-ratio: 1/1;
     width: 16px;
     padding: 0;
     border: none;
     background: none;
     color: #9c9d9d;
 }
 @media (min-width: 768px) {
     .eye {
         width: 24px;
         right: 20px;
     }
 }
 .eye svg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 .eye svg + svg {
     display: none;
 }
 .eye.active {
     color: #377d87;
 }
 .eye.active svg {
     display: none;
 }
 .eye.active svg + svg {
     display: block;
 }
 .del {
     width: 32px;
     aspect-ratio: 1/1;
     background: #377d87;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 8px;
     padding: 0;
     border: 1px solid #377d87;
 }
 .del:hover {
     background: #fff;
     color: #377d87;
 }
 .del svg {
     width: 50%;
     aspect-ratio: 1/1;
 }
 .notify {
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     padding: 6px 12px;
     border-radius: 8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
 @media (min-width: 768px) {
     .notify {
         padding: 12px 20px;
     }
 }
 .notify_red {
     background: #f9cdcd;
 }
 .notify svg {
     color: #4d88d9;
     width: 20px;
     aspect-ratio: 1/1;
 }
 .notify span {
     font-size: 12px;
     padding-left: 10px;
     min-height: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .notify span {
         font-size: 16px;
     }
 }
 .table {
     margin: 0 -10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .table {
         margin: 0;
         gap: 30px;
     }
 }
 .table__button {
     display: none;
 }
 .table_spoiler .table__button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .table__scroll {
     overflow: hidden;
     overflow-x: auto;
     padding: 0 10px;
     width: 100%;
 }
 @media (min-width: 768px) {
     .table__scroll {
         padding: 0;
     }
 }
 .table__body {
   border-radius: 8px;
     overflow: hidden;
 }
 .table__body_min-width {
     min-width: 580px;
 }
 .table table {
     border-collapse: collapse;
     width: 100%;
     font-size: 12px;
   border-radius: 8px;
 }
 @media (min-width: 768px) {
     .table table {
         font-size: 14px;
     }
 }
 @media (min-width: 1280px) {
     .table table {
         font-size: 16px;
     }
 }
 .table thead tr th,
 .table thead tr td {
     background: #377d87;
     color: #fff;
     font-weight: 700;
     border-top-color: #377d87;
 }
 .table thead tr th:first-child,
 .table thead tr td:first-child {
     border-left-color: #377d87;
 }
 .table thead tr th:last-child,
 .table thead tr td:last-child {
     border-right-color: #377d87;
 }
 .table_spoiler tr {
     /*display: none;*/
 }
 .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) {
     display: table-row;
 }
 .table_spoiler.active tr {
     display: table-row;
 }
 .table th,
 .table td {
     text-align: left;
     padding: 10px;
     border: 1px solid #cecece;
 }
 @media (min-width: 768px) {
     .table td {
         padding: 14px 10px;
     }
 }
 .table__status {
     color: #9c9d9d;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 6px;
     position: relative;
     padding-left: 14px;
 }
 .table__status i {
     background: #9c9d9d;
     width: 8px;
     aspect-ratio: 1/1;
     border-radius: 999px;
     position: absolute;
     top: 4px;
     left: 0;
 }
 .table__status.green {
     color: #377d87;
 }
 .table__status.green i {
     background: #377d87;
 }
 .table__link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 4px;
     color: #4d88d9;
 }
 @media (min-width: 768px) {
     .table__link {
         gap: 6px;
     }
 }
 .table__link:hover {
     color: #000;
 }
 .table__link svg {
     width: 12px;
     aspect-ratio: 1/1;
 }
 @media (min-width: 768px) {
     .table__link svg {
         width: 16px;
     }
 }
 .table__controls {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 8px;
 }
 @media (min-width: 1280px) {
     .table__controls {
         gap: 12px;
     }
 }
 .table__controls-item {
     width: 24px;
     aspect-ratio: 1/1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border: 1px solid #377d87;
     border-radius: 8px;
     color: #377d87;
     background: none;
     padding: 0;
 }
 @media (min-width: 1280px) {
     .table__controls-item {
         width: 30px;
     }
 }
 .table__controls-item:hover {
     background: #377d87;
     color: #fff;
 }
 .table__controls-item svg {
     width: 60%;
     aspect-ratio: 1/1;
 }
 .table__controls-item:nth-of-type(4) svg {
     width: 80%;
 }
 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
     display: none;
 }
 .gl-star-rating--stars span {
     width: 22px !important;
     height: 22px !important;
     background-size: 22px 22px !important;
 }
 @media (min-width: 768px) {
     .gl-star-rating--stars span {
         width: 30px !important;
         height: 30px !important;
         background-size: 30px 30px !important;
     }
 }
 .more {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .more_mt {
     margin-top: 20px;
 }
 .more .button {
     min-width: 100px;
     padding: 0;
 }
 @media (min-width: 768px) {
     .more .button {
         min-width: 180px;
     }
 }
 .header {
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     background: #fff;
     position: relative;
     z-index: 5;
     overflow: hidden;
 }
 @media (min-width: 768px) {
     .header {
         -webkit-box-shadow: none;
         box-shadow: none;
     }
 }
 .header__body {
     height: 42px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .header__body {
         height: 70px;
     }
 }
 .header__left {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 40px;
 }
 .header__right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 14px;
 }
 @media (min-width: 768px) {
     .header__right {
         gap: 20px;
     }
 }
 .header__right-line {
     width: 1px;
     height: 32px;
     background: #e6e7e7;
     border-radius: 999px;
 }
 @media (min-width: 992px) {
     .header__right-line {
         display: none;
     }
 }
 .header__logo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #377d87;
 }
 .header__logo svg {
     width: 105px;
     height: 31px;
 }
 @media (min-width: 768px) {
     .header__logo svg {
         width: 182px;
         height: 54px;
     }
 }
 .header__menu {
     display: none;
 }
 .header.active-menu{
     position: unset;
 }
 .header.active-menu .header__menu{
     position: absolute;
     display: flex;
     flex-direction: column;
     z-index: 999;
     top: 48px;
     background: #fff;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     left: 0;
     border: 1px solid #e9e9e9;
     width: 100%;
 }
 @media (min-width: 768px) {
     .header__menu {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 .header__menu-item{
     padding: 5px 10px;
 }
 .header__menu-item:hover, .header__menu-item:active{
     border: 1px solid #cfcfcf;
 }
 .header__menu-item:hover {
     color: #377d87;
 }
 .header__notifs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #377d87;
     padding: 0;
     border: none;
     background: none;
     width: 24px;
     height: 24px;
 }
 @media (min-width: 992px) {
     .header__notifs {
         width: auto;
         height: auto;
         color: #000;
         line-height: 1.4;
     }
 }
 @media (min-width: 992px) {
     .header__notifs:hover {
         color: #377d87;
     }
 }
 .header__notifs svg {
     width: 20px;
     height: 20px;
 }
 @media (min-width: 992px) {
     .header__notifs svg {
         display: none;
     }
 }
 .header__notifs span {
     display: none;
 }
 @media (min-width: 992px) {
     .header__notifs span {
         display: inline;
     }
 }
 .header__notifs_actived {
     position: relative;
 }
 @media (min-width: 992px) {
     .header__notifs_actived {
         padding-right: 12px;
     }
 }
 .header__notifs_actived:after {
     content: "";
     border: 1px solid #fff;
     background: #377d87;
     border-radius: 999px;
     width: 10px;
     height: 10px;
     position: absolute;
     z-index: 1;
     top: 0;
     right: 0;
 }
 @media (min-width: 992px) {
     .header__notifs_actived:after {
         width: 8px;
         height: 8px;
         border: none;
     }
 }
 .header__burger {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 24px;
     height: 24px;
     color: #377d87;
     padding: 0;
     border: none;
     background: none;
 }
 @media (min-width: 992px) {
     .header__burger {
         display: none;
     }
 }
 .header__burger svg {
     width: 20px;
     height: 20px;
 }
 .header__burger svg + svg {
     display: none;
 }
 .header__sign {
     /*display: none;*/
 }
 @media (min-width: 992px) {
     .header__sign {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 .mob-menu {
     display: none;
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100vw;
     height: calc(100vh - 42px);
     z-index: 4;
     background: #fff;
     overflow: hidden;
     overflow-y: auto;
     padding: 50px 0;
 }
 .mob-menu__bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 80px;
 }
 .mob-menu__bottom .button {
     min-width: 120px;
 }
 .mob-menu__bottom-link {
     text-decoration: underline;
     margin-top: 50px;
 }
 .mob-menu__bottom-link:hover {
     color: #377d87;
 }
 .mob-menu__bottom-link + .mob-menu__bottom-link {
     margin-top: 10px;
 }
 .mob-menu__bottom .socials {
     margin-top: 35px;
 }
 .mob-menu .footer__mobile-menu {
     opacity: 1;
     height: auto;
     overflow: visible;
 }
 .mob-menu .footer__mobile-menu-item button {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .mob-menu .footer__mobile-menu-item div {
     font-size: 20px;
 }
 .mob-menu .footer__mobile-contacts a {
     font-size: 20px;
     font-weight: 700;
     color: #000;
     text-decoration: none;
 }
 .mob-menu .footer__mobile-contacts a:hover {
     color: #377d87;
 }
 .mob-menu .footer__mobile-menu-item button b,
 .mob-menu .footer__mobile-contacts a {
     font-size: 30px;
 }
 .menu-is-actived {
     overflow: hidden;
 }
 @media (min-width: 992px) {
     .menu-is-actived {
         overflow: auto;
     }
 }
 .menu-is-actived .header__burger svg {
     display: none;
 }
 .menu-is-actived .header__burger svg + svg {
     display: block;
 }
 .menu-is-actived .mob-menu {
     display: block;
 }
 @media (min-width: 992px) {
     .menu-is-actived .mob-menu {
         display: none;
     }
 }
 .footer {
     -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
     box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
     background: #fff;
     position: relative;
     z-index: 1;
     overflow: hidden;
 }
 .footer__mobile {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 25px 0 30px 0;
 }
 @media (min-width: 768px) {
     .footer__mobile {
         padding: 30px 0;
     }
 }
 @media (min-width: 992px) {
     .footer__mobile {
         display: none;
     }
 }
 .footer__mobile-toper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     border: none;
     background: none;
 }
 .footer__mobile-toper a,
 .footer__mobile-toper b {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #377d87;
 }
 .footer__mobile-toper a svg,
 .footer__mobile-toper b svg {
     width: 137px;
     height: 40px;
 }
 .footer__mobile-toper span {
     width: 40px;
     height: 40px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #377d87;
     color: #fff;
     border-radius: 999px;
 }
 .footer__mobile-toper span svg {
     width: 10px;
     height: 10px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 .footer__mobile-toper.active span svg {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 .footer__mobile-menu {
     height: 0;
     opacity: 0;
     overflow: hidden;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 30px;
 }
 @media (min-width: 768px) {
     .footer__mobile-menu {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 100px;
     }
 }
 .footer__mobile-menu-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .footer__mobile-menu-item button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     padding: 0;
     border: none;
     background: none;
 }
 .footer__mobile-menu-item button.active {
     color: #377d87;
 }
 .footer__mobile-menu-item button b {
     width: calc(100% - 24px);
     padding-right: 12px;
     min-height: 24px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 20px;
     font-weight: 700;
 }
 .footer__mobile-menu-item button span {
     width: 24px;
     height: 24px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     border: none;
     background: none;
 }
 .footer__mobile-menu-item button svg {
     width: 12px;
     height: 12px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 .footer__mobile-menu-item button.active svg {
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
 }
 .footer__mobile-menu-item div {
     height: 0;
     opacity: 0;
     overflow: hidden;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 15px;
 }
 .footer__mobile-menu-item div a:hover {
     color: #377d87;
 }
 .footer__mobile-menu-item .active + div {
     opacity: 1;
     height: auto;
     overflow: visible;
     padding-top: 15px;
 }
 .active + .footer__mobile-menu {
     opacity: 1;
     height: auto;
     overflow: visible;
     padding-top: 35px;
 }
 .footer__mobile-contacts {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-top: 30px;
 }
 .footer__mobile-contacts b {
     font-size: 20px;
     font-weight: 700;
     width: 100%;
     margin-bottom: 20px;
 }
 .footer__mobile-contacts a {
     color: #377d87;
     text-decoration: underline;
 }
 .footer__mobile-contacts a + a {
     color: #000;
 }
 .footer__mobile-bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     gap: 20px;
     margin-top: 100px;
 }
 .footer__mobile-links {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
 }
 .footer__mobile-links a:hover {
     color: #377d87;
 }
 .footer__mobile-links span {
     width: 60px;
     height: 1px;
     background: #377d87;
 }
 .footer__main {
     display: none;
     padding: 55px 0 20px 0;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 70px;
 }
 @media (min-width: 992px) {
     .footer__main {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 .footer__main-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
 .footer__main-logo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #377d87;
 }
 .footer__main-logo svg {
     width: 182px;
     height: 54px;
 }
 .footer__main-title {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 16px;
 }
 .footer__main-col {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
 .footer__main-col nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 8px;
 }
 .footer__main-col nav a:hover {
     color: #377d87;
 }
 .footer__main-contacts {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 16px;
     margin-bottom: 16px;
 }
 .footer__main-contacts a {
     color: #377d87;
     text-decoration: underline;
 }
 .footer__main-contacts a + a {
     color: #000;
 }
 .footer__main-copy {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 14px;
     line-height: 1.4;
 }
 .footer__main-copy nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
 }
 .footer__main-copy nav a:hover {
     color: #377d87;
 }
 .footer__main-copy nav span {
     width: 1px;
     height: 20px;
     background: #000;
 }
 .main {
     position: relative;
     overflow: hidden;
     padding: 30px 0;
 }
 @media (min-width: 768px) {
     .main {
         padding: 40px 0;
     }
 }
 @media (min-width: 992px) {
     .main {
         padding: 50px 0;
     }
 }
 @media (min-width: 1280px) {
     .main {
         padding: 60px 0;
     }
 }
 .main h2 {
     margin: 0;
     font-weight: 700;
     font-size: 30px;
 }
 @media (min-width: 768px) {
     .main h2 {
         font-size: 44px;
     }
 }
 .main h3 {
     margin: 0;
     font-weight: 700;
     font-size: 22px;
 }
 @media (min-width: 768px) {
     .main h3 {
         font-size: 28px;
     }
 }
 .main p {
     margin: 0;
     font-size: 14px;
     line-height: 1.4;
 }
 @media (min-width: 768px) {
     .main p {
         font-size: 18px;
     }
 }
 .main p a {
     color: #4d88d9;
 }
 .main p a:hover {
     color: #377d87;
 }
 .main__breadcrumbs {
     margin-bottom: 20px;
 }
 @media (min-width: 768px) {
     .main__breadcrumbs {
         margin-bottom: 40px;
     }
 }
 .main__content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     font-size: 14px;
 }
 @media (min-width: 992px) {
     .main__content {
         font-size: 18px;
         gap: 32px;
     }
 }
 .main__content-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 16px;
 }
 .main__content h1,
 .main__content h2,
 .main__content h3,
 .main__content h4,
 .main__content h5,
 .main__content h6 {
     color: #000;
 }
 .main__content ul,
 .main__content ol {
     padding: 0;
     margin: 0;
     padding-left: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 8px;
 }
 @media (min-width: 992px) {
     .main__content ul,
     .main__content ol {
         gap: 16px;
         padding-left: 30px;
     }
 }
 .main__content li ul,
 .main__content li ol {
     margin-top: 8px;
 }
 @media (min-width: 992px) {
     .main__content li ul,
     .main__content li ol {
         margin-top: 16px;
     }
 }
 .main__content li ul li,
 .main__content li ol li {
     list-style-type: disc;
 }
 .main__gallery {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__gallery {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }
 }
 @media (min-width: 992px) {
     .main__gallery {
         grid-template-columns: repeat(3, 1fr);
     }
 }
 .main__gallery-item {
     width: 100%;
     aspect-ratio: 400/224;
     border-radius: 30px;
     position: relative;
     overflow: hidden;
 }
 .main__gallery-item:hover {
     -webkit-filter: brightness(1.1);
     filter: brightness(1.1);
 }
 .main__gallery-item img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }
 .main__employers {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .main__employers {
         gap: 30px;
     }
 }
 .main__employers-body {
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 992px) {
     .main__employers-body {
         gap: 30px;
     }
 }
 .main__employers-body.showed {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .main__employers-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     border: 1px solid #cecece;
     border-radius: 8px;
     position: relative;
     overflow: hidden;
     padding: 10px;
     padding-top: 50px;
     padding-bottom: 30px;
 }
 @media (min-width: 768px) {
     .main__employers-item {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         padding: 55px 20px;
     }
 }
 @media (min-width: 1280px) {
     .main__employers-item {
         padding-left: 55px;
     }
 }
 .main__employers-item-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 @media (min-width: 768px) {
     .main__employers-item-inner {
         width: calc(100% - 200px);
         padding-right: 40px;
     }
 }
 @media (min-width: 992px) {
     .main__employers-item-inner {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
 }
 .main__employers-item-pic {
     height: 30px;
     position: absolute;
     top: 10px;
     left: 10px;
 }
 @media (min-width: 768px) {
     .main__employers-item-pic {
         position: static;
         width: 150px;
         height: auto;
         max-height: 150px;
         -o-object-fit: contain;
         object-fit: contain;
     }
 }
 .main__employers-item-body {
     font-size: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .main__employers-item-body {
         font-size: 16px;
         padding-top: 20px;
     }
 }
 @media (min-width: 992px) {
     .main__employers-item-body {
         width: calc(100% - 150px);
         padding: 0;
         padding-left: 40px;
     }
 }
 .main__employers-item-body b {
     font-weight: 700;
 }
 @media (min-width: 768px) {
     .main__employers-item-body b {
         font-size: 20px;
     }
 }
 .main__employers-item-body i {
     font-style: normal;
     color: #000;
 }
 .main__employers-item-more {
     position: absolute;
     top: 10px;
     right: 10px;
 }
 @media (min-width: 768px) {
     .main__employers-item-more {
         width: 200px;
         padding: 0;
         position: static;
     }
 }
 .main__employers-item-label {
     background: #4d88d9;
     color: #fff;
     border-radius: 6px;
     width: 100%;
     height: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 12px;
     position: absolute;
     bottom: 0;
     left: 0;
     font-size: 12px;
     line-height: 1;
 }
 @media (min-width: 768px) {
     .main__employers-item-label {
         max-width: 350px;
         height: 30px;
         font-size: 15px;
     }
 }
 .main__employers-item-label svg {
     width: 8px;
     height: 8px;
 }
 @media (min-width: 768px) {
     .main__employers-item-label svg {
         width: 12px;
         height: 12px;
     }
 }
 .main__employers-item-label span {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     width: calc(100% - 8px);
     padding-left: 6px;
 }
 .main__employers-one {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 .main__employers-two {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__employers-two {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         gap: 20px 0;
     }
 }
 .main__employers-two .main__employers-item {
     width: calc(50% - 10px);
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     padding-top: 30px;
 }
 .main__employers-two .main__employers-item-inner {
     width: 100%;
     padding: 0;
 }
 .main__employers-two .main__employers-item-more {
     position: static;
     margin-top: 20px;
 }
 @media (min-width: 992px) {
     .main__employers-two .main__employers-item-more {
         margin-left: 190px;
     }
 }
 .main__employers-two .main__employers-item-label {
     max-width: none;
 }
 .main__employer-page {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__employer-page {
         gap: 30px;
     }
 }
 .main__employer-page-title {
     color: #000;
     margin: 0;
     font-size: 30px;
 }
 @media (min-width: 768px) {
     .main__employer-page-title {
         font-size: 36px;
     }
 }
 @media (min-width: 992px) {
     .main__employer-page-title {
         font-size: 44px;
     }
 }
 .main__employer-page-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 4px;
     font-size: 12px;
     line-height: 1.4;
     width: 190px;
 }
 .main__employer-page-item.main__employer-page-description{
     width: unset;
 }
 .main__employer-page-description p{
     margin-bottom: 10px;
     line-height: 25px;
 }
 @media (min-width: 768px) {
     .main__employer-page-item {
         font-size: 18px;
         gap: 8px;
     }
 }
 .main__employer-page-item b {
     color: #377d87;
     font-size: 14px;
 }
 @media (min-width: 768px) {
     .main__employer-page-item b {
         font-size: 18px;
     }
 }
 .main__employer-page-item span {
     color: #000;
 }
 .main__employer-page-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 .main__employer-page-info.row2{
     justify-content: flex-start;
 }
 .main__employer-page-info.row2 .main__employer-page-item{
     width: 25%;
 }
 @media (min-width: 768px) {
     .main__employer-page-info {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px 40px;
     }
 }
 @media (min-width: 1280px) {
     .main__employer-page-info {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         padding-right: 160px;
     }
 }
 @media (min-width: 768px) {
     .main__employer-page-info .main__employer-page-item b,
     .main__employer-page-info .main__employer-page-item span {
         max-width: 300px;
     }
 }
 .main__employer-page-tabs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__employer-page-tabs {
         margin-top: 20px;
     }
 }
 .main__employer-page-tabs-item {
     font-size: 22px;
     font-weight: 700;
     border: none;
     background: none;
     padding: 0;
     color: #9c9d9d;
     text-decoration: underline;
     text-decoration-thickness: 1px;
 }
 @media (min-width: 768px) {
     .main__employer-page-tabs-item {
         font-size: 24px;
     }
 }
 .main__employer-page-tabs-item.active {
     color: #377d87;
 }
 .main__employer-page-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-top: 10px;
 }
 @media (min-width: 768px) {
     .main__employer-page-body {
         margin-top: 30px;
     }
 }
 .main__employer-page-body-item {
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 .main__employer-page-body-item.showed {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .main__employer-page-one {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__employer-page-one {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }
 }
 @media (min-width: 992px) {
     .main__employer-page-one {
         grid-template-columns: repeat(3, 1fr);
     }
 }
 @media (min-width: 1280px) {
     .main__employer-page-one {
         grid-template-columns: repeat(4, 1fr);
         gap: 30px 20px;
     }
 }
 .main__employer-page-one-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     font-size: 12px;
     position: relative;
 }
 @media (min-width: 1280px) {
     .main__employer-page-one-item {
         font-size: 18px;
     }
 }
 .main__employer-page-one-item img {
     border-radius: 10px;
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     max-height: 250px;
     aspect-ratio: 247/174;
 }
 @media (min-width: 1280px) {
     .main__employer-page-one-item img {
         margin-bottom: 10px;
     }
 }
 .main__employer-page-one-item b {
     font-weight: 700;
     color: #377d87;
 }
 .main__employer-page-one-item span {
     color: #000;
 }
 .main__employer-page-one-item i {
     font-style: normal;
     color: #377d87;
 }
 .main__employer-page-one-item .del {
     position: absolute;
     z-index: 1;
     top: 8px;
     left: 8px;
 }
 .main__employer-page-two {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 .main__employer-page-two-item {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 16px;
     padding: 20px 10px;
     border-radius: 12px;
     border: 1px solid #cecece;
     position: relative;
     overflow: hidden;
     font-size: 12px;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item {
         font-size: 14px;
         padding: 20px;
         gap: 24px;
         padding-bottom: 35px;
     }
 }
 @media (min-width: 992px) {
     .main__employer-page-two-item {
         font-size: 16px;
     }
 }
 @media (min-width: 1280px) {
     .main__employer-page-two-item {
         font-size: 18px;
     }
 }
 .main__employer-page-two-item-toper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 22px;
     font-weight: 700;
     color: #000;
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-toper {
         font-size: 30px;
     }
 }
 .main__employer-page-two-item-toper img {
     width: 60px;
     aspect-ratio: 1/1;
     -o-object-fit: contain;
     object-fit: contain;
 }
 .main__employer-page-two-item-toper span {
     width: calc(100% - 60px);
     padding-left: 10px;
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-toper span {
         padding-left: 20px;
     }
 }
 .main__employer-page-two-item-title {
     font-size: 18px;
     font-weight: 700;
     color: #377d87;
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-title {
         font-size: 24px;
     }
 }
 .main__employer-page-two-item-text {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 .main__employer-page-two-item-text-name {
     font-weight: 700;
 }
 .main__employer-page-two-item-text-body {
     color: #000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 6px;
     padding: 0 10px;
 }
 .main__employer-page-two-item-text-body p {
     margin: 0;
 }
 .main__employer-page-two-item-text-body ul {
     margin: 0;
     padding: 0;
     padding-left: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 6px;
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-text-body ul {
         margin: 0 5px;
     }
 }
 .main__employer-page-two-item-text-body ul span,
 .main__employer-page-two-item-text-body ul a {
     color: #000;
     position: relative;
 }
 .main__employer-page-two-item-text-body ul a:hover {
     color: #377d87;
 }
 .main__employer-page-two-item-text-body p + ul {
     margin-top: 10px;
 }
 .main__employer-page-two-item-text-links {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 10px;
     padding: 0 10px;
     font-weight: 700;
     margin-top: 5px;
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-text-links {
         gap: 20px;
     }
 }
 .main__employer-page-two-item-text-links a {
     color: #4d88d9;
 }
 .main__employer-page-two-item-text-links a:hover {
     color: #377d87;
 }
 .main__employer-page-two-item-tags {
     color: #4d88d9;
     font-weight: 500;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 10px 20px;
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-tags {
         font-size: 14px;
     }
 }
 .main__employer-page-two-item-buttons {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-button {
         position: absolute;
         bottom: 20px;
         left: 20px;
         width: 200px;
         padding: 0;
     }
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-button + .main__employer-page-two-item-button {
         left: auto;
         right: 20px;
     }
 }
 .main__employer-page-two-item-bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
 .main__employer-page-two-item-bottom-date {
     color: #000;
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-bottom-date {
         position: absolute;
         bottom: 20px;
         right: 240px;
         height: 42px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
 }
 @media (min-width: 992px) {
     .main__employer-page-two-item-bottom-date {
         font-size: 16px;
     }
 }
 @media (min-width: 768px) {
     .main__employer-page-two-item-bottom-like {
         position: absolute;
         bottom: 20px;
         left: 240px;
     }
 }
 @media (min-width: 768px) {
     .main__employer-page-two-more {
         margin-top: 10px;
         padding: 0;
         width: 200px;
     }
 }
 .main__employer-page-two .main__employer-page-two-item {
    /* display: none;*/
 }
 .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) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .main__employer-page-two.active .main__employer-page-two-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .main__resume-base {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     color: #000;
 }
 .main__resume-base-body {
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-top: 10px;
 }
 @media (min-width: 768px) {
     .main__resume-base-body {
         margin-top: 30px;
     }
 }
 .main__resume-base-body.showed {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .main__resume-base-body-one {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-one {
         gap: 30px;
     }
 }
 .main__resume-base-body-two {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-two {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         gap: 30px 0;
     }
 }
 @media (min-width: 768px) {
     .main__resume-base-body-two .main__resume-base-body-item {
         width: calc(50% - 10px);
     }
 }
 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .main__resume-base-body-item {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     position: relative;
     border: 1px solid #377d87;
     border-radius: 8px;
     padding: 10px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-item {
         padding: 20px;
     }
 }
 .main__resume-base-body-item-buttons {
     margin-top: 10px;
 }
 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
     width: 100%;
     margin-bottom: 10px;
 }
 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
     background: #377d87;
     color: #fff;
 }
 .main__resume-base-body-item-buttons .chat.active{
     background: #fff;
     color: #377d87;
 }
 .main__resume-base-body-item-buttons button.like.active{
     background-color: #ffffff;
     color: #eb5757;
 }
 .main__resume-base-body-item-buttons button span{
     margin-left: 10px;
 }
 .main__resume-base-body-item-buttons .like .in-favorites{
     display: none;
 }
 .main__resume-base-body-item-buttons .like.active .in-favorites{
     display: block;
     color: #eb5757;
 }
 .main__resume-base-body-item-buttons .like.active .to-favorites{
     display: none;
 }
 .main__resume-base-body-item-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 20px;
     width: 100%;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-item-wrapper {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
     }
 }
 .main__resume-base-body-item-photo {
     width: 180px;
     aspect-ratio: 1/1;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 8px;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-item-photo {
         width: 210px;
     }
 }
 .main__resume-base-body-item-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     width: 100%;
     row-gap: 10px;
 }
 .main__resume-base-body-item-inner .horizontal{
     -webkit-box-orient: horizontal;
     -ms-flex-direction: unset;
     flex-direction: row;
     align-items: start;
 }
 .main__resume-base-item-status{
     width: fit-content;
     background-color: #e6e6e6;
     font-weight: bold;
     padding: 5px 10px;
     border-radius: 8px;
 }
 .main__resume-base-item-status.looking-for-job{
     background-color: #eb5757;
     color: #fff;
 }
 .main__resume-base-item-updated-at{
     padding: 5px 10px;
     border-radius: 8px;
     border: 1px #e6e6e6 solid;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-item-inner {
         gap: 16px;
         padding-right: 50px;
     }
 }
 @media (min-width: 992px) {
     .main__resume-base-body-item-inner {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
         row-gap: 10px;
     }
 }
 .main__resume-base-body-item-inner div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 4px;
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-item-inner div {
         font-size: 16px;
     }
 }
 .main__resume-base-body-item-inner b {
     color: #377d87;
     font-size: 14px;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-item-inner b {
         font-size: 18px;
     }
 }
 .main__resume-base-body-item-link {
     width: 100%;
     padding: 0;
 }
 @media (min-width: 768px) {
     .main__resume-base-body-item-link {
         width: 200px;
     }
 }
 .main__spoiler {
     overflow: hidden;
     border-radius: 8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .main__spoiler-toper {
     background: #377d87;
     height: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fff;
     font-size: 12px;
     font-weight: 700;
     padding: 0 30px;
     border: none;
     position: relative;
 }
 @media (min-width: 768px) {
     .main__spoiler-toper {
         font-size: 18px;
         height: 50px;
         padding: 0 60px;
     }
 }
 .main__spoiler-toper:before, .main__spoiler-toper:after {
     content: "";
     background: #fff;
     border-radius: 999px;
     width: 10px;
     height: 1px;
     position: absolute;
     top: 50%;
     right: 10px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
 }
 @media (min-width: 768px) {
     .main__spoiler-toper:before, .main__spoiler-toper:after {
         width: 20px;
         height: 2px;
         right: 20px;
     }
 }
 .main__spoiler-toper:after {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
 }
 .main__spoiler-toper.active:after {
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
 }
 .main__spoiler-body {
     opacity: 0;
     height: 0;
     overflow: hidden;
     border-radius: 0 0 8px 8px;
     background: #fff;
 }
 .main__spoiler-body table {
     width: calc(100% + 2px);
     margin-left: -1px;
     margin-bottom: -1px;
 }
 @media (min-width: 992px) {
     .main__spoiler-body table td {
         width: 50%;
     }
 }
 @media (min-width: 992px) {
     .main__spoiler-body table td + td {
         width: 50%;
     }
 }
 .active + .main__spoiler-body {
     -webkit-transition: 0.3s;
     transition: 0.3s;
     opacity: 1;
     height: auto;
     border: 1px solid #cecece;
     border-top: none;
 }
 .main__table {
     border-collapse: collapse;
     table-layout: fixed;
     font-size: 12px;
     width: 100%;
     background: #fff;
 }
 .main__table.worker_experience {
     table-layout: unset;
 }
 @media (min-width: 768px) {
     .main__table {
         font-size: 16px;
     }
     .main__table.worker_experience {
         table-layout: fixed;
     }
 }
 .main__table td {
     border: 1px solid #cecece;
     padding: 4px 8px;
     vertical-align: top;
 }
 @media (min-width: 768px) {
     .main__table td {
         padding: 8px 16px;
     }
 }
 .main__table td b {
     font-weight: 700;
 }
 .main__table_three {
     table-layout: auto;
 }
 .main__table_three td {
     width: 25% !important;
 }
 .main__table_three td:last-child {
     width: 50% !important;
 }
 .main__table b {
     display: block;
 }
 .main__table a {
     color: #377d87;
     text-decoration: underline;
 }
 .main__table a:hover {
     color: #000;
 }
 .main__resume-profile-about {
     padding-top: 20px;
     padding-bottom: 30px;
     position: relative;
     margin-top: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 10px;
 }
 @media (min-width: 992px) {
     .main__resume-profile-about {
         padding: 50px 0;
     }
 }
 .main__resume-profile-about:before {
     content: "";
     position: absolute;
     z-index: 1;
     top: 0;
     left: 50%;
     width: 20000px;
     height: 100%;
     margin-left: -10000px;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
 }
 .main__resume-profile-about-title {
     position: relative;
     z-index: 2;
     color: #000;
 }
 .main__resume-profile-about-text {
     position: relative;
     z-index: 2;
 }
 .main__resume-profile-about-button {
     position: relative;
     z-index: 2;
     /*margin-top: 10px;*/
 }
 .table-responsive {
     overflow: scroll;
     -webkit-overflow-scrolling: touch;
 }
 @media (min-width: 768px) {
     .table-responsive {
         overflow: hidden;
         -webkit-overflow-scrolling: unset;
     }
 }
 .main__resume-profile-about-buttons{
     display: flex;
     width: 100%;
     position: relative;
     z-index: 2;
 }
 .main__resume-profile-about-buttons .like{
     width: 200px;
 }
 .main__resume-profile-about-buttons .like.active{
     background: #fff;
     color: #eb5757;
 }
 .main__resume-profile-about-buttons .like .in-favorites{
     display: none;
 }
 .main__resume-profile-about-buttons .like.active .in-favorites{
     display: block;
     color: #eb5757;
 }
 .main__resume-profile-about-buttons .like.active .to-favorites{
     display: none;
 }
 .main__resume-profile-about-text {
   position: relative;
   z-index: 2;
 }
 .main__resume-profile-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     margin-top: 30px;
 }
 @media (min-width: 992px) {
     .main__resume-profile-info {
         margin-top: 50px;
         gap: 30px;
     }
 }
 .main__resume-profile-info-title {
     color: #000;
 }
 .main__resume-profile-info-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 992px) {
     .main__resume-profile-info-body {
         gap: 30px;
     }
 }
 .main__resume-profile-info-body-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .main__resume-profile-info-body-item {
         gap: 20px;
     }
 }
 .main__resume-profile-info-body-subtitle {
     color: #4d88d9;
 }
 .main__resume-profile-info-body-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     margin: 0;
     padding: 0;
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .main__resume-profile-info-body-inner {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }
 }
 @media (min-width: 992px) {
     .main__resume-profile-info-body-inner {
         grid-template-columns: repeat(3, 1fr);
         font-size: 16px;
     }
 }
 .main__resume-profile-info-body-inner li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 6px;
 }
 @media (min-width: 992px) {
     .main__resume-profile-info-body-inner li {
         gap: 8px;
     }
 }
 .main__resume-profile-info-body-inner b {
     color: #377d87;
     font-size: 14px;
 }
 @media (min-width: 992px) {
     .main__resume-profile-info-body-inner b {
         font-size: 18px;
     }
 }
 .main__resume-profile-info-body-inner span {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 4px;
 }
 @media (min-width: 992px) {
     .main__resume-profile-info-body-inner span {
         gap: 6px;
     }
 }
 .main__resume-profile-review {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     padding: 20px 10px;
     margin-top: 30px;
     border-radius: 16px;
     border: 1px solid #cecece;
     background: #fff;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 @media (min-width: 992px) {
     .main__resume-profile-review {
         margin-top: 50px;
         padding: 50px 40px;
         gap: 30px;
     }
 }
 .main__resume-profile-review-title {
     color: #000;
 }
 .main__resume-profile-review-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 10px;
 }
 .main__resume-profile-review-body .textarea {
     width: 100%;
 }
 .main__resume-profile-review-body .button {
     margin-top: 10px;
 }
 .main__vacancies {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .main__vacancies {
         gap: 30px;
     }
 }
 .main__vacancies-title {
     color: #000;
     width: 100%;
 }
 .main__vacancies-filters {
     width: 100%;
 }
 .main__vacancies-item {
     width: 100%;
     background: none;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 .main__vacancies-item-page {
     border: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     background: none;
     margin: 0 -10px;
 }
 @media (min-width: 768px) {
     .main__vacancies-item-page {
         margin: 0 -20px;
     }
 }
 .main__vacancies-thing {
     width: 100%;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     padding: 20px 10px;
     padding-bottom: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 24px;
     border-radius: 12px;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 @media (min-width: 992px) {
     .main__vacancies-thing {
         padding: 30px 20px;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         gap: 0;
     }
 }
 @media (min-width: 1280px) {
     .main__vacancies-thing {
         padding: 50px 20px;
     }
 }
 .main__vacancies-thing-pic {
     position: relative;
     z-index: 2;
     width: 100%;
     aspect-ratio: 42/34;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 8px;
     max-height: 340px;
 }
 @media (min-width: 992px) {
     .main__vacancies-thing-pic {
         width: 380px;
     }
 }
 @media (min-width: 1280px) {
     .main__vacancies-thing-pic {
         width: 420px;
     }
 }
 .main__vacancies-thing-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 16px;
     color: #000;
 }
 @media (min-width: 992px) {
     .main__vacancies-thing-body {
         width: calc(100% - 380px);
         padding-left: 20px;
     }
 }
 @media (min-width: 1280px) {
     .main__vacancies-thing-body {
         width: calc(100% - 420px);
         gap: 20px;
     }
 }
 .main__vacancies-thing-body > * {
     width: 100%;
 }
 .main__vacancies-thing-body .button {
     width: auto;
 }
 @media (min-width: 768px) {
     .main__vacancies-thing-body .button {
         min-width: 200px;
     }
 }
 .main__vacancies-thing-scroll {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 16px;
     overflow: hidden;
     overflow-y: auto;
     max-height: 180px;
     padding-right: 10px;
 }
 @media (min-width: 768px) {
     .main__vacancies-thing-scroll {
         max-height: 210px;
         padding-right: 20px;
     }
 }
 @media (min-width: 992px) {
     .main__vacancies-thing-scroll {
         max-height: 175px;
     }
 }
 @media (min-width: 1280px) {
     .main__vacancies-thing-scroll {
         max-height: 200px;
         gap: 20px;
     }
 }
 .main__cond {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 50px;
 }
 .main__cond > div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 .main__cond-label {
     border-radius: 16px;
     border: 1px solid #cecece;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     padding: 30px 20px;
     font-weight: 700;
     color: #000;
     line-height: 2;
     text-align: center;
 }
 @media (min-width: 992px) {
     .main__cond-label {
         font-size: 30px;
     }
 }
 .main__cond-icons {
     padding: 0;
     margin: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 25px;
     margin-top: 10px;
 }
 @media (min-width: 768px) {
     .main__cond-icons {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 60px;
         margin-top: 20px;
     }
 }
 @media (min-width: 1280px) {
     .main__cond-icons {
         grid-template-columns: repeat(3, 1fr);
     }
 }
 .main__cond-icons li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 20px;
     font-size: 12px;
     line-height: 1.4;
     color: #000;
 }
 @media (min-width: 768px) {
     .main__cond-icons li {
         font-size: 14px;
     }
 }
 @media (min-width: 992px) {
     .main__cond-icons li {
         font-size: 16px;
         line-height: 1.6;
     }
 }
 @media (min-width: 1280px) {
     .main__cond-icons li {
         font-size: 18px;
     }
 }
 .main__cond-icons li span {
     width: 48px;
     height: 48px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .main__cond-icons li span img {
     max-width: 48px;
 }
 .main__cond-callback {
     margin-top: 10px;
 }
 .main__ads {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 30px;
     margin: 30px 0;
 }
 @media (min-width: 992px) {
     .main__ads {
         margin: 60px 0;
     }
 }
 .main__ads-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 16px;
 }
 @media (min-width: 992px) {
     .main__ads-item {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         gap: 0;
     }
 }
 .main__ads-item-pic {
     width: 100%;
     max-width: 440px;
     max-height: 200px;
     aspect-ratio: 3/2;
     position: relative;
     overflow: hidden;
     border-radius: 12px;
 }
 @media (min-width: 992px) {
     .main__ads-item-pic {
         width: 200px;
         aspect-ratio: 1/1;
     }
 }
 .main__ads-item-pic img {
     z-index: 1;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }
 .main__ads-item-pic span {
     z-index: 2;
     width: 30px;
     height: 30px;
     border-radius: 6px;
     background: #4d88d9;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: absolute;
     top: 10px;
     left: 10px;
     color: #fff;
 }
 @media (min-width: 992px) {
     .main__ads-item-pic span {
         width: 42px;
         height: 42px;
     }
 }
 .main__ads-item-pic span svg {
     width: 12px;
     height: 12px;
 }
 @media (min-width: 992px) {
     .main__ads-item-pic span svg {
         width: 20px;
         height: 20px;
     }
 }
 .main__ads-item-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 10px;
     font-size: 12px;
 }
 @media (min-width: 992px) {
     .main__ads-item-body {
         width: calc(100% - 200px);
         padding-left: 40px;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         font-size: 16px;
         gap: 20px;
     }
 }
 .main__ads-item-body b {
     width: 100%;
     font-weight: 700;
     font-size: 14px;
 }
 @media (min-width: 992px) {
     .main__ads-item-body b {
         font-size: 20px;
     }
 }
 .main__ads-item-body span {
     width: 100%;
 }
 .work {
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     color: #000;
     padding-top: 70px;
     padding-bottom: 10px;
     position: relative;
     overflow: hidden;
 }
 @media (min-width: 768px) {
     .work {
         padding-bottom: 25px;
     }
 }
 @media (min-width: 1280px) {
     .work {
         padding-top: 80px;
         padding-bottom: 25px;
     }
 }
 .work__pic {
     position: absolute;
     height: calc(100% - 40px);
     z-index: 1;
     display: none;
     bottom: 0;
     left: 50%;
     margin-left: 40px;
 }
 @media (min-width: 992px) {
     .work__pic {
         display: block;
     }
 }
 @media (min-width: 1280px) {
     .work__pic {
         margin-left: 80px;
     }
 }
 .work__body {
     position: relative;
     z-index: 2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .work__body {
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
     }
 }
 @media (min-width: 992px) {
     .work__body {
         max-width: 600px;
     }
 }
 .work__title {
     width: 100%;
     font-size: 40px;
     font-weight: 700;
     line-height: 1;
 }
 @media (min-width: 768px) {
     .work__title {
         font-size: 64px;
         line-height: 94px;
     }
 }
 .work__text {
     width: 100%;
     font-size: 12px;
     margin-top: 10px;
 }
 @media (min-width: 768px) {
     .work__text {
         font-size: 18px;
         margin-top: 20px;
         line-height: 1.4;
     }
 }
 .work__list {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 5px;
     font-size: 14px;
     font-weight: 700;
     margin-top: 15px;
 }
 @media (min-width: 768px) {
     .work__list {
         font-size: 18px;
         gap: 8px;
         margin-top: 30px;
     }
 }
 .work__list div {
     position: relative;
     padding-left: 10px;
 }
 @media (min-width: 768px) {
     .work__list div {
         padding-left: 16px;
     }
 }
 .work__list div:before {
     content: "";
     width: 4px;
     height: 4px;
     background: #000;
     border-radius: 999px;
     position: absolute;
     top: 5px;
     left: 0;
 }
 @media (min-width: 768px) {
     .work__list div:before {
         top: 8px;
     }
 }
 .work__form {
     margin-top: 20px;
 }
 @media (min-width: 768px) {
     .work__form {
         margin-top: 30px;
     }
 }
 .work__search {
     width: 100%;
     max-width: 180px;
     margin-top: 20px;
 }
 @media (min-width: 768px) {
     .work__search {
         max-width: 270px;
         margin-top: 50px;
     }
 }
 .work__get {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-top: 48px;
 }
 .work__get b {
     width: 100%;
     margin-bottom: 10px;
     font-size: 14px;
 }
 @media (min-width: 768px) {
     .work__get b {
         font-size: 18px;
     }
 }
 .work__get a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-right: 20px;
 }
 .work__get a img {
     -webkit-transition: 0.3s;
     transition: 0.3s;
     width: 111px;
 }
 @media (min-width: 768px) {
     .work__get a img {
         width: 131px;
     }
 }
 .work__get a:hover img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }
 .work__get a + a {
     margin-right: 0;
 }
 .work__get-app-info {
     margin-top: 10px;
     font-size: 14px;
     display: flex;
     width: 100%;
 }
 .work__get-app-info a {
     text-decoration: underline;
     font-weight: 700;
 }
 @media (min-width: 768px) {
     .work__get-app-info {
         font-size: 18px;
     }
 }
 .numbers {
     padding: 30px 0;
     background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
     color: #fff;
 }
 @media (min-width: 1280px) {
     .numbers {
         padding: 100px 0;
         background-position: 100% 100%;
         background-size: auto 500px;
     }
 }
 .numbers__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 30px;
 }
 @media (min-width: 768px) {
     .numbers__body {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
     }
 }
 .numbers__item {
     font-size: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     line-height: 1.4;
 }
 @media (min-width: 1280px) {
     .numbers__item {
         font-size: 16px;
         line-height: 20px;
     }
 }
 .numbers__item b {
     font-size: 40px;
     font-weight: 700;
     border-bottom: 1px solid #fff;
     line-height: 1;
 }
 @media (min-width: 1280px) {
     .numbers__item b {
         font-size: 100px;
         line-height: 147px;
     }
 }
 .numbers__item span {
     font-weight: 700;
     font-size: 14px;
     margin: 10px 0;
     line-height: 1;
 }
 @media (min-width: 1280px) {
     .numbers__item span {
         font-size: 24px;
         margin-top: 30px;
     }
 }
 .vacancies {
     padding: 50px 0;
 }
 @media (min-width: 1280px) {
     .vacancies {
         padding: 100px 0;
     }
 }
 .vacancies__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
     gap: 20px;
     width: 100%;
     margin-top: 20px;
 }
 @media (min-width: 992px) {
     .vacancies__body {
         margin-top: 30px;
         gap: 30px;
     }
 }
 .vacancies__more {
     width: 100%;
 }
 @media (min-width: 768px) {
     .vacancies__more {
         width: auto;
         margin: 0 auto;
     }
 }
 .vacancies__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 15px;
 }
 @media (min-width: 768px) {
     .vacancies__list {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }
 }
 @media (min-width: 992px) {
     .vacancies__list {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
     }
 }
 @media (min-width: 1280px) {
     .vacancies__list {
         grid-template-columns: repeat(4, 1fr);
     }
 }
 .vacancies__list-label {
     font-weight: 700;
     font-size: 22px;
 }
 .vacancies__list-col {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 15px;
     margin-top: 15px;
     margin-bottom: 30px;
 }
 @media (min-width: 768px) {
     .vacancies__list-col {
         margin-top: 0;
     }
 }
 .vacancies__list-col:first-child {
     margin-top: 0;
 }
 .vacancies__item {
     display: none;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     border-radius: 12px;
     background: #fff;
     border: 1px solid #e6e7e7;
     overflow: hidden;
 }
 .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) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .vacancies__item > span {
     border-left: 10px solid #377d87;
     padding: 20px 14px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 5px;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
 @media (min-width: 992px) {
     .vacancies__item > span {
         gap: 10px;
     }
 }
 .vacancies__item b {
     font-weight: 700;
     font-size: 14px;
 }
 @media (min-width: 992px) {
     .vacancies__item b {
         font-size: 20px;
     }
 }
 .vacancies__item:hover b {
     color: #377d87;
 }
 .vacancies__item u {
     text-decoration: none;
     font-size: 14px;
 }
 @media (min-width: 992px) {
     .vacancies__item u {
         font-size: 18px;
     }
 }
 .vacancies__item i {
     font-size: 12px;
     font-style: normal;
     border-bottom: 1px dashed #377d87;
 }
 @media (min-width: 992px) {
     .vacancies__item i {
         font-size: 16px;
     }
 }
 .vacancies__item i span {
     font-weight: 700;
     color: #377d87;
 }
 .vacancies__body.active .vacancies__list .vacancies__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .employer {
     padding-bottom: 50px;
 }
 @media (min-width: 768px) {
     .employer {
         padding-bottom: 100px;
     }
 }
 .employer .swiper {
     margin: 20px 0;
 }
 @media (min-width: 768px) {
     .employer .swiper {
         display: none;
     }
 }
 .employer__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 30px;
 }
 .employer__item a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .employer__item img {
     width: 100%;
     aspect-ratio: 295/98;
     -o-object-fit: contain;
     object-fit: contain;
 }
 .employer__body {
     display: none;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     margin-top: 30px;
     margin-bottom: 40px;
 }
 @media (min-width: 768px) {
     .employer__body {
         display: grid;
     }
 }
 @media (min-width: 992px) {
     .employer__body {
         grid-template-columns: 1fr 1fr 1fr;
     }
 }
 @media (min-width: 1280px) {
     .employer__body {
         grid-template-columns: 1fr 1fr 1fr 1fr;
     }
 }
 .employer__body a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 98px;
 }
 .employer__body img {
     max-width: 100%;
     max-height: 98px;
     -o-object-fit: contain;
     object-fit: contain;
 }
 .employer__more {
     height: 38px;
 }
 @media (min-width: 768px) {
     .employer__more {
         width: 250px;
         margin: 0 auto;
         height: 44px;
     }
 }
 .about {
     background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
     background-size: cover;
     padding: 30px 0;
     padding-bottom: 70px;
 }
 @media (min-width: 768px) {
     .about {
         padding-top: 40px;
         background-size: auto calc(100% - 10px);
     }
 }
 @media (min-width: 1280px) {
     .about {
         padding: 100px 0;
     }
 }
 .about__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     position: relative;
 }
 .about__title {
     color: #fff;
     line-height: 1.2;
 }
 @media (min-width: 1280px) {
     .about__title {
         position: absolute;
         top: -45px;
         left: 0;
     }
 }
 .about__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 @media (min-width: 1280px) {
     .about__body {
         padding-left: 495px;
     }
 }
 .about__line {
     background: #fff;
     width: 100%;
     height: 1px;
     max-width: 400px;
     margin-top: 10px;
 }
 .about__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-top: 10px;
     max-width: 600px;
 }
 @media (min-width: 768px) {
     .about__item {
         margin-top: 20px;
     }
 }
 @media (min-width: 1280px) {
     .about__item {
         margin-top: 30px;
     }
 }
 .about__item b {
     font-size: 20px;
     font-weight: 700;
 }
 .about__item span {
     font-size: 13px;
     line-height: 1.4;
     margin-top: 6px;
 }
 @media (min-width: 1280px) {
     .about__item span {
         font-size: 16px;
         margin-top: 12px;
     }
 }
 .about__item a {
     text-decoration: underline;
 }
 .about__item + .about__item {
     margin-top: 30px;
 }
 @media (min-width: 992px) {
     .about__item + .about__item {
         margin-top: 40px;
     }
 }
 .about__button {
     margin-top: 20px;
     height: 38px;
     padding: 0;
 }
 @media (min-width: 768px) {
     .about__button {
         max-width: 200px;
         height: 42px;
         margin-top: 30px;
     }
 }
 .news {
     padding: 50px 0;
     overflow: hidden;
 }
 @media (min-width: 1280px) {
     .news {
         padding: 100px 0;
         padding-bottom: 0;
     }
 }
 .news__toper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 1280px) {
     .news__toper .title {
         width: calc(100% - 160px);
     }
 }
 .news__toper .navs {
     display: none;
 }
 @media (min-width: 1280px) {
     .news__toper .navs {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 .news .swiper {
     margin-top: 20px;
 }
 @media (min-width: 768px) {
     .news .swiper {
         overflow: visible;
     }
 }
 @media (min-width: 992px) {
     .news .swiper {
         margin-top: 40px;
     }
 }
 .news__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     line-height: 1.4;
 }
 .news__item-pic {
     width: 100%;
     aspect-ratio: 3/2;
     border-radius: 12px;
     border: 1px solid #e6e7e7;
     -o-object-fit: cover;
     object-fit: cover;
     min-height: 200px;
 }
 @media (min-width: 1280px) {
     .news__item-pic {
         aspect-ratio: 4/2;
     }
 }
 .news__item-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-top: 15px;
 }
 @media (min-width: 768px) {
     .news__item-body {
         padding: 20px;
         padding-top: 30px;
         margin-top: -15px;
         border-radius: 0 0 12px 12px;
         -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
         box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
     }
 }
 .news__item-date {
     font-size: 14px;
     font-weight: 700;
     color: #377d87;
 }
 .news__item-title {
     font-size: 20px;
     font-weight: 700;
     line-height: 1.2;
     margin-top: 5px;
 }
 .news__item-text {
     color: #000;
     font-size: 13px;
     margin-top: 10px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
 }
 .news__item-text p {
     word-break: break-all;
 }
 @media (min-width: 1280px) {
     .news__item-text {
         font-size: 16px;
     }
 }
 .news__item-more {
     height: 42px;
     margin-top: 20px;
 }
 @media (min-width: 1280px) {
     .news__item-more {
         height: 44px;
         max-width: 190px;
     }
 }
 .news__all {
     height: 42px;
     margin: 0 auto;
     margin-top: 20px;
     padding: 0;
     display: none;
 }
 @media (min-width: 768px) {
     .news__all {
         max-width: 170px;
         margin-top: 30px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }
 @media (min-width: 1280px) {
     .news__all {
         height: 44px;
     }
 }
 .news__items {
     display: grid;
     gap: 20px;
     margin-bottom: 10px;
 }
 @media (min-width: 768px) {
     .news__items {
         grid-template-columns: 1fr 1fr;
     }
 }
 @media (min-width: 992px) {
     .news__items {
         grid-template-columns: 1fr 1fr 1fr;
     }
 }
 main + .news {
     padding: 0;
 }
 .info {
     position: relative;
     overflow: hidden;
 }
 @media (min-width: 1280px) {
     .info {
         margin-bottom: -25px;
     }
 }
 .info__pic {
     display: none;
     z-index: 1;
     position: absolute;
     top: 0;
     left: 50%;
     height: 100%;
     margin-left: 130px;
 }
 @media (min-width: 992px) {
     .info__pic {
         display: block;
     }
 }
 @media (min-width: 1280px) {
     .info__pic {
         width: 610px;
         height: auto;
         margin-left: 10px;
     }
 }
 .info__body {
     z-index: 2;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 @media (min-width: 1280px) {
     .info__body {
         padding-top: 100px;
         min-height: 600px;
     }
 }
 @media (min-width: 1280px) {
     .info__title {
         max-width: 520px;
         line-height: 1;
     }
 }
 .info__item {
     margin-top: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 992px) {
     .info__item {
         max-width: 610px;
     }
 }
 .info__item + .info__item {
     margin-top: 60px;
 }
 .info__text {
     color: #000;
     font-size: 13px;
     line-height: 1.4;
 }
 @media (min-width: 768px) {
     .info__text {
         font-size: 16px;
     }
 }
 @media (min-width: 1280px) {
     .info__text {
         font-size: 18px;
     }
 }
 .info__link {
     border-radius: 8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     line-height: 1;
     height: 40px;
     font-size: 12px;
     font-weight: 700;
     gap: 8px;
     color: #fff;
     background: #377d87;
 }
 .info__link:hover {
     -webkit-filter: grayscale(50%);
     filter: grayscale(50%);
 }
 @media (min-width: 768px) {
     .info__link {
         height: 44px;
         font-size: 16px;
         gap: 10px;
         max-width: 300px;
     }
 }
 @media (min-width: 992px) {
     .info__link {
         max-width: 210px;
     }
 }
 .info__link svg {
     width: 16px;
     height: 16px;
 }
 @media (min-width: 768px) {
     .info__link svg {
         width: 20px;
         height: 20px;
     }
 }
 .thing {
     padding-top: 15px;
     padding-bottom: 30px;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     color: #000;
     overflow: hidden;
     position: relative;
 }
 @media (min-width: 992px) {
     .thing {
         padding-top: 20px;
         padding-bottom: 60px;
     }
 }
 @media (min-width: 1280px) {
     .thing {
         padding-bottom: 90px;
     }
 }
 .thing_pdf {
     padding: 30px 0;
 }
 @media (min-width: 992px) {
     .thing_pdf {
         padding: 60px 0;
     }
 }
 @media (min-width: 1280px) {
     .thing_pdf {
         padding: 90px 0;
     }
 }
 .thing__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
 .thing__breadcrumbs {
     width: 100%;
     margin-bottom: 40px;
     position: relative;
     z-index: 2;
 }
 @media (min-width: 768px) {
     .thing__breadcrumbs {
         margin-bottom: 60px;
     }
 }
 .thing__date {
     color: #000;
     font-size: 14px;
     font-weight: 700;
     line-height: 21px;
     margin-bottom: 10px;
 }
 @media (min-width: 768px) {
     .thing__date {
         font-size: 18px;
         line-height: 27px;
     }
 }
 .thing__title {
     width: 100%;
     font-size: 32px;
     font-weight: 700;
     margin: 0;
     max-width: 780px;
     position: relative;
     z-index: 2;
     line-height: 1.1;
 }
 @media (min-width: 768px) {
     .thing__title {
         font-size: 40px;
     }
 }
 @media (min-width: 1280px) {
     .thing__title {
         font-size: 64px;
     }
 }
 .thing__text {
     width: 100%;
     font-weight: 700;
     font-size: 14px;
     line-height: 1.4;
     margin: 15px 0 0 0;
     max-width: 780px;
     position: relative;
     z-index: 2;
 }
 @media (min-width: 768px) {
     .thing__text {
         margin-top: 15px;
     }
 }
 @media (min-width: 992px) {
     .thing__text {
         font-weight: 400;
         font-size: 18px;
     }
 }
 .thing__search {
     width: 100%;
     max-width: 640px;
     margin-top: 20px;
     position: relative;
     z-index: 2;
 }
 @media (min-width: 768px) {
     .thing__search {
         margin-top: 30px;
     }
 }
 .thing__badge {
     position: relative;
     z-index: 2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 5px;
     padding: 0 12px;
     background: #4d88d9;
     color: #fff;
     font-size: 12px;
     line-height: 1;
     height: 26px;
     border-radius: 999px;
     margin-bottom: 20px;
 }
 @media (min-width: 992px) {
     .thing__badge {
         font-size: 16px;
         gap: 10px;
         padding: 0 24px;
         height: 42px;
         margin-bottom: 30px;
     }
 }
 .thing__badge svg {
     width: 12px;
     height: 12px;
 }
 @media (min-width: 992px) {
     .thing__badge svg {
         width: 20px;
         height: 20px;
     }
 }
 .thing__pic {
     width: 60px;
     aspect-ratio: 1/1;
     -o-object-fit: contain;
     object-fit: contain;
     position: relative;
     z-index: 1;
     margin-bottom: 15px;
 }
 @media (min-width: 768px) {
     .thing__pic {
         width: 160px;
         position: absolute;
         top: 15px;
         right: 20px;
     }
 }
 @media (min-width: 992px) {
     .thing__pic {
         width: 330px;
         top: 50%;
         -webkit-transform: translate(0, -50%);
         -ms-transform: translate(0, -50%);
         transform: translate(0, -50%);
     }
 }
 @media (min-width: 1280px) {
     .thing__pic {
         right: auto;
         left: 50%;
         margin-left: 200px;
     }
 }
 .thing__pic_two {
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 30px;
     aspect-ratio: 44/37;
     width: 100%;
     max-width: 440px;
 }
 @media (min-width: 768px) {
     .thing__pic_two {
         position: static;
         -webkit-transform: translate(0, 0);
         -ms-transform: translate(0, 0);
         transform: translate(0, 0);
     }
 }
 @media (min-width: 1280px) {
     .thing__pic_two {
         position: absolute;
         -webkit-transform: translate(0, -50%);
         -ms-transform: translate(0, -50%);
         transform: translate(0, -50%);
     }
 }
 .thing__buttons {
     width: 100%;
     position: relative;
     z-index: 2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
     margin-top: 15px;
 }
 @media (min-width: 992px) {
     .thing__buttons {
         margin-top: 30px;
         gap: 30px;
     }
 }
 @media (min-width: 992px) {
     .thing__buttons .button {
         padding: 0 22px;
     }
 }
 .thing__checkbox {
     margin-top: 20px;
 }
 .thing__checkbox .checkbox__icon {
     border-color: #377d87;
 }
 .thing__checkbox .checkbox__text {
     color: #377d87;
 }
 .thing__profile {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 @media (min-width: 768px) {
     .thing__profile {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
     }
 }
 .thing__profile-photo {
     width: 210px;
     border-radius: 8px;
     aspect-ratio: 1/1;
 }
 .thing__profile-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-top: 15px;
 }
 @media (min-width: 768px) {
     .thing__profile-body {
         width: calc(100% - 210px);
         padding-left: 35px;
     }
 }
 .thing__profile .thing__title {
     max-width: none;
 }
 @media (min-width: 768px) {
     .thing__profile .thing__title {
         margin-top: -20px;
     }
 }
 .thing__profile .thing__text {
     max-width: none;
 }
 .thing__bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 15px;
     margin-top: 15px;
 }
 @media (min-width: 768px) {
     .thing__bottom {
         margin-top: 30px;
     }
 }
 .thing__select {
     width: 100%;
     max-width: 640px;
     margin-top: 20px;
 }
 @media (min-width: 768px) {
     .thing__select {
         margin-top: 30px;
     }
 }
 .page-404 {
     background: url(../images/bg-3.svg) no-repeat 100%/cover;
     overflow: hidden;
 }
 .page-404__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
     padding: 60px 0;
     color: #000;
     font-size: 12px;
     gap: 10px;
     line-height: 1.4;
 }
 @media (min-width: 768px) {
     .page-404__body {
         font-size: 18px;
         padding: 120px 0;
         gap: 20px;
     }
 }
 @media (min-width: 1280px) {
     .page-404__body {
         padding: 180px 0;
         text-align: left;
     }
 }
 .page-404__numb {
     font-size: 114px;
     line-height: 1;
     color: #377d87;
     font-weight: 700;
 }
 @media (min-width: 768px) {
     .page-404__numb {
         font-size: 184px;
     }
 }
 @media (min-width: 768px) {
     .page-404__title {
         font-weight: 700;
         font-size: 44px;
     }
 }
 @media (min-width: 1280px) {
     .page-404__title {
         width: 710px;
         position: relative;
         left: 200px;
     }
 }
 @media (min-width: 1280px) {
     .page-404__subtitle {
         width: 710px;
         position: relative;
         left: 200px;
     }
 }
 .page-404__button {
     margin-top: 10px;
 }
 @media (min-width: 1280px) {
     .page-404__button {
         position: relative;
         left: -45px;
     }
 }
 .cookies {
     display: none;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     padding: 10px;
     padding-top: 0;
     height: 0;
     position: fixed;
     z-index: 999;
     bottom: 0;
     left: 0;
     width: 100%;
 }
 .cookies-is-actived .cookies {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .cookies__body {
     border-radius: 6px;
     border: 1px solid #377d87;
     background: #fff;
     padding: 15px;
     padding-right: 50px;
     position: relative;
     max-width: 940px;
     margin: 0 auto;
 }
 @media (min-width: 768px) {
     .cookies__body {
         padding: 25px;
         padding-right: 50px;
         border-radius: 12px;
     }
 }
 @media (min-width: 992px) {
     .cookies__body {
         padding: 40px 60px;
     }
 }
 .cookies__close {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #377d87;
     padding: 0;
     border: none;
     background: none;
     position: absolute;
     top: 15px;
     right: 15px;
 }
 .cookies__close:hover {
     color: #000;
 }
 .cookies__close svg {
     width: 16px;
     height: 16px;
 }
 .cookies__text {
     font-size: 12px;
     color: #377d87;
     line-height: 1.4;
 }
 @media (min-width: 768px) {
     .cookies__text {
         font-size: 16px;
         font-weight: 700;
     }
 }
 .fancybox-active {
     overflow: hidden;
 }
 .fancybox-is-open .fancybox-bg {
     background: #080b0b;
     opacity: 0.6;
     z-index: 9999;
 }
 .fancybox-slide {
     padding: 0;
 }
 @media (min-width: 992px) {
     .fancybox-slide {
         padding: 30px;
     }
 }
 .fancybox-slide--html .fancybox-close-small {
     padding: 0;
     opacity: 1;
     color: #377d87;
 }
 @media (min-width: 768px) {
     .fancybox-slide--html .fancybox-close-small {
         top: 10px;
         right: 10px;
     }
 }
 .fancybox-slide--html .fancybox-close-small:hover {
     color: #000;
 }
 .modal {
     width: 100%;
     max-width: 820px;
     padding: 0;
     background: #fff;
     z-index: 99999;
 }
 @media (min-width: 992px) {
     .modal {
         border-radius: 10px;
         border: 1px solid #377d87;
     }
 }
 .modal_bg {
     background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
 }
 @media (min-width: 768px) {
     .modal_bg {
         background-position: 100% 100%;
     }
 }
 .modal__body {
     padding: 40px 15px;
     padding-bottom: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 100%;
     min-height: 100vh;
     overflow: hidden;
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .modal__body {
         font-size: 16px;
         padding-left: 22px;
         padding-right: 22px;
     }
 }
 @media (min-width: 992px) {
     .modal__body {
         min-height: 450px;
         padding: 60px 80px;
         padding-bottom: 40px;
     }
 }
 @media (min-width: 768px) {
     .modal__body .left {
         text-align: left;
     }
 }
 .modal__title {
     width: 100%;
     font-size: 22px;
     font-weight: 700;
     text-align: center;
     color: #000;
 }
 @media (min-width: 768px) {
     .modal__title {
         font-size: 32px;
     }
 }
 @media (min-width: 992px) {
     .modal__title {
         font-size: 44px;
     }
 }
 .modal__text {
     width: 100%;
     text-align: center;
     margin-top: 10px;
     color: #000;
 }
 @media (min-width: 768px) {
     .modal__text {
         margin-top: 20px;
     }
 }
 .modal__text span {
     color: #9c9d9d;
 }
 .modal__text a {
     font-weight: 700;
     color: #377d87;
 }
 .modal__text a:hover {
     color: #000;
 }
 .modal__button {
     margin-top: 20px;
 }
 @media (min-width: 768px) {
     .modal__button {
         min-width: 200px;
         margin-top: 30px;
     }
 }
 .modal__buttons {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
     margin-top: 20px;
 }
 @media (min-width: 768px) {
     .modal__buttons {
         gap: 30px;
         margin-top: 30px;
     }
 }
 .modal__form {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 16px;
     margin-top: 10px;
 }
 @media (min-width: 768px) {
     .modal__form {
         margin-top: 20px;
     }
 }
 .modal__form-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 4px;
 }
 .modal__form-item > .input {
     width: 100%;
 }
 .modal__form-item > .textarea {
     width: 100%;
     height: 175px;
 }
 @media (min-width: 768px) {
     .modal__form-item > .textarea {
         height: 195px;
     }
 }
 .modal__form-item > .file {
     width: 100%;
 }
 .modal__form-item > .button {
     min-width: 120px;
 }
 .modal__form-item > label {
     width: 100%;
     display: none;
     color: #eb5757;
     padding: 0 10px;
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .modal__form-item > label {
         padding: 0 20px;
         font-size: 16px;
     }
 }
 .modal__sign {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     margin-top: 10px;
     margin-bottom: 20px;
     width: 100%;
 }
 @media (min-width: 768px) {
     .modal__sign {
         margin-top: 20px;
         margin-bottom: 40px;
     }
 }
 .modal__sign-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
 }
 .modal__sign-item > .input {
     width: 100%;
     padding-right: 36px;
     position: relative;
     z-index: 1;
 }
 @media (min-width: 768px) {
     .modal__sign-item > .input {
         height: 52px;
         padding-right: 60px;
     }
 }
 .modal__sign-item > .textarea {
     width: 100%;
 }
 .modal__sign-bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
 }
 .modal__sign-bottom-link {
     font-weight: 700;
     color: #377d87;
 }
 .modal__tabs {
     width: 100%;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 16px;
     margin-top: 10px;
 }
 @media (min-width: 768px) {
     .modal__tabs {
         gap: 24px;
         margin-top: 20px;
     }
 }
 .modal__tabs-item.active {
     background: #377d87;
     color: #fff;
 }
 .modal__reg {
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
     width: 100%;
     margin-top: 10px;
     margin-bottom: 20px;
 }
 @media (min-width: 768px) {
     .modal__reg {
         margin-top: 20px;
         margin-bottom: 30px;
         gap: 20px;
     }
 }
 .modal__reg.showed {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .modal__reg-item {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .modal__reg-item > .captcha {
     width: 100%;
     max-width: 300px;
 }
 .messages {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 .messages__body {
     width: 100%;
     max-height: 800px;
     overflow: auto;
     padding: 5px;
 }
 .messages__item {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 8px;
     border: 1px solid #e7e7e7;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     padding: 0px;
     font-size: 12px;
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
 }
 @media (min-width: 768px) {
     .messages__item {
         font-size: 18px;
     }
 }
 .messages__item-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: calc(100% - 90px);
     padding: 20px;
 }
 @media (min-width: 768px) {
     .messages__item-info {
         width: calc(100% - 150px);
     }
 }
 .messages__item-photo {
     position: relative;
     aspect-ratio: 1/1;
     overflow: hidden;
     background: #9c9d9d;
     color: #fff;
     width: 36px;
     border-radius: 6px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .messages__item-photo {
         width: 52px;
     }
 }
 .messages__item-photo svg {
     width: 50%;
     position: relative;
     z-index: 1;
 }
 .messages__item-photo img {
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }
 .messages__item-text {
     width: calc(100% - 36px);
     padding-left: 6px;
     color: #000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 4px;
 }
 @media (min-width: 768px) {
     .messages__item-text {
         padding-left: 20px;
         width: calc(100% - 52px);
         gap: 8px;
     }
 }
 .messages__item-text span {
     color: #000;
 }
 .messages__item-actions{
     padding: 20px;
 }
 .messages__item-buttons{
     float: right;
     display: flex;
     align-items: center;
 }
 .messages__item-buttons button{
     padding: 0;
     background: unset;
     border: unset;
 }
 .messages__item-buttons button svg{
     width: 25px;
     height: 25px;
     color: gray;
 }
 .messages__item-buttons button svg path{
     stroke: gray;
 }
 .messages__item-buttons button:hover svg{
     color: black;
 }
 .messages__item-buttons button:hover svg path{
     stroke: black;
 }
 .messages__item-buttons button.pin-on:hover svg#pin_off path{
     fill: black;
 }
 .messages__item-buttons button.pin-on svg{
     fill: gray;
 }
 .messages__item-date {
     color: #00000070;
     width: 90px;
     text-align: right;
     font-size: 14px;
     margin-bottom: 8px;
 }
 .messages.active .messages__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .responses {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 .responses__body {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 .responses__item {
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     border-radius: 8px;
     border: 1px solid #e7e7e7;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     padding: 20px 10px;
     font-size: 12px;
     position: relative;
 }
 @media (min-width: 768px) {
     .responses__item {
         padding: 20px;
         font-size: 16px;
     }
 }
 .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) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .responses__item-date {
     color: #000;
 }
 @media (min-width: 992px) {
     .responses__item-date {
         position: absolute;
         top: 20px;
         right: 20px;
     }
 }
 .responses__item-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 .responses__item-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .responses__item-inner {
         gap: 20px;
     }
 }
 @media (min-width: 1280px) {
     .responses__item-inner {
         width: calc(100% - 150px);
     }
 }
 .responses__item-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
     color: #000;
     text-align: right;
 }
 @media (min-width: 992px) {
     .responses__item-row {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         gap: 6px;
         text-align: left;
     }
 }
 .responses__item-row span {
     color: #000;
     text-align: left;
 }
 .responses__item-buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .responses__item-buttons {
         display: grid;
         grid-template-columns: 1fr 1fr;
     }
 }
 @media (min-width: 1280px) {
     .responses__item-buttons {
         grid-template-columns: 1fr 1fr 1fr 1fr;
     }
 }
 .responses__item-buttons .button.active {
     background: #377d87;
     color: #fff;
 }
 .responses.active .responses__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .chatbox {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .chatbox {
         gap: 30px;
     }
 }
 @media (min-width: 1280px) {
     .chatbox {
         gap: 40px;
     }
 }
 .chatbox__toper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     border: 1px solid #e7e7e7;
     border-radius: 8px;
     padding: 10px;
 }
 @media (min-width: 768px) {
     .chatbox__toper {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
     }
 }
 .chatbox__toper-info {
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .chatbox__toper-info {
         font-size: 16px;
         width: calc(100% - 230px);
     }
 }
 @media (min-width: 768px) {
     .chatbox__toper-button {
         width: 210px;
         padding: 0;
     }
 }
 .chatbox__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     max-height: 400px;
     overflow: auto;
 }
 @media (min-width: 768px) {
     .chatbox__list {
         gap: 20px;
     }
 }
 @media (min-width: 1280px) {
     .chatbox__list {
         gap: 40px;
     }
 }
 .chatbox__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     color: #000;
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .chatbox__item {
         font-size: 16px;
     }
 }
 .chatbox__item_reverse {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
 }
 .chatbox__item-photo {
     position: relative;
     aspect-ratio: 1/1;
     overflow: hidden;
     background: #9c9d9d;
     color: #fff;
     width: 44px;
     border-radius: 6px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .chatbox__item-photo svg {
     width: 50%;
     position: relative;
     z-index: 1;
 }
 .chatbox__item-photo img {
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }
 .chatbox__item-body {
     width: calc(100% - 54px);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
 @media (min-width: 768px) {
     .chatbox__item-body {
         width: calc(100% - 60px);
     }
 }
 .chatbox__item_reverse .chatbox__item-body {
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
 }
 .chatbox__item-text {
     border-radius: 8px;
     background: #fff;
     -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
     padding: 10px;
     line-height: 1.6;
 }
 .chatbox__item-body-file-name-wrap{
     display: flex;
     align-items: center;
 }
 .chatbox__item-body-file-name-wrap svg{
     height: 20px;
     width: 20px;
 }
 .chatbox__item-body-file-name-wrap a{
     margin-left: 20px;
     border-radius: 8px;
     padding: 2px 8px;
     -webkit-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
     -moz-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
     box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
 }
 .chatbox__item_reverse .chatbox__item-body-file-name-wrap a{
     margin-left: 0px;
     margin-right: 20px;
 }
 .chatbox__item-body-file-name-wrap a:hover{
     box-shadow: 0px 0px 5px 1px rgb(139 136 136);
 }
 .chatbox__item-text .admin-chat-answer{
     padding: 2px 5px;
     height: auto;
     float: right;
     margin-left: 10px;
 }
 .chatbox__item-text .reply-message{
     border-left: 1px grey solid;
     padding-left: 11px;
     font-size: 12px;
     font-style: italic;
     margin-top: 10px;
 }
 .chatbox__item-time {
     width: 100%;
     padding-left: 54px;
     margin-top: 10px;
     color: #9c9d9d;
 }
 .chatbox__item_reverse .chatbox__item-time {
     text-align: right;
 }
 .chatbox__bottom {
   background: #377d87;
     padding: 10px;
     border-radius: 8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
 @media (min-width: 768px) {
     .chatbox__bottom {
         padding: 16px 20px;
     }
 }
 .chatbox__bottom-file {
     width: 20px;
     aspect-ratio: 1/1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #fff;
     color: #4d88d9;
     border-radius: 8px;
 }
 @media (min-width: 768px) {
     .chatbox__bottom-file {
         width: 48px;
     }
 }
 .chatbox__bottom-file:hover {
     color: #377d87;
 }
 .chatbox__bottom-file input {
     display: none;
 }
 .chatbox__bottom-file svg {
     width: 50%;
     aspect-ratio: 1/1;
   stroke-width: 1.5px;
 }
 .chatbox__bottom-text {
     width: calc(100% - 60px);
     height: 20px;
     border-color: #fff;
 }
 @media (min-width: 768px) {
     .chatbox__bottom-text {
         width: calc(100% - 128px);
         height: 48px;
     }
 }
 .chatbox__bottom-text:focus {
     border-color: #fff;
 }
 .chatbox__bottom-send {
     width: 20px;
     aspect-ratio: 1/1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     background: #fff;
     border: none;
     color: #4d88d9;
     border-radius: 999px;
 }
 @media (min-width: 768px) {
     .chatbox__bottom-send {
         width: 48px;
     }
 }
 .chatbox__bottom-send:hover {
     color: #377d87;
 }
 .chatbox__bottom-send svg {
     width: 50%;
     aspect-ratio: 1/1;
     position: relative;
     left: 1px;
 }
 @media (min-width: 768px) {
     .chatbox__bottom-send svg {
         width: 40%;
         left: 2px;
     }
 }
 .cvs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 .cvs__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     width: 100%;
 }
 @media (min-width: 768px) {
     .cvs__body {
         gap: 30px;
     }
 }
 .cvs__item {
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     border-radius: 8px;
     border: 1px solid #e7e7e7;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     padding: 10px;
     font-size: 12px;
     position: relative;
 }
 @media (min-width: 768px) {
     .cvs__item {
         gap: 0;
         padding: 20px;
         font-size: 16px;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }
 }
 .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) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .cvs__item-like {
     width: unset;
     padding: 5px 10px;
     margin-right: 10px;
 }
 .cvs__item .cvs__item-buttons .chat{
     width: unset;
     padding: 5px 10px;
     margin-right: 10px;
     }
 .cvs__item-like.active{
     background: #ffffff;
     color: #eb5757;
 }
 .cvs__item-like .in-favorites{
     display: none;
 }
 .cvs__item-like.active .in-favorites{
     display: block;
     color: #eb5757;
 }
 .cvs__item-like.active .to-favorites{
     display: none;
 }
 .cvs__item .cvs__item-header{
     display: flex;
     width: 100%;
     justify-content: space-between;
 }
 .cvs__item-photo {
     position: relative;
     aspect-ratio: 1/1;
     overflow: hidden;
     background: #9c9d9d;
     color: #fff;
     width: 36px;
     border-radius: 6px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .cvs__item-photo {
         width: 68px;
     }
 }
 .cvs__item-photo svg {
     width: 50%;
     position: relative;
     z-index: 1;
 }
 .cvs__item-photo img {
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }
 .cvs__item-text {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
   width: 100%;
     margin-top: 30px;
     }
 .cvs__item .cvs__item-buttons{
     display: flex;
     align-items: start;
 }
 .cvs.active .cvs__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .cvs__item-text .cvs__item-text-row{
     display: flex;
     justify-content: space-between;
     width: 100%;
 }
 .cvs__item-text .cvs__item-text-row > div{
     width: 50%;
 }
 .cvs__item-text .cvs__item-text-row b{
     color: #377d87;
     font-size: 18px;
 }
 .cvs__item-text .cvs__item-text-status {
     width: fit-content;
     background-color: #e6e6e6;
     font-weight: bold;
     padding: 5px 10px;
     border-radius: 8px;
     margin-right: 30px;
 }
 .cvs__item-text .cvs__item-text-status.looking-for-job {
     background-color: #eb5757;
     color: #fff;
 }
 .cvs__item-text .cvs__item-text-updated-at{
     padding: 5px 10px;
     border-radius: 8px;
     border: 1px #e6e6e6 solid;
 }
 .faqs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 .faqs__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     width: 100%;
 }
 .faqs__item {
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     border-radius: 8px;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     background: #fff;
     padding: 10px;
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .faqs__item {
         padding: 20px;
         font-size: 16px;
         -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
         box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     }
 }
 .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) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .faqs__item-button {
     background: none;
     padding: 0;
     border: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #000;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
 }
 @media (min-width: 768px) {
     .faqs__item-button {
         font-size: 20px;
     }
 }
 .faqs__item-button span {
     width: calc(100% - 16px);
     padding-right: 16px;
 }
 .faqs__item-button i {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 16px;
     aspect-ratio: 1/1;
     color: #377d87;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 .faqs__item-button i svg {
     width: 16px;
     aspect-ratio: 1/1;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
 }
 .faqs__item-button.active i {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 .faqs__item-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     opacity: 0;
     height: 0;
     overflow: hidden;
     font-size: 12px;
     line-height: 1.4;
 }
 @media (min-width: 768px) {
     .faqs__item-body {
         font-size: 16px;
         gap: 20px;
     }
 }
 .faqs__item-body p {
     margin: 0;
 }
 .faqs__item-body a {
   color: #0f74a8;
 }
 .active + .faqs__item-body {
     opacity: 1;
     height: auto;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     padding-top: 10px;
 }
 @media (min-width: 768px) {
     .active + .faqs__item-body {
         padding-top: 20px;
     }
 }
 .faqs.active .faqs__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .cabinet {
     padding: 20px 0;
     padding-bottom: 40px;
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
 }
 @media (min-width: 992px) {
     .cabinet {
         padding: 30px 0;
         padding-bottom: 60px;
     }
 }
 .cabinet__breadcrumbs {
     margin-bottom: 50px;
 }
 .cabinet__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 @media (min-width: 992px) {
     .cabinet__wrapper {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
     }
 }
 .cabinet__side {
     border-radius: 8px;
     background: #fff;
     padding: 20px 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 30px;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 @media (min-width: 768px) {
     .cabinet__side {
         padding: 30px 20px;
         margin-bottom: 50px;
     }
 }
 @media (min-width: 992px) {
     .cabinet__side {
         width: 340px;
         margin: 0;
         position: sticky;
         top: 6px;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__side {
         width: 400px;
     }
 }
 .cabinet__side-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 .cabinet__side-toper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .cabinet__side-toper-pic {
     width: 70px;
     aspect-ratio: 1/1;
     overflow: hidden;
     border-radius: 8px;
     color: #fff;
     background: #9c9d9d;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: relative;
 }
 .cabinet__side-toper-pic img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     aspect-ratio: 1/1;
   -o-object-fit: contain;
      object-fit: contain;
 }
 .cabinet__side-toper-pic svg {
     width: 50%;
     aspect-ratio: 1/1;
 }
 .cabinet__side-toper b {
     width: calc(100% - 70px);
     font-size: 14px;
     font-weight: 700;
     padding-left: 16px;
 }
 @media (min-width: 768px) {
     .cabinet__side-toper b {
         font-size: 20px;
     }
 }
 .cabinet__menu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .cabinet__menu-toper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 0 16px;
     padding-right: 12px;
     border: none;
     border-radius: 8px;
     background: #377d87;
     color: #fff;
 }
 @media (min-width: 768px) {
     .cabinet__menu-toper {
         padding: 0 20px;
     }
 }
 @media (min-width: 992px) {
     .cabinet__menu-toper {
         display: none;
     }
 }
 .cabinet__menu-toper-text {
     width: calc(100% - 16px);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .cabinet__menu-toper-text {
         width: calc(100% - 20px);
     }
 }
 .cabinet__menu-toper-text i {
     width: 16px;
     height: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
 @media (min-width: 768px) {
     .cabinet__menu-toper-text i {
         width: 22px;
         height: 22px;
     }
 }
 .cabinet__menu-toper-text svg {
     width: 16px;
     height: 16px;
 }
 @media (min-width: 768px) {
     .cabinet__menu-toper-text svg {
         width: 22px;
         height: 22px;
     }
 }
 .cabinet__menu-toper-text span {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 10px;
     min-height: 30px;
     font-size: 12px;
     width: calc(100% - 16px);
 }
 @media (min-width: 768px) {
     .cabinet__menu-toper-text span {
         width: calc(100% - 22px);
         font-size: 20px;
         min-height: 52px;
         padding: 0 16px;
     }
 }
 .cabinet__menu-toper-arrow {
     width: 16px;
     height: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 @media (min-width: 768px) {
     .cabinet__menu-toper-arrow {
         width: 20px;
         height: 20px;
     }
 }
 .cabinet__menu-toper-arrow svg {
     width: 12px;
     height: 12px;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
 }
 @media (min-width: 768px) {
     .cabinet__menu-toper-arrow svg {
         width: 20px;
         height: 20px;
     }
 }
 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 .cabinet__menu-body {
     opacity: 0;
     height: 0;
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 @media (min-width: 992px) {
     .cabinet__menu-body {
         opacity: 1;
         height: auto;
     }
 }
 .active + .cabinet__menu-body {
     opacity: 1;
     height: auto;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 .cabinet__menu-items {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .cabinet__menu-item {
     padding: 8px 16px;
     border-radius: 8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .cabinet__menu-item {
         padding: 14px 20px;
     }
 }
 .cabinet__menu-item:hover {
     color: #377d87;
 }
 @media (min-width: 992px) {
     .cabinet__menu-item.active {
         background: #377d87;
         color: #fff;
     }
 }
 @media (min-width: 992px) {
     .cabinet__menu-item.active svg {
         color: #fff;
     }
 }
 @media (min-width: 992px) {
     .cabinet__menu-item.active.red {
         background: #eb5757;
     }
 }
 .cabinet__menu-item i {
     width: 16px;
     height: 16px;
     color: #377d87;
 }
 @media (min-width: 768px) {
     .cabinet__menu-item i {
         width: 22px;
         height: 22px;
     }
 }
 .cabinet__menu-item svg {
     width: 16px;
     height: 16px;
 }
 @media (min-width: 768px) {
     .cabinet__menu-item svg {
         width: 22px;
         height: 22px;
     }
 }
 .cabinet__menu-item span {
     width: calc(100% - 16px);
     font-size: 12px;
     padding-left: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__menu-item span {
         font-size: 20px;
         width: calc(100% - 22px);
         padding-left: 16px;
     }
 }
 .cabinet__menu-bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     margin-top: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__menu-bottom {
         gap: 20px;
         margin-top: 20px;
     }
 }
 .cabinet__menu-copy {
     color: #9c9d9d;
     text-align: center;
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .cabinet__menu-copy {
         font-size: 16px;
     }
 }
 .cabinet__body {
     margin: 0 -10px;
     margin-top: 50px;
     background: #fff;
     padding: 20px 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 30px;
     color: #000;
 }
 @media (min-width: 768px) {
     .cabinet__body {
         padding: 30px 20px;
         margin: 0;
         border-radius: 8px;
         -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
         box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     }
 }
 @media (min-width: 992px) {
     .cabinet__body {
         width: calc(100% - 360px);
     }
 }
 @media (min-width: 1280px) {
     .cabinet__body {
         width: calc(100% - 420px);
     }
 }
 .cabinet__body-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 .cabinet__title {
     font-size: 24px;
-    color: #6b6c6d;
+    /*color: #6b6c6d;*/
+    color: #000000
 }
 @media (min-width: 768px) {
     .cabinet__title {
         font-size: 32px;
     }
 }
 @media (min-width: 992px) {
     .cabinet__title {
         font-size: 40px;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__title {
         font-size: 48px;
     }
 }
 .cabinet__subtitle {
     font-size: 22px;
     margin: 0;
     font-weight: 700;
     color: #000;
 }
 @media (min-width: 768px) {
     .cabinet__subtitle {
         font-size: 24px;
     }
 }
 .cabinet__h4 {
     font-size: 20px;
     margin: 0;
     font-weight: 700;
     color: #000;
 }
 @media (min-width: 768px) {
     .cabinet__h4 {
         font-size: 22px;
     }
 }
 .cabinet__text {
     margin: 0;
     font-size: 14px;
 }
 @media (min-width: 768px) {
     .cabinet__text {
         font-size: 16px;
     }
 }
 .cabinet__text b {
     color: #000;
     font-size: 18px;
 }
 @media (min-width: 768px) {
     .cabinet__text b {
         font-size: 24px;
     }
 }
 .cabinet__descr {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 6px;
 }
 @media (min-width: 768px) {
     .cabinet__descr {
         gap: 12px;
     }
 }
 .cabinet__avatar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
 @media (min-width: 768px) {
     .cabinet__avatar {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
 }
 .cabinet__avatar-pic {
     width: 100px;
     aspect-ratio: 1/1;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     overflow: hidden;
     border-radius: 8px;
     color: #fff;
     background: #9c9d9d;
 }
 .cabinet__avatar-pic svg {
     width: 50%;
     aspect-ratio: 1/1;
     z-index: 1;
     position: relative;
 }
 .cabinet__avatar-pic img{
     max-width: 100%;
     max-height: 100%;
 }
 .cabinet__avatar-form {
     width: calc(100% - 100px);
     padding-left: 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 6px;
 }
 .candidate-top-wrapper{
     display: flex;
 }
 .candidate-top-wrapper .candidate-thumbnail{
     width: 100px;
     height: 100px;
     min-width: 100px;
     border-radius: 8px;
     overflow: hidden;
 }
 .candidate-top-wrapper .candidate-thumbnail img{
     max-height: 100%;
     max-width: 100%;
 }
 .candidate-top-wrapper .candidate-information{
     padding-left: 20px;
     font-size: 21px;
     display: flex;
     align-items: center;
 }
 .candidate-top-wrapper .candidate-information .candidate-title{
     font-size: inherit;
 }
 .content-single-candidate .education-detail-description{
     margin-bottom: 50px;
     text-align: justify;
 }
 .content-single-candidate .education-detail-description h3.title{
     font-size: 18px;
     margin: 0 0 20px;
 }
 .content-single-candidate .education-detail-description .inner{
     font-size: 16px;
     font-weight: 300;
     line-height: 22px;
     color: #77838F;
 }
 .education-detail-programs h3.title{
     font-size: 18px;
     margin: 0 0 20px;
 }
 .education-detail-programs .accordion{
     margin: 1rem 0;
     padding: 0;
     list-style: none;
     border-top: 1px solid #ECEDF2;
 }
 .education-detail-programs .accordion.sub{
     padding-left: 20px;
     display: none;
 }
 .education-detail-programs .accordion-item {
     border-bottom: 1px solid #ECEDF2;
 }
 .education-detail-programs .accordion-thumb {
     margin: 0;
     padding: 25px 0;
     cursor: pointer;
     font-weight: normal;
     color: #0E5C69;
     font-size: 16px;
     text-transform: uppercase;
 }
 .education-detail-programs .accordion-thumb::after {
     content: "";
     display: block;
     float: right;
     position: relative;
     top: 6px;
     height: 7px;
     width: 7px;
     margin-right: 1rem;
     margin-left: 0.5rem;
     border-right: 1px solid;
     border-bottom: 1px solid;
     border-color: #828A96;
     transform: rotate(-45deg);
     transition: transform 0.2s ease-out;
 }
 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
     transform: rotate(45deg);
 }
 .accordion-sub .accordion-panel{
     display: none;
 }
 .accordion > .accordion-item > .accordion-panel{
     opacity: 1;
 }
 .accordion-sub li{
     list-style-type: none;
 }
 .accordion-sub .accordion-item .accordion-panel{
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -o-pre-wrap;
 }
 .accordion-sub li:last-child {
     border-bottom: unset;
 }
 .education-detail-contacts{
     margin-top: 50px;
 }
 .education-detail-contacts h3.title{
     font-size: 18px;
     margin: 0 0 20px;
 }
 .education-detail-contacts .inner > div{
     display: flex;
     align-items: center;
     margin-bottom: 20px;
 }
 .education-detail-contacts .inner > div .icon{
     margin-right: 20px;
 }
 @media (min-width: 768px) {
     .cabinet__avatar-form {
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         padding-left: 30px;
         gap: 12px;
     }
 }
 @media (min-width: 768px) {
     .cabinet__avatar-form .file {
         min-width: 215px;
     }
 }
 .cabinet__inputs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
     display: flex;
 }
 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
     width: 50%;
     padding-right: 20px;
 }
 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
     margin-bottom: 20px;
     width: 100%;
 }
 @media (min-width: 1280px) {
     .cabinet__inputs {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: end;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__inputs-item {
         width: calc(50% - 10px);
     }
 }
 @media (min-width: 1280px) {
     .cabinet__inputs-item_fullwidth {
         width: 100%;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__inputs-item_min {
         width: calc(15% - 10px);
     }
 }
 @media (min-width: 1280px) {
     .cabinet__inputs-item_max {
         width: calc(85% - 10px);
     }
 }
 @media (min-width: 768px) {
     .cabinet__inputs-item .button {
         width: 100%;
         max-width: 215px;
         padding: 0;
     }
 }
 @media (max-width: 768px) {
     .cabinet__inputs .cabinet__inputs_to_columns_wrap{
         display: block;
     }
     .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
         width: 100%;
     }
 }
 .cabinet__inputs-item.column-count-3{
     width: calc(32% - 10px);
 }
 .cabinet__inputs-item-full-row {
     width: 100%;
 }
 .cabinet__inputs-item .buttons {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
 }
 .cabinet__inputs-item .form-group__label{
     font-weight: bold;
 }
 @media (min-width: 768px) {
     .cabinet__inputs-item .buttons {
         gap: 20px;
         max-width: 470px;
     }
 }
 @media (min-width: 992px) {
     .cabinet__inputs-item .buttons {
         max-width: none;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__inputs-item .buttons {
         max-width: 470px;
     }
 }
 .cabinet__inputs-item .buttons .button {
     max-width: none;
 }
 .cabinet__inputs-item p {
     margin: 0;
     font-size: 14px;
     line-height: 20px;
 }
 @media (min-width: 768px) {
     .cabinet__inputs-item p {
         font-size: 16px;
         line-height: 22px;
     }
 }
 .cabinet__inputs-item p.mod {
     margin-top: 12px;
 }
 .cabinet__inputs-item p.mod span {
     color: #377d87;
     line-height: 20px;
     font-weight: 700;
     padding: 4px 12px;
     border-radius: 4px;
     background-color: #E6EFF0;
 }
 .cabinet__inputs-item p.hidden {
     display: none;
 }
 .cabinet__inputs > .button {
     padding: 0;
     width: 100%;
     max-width: 140px;
 }
 @media (min-width: 768px) {
     .cabinet__inputs > .button {
         max-width: 190px;
     }
 }
 .cabinet__add {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__add {
         gap: 0;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: end;
         -ms-flex-align: end;
         align-items: flex-end;
     }
 }
 .cabinet__add-pic {
     border-radius: 4px;
     position: relative;
     overflow: hidden;
     background: #9c9d9d;
     color: #fff;
     width: 100px;
     aspect-ratio: 1/1;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 @media (min-width: 768px) {
     .cabinet__add-pic {
         width: 220px;
         border-radius: 8px;
     }
 }
 .cabinet__add-pic:hover {
     background: #000;
 }
 .cabinet__add-pic input {
     display: none;
 }
 .cabinet__add-pic > svg {
     width: 20px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 1;
 }
 @media (min-width: 768px) {
     .cabinet__add-pic > svg {
         width: 50px;
     }
 }
 .cabinet__add-pic span {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 100%;
     gap: 4px;
     font-weight: 700;
     font-size: 8px;
     line-height: 1;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     margin-top: 25px;
 }
 @media (min-width: 768px) {
     .cabinet__add-pic span {
         font-size: 16px;
         margin-top: 60px;
     }
 }
 .cabinet__add-pic span svg {
     width: 7px;
     aspect-ratio: 1/1;
 }
 @media (min-width: 768px) {
     .cabinet__add-pic span svg {
         width: 16px;
     }
 }
 .cabinet__add-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__add-body {
         gap: 20px;
         width: calc(100% - 220px);
         padding-left: 20px;
     }
 }
 @media (min-width: 768px) {
     .cabinet__add-body .button {
         width: 215px;
         padding: 0;
     }
 }
 .cabinet__fleet {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .cabinet__fleet {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }
 }
 @media (min-width: 1280px) {
     .cabinet__fleet {
         grid-template-columns: repeat(3, 1fr);
     }
 }
 @media (min-width: 768px) {
     .cabinet__submit {
         width: 215px;
         padding: 0;
         margin: 0 auto;
     }
 }
 .cabinet__filters {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 .cabinet__export-wrap{
     padding: 10px;
     border: 1px #cecece solid;
     border-radius: 8px;
     width: 100%;
 }
 .cabinet__export-button-wrap{
     max-width: 200px;
     margin-bottom: 10px;
 }
 .cabinet__export-options-wrap{
     display: flex;
     justify-content: space-between;
 }
 .job-title-list-wrap{
     margin-top: 5px;
 }
 .cabinet__export-error{
     color: red;
 }
 .flot-image-wrap img{
     max-width: 100%;
     max-height: 100%;
     flex: 0 0 auto;
 }
 .flot-image-wrap{
     width: 220px;
     height: 220px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 @media (min-width: 768px) {
     .cabinet__filters {
         gap: 20px;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__filters {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
     }
 }
 .cabinet__filters-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__filters-item {
         gap: 20px;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__filters-item {
         width: calc(50% - 10px);
         max-width: 410px;
     }
 }
 .cabinet__filters-item .button,
 .cabinet__filters-item .select {
     width: 100%;
 }
 @media (min-width: 1280px) {
     .cabinet__filters-item .button,
     .cabinet__filters-item .select {
         width: auto;
     }
 }
 .cabinet__filters-item + .cabinet__filters-item {
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
 }
 @media (min-width: 1280px) {
     .cabinet__filters-item + .cabinet__filters-item {
         max-width: 280px;
     }
 }
 .cabinet__filters .search input {
     padding-right: 135px;
 }
 .cabinet__filters .search button {
     width: 115px;
 }
 .cabinet__filters-buttons {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     width: 100%;
 }
 @media (min-width: 768px) {
     .cabinet__filters-buttons {
         gap: 20px;
     }
 }
 .cabinet__filters-buttons .button {
     padding: 0;
     gap: 5px;
 }
 .cabinet__filters-buttons .button.active {
     background: #377d87;
     color: #fff;
 }
 .cabinet__filters-buttons .button.active:before {
     content: "";
     width: 6px;
     height: 6px;
     background: #fff;
     border-radius: 999px;
 }
 .cabinet__table-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: 700;
     margin-bottom: -10px;
 }
 .cabinet__table-header div {
     font-size: 18px;
 }
 @media (min-width: 768px) {
     .cabinet__table-header div {
         font-size: 24px;
     }
 }
 .cabinet__table-header span {
     color: #000;
     font-size: 14px;
 }
 @media (min-width: 768px) {
     .cabinet__table-header span {
         font-size: 18px;
     }
 }
 .cabinet__table-header span b {
     color: #377d87;
 }
 .cabinet__tabs {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .cabinet__tabs {
         max-width: 420px;
     }
 }
 .cabinet__tabs .button.active {
     background: #377d87;
     color: #fff;
 }
 .cabinet__bodies {
     display: none;
 }
 .cabinet__bodies.showed {
     display: block;
 }
 .cabinet__nots {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__nots {
         gap: 20px;
     }
 }
 .cabinet__nots .input {
     width: 100%;
 }
 .cabinet__anketa {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__anketa {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
 }
 @media (min-width: 992px) {
     .cabinet__anketa {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__anketa {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
     }
 }
 .cabinet__anketa-buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__anketa-buttons {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 20px;
     }
 }
 .cabinet__stats {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 6px;
 }
 @media (min-width: 768px) {
     .cabinet__stats {
         gap: 12px;
     }
 }
 .cabinet__stats-title {
     font-size: 14px;
     font-weight: 700;
     color: #000;
 }
 @media (min-width: 768px) {
     .cabinet__stats-title {
         font-size: 24px;
     }
 }
 .cabinet__stats-body {
     background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
     border-radius: 8px;
     padding: 10px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
     margin-bottom: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__stats-body {
         padding: 10px 20px;
     }
 }
 .cabinet__stats-item {
     font-size: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     line-height: 1;
     gap: 6px;
 }
 @media (min-width: 768px) {
     .cabinet__stats-item {
         font-size: 20px;
         gap: 10px;
     }
 }
 .cabinet__stats-item svg {
     width: 20px;
     aspect-ratio: 1/1;
     color: #377d87;
 }
 @media (min-width: 768px) {
     .cabinet__stats-item svg {
         width: 40px;
         margin-right: 10px;
     }
 }
 .cabinet__stats-item span {
     font-weight: 700;
     color: #000;
 }
 .cabinet__stats-item b {
     color: #377d87;
     font-size: 14px;
 }
 @media (min-width: 768px) {
     .cabinet__stats-item b {
         font-size: 24px;
     }
 }
 .cabinet__stats-subtitle {
     font-size: 14px;
     font-weight: 700;
     color: #377d87;
 }
 @media (min-width: 768px) {
     .cabinet__stats-subtitle {
         font-size: 18px;
     }
 }
 .cabinet__stats-line {
     width: 100%;
     position: relative;
     overflow: hidden;
     height: 8px;
     border-radius: 999px;
     background: #cecece;
 }
 .cabinet__stats-line span {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #377d87;
     border-radius: 999px;
 }
 .cabinet__stats-bottom {
     color: #000;
     font-size: 12px;
 }
 @media (min-width: 768px) {
     .cabinet__stats-bottom {
         font-size: 16px;
     }
 }
 .cabinet__works {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
 @media (min-width: 768px) {
     .cabinet__works {
         gap: 30px;
     }
 }
 .cabinet__works-item {
     -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
     padding: 10px;
     border-radius: 4px;
 }
 @media (min-width: 768px) {
     .cabinet__works-item {
         padding: 20px;
         border-radius: 8px;
     }
 }
 .cabinet__works-spoiler {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
 .cabinet__works-spoiler-left {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: calc(100% - 22px);
 }
 .cabinet__works-spoiler-right {
     width: 22px;
     height: 22px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #377d87;
     padding: 0;
     background: none;
     border: none;
 }
 .cabinet__works-spoiler-right svg {
     width: 60%;
     aspect-ratio: 1/1;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
 }
 .cabinet__works-spoiler-buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 60px;
 }
 @media (min-width: 768px) {
     .cabinet__works-spoiler-buttons {
         width: 74px;
     }
 }
 .cabinet__works-spoiler-buttons .button {
     width: 22px;
     height: 22px;
     padding: 0;
 }
 @media (min-width: 768px) {
     .cabinet__works-spoiler-buttons .button {
         width: 30px;
         height: 30px;
     }
 }
 .cabinet__works-spoiler-text {
     width: calc(100% - 60px);
     padding-left: 20px;
     font-size: 17px;
     font-weight: 700;
     color: #000;
 }
 @media (min-width: 768px) {
     .cabinet__works-spoiler-text {
         width: calc(100% - 74px);
         font-size: 20px;
     }
 }
 .cabinet__works-body {
     opacity: 1;
     height: auto;
     overflow: visible;
     transition: opacity 0.3s, height 0.3s;
 }
 .active + .cabinet__works-body {
     -webkit-transition: 0.3s;
     transition: 0.3s;
     opacity: 1;
     height: auto;
     padding-top: 20px;
 }
 .cabinet__works-add {
     padding: 0;
     width: 100%;
     max-width: 160px;
 }
 @media (min-width: 768px) {
     .cabinet__works-add {
         max-width: 220px;
     }
 }
 .cabinet__buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
 }
 @media (min-width: 768px) {
     .cabinet__buttons {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 20px;
     }
 }
 .cabinet__buttons .button,
 .cabinet__buttons .file {
     padding: 0;
     width: 100%;
     max-width: 140px;
 }
 @media (min-width: 768px) {
     .cabinet__buttons .button,
     .cabinet__buttons .file {
         max-width: none;
     }
 }
 @media (min-width: 768px) {
     .cabinet__buttons {
         gap: 20px;
     }
 }
 @media (min-width: 1280px) {
     .cabinet__buttons {
         max-width: 400px;
     }
 }
 .cabinet__buttons_flex{
     display: flex;
 }
 .cabinet__buttons_flex > *{
     margin-right: 10px;
 }
 .cabinet__vacs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
 }
 .cabinet__vacs-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     width: 100%;
 }
 @media (min-width: 768px) {
     .cabinet__vacs-body {
         gap: 30px;
     }
 }
 .cabinet__vacs-item {
     display: none;
     background: #fff;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .cabinet__vacs.active .cabinet__vacs-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .main__employer-page-two-item-text-body img {
     display: inline !important;
     border: none !important;
     box-shadow: none !important;
     height: 1em !important;
     width: 1em !important;
     margin: 0 0.07em !important;
     vertical-align: -0.1em !important;
     background: none !important;
     padding: 0 !important;
 }
 .main__employer-page-two-item-text-body p{
     margin: 0 0 20px;
 }
 #sertificate .one-sertificate{
     display: flex;
     justify-content: space-between;
     margin-bottom: 15px;
     border-bottom: 1px #ccc solid;
     padding-bottom: 15px;
 }
 #sertificate .one-sertificate .sertificate-field{
     display: block;
 }
 #sertificate .one-sertificate .sertificate-field.sertificate-name{
     width: 50%;
     max-width: 50%;
 }
 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
     display: flex;
     justify-content: space-between;
 }
 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
     width: 30px;
     height: 30px;
     padding: 5px;
 }
 #prev_worker .cabinet__inputs-item-buttons a{
     width: 30px;
     height: 30px;
     padding: 5px;
 }
 #prev_worker .cabinet__inputs-item-buttons{
     width: 100px;
 }
 #prev_worker .cabinet__inputs{
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
 }
 #prev_worker .cabinet__inputs-item-buttons flex{
     justify-content: end;
 }
 #prev_worker .cabinet__body-item{
     border-bottom: 1px #cccccc solid;
     padding-bottom: 25px;
 }
 @media (max-width: 1280px) {
     #prev_worker .cabinet__inputs-item-buttons{
         position: absolute;
         right: 0;
     }
 }
 body .cke_notifications_area{
     opacity: 0;
     display: none !important;
 }
 .unread-messages-count{
     background-color: #377d87;
     color: #fff;
     padding: 5px 10px;
     border-radius: 45px;
 }
 .flot-one-ship .flot-label{
     font-weight: bold;
     display: flex;
 }
 .flot-one-ship .flot-label .flot-label-name{
     color: #377d87;
     min-width: 120px;
 }
 .picker {
     display: none;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 .picker-dialog {
     position: relative !important;
     max-width: 820px;
     border: none;
     background: #fff;
     border-radius: 10px;
     padding: 20px 10px;
 }
 @media (min-width: 768px) {
     .picker-dialog {
         padding: 80px;
     }
 }
 .picker-close {
     font-size: 3rem;
 }
 .picker-close:hover {
     color: #377d87;
 }
 .picker-header {
     padding: 0;
     position: static;
     border: none;
     margin-bottom: 10px;
 }
 @media (min-width: 768px) {
     .picker-header {
         margin-bottom: 20px;
     }
 }
 .picker-title {
     color: #696b6b;
     font-weight: 700;
     font-size: 22px;
     line-height: 1.2;
     text-align: center;
 }
 @media (min-width: 768px) {
     .picker-title {
         text-align: left;
         font-size: 34px;
     }
 }
 @media (min-width: 992px) {
     .picker-title {
         font-size: 44px;
     }
 }
 .picker-list {
     padding: 0 20px;
 }
 @media (min-width: 768px) {
     .picker-list {
         padding: 0 60px;
     }
 }
 @media (min-width: 992px) {
     .picker-list {
         padding: 0 90px;
     }
 }
 .picker-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     line-height: 1;
     font-size: 28px;
     line-height: 40px;
     color: #699da5;
     font-weight: 700;
 }
 @media (min-width: 992px) {
     .picker-item {
         font-size: 36px;
     }
 }
 .picker-cell__header {
     color: #377d87;
 }
 .picker-cell__control:before {
     border-color: #377d87;
 }
 .picker-picked {
     background: #fff;
     border-radius: 8px;
     color: #377d87;
 }
 .picker-footer {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 12px;
     margin-top: 20px;
     border: none;
 }
 .picker-footer button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #fff;
     background: #377d87;
     height: 30px;
     border-radius: 8px;
     padding: 0 12px;
     border: 1px solid #377d87;
     font-weight: 700;
     font-size: 12px;
     text-align: center;
     line-height: 1;
     gap: 6px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     cursor: pointer;
 }
 @media (min-width: 768px) {
     .picker-footer button {
         padding: 0 24px;
         font-size: 16px;
         height: 44px;
         gap: 12px;
     }
 }
 @media (min-width: 992px) {
     .picker-footer button {
         padding: 0 36px;
     }
 }
 .picker-footer button:hover {
     background: transparent;
     color: #377d87;
 }
 .picker-footer .picker-cancel {
     background: transparent;
     color: #377d87;
 }
 .picker-footer .picker-cancel:hover {
     background: #377d87;
     color: #fff;
 }
 .picker .picker-body {
     background: #e9f1fb;
     border-radius: 8px;
 }
 .picker .picker-cell__body:before {
     background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb));
     background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #e9f1fb);
 }
 .picker .picker-cell__body:after {
     background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb));
     background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e9f1fb);
 }
 .picker-open {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 nav .drop-down {
     list-style: none;
     overflow: hidden; /* When ul height is reduced, ensure overflowing li are not shown */
     height: 200px; /* 172px = (38 (li) + 5 (li border)) * 4 (number of li) */
     margin: 0 auto;
     padding: 0;
     -webkit-transition: height 0.3s ease;
     transition: height 0.3s ease;
 }
 nav .drop-down.closed {
     /*  When toggled via jQuery this class will reduce the height of the ul which inconjuction
         with overflow: hidden set on the ul will hide all list items apart from the first */
     /* current li height 38px + 5px border */
-    height: 43px;
+    height: 35px;
 }
 .select2-selection__choice[title*="Все должности"] .select2-selection__choice__remove {
     display: none !important;
 }
 .cabinet__inputs-item:has(.input-picker:disabled) {
     display: none;
 }
 .select select {display: none;}

resources/views/chats/chats_list.blade.php

Diff comments View file @ 6644490

1	@if ($chats->count() \|\| $admin_chat)	1	@if ($chats->count() \|\| $admin_chat)
2	@csrf	2	@csrf
3		3
4	@if($admin_chat)	4	@if($admin_chat)
5	<div class="messages__item hover-shadow admin-chat-wrap">	5	<div class="messages__item hover-shadow admin-chat-wrap">
6	<a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $admin_chat->id]) }}">	6	<a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $admin_chat->id]) }}">
7	@include('svg.logo_icon')	7	@include('svg.logo_icon')
8	<div class="messages__item-text">	8	<div class="messages__item-text">
9	<div>	9	<div>
10	<b>Администратор сайта</b>	10	<b>Администратор сайта</b>
11	</div>	11	</div>
12	<div>	12	<div>
13	{{ $admin_chat->last_message?->text }}	13	{{ $admin_chat->last_message?->text }}
14	</div>	14	</div>
15	</div>	15	</div>
16	</a>	16	</a>
17		17
18	<div class="messages__item-actions" data-chat-id="{{ $admin_chat->id }}">	18	<div class="messages__item-actions" data-chat-id="{{ $admin_chat->id }}">
19	<div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($admin_chat->created_at)) }}</div>	19	<div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($admin_chat->created_at)) }}</div>
20	<div class="messages__item-buttons">	20	<div class="messages__item-buttons">
21	@if($admin_chat->unread_messages_count > 0)	21	@if($admin_chat->unread_messages_count > 0)
22	<div class="unread-messages-count mr-15">{{ $admin_chat->unread_messages_count }}</div>	22	<div class="unread-messages-count mr-15">{{ $admin_chat->unread_messages_count }}</div>
23	@endif	23	@endif
24	</div>	24	</div>
25	</div>	25	</div>
26	</div>	26	</div>
27	@endif	27	@endif
28		28
29	@if ($chats->count())	29	@if ($chats->count())
		30	@include('modals.flash-message', [
		31	'title' => 'Успешно!',
		32	'message' => session('success')
		33	])
30	@foreach($chats as $chat)	34	@foreach($chats as $chat)
31	@if(!$chat->is_admin_chat)	35	@if(!$chat->is_admin_chat)
32	<div class="messages__item hover-shadow {{ intval($chat->is_fixed) == 1 ? 'chat-fixed' : '' }}">	36	<div class="messages__item hover-shadow {{ intval($chat->is_fixed) == 1 ? 'chat-fixed' : '' }}">
33	<a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $chat->id]) }}">	37	<a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $chat->id]) }}">
34	<div class="messages__item-photo">	38	<div class="messages__item-photo">
35	@if (isset($chat->employer->logo))	39	@if (isset($chat->employer->logo))
36	<img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt="">	40	<img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt="">
37	@elseif(isset($chat->worker->photo))	41	@elseif(isset($chat->worker->photo))
38	<img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">	42	<img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
39	@else	43	@else
40	<img src="{{ asset('images/default_man.jpg') }}" alt="">	44	<img src="{{ asset('images/default_man.jpg') }}" alt="">
41	@endif	45	@endif
42	</div>	46	</div>
43	<div class="messages__item-text">	47	<div class="messages__item-text">
44	<div>	48	<div>
45	<b id="chat_name">	49	<b id="chat_name">
46	@if ($chat->employer && $chat->employer->name_company)	50	@if ($chat->employer && $chat->employer->name_company)
47	{{ $chat->employer->name_company }}	51	{{ $chat->employer->name_company }}
48	@elseif($chat->user)	52	@elseif($chat->user)
49	{{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2 }}	53	{{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2 }}
50	@endif	54	@endif
51	</b>	55	</b>
52	</div>	56	</div>
53	<div>	57	<div>
54	{{ $chat->last_message?->text }}	58	{{ $chat->last_message?->text }}
55	</div>	59	</div>
56	</div>	60	</div>
57	</a>	61	</a>
58		62
59	<div class="messages__item-actions" data-chat-id="{{ $chat->id }}">	63	<div class="messages__item-actions" data-chat-id="{{ $chat->id }}">
60	<div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>	64	<div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>
61	<div class="messages__item-buttons">	65	<div class="messages__item-buttons">
62	@if($chat->unread_messages_count > 0)	66	@if($chat->unread_messages_count > 0)
63	<div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>	67	<div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>
64	@endif	68	@endif
65		69	<button
66	<button class="pin-chat {{ intval($chat->is_fixed) == 1 ? 'pin-on' : 'pin-off' }} mr-15">	70	class="pin-chat {{ intval($chat->is_fixed) == 1 ? 'pin-on' : 'pin-off' }} mr-15"
67	@include('svg.pin_off')	71	data-form-id="pin-chat-form-{{ $chat->id }}">
		72	@if (intval($chat->is_fixed) == 1)
		73	@include('svg.pin_on')
		74	@else
		75	@include('svg.pin_off')
		76	@endif
68	</button>	77	</button>
		78	<form id="pin-chat-form-{{ $chat->id }}" action="{{ route('employer.pin_chat') }}" method="POST" style="display: none;">
		79	@csrf
		80	<input type="hidden" name="id" value="{{ $chat->id }}">
		81	<input type="hidden" name="is_fixed" value="{{ intval($chat->is_fixed) == 1 ? 0 : 1 }}">
		82	</form>
69	<button class="remove-chat" data-user="{{ $chat->user_id }}" data-fancybox data-src="#remove_chat">	83	<button class="remove-chat" data-user="{{ $chat->user_id }}" data-fancybox data-src="#remove_chat">
70	<svg>	84	<svg>
71	<use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>	85	<use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
72	</svg>	86	</svg>
73	</button>	87	</button>
74	</div>	88	</div>
75	<div class="clear"></div>	89	<div class="clear"></div>
76	</div>	90	</div>
77	</div>	91	</div>
78	@endif	92	@endif
79	@endforeach	93	@endforeach
80	<div style="margin-top: 20px">	94	<div style="margin-top: 20px">
81	{{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}	95	{{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}
82	</div><!-- конец -->	96	</div><!-- конец -->
83	@endif	97	@endif
84	@else	98	@else
85	<div class="notify">	99	<div class="notify">
86	<svg>	100	<svg>
87	<use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>	101	<use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
88	</svg>	102	</svg>
89	<span>Сообщений не найдено</span>	103	<span>Сообщений не найдено</span>
90	</div>	104	</div>
91	@endif	105	@endif
92		106
93	<script>	107	<script>
94	$(function (){	108	$(function (){
95	$('.pin-chat').click(function(){	109	$('.pin-chat').on('click', function (event) {
96	var this_btn = $(this);	110	event.preventDefault();
97	var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');	111	const formId = $(this).data('form-id');
98	var $is_fixed = this_btn.hasClass('pin-on') ? 0 : 1;	112	const $form = $('#' + formId);
99		113
100	$.ajax({	114	if ($form.length) {
101	type: "POST",	115	$form.submit();
102	url: "{{ route('employer.pin_chat') }}",	116	} else {
103	data: {	117	console.error('Form not found:', formId);
104	id: chat_id,	118	}
105	is_fixed: $is_fixed
106	},
107	headers: {
108	'X-CSRF-TOKEN': $('[name="_token"]').val()
109	},
110	success: function(){
111	location.reload();
112	}
113	});
114	});	119	});
115		120
116	$('.remove-chat').click(function(){	121	$('.remove-chat').click(function(){
117	var this_btn = $(this);	122	var this_btn = $(this);
118	var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');	123	var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');

resources/views/employers/add_vacancy.blade.php

Diff comments View file @ 6644490

1	@extends('layout.frontend', ['title' => 'Добавление вакансии РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Добавление вакансии РекаМоре'])
2		2
3	@section('content')	3	@section('content')
4	<section class="cabinet">	4	<section class="cabinet">
5	<div class="container">	5	<div class="container">
6	<ul class="breadcrumbs cabinet__breadcrumbs">	6	<ul class="breadcrumbs cabinet__breadcrumbs">
7	<li><a href="{{ route('index') }}">Главная</a></li>	7	<li><a href="{{ route('index') }}">Главная</a></li>
8	<li><b>Личный кабинет</b></li>	8	<li><b>Личный кабинет</b></li>
9	</ul>	9	</ul>
10	<div class="cabinet__wrapper">	10	<div class="cabinet__wrapper">
11	<div class="cabinet__side">	11	<div class="cabinet__side">
12	<div class="cabinet__side-toper">	12	<div class="cabinet__side-toper">
13		13
14	@include('employers.emblema')	14	@include('employers.emblema')
15		15
16	</div>	16	</div>
17		17
18	@include('employers.menu', ['item' => 2])	18	@include('employers.menu', ['item' => 2])
19		19
20	</div>	20	</div>
21		21
22	<form class="cabinet__body" action="{{ route('employer.vac_save') }}" method="POST">	22	<form class="cabinet__body" action="{{ route('employer.vac_save') }}" method="POST">
23	@csrf	23	@csrf
24	<input type="hidden" name="employer_id" value="{{ $Employer[0]->id }}"/>	24	<input type="hidden" name="employer_id" value="{{ $Employer[0]->id }}"/>
25	<div class="cabinet__body-item">	25	<div class="cabinet__body-item">
26	<div class="cabinet__descr">	26	<div class="cabinet__descr">
27	<h2 class="title cabinet__title">Разместить вакансию</h2>	27	<h2 class="title cabinet__title">Разместить вакансию</h2>
28	<p class="cabinet__text"><b>Данные по вакансии</b></p>	28	<p class="cabinet__text"><b>Данные по вакансии</b></p>
29	<p class="cabinet__text">Все поля обязательны для заполнения *</p>	29	<p class="cabinet__text">Все поля обязательны для заполнения *</p>
30	</div>	30	</div>
31	</div>	31	</div>
32		32
33	<div class="cabinet__body-item">	33	<div class="cabinet__body-item">
34	<h4>Поля для вакансии</h4>	34	<h4>Поля для вакансии</h4>
35	<div class="cabinet__inputs">	35	<div class="cabinet__inputs">
36	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	36	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
37	<label class="form-group__label">Название вакансии</label>	37	<label class="form-group__label">Название вакансии</label>
38	<div class="form-group__item">	38	<div class="form-group__item">
39	<input type="text" class="input" name="name" id="name" placeholder="Работа в море" value="{{ old('name') ?? $Employer[0]->name ?? '' }}" required>	39	<input type="text" class="input" name="name" id="name" placeholder="Работа в море" value="{{ old('name') ?? $Employer[0]->name ?? '' }}" required>
40	@error('name')	40	@error('name')
41	<span class="text-xs text-red-600 dark:text-red-400">	41	<span class="text-xs text-red-600 dark:text-red-400">
42	{{ $message }}	42	{{ $message }}
43	</span>	43	</span>
44	@enderror	44	@enderror
45	</div>	45	</div>
46	</div>	46	</div>
47		47
48	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	48	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
49	<label class="form-group__label">Добавление должностей</label>	49	<label class="form-group__label">Добавление должностей</label>
50	<div class="form-group__item">	50	<div class="form-group__item">
51	<div class="select">	51	<div class="select">
52	<select class="js-select2" name="job_title_id[]" id="job_title_id[]" multiple="multiple">	52	<select class="js-select2" name="job_title_id[]" id="job_title_id[]" multiple="multiple">
53	@php $i = 1 @endphp	53	@php $i = 1 @endphp
54	@if ($jobs->count())	54	@if ($jobs->count())
55	@foreach($jobs as $it)	55	@foreach($jobs as $it)
56	@php $selected = false; @endphp	56	@php $selected = false; @endphp
57	@if (isset($Worker[0]->job_titles))	57	@if (isset($Worker[0]->job_titles))
58	@if ($Worker[0]->job_titles->count())	58	@if ($Worker[0]->job_titles->count())
59	@foreach($Worker[0]->job_titles as $select)	59	@foreach($Worker[0]->job_titles as $select)
60	@if ($it->id == $select->id)	60	@if ($it->id == $select->id)
61	@php $selected = true; @endphp	61	@php $selected = true; @endphp
62	@endif	62	@endif
63	@endforeach	63	@endforeach
64	@endif	64	@endif
65	@endif	65	@endif
66	<option value="{{ $it->id }}" @if ($selected \|\| $it->id == 160/* im so fucking sorry */) selected style="" @endif>{{ $it->name }}</option>	66	<option value="{{ $it->id }}" @if ($selected \|\| $it->id == 160/* im so fucking sorry */) selected style="" @endif>{{ $it->name }}</option>
67	@endforeach	67	@endforeach
68	@endif	68	@endif
69	</select>	69	</select>
70	</div>	70	</div>
71	</div>	71	</div>
72	</div>	72	</div>
73		73
74	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group" style="display:none">	74	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group" style="display:none">
75	<label class="form-group__label">Телефон</label>	75	<label class="form-group__label">Телефон</label>
76	<div class="form-group__item">	76	<div class="form-group__item">
77	<input type="text" class="input" name="telephone" id="telephone" value="{{ old('telephone') ?? $Employer[0]->telephone ?? '' }}" placeholder="Свой телефон">	77	<input type="text" class="input" name="telephone" id="telephone" value="{{ old('telephone') ?? $Employer[0]->telephone ?? '' }}" placeholder="Свой телефон">
78	@error('telephone')	78	@error('telephone')
79	<span class="text-xs text-red-600 dark:text-red-400">	79	<span class="text-xs text-red-600 dark:text-red-400">
80	{{ $message }}	80	{{ $message }}
81	</span>	81	</span>
82	@enderror	82	@enderror
83	</div>	83	</div>
84	</div>	84	</div>
85		85
86	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group" style="display:none">	86	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group" style="display:none">
87	<label class="form-group__label">Емайл</label>	87	<label class="form-group__label">Емайл</label>
88	<div class="form-group__item">	88	<div class="form-group__item">
89	<input type="text" class="input" name="email" id="email" value="{{ old('email') ?? $Employer[0]->email ?? '' }}" placeholder="Своя почту">	89	<input type="text" class="input" name="email" id="email" value="{{ old('email') ?? $Employer[0]->email ?? '' }}" placeholder="Своя почту">
90	@error('email')	90	@error('email')
91	<span class="text-xs text-red-600 dark:text-red-400">	91	<span class="text-xs text-red-600 dark:text-red-400">
92	{{ $message }}	92	{{ $message }}
93	</span>	93	</span>
94	@enderror	94	@enderror
95	</div>	95	</div>
96	</div>	96	</div>
97		97
98	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group" style="display:none">	98	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group" style="display:none">
99	<label class="form-group__label">Зарплата среднестатистическая для вакансии</label>	99	<label class="form-group__label">Зарплата среднестатистическая для вакансии</label>
100	<div class="form-group__item">	100	<div class="form-group__item">
101	<input type="text" class="input" name="salary" id="salary" value="0" placeholder="Среднестатистическая зарплата">	101	<input type="text" class="input" name="salary" id="salary" value="0" placeholder="Среднестатистическая зарплата">
102	@error('salary')	102	@error('salary')
103	<span class="text-xs text-red-600 dark:text-red-400">	103	<span class="text-xs text-red-600 dark:text-red-400">
104	{{ $message }}	104	{{ $message }}
105	</span>	105	</span>
106	@enderror	106	@enderror
107	</div>	107	</div>
108	</div>	108	</div>
109		109
110	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group" style="display:none">	110	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group" style="display:none">
111	<label class="form-group__label">Город посадки</label>	111	<label class="form-group__label">Город посадки</label>
112	<div class="form-group__item">	112	<div class="form-group__item">
113	<input type="text" class="input" name="city" id="city" value="{{ old('city') ?? $Employer[0]->city ?? '' }}" placeholder="Севастополь">	113	<input type="text" class="input" name="city" id="city" value="{{ old('city') ?? $Employer[0]->city ?? '' }}" placeholder="Севастополь">
114	@error('city')	114	@error('city')
115	<span class="text-xs text-red-600">	115	<span class="text-xs text-red-600">
116	{{ $message }}	116	{{ $message }}
117	</span>	117	</span>
118	@enderror	118	@enderror
119	</div>	119	</div>
120	</div>	120	</div>
121		121
122	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	122	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
123	<label class="form-group__label">Описание вакансии</label>	123	<label class="form-group__label">Описание вакансии</label>
124	<div class="form-group__item">	124	<div class="form-group__item">
125	<textarea class="textarea ckeditor" name="text" id="text">{{ old('text') ?? '' }}</textarea>	125	<textarea class="textarea ckeditor" name="text" id="text">{{ old('text') ?? '' }}</textarea>
126	@error('text')	126	@error('text')
127	<span class="text-xs text-red-600">	127	<span class="text-xs text-red-600">
128	{{ $message }}	128	{{ $message }}
129	</span>	129	</span>
130	@enderror	130	@enderror
131	</div>	131	</div>
132	</div>	132	</div>
133	</div>	133	</div>
134	</div>	134	</div>
135		135
136	<div class="cabinet__body-item">	136	<div class="cabinet__body-item">
137	<!-- <div class="cabinet__body-item">	137	<!-- <div class="cabinet__body-item">
138	<div class="cabinet__descr">	138	<div class="cabinet__descr">
139	<p class="cabinet__text"><b>Добавление должности</b></p>	139	<p class="cabinet__text"><b>Добавление должности</b></p>
140	</div>	140	</div>
141	</div>	141	</div>
142		142
143	<!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	143	<!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
144	<label class="form-group__label">Должность соискателя</label>	144	<label class="form-group__label">Должность соискателя</label>
145	<div class="form-group__item">	145	<div class="form-group__item">
146	<div class="select">	146	<div class="select">
147	<select class="js-select2" name="job_title_id" id="job_title_id">	147	<select class="js-select2" name="job_title_id" id="job_title_id">
148	php $i = 1 endphp	148	php $i = 1 endphp
149	if ($jobs->count())	149	if ($jobs->count())
150	foreach($jobs as $j)	150	foreach($jobs as $j)
151	if ($i == 1) <option selected> Выберите должность из списка</option>	151	if ($i == 1) <option selected> Выберите должность из списка</option>
152	else	152	else
153	<option value=" $j->id }}"> $j->name }}</option>	153	<option value=" $j->id }}"> $j->name }}</option>
154	endif	154	endif
155	php $i++ endphp	155	php $i++ endphp
156	endforeach	156	endforeach
157	endif	157	endif
158	</select>	158	</select>
159	error('job_title_id')	159	error('job_title_id')
160	<span class="text-xs text-red-600 dark:text-red-400">	160	<span class="text-xs text-red-600 dark:text-red-400">
161	$message }}	161	$message }}
162	</span>	162	</span>
163	enderror	163	enderror
164	</div>	164	</div>
165	</div>	165	</div>
166	</div>-->	166	</div>-->
167		167
168	<div class="cabinet__inputs-item cabinet__inputs-item_max form-group">	168	<div class="cabinet__inputs-item cabinet__inputs-item_max form-group">
169		169
170	</div>	170	</div>
171		171
172	<!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	172	<!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
173	<label class="form-group__label">Минимальная зарплата</label>	173	<label class="form-group__label">Минимальная зарплата</label>
174	<div class="form-group__item">	174	<div class="form-group__item">
175	<input type="text" class="input" name="min_salary" id="min_salary" value=" old('min_salary') ?? '' }}" placeholder="Минимальная зарплата">	175	<input type="text" class="input" name="min_salary" id="min_salary" value=" old('min_salary') ?? '' }}" placeholder="Минимальная зарплата">
176	error('min_salary')	176	error('min_salary')
177	<span class="text-xs text-red-600">	177	<span class="text-xs text-red-600">
178	$message }}	178	$message }}
179	</span>	179	</span>
180	enderror	180	enderror
181	</div>	181	</div>
182	</div>	182	</div>
183		183
184	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	184	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
185	<label class="form-group__label">Максимальная зарплата</label>	185	<label class="form-group__label">Максимальная зарплата</label>
186	<div class="form-group__item">	186	<div class="form-group__item">
187	<input type="text" class="input" name="max_salary" id="max_salary" value=" old('max_salary') ?? '' }}" placeholder="Максимальная зарплата">	187	<input type="text" class="input" name="max_salary" id="max_salary" value=" old('max_salary') ?? '' }}" placeholder="Максимальная зарплата">
188	error('salary')	188	error('salary')
189	<span class="text-xs text-red-600 dark:text-red-400">	189	<span class="text-xs text-red-600 dark:text-red-400">
190	$message }}	190	$message }}
191	</span>	191	</span>
192	enderror	192	enderror
193	</div>	193	</div>
194	</div>	194	</div>
195		195
196	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	196	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
197	<label class="form-group__label">Регион отплытия</label>	197	<label class="form-group__label">Регион отплытия</label>
198	<div class="form-group__item">	198	<div class="form-group__item">
199	<input type="text" class="input" name="region" id="region" value=" old('region') ?? $Employer[0]->city ?? '' }}" placeholder="Севастополь">	199	<input type="text" class="input" name="region" id="region" value=" old('region') ?? $Employer[0]->city ?? '' }}" placeholder="Севастополь">
200	error('region')	200	error('region')
201	<span class="text-xs text-red-600">	201	<span class="text-xs text-red-600">
202	$message }}	202	$message }}
203	</span>	203	</span>
204	enderror	204	enderror
205	</div>	205	</div>
206	</div>	206	</div>
207		207
208	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	208	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
209	<label class="form-group__label">Мощность</label>	209	<label class="form-group__label">Мощность</label>
210	<div class="form-group__item">	210	<div class="form-group__item">
211	<input type="text" class="input" name="power" id="power" value=" old('power') ?? '' }}" placeholder="POWER-45">	211	<input type="text" class="input" name="power" id="power" value=" old('power') ?? '' }}" placeholder="POWER-45">
212	error('power')	212	error('power')
213	<span class="text-xs text-red-600">	213	<span class="text-xs text-red-600">
214	$message }}	214	$message }}
215	</span>	215	</span>
216	enderror	216	enderror
217	</div>	217	</div>
218	</div>	218	</div>
219		219
220	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	220	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
221	<label class="form-group__label">Суточные выплаты</label>	221	<label class="form-group__label">Суточные выплаты</label>
222	<div class="form-group__item">	222	<div class="form-group__item">
223	<input type="text" class="input" name="sytki" id="sytki" value=" old('sytki') ?? '' }}" placeholder="2000">	223	<input type="text" class="input" name="sytki" id="sytki" value=" old('sytki') ?? '' }}" placeholder="2000">
224	error('power')	224	error('power')
225	<span class="text-xs text-red-600">	225	<span class="text-xs text-red-600">
226	$message }}	226	$message }}
227	</span>	227	</span>
228	enderror	228	enderror
229	</div>	229	</div>
230	</div>	230	</div>
231		231
232	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	232	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
233	<label class="form-group__label">Начало отплытия</label>	233	<label class="form-group__label">Начало отплытия</label>
234	<div class="form-group__item">	234	<div class="form-group__item">
235	<input type="text" class="input" name="start" id="start" value=" old('start') ?? '' }}" placeholder="20 сентября 2024">	235	<input type="text" class="input" name="start" id="start" value=" old('start') ?? '' }}" placeholder="20 сентября 2024">
236	error('power')	236	error('power')
237	<span class="text-xs text-red-600">	237	<span class="text-xs text-red-600">
238	$message }}	238	$message }}
239	</span>	239	</span>
240	enderror	240	enderror
241	</div>	241	</div>
242	</div>	242	</div>
243		243
244	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	244	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
245	<label class="form-group__label">Корабль для посадки</label>	245	<label class="form-group__label">Корабль для посадки</label>
246	<div class="form-group__item">	246	<div class="form-group__item">
247	<div class="select">	247	<div class="select">
248	<select class="js-select2" name="flot" id="flot">	248	<select class="js-select2" name="flot" id="flot">
249	<option value="" selected> Не указан корабль</option>	249	<option value="" selected> Не указан корабль</option>
250	if ($Employer[0]->flots->count())	250	if ($Employer[0]->flots->count())
251	foreach($Employer[0]->flots as $j)	251	foreach($Employer[0]->flots as $j)
252	<option value=" $j->name }}"> $j->name }} ( $j->id }})</option>	252	<option value=" $j->name }}"> $j->name }} ( $j->id }})</option>
253	endforeach	253	endforeach
254	endif	254	endif
255	</select>	255	</select>
256	error('flot')	256	error('flot')
257	<span class="text-xs text-red-600">	257	<span class="text-xs text-red-600">
258	$message }}	258	$message }}
259	</span>	259	</span>
260	enderror	260	enderror
261	</div>	261	</div>
262	</div>	262	</div>
263	</div>-->	263	</div>-->
264		264
265	<!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	265	<!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
266	<label class="form-group__label">Дополнительная информация</label>	266	<label class="form-group__label">Дополнительная информация</label>
267	<div class="form-group__item">	267	<div class="form-group__item">
268	<textarea class="textarea" name="description" id="description"> old('description') ?? '' }}</textarea>	268	<textarea class="textarea" name="description" id="description"> old('description') ?? '' }}</textarea>
269	error('description')	269	error('description')
270	<span class="text-xs text-red-600">	270	<span class="text-xs text-red-600">
271	$message }}	271	$message }}
272	</span>	272	</span>
273	enderror	273	enderror
274	</div>	274	</div>
275	</div>-->	275	</div>-->
276		276
277	</div>	277	</div>
278	<button type="submit" class="button cabinet__submit">Опубликовать</button>	278	<button type="submit" class="button cabinet__submit">Опубликовать</button>
279	</div>	279	</div>
280	</form>	280	</form>
281	</div>	281	</div>
282	</div>	282	</div>
283	</section>	283	</section>
284	</div>	284	</div>
285	<script src="//cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>	285	<script src="//cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>
286	<script>	286	<script>
287	CKEDITOR.replace('text');	287	CKEDITOR.replace('text', {
288	//CKEDITOR.replace( 'text', {	288	// File upload configuration (uncomment if needed)
289	// filebrowserUploadUrl: "{{route('ckeditor.image-upload', ['_token' => csrf_token() ])}}",	289	// filebrowserUploadUrl: "{{ route('ckeditor.image-upload', ['_token' => csrf_token() ]) }}",
290	// filebrowserImageUploadUrl: "{{ route('ckeditor.image-upload', ['_token' => csrf_token() ])}}",	290	// filebrowserImageUploadUrl: "{{ route('ckeditor.image-upload', ['_token' => csrf_token() ]) }}",
291	// filebrowserUploadMethod: 'form'	291	// filebrowserUploadMethod: 'form',
292	// });	292
		293	allowedContent: true,
		294	extraAllowedContent: 'p br strong em u ul ol li span;{}',
		295
		296	on: {
		297	paste: function (event) {
		298	let data = event.data.dataValue;
		299	data = data.replace(/<br\s\/?>\s<br\s*\/?>/g, '<br>');
		300	event.data.dataValue = data.trim();
		301	}
		302	},
		303
		304	contentsCss: [
		305	CKEDITOR.basePath + 'contents.css',
		306	'/css/custom-ckeditor.css'
		307	]
		308	});
293	</script>	309	</script>
294		310
295	@endsection	311	@endsection
296		312

resources/views/employers/bd.blade.php

Diff comments View file @ 6644490

 @extends('layout.frontend', ['title' => 'База данных - РекаМоре'])
 @section('scripts')
     <script>
         $(document).ready(function(){
             $('[name="job_title_list[]"]').chosen({
                 width: '100%'
             })
             $('[name="job_titles__name"]').change(function(){
                 if ($(this).is(':checked')){
                     $(".job-title-list-wrap").css("display", "block");
                 } else {
                     $(".job-title-list-wrap").css("display", "none");
                 }
             });
             $('.cabinet__export-button-wrap button').click(function(){
                 $('.cabinet__export-error').parent().remove();
             });
             $('.search-reset-button').click(function(){
                 var wrap = $(this).closest('.cabinet__filters');
                 wrap.find('[name="search"]').val('');
                 wrap.find('button').click();
             });
+            const $exportOptionsWrap = $(".cabinet__export-options-wrap");
+            if ($exportOptionsWrap.length && $exportOptionsWrap[0].scrollWidth > $exportOptionsWrap[0].clientWidth) {
+                const $scrollHint = $('<div>', {
+                    style: `position: absolute;
+                            top: 0;
+                            right: 0;
+                            width: 50px;
+                            height: 100%;
+                            background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
+                            pointer-events: none;`});
+                $exportOptionsWrap.parent().css("position", "relative").append($scrollHint);
+            }
         });
         $(document).on('click', '.die_black', function() {
             var this_ = $(this);
             var ajax_ = $('#ajax_flot_div');
             var id_ = this_.attr('data-test');
             var url_ = this_.attr('data-link');
             console.log(url_);
             $.ajax({
                 type: "GET",
                 url: url_,
                 success: function (data) {
                     console.log('Ответка');
                     ajax_.html(data);
                 },
                 headers: {
                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                 error: function (data) {
                     console.log('Error: ' + data);
                 }
             });
         });
     </script>
 @endsection
 @section('content')
     <section class="cabinet">
         <div class="container">
             <ul class="breadcrumbs cabinet__breadcrumbs">
                 <li><a href="{{ route('index') }}">Главная</a></li>
                 <li><b>Личный кабинет</b></li>
             </ul>
             <div class="cabinet__wrapper">
                 <div class="cabinet__side">
                     <div class="cabinet__side-toper">
                         @include('employers.emblema')
                     </div>
                     @include('employers.menu', ['item' => 7])
                 </div>
                 <div class="cabinet__body">
                     <div class="cabinet__body-item">
                         <h2 class="title cabinet__title">База данных</h2>
                     </div>
                     <div class="cabinet__body-item">
                         <div class="cabinet__filters" style="display: flex;flex-direction: unset;justify-content: left;align-items: center;">
                             <div class="cabinet__filters-item">
                                 <form class="search" action="{{ route('employer.bd') }}">
                                     <input type="search" name="search" id="search" class="input" placeholder="Поиск&hellip;" value="@if (isset($_GET['search'])) {{ $_GET['search'] }} @endif">
                                     <button type="submit" class="button">Найти</button>
                                     <span>
                                         <svg>
                                             <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
                                         </svg>
                                     </span>
                                 </form>
                             </div>
                             <a href="javascript:void(0)" class="search-reset-button bold font18" style="color: #377d87;">Сбросить поиск</a>
                         </div>
                         <div class="cabinet__filters">
                             <div class="cabinet__export-wrap">
                                 <form action="{{ route('resume_download_all') }}" method="GET" target="_blank">
                                     <div class="cabinet__export-button-wrap">
                                         <button type="submit" class="button">
                                             <svg>
                                                 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
                                             </svg>
                                             Экспорт
                                         </button>
                                     </div>
                                     <div class="cabinet__export-options-wrap">
                                         @foreach ($export_options as $key => $value)
                                             <label class="checkbox">
                                                 <input type="checkbox" value="1" name="{{$key}}" class="checkbox__input" checked="">
                                                 <span class="checkbox__icon">
                                                 <svg>
                                                     <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>
                                                 </svg>
                                                 </span>
                                                 <span class="checkbox__text">
                                                     <span>{{$value}}</span>
                                                 </span>
                                             </label>
                                         @endforeach
                                     </div>
                                     <div class="job-title-list-wrap">
                                         <select  name="job_title_list[]" data-placeholder="Выберите должности" multiple >
                                             @foreach($jobs_titles as $job_title)
                                                 <option hover="background-color: #377d87;" value="{{$job_title['id']}}">{{$job_title['name']}}</option>
                                             @endforeach
                                         </select>
                                     </div>
                                 </form>
                             </div>
                         </div>
                         @if(session('error'))
                             <div class="cabinet__filters">
                                 <p class="cabinet__export-error">{{ session('error') }}</p>
                             </div>
                         @endif
                     </div>
                     <div class="cabinet__body-item">
                         <div class="cabinet__table-header">
                             <div>
                                 Позиции работников
                             </div>
                             <span>
                                     Пользователей найдено:
                                     <b>{{ $count_users }}</b>
                             </span>
                         </div>
                         <div class="table table_spoiler">
                             <div class="table__scroll">
                                 <div class="table__body table__body_min-width">
                                     <table>
                                         <thead>
                                         <tr>
-                                            <th style="max-width: 40px; min-width: 30px"></th>
                                             <th>ФИО соискателя</th>
                                             <th>Должность</th>
                                             <th>Наличие<br>анкеты</th>
                                         </tr>
                                         </thead>
                                         <tbody>
                     @php
                          $categories = 0;
                     @endphp
                     @if ($users->count())
                         @foreach ($users as $key => $it)
+                            @php $worker = !empty($it->workers[0]) ? $it->workers[0] : ''; @endphp
                             <tr>
-                                <td style="max-width: 40px; min-width: 30px; font-size: 1.5rem">{{ $it->workers[0]->comment }}</td>
                                 <td>{{ $it->surname." ".$it->name_man }}<br>{{ $it->surname2 }}</td>
                                 <td>
-                                @if($it->workers[0]->positions_work)
+                                @if($worker && $worker->positions_work)
-                                        {{ $it->workers[0]->jobs->first()->name }}
+                                    {{ !empty($worker->jobs) ? $worker->jobs->first()->name : '' }}
                                 @endif
                                 </td>
                                 <td>
                                     @if ($it->file !== null)
                                     <a href="{{ asset(Storage::url($it->file)) }}" class="table__link">
                                         <svg>
                                             <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
                                         </svg>
                                         Скачать
                                     </a>
                                     @endif
                                 </td>
                             </tr>
                         @endforeach
                     @endif
                          </tbody>
                     </table>
                 </div>
             </div>
         </div>
           {{ $users->onEachSide(0)->appends($_GET)->links('paginate')  }}
         </div>
                 </div>
             </div>
         </div>
     </section>

resources/views/employers/favorite.blade.php

Diff comments View file @ 6644490

1	@extends('layout.frontend', ['title' => 'Избраннные соискатели - РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Избраннные соискатели - РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script>	4	<script>
5	$(document).on('change', '#sort_ajax', function() {	5	$(document).on('change', '#sort_ajax', function() {
6	var this_ = $(this);	6	var this_ = $(this);
7	var val_ = this_.val();	7	var val_ = this_.val();
8	console.log('sort items '+val_);	8	console.log('sort items '+val_);
9		9
10	$.ajax({	10	$.ajax({
11	type: "GET",	11	type: "GET",
12	url: "{{ route('shipping_companies') }}",	12	url: "{{ route('shipping_companies') }}",
13	data: "sort="+val_+"&block=1",	13	data: "sort="+val_+"&block=1",
14	success: function (data) {	14	success: function (data) {
15	console.log('Выбор сортировки');	15	console.log('Выбор сортировки');
16	console.log(data);	16	console.log(data);
17	$('#block_1').html(data);	17	$('#block_1').html(data);
18	},	18	},
19	headers: {	19	headers: {
20	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	20	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
21	},	21	},
22	error: function (data) {	22	error: function (data) {
23	data = JSON.stringify(data);	23	data = JSON.stringify(data);
24	console.log('Error: ' + data);	24	console.log('Error: ' + data);
25	}	25	}
26	});	26	});
27		27
28	$.ajax({	28	$.ajax({
29	type: "GET",	29	type: "GET",
30	url: "{{ route('shipping_companies') }}",	30	url: "{{ route('shipping_companies') }}",
31	data: "sort="+val_+"&block=2",	31	data: "sort="+val_+"&block=2",
32	success: function (data) {	32	success: function (data) {
33	console.log('Выбор сортировки2');	33	console.log('Выбор сортировки2');
34	console.log(data);	34	console.log(data);
35	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");	35	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
36	$('#block_2').html(data);	36	$('#block_2').html(data);
37	},	37	},
38	headers: {	38	headers: {
39	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	39	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
40	},	40	},
41	error: function (data) {	41	error: function (data) {
42	data = JSON.stringify(data);	42	data = JSON.stringify(data);
43	console.log('Error: ' + data);	43	console.log('Error: ' + data);
44	}	44	}
45	});	45	});
46	});	46	});
47		47
48	$(document).ready(function() {	48	$(document).ready(function() {
49	$(document).on('click', '.js_box_favorit', function () {	49	$(document).on('click', '.js_box_favorit', function () {
50	var id_worker = $(this).attr('data-val');	50	var id_worker = $(this).attr('data-val');
51	var data = {code_record: id_worker};	51	var data = {code_record: id_worker};
52		52
53	if ($(this).hasClass('active')){	53	if ($(this).hasClass('active')){
54	data.delete = 1;	54	data.delete = 1;
55	}	55	}
56		56
57	$.ajax({	57	$.ajax({
58	type: "GET",	58	type: "GET",
59	url: "{{ route('like_resume') }}",	59	url: "{{ route('like_resume') }}",
60	data: data,	60	data: data,
61	headers: {	61	headers: {
62	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	62	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
63	},	63	},
64	success: function (data) {	64	success: function (data) {
65	if (data.deleted){	65	if (data.deleted){
66	$('#elem_'+data.id).removeClass('active');	66	$('#elem_'+data.id).removeClass('active');
67	} else {	67	} else {
68	$('#elem_'+data.id).addClass('active');	68	$('#elem_'+data.id).addClass('active');
69	}	69	}
70	},	70	},
71	error: function (data) {	71	error: function (data) {
72	data = JSON.stringify(data);	72	data = JSON.stringify(data);
73	console.log('Error: ' + data);	73	console.log('Error: ' + data);
74	}	74	}
75	});	75	});
76	});	76	});
77	});	77	});
78	$(document).on('click', '.chat', function() {	78	$(document).on('click', '.chat', function() {
79	var this_ = $(this);	79	var this_ = $(this);
80		80
81	$('#_user_id').val(this_.attr('data-uid'));	81	$('#_user_id').val(this_.attr('data-uid'));
82	$('#_to_user_id').val(this_.attr('data-tuid'));	82	$('#_to_user_id').val(this_.attr('data-tuid'));
83	$('#_vacancy').val(this_.attr('data-vacancy'));	83	$('#_vacancy').val(this_.attr('data-vacancy'));
84	});	84	});
85	</script>	85	</script>
86		86
87	@endsection	87	@endsection
88		88
89	@section('content')	89	@section('content')
90	<section class="cabinet">	90	<section class="cabinet">
91	<div class="container">	91	<div class="container">
92	<ul class="breadcrumbs cabinet__breadcrumbs">	92	<ul class="breadcrumbs cabinet__breadcrumbs">
93	<li><a href="{{ route('index') }}">Главная</a></li>	93	<li><a href="{{ route('index') }}">Главная</a></li>
94	<li><b>Личный кабинет</b></li>	94	<li><b>Личный кабинет</b></li>
95	</ul>	95	</ul>
96	<div class="cabinet__wrapper">	96	<div class="cabinet__wrapper">
97	<div class="cabinet__side">	97	<div class="cabinet__side">
98	<div class="cabinet__side-toper">	98	<div class="cabinet__side-toper">
99	@include('employers.emblema')	99	@include('employers.emblema')
100	</div>	100	</div>
101		101
102	@include('employers.menu', ['item' => 6])	102	@include('employers.menu', ['item' => 6])
103		103
104	</div>	104	</div>
105		105
106	<div class="cabinet__body">	106	<div class="cabinet__body">
107	<div class="cabinet__body-item">	107	<div class="cabinet__body-item">
108	<h2 class="title cabinet__title">Избранные кандидаты</h2>	108	<h2 class="title cabinet__title">Избранные кандидаты</h2>
109	</div>	109	</div>
110	<div class="cabinet__body-item">	110	<div class="cabinet__body-item">
111	<div class="cabinet__filters">	111	<div class="cabinet__filters">
112	<div class="cabinet__filters-item">	112	<div class="cabinet__filters-item">
113	<form class="search" action="{{ route('employer.favorites') }}">	113	<form class="search" action="{{ route('employer.favorites') }}">
114	<input type="search" name="search" id="search" class="input" placeholder="Поиск…" value="@if ((isset($_GET['search'])) && (!empty($_GET['search']))) {{ $_GET['search'] }} @endif">	114	<input type="search" name="search" id="search" class="input" placeholder="Поиск…" value="@if ((isset($_GET['search'])) && (!empty($_GET['search']))) {{ $_GET['search'] }} @endif">
115	<button type="submit" class="button">Найти</button>	115	<button type="submit" class="button">Найти</button>
116	<span>	116	<span>
117	<svg>	117	<svg>
118	<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>	118	<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
119	</svg>	119	</svg>
120	</span>	120	</span>
121	</form>	121	</form>
122	</div>	122	</div>
123	</div>	123	</div>
124	<div class="cvs">	124	<div class="cvs">
125	@if ((isset($Workers) && ($Workers->count())))	125	@if ((isset($Workers) && ($Workers->count())))
126	@foreach ($Workers as $it)	126	@foreach ($Workers as $it)
127	<div class="cvs__body">	127	<div class="cvs__body">
128	<div class="cvs__item">	128	<div class="cvs__item">
129		129
130	<div class="cvs__item-header">	130	<div class="cvs__item-header">
131	<div class="cvs__item-photo">	131	<div class="cvs__item-photo">
132	<svg>	132	<svg>
133	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	133	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
134	</svg>	134	</svg>
135	@if (!empty($it->photo))	135	@if (!empty($it->photo))
136	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($it->photo)) }}" alt="">	136	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($it->photo)) }}" alt="">
137	@else	137	@else
138	<img src="{{ asset('images/default_man.jpg') }}" alt="">	138	<img src="{{ asset('images/default_man.jpg') }}" alt="">
139	@endif	139	@endif
140	</div>	140	</div>
141		141
142	<div class="cvs__item-buttons">	142	<div class="cvs__item-buttons">
143	<button type="button"	143	<button type="button"
144	id="elem_{{ $it->id }}"	144	id="elem_{{ $it->id }}"
145	data-val="{{ $it->id }}"	145	data-val="{{ $it->id }}"
146	class="like cvs__item-like js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($it) }}">	146	class="like cvs__item-like js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($it) }}">
147	<svg class="mr-10">	147	<svg class="mr-10">
148	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>	148	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
149	</svg>	149	</svg>
150	<span class="to-favorites">Добавить в избранное</span>	150	<span class="to-favorites">Добавить в избранное</span>
151	<span class="in-favorites">Убрать из избранного</span>	151	<span class="in-favorites">Убрать из избранного</span>
152	</button>	152	</button>
153		153
154	<button type="button"	154	<button type="button"
155	class="chat"	155	class="chat"
156	data-fancybox	156	data-fancybox
157	data-src="#send2"	157	data-src="#send2"
158	data-vacancy="0"	158	data-vacancy="0"
159	data-uid="{{ Auth()->user()->id }}"	159	data-uid="{{ Auth()->user()->id }}"
160	data-tuid="{{ $it->users->id }}"	160	data-tuid="{{ $it->users ? $it->users->id : '' }}"
161	data-options='{"touch":false,"autoFocus":false}'>	161	data-options='{"touch":false,"autoFocus":false}'>
162	<svg class="mr-10">	162	<svg class="mr-10">
163	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>	163	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
164	</svg>	164	</svg>
165	<span>Написать</span>	165	<span>Написать</span>
166	</button>	166	</button>
167		167
168	<a href="{{ route('resume_profile', ['worker' => $it->id]) }}" class="button">Подробнее</a>	168	<a href="{{ route('resume_profile', ['worker' => $it->id]) }}" class="button">Подробнее</a>
169	</div>	169	</div>
170	</div>	170	</div>
171	<div class="cvs__item-text">	171	<div class="cvs__item-text">
172	<div class="cvs__item-text-row">	172	<div class="cvs__item-text-row">
173	<div class="flex" style="align-items: start;">	173	<div class="flex" style="align-items: start;">
174	<div class="cvs__item-text-status @if ($it->status_work == 0) looking-for-job @endif">	174	<div class="cvs__item-text-status @if ($it->status_work == 0) looking-for-job @endif">
175	@php	175	@php
176	$worker_statuses = App\Enums\WorkerStatuses::getWorkerStatuses();	176	$worker_statuses = App\Enums\WorkerStatuses::getWorkerStatuses();
177	@endphp	177	@endphp
178	{{ $worker_statuses[$it->status_work] }}	178	{{ $worker_statuses[$it->status_work] }}
179	</div>	179	</div>
180	<div class="cvs__item-text-updated-at">	180	<div class="cvs__item-text-updated-at">
181	Обновлено: {{ date('d.m.Y', strtotime($it->updated_at)) }}	181	Обновлено: {{ date('d.m.Y', strtotime($it->updated_at)) }}
182	</div>	182	</div>
183	</div>	183	</div>
184	<div>	184	<div>
185	<b>Предпочтение по типу судна:</b>	185	<b>Предпочтение по типу судна:</b>
186	<div>{{ $it->boart_type_preference ?? '-' }}</div>	186	<div>{{ $it->boart_type_preference ?? '-' }}</div>
187	</div>	187	</div>
188	</div>	188	</div>
189		189
190	<div class="cvs__item-text-row">	190	<div class="cvs__item-text-row">
191	<div>	191	<div>
192	<b>ФИО:</b>	192	<b>ФИО:</b>
193	<div>@if (isset($it->users)){{ $it->users->surname." ".$it->users->name_man." ".$it->users->surname2 }} @endif</div>	193	<div>@if (isset($it->users)){{ $it->users->surname." ".$it->users->name_man." ".$it->users->surname2 }} @endif</div>
194	</div>	194	</div>
195	<div>	195	<div>
196	<b>Наличие визы:</b>	196	<b>Наличие визы:</b>
197	<div>{{ $it->visa_available ?? '-' }}</div>	197	<div>{{ $it->visa_available ?? '-' }}</div>
198	</div>	198	</div>
199	</div>	199	</div>
200		200
201	<div class="cvs__item-text-row">	201	<div class="cvs__item-text-row">
202	<div>	202	<div>
203	<b>Возраст:</b>	203	<b>Возраст:</b>
204	<div>{{ $it->old_year ?? '-' }}</div>	204	<div>{{ $it->old_year ?? '-' }}</div>
205	</div>	205	</div>
206	<div>	206	<div>
207	<b>Наличие танкерных документов:</b>	207	<b>Наличие танкерных документов:</b>
208	<div>{{ $it->tanker_documents_available ?? '-' }}</div>	208	<div>{{ $it->tanker_documents_available ?? '-' }}</div>
209	</div>	209	</div>
210	</div>	210	</div>
211		211
212	<div class="cvs__item-text-row">	212	<div class="cvs__item-text-row">
213	<div>	213	<div>
214	<b>Желаемые вакансии:</b>	214	<b>Желаемые вакансии:</b>
215	<div>	215	<div>
216	@if ($it->job_titles->count())	216	@if ($it->job_titles->count())
217	@foreach ($it->job_titles as $job_title)	217	@foreach ($it->job_titles as $job_title)
218	{{ $job_title->name }}	218	{{ $job_title->name }}
219	@if (!$loop->last) / @endif	219	@if (!$loop->last) / @endif
220	@endforeach	220	@endforeach
221	@else	221	@else
222	-	222	-
223	@endif	223	@endif
224	</div>	224	</div>
225	</div>	225	</div>
226	<div>	226	<div>
227	<b>Наличие подтверждения для работы на ВВП:</b>	227	<b>Наличие подтверждения для работы на ВВП:</b>
228	<div>{{ $it->confirmation_work_for_vvp ?? '-' }}</div>	228	<div>{{ $it->confirmation_work_for_vvp ?? '-' }}</div>
229	</div>	229	</div>
230	</div>	230	</div>
231		231
232	<div class="cvs__item-text-row">	232	<div class="cvs__item-text-row">
233	<div>	233	<div>
234	<b>Пожелание к З/П:</b>	234	<b>Пожелание к З/П:</b>
235	<div>{{ $it->salary_expectations ?? '-' }}</div>	235	<div>{{ $it->salary_expectations ?? '-' }}</div>
236	</div>	236	</div>
237	<div>	237	<div>
238	<b>Город проживания</b>	238	<b>Город проживания</b>
239	<div>{{ $it->city ?? "-" }}</div>	239	<div>{{ $it->city ?? "-" }}</div>
240	</div>	240	</div>
241	</div>	241	</div>
242		242
243	<div class="cvs__item-text-row">	243	<div class="cvs__item-text-row">
244	<div>	244	<div>
245	<b>Уровень английского:</b>	245	<b>Уровень английского:</b>
246	<div>{{ $it->english_level ?? '-' }}</div>	246	<div>{{ $it->english_level ?? '-' }}</div>
247	</div>	247	</div>
248	<div>	248	<div>
249	<b>Телефон:</b>	249	<b>Телефон:</b>
250	<div><a href="tel:{{ $it->telephone }}">{{ $it->telephone ?? '-' }}</a></div>	250	<div><a href="tel:{{ $it->telephone }}">{{ $it->telephone ?? '-' }}</a></div>
251	</div>	251	</div>
252	</div>	252	</div>
253		253
254	<div class="cvs__item-text-row">	254	<div class="cvs__item-text-row">
255	<div>	255	<div>
256	<b>Дата готовности к посадке:</b>	256	<b>Дата готовности к посадке:</b>
257	<div>{{ $it->ready_boart_date ?? '-' }}</div>	257	<div>{{ $it->ready_boart_date ?? '-' }}</div>
258	</div>	258	</div>
259	<div>	259	<div>
260	<b>E-mail:</b>	260	<b>E-mail:</b>
261	<div><a href="mailto:{{ $it->email }}">{{ $it->email }}</a></div>	261	<div><a href="mailto:{{ $it->email }}">{{ $it->email }}</a></div>
262	</div>	262	</div>
263	</div>	263	</div>
264	</div>	264	</div>
265	</div>	265	</div>
266	</div>	266	</div>
267	@endforeach	267	@endforeach
268	</div>	268	</div>
269	@else	269	@else
270	<div class="notify">	270	<div class="notify">
271	<svg>	271	<svg>
272	<use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>	272	<use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
273	</svg>	273	</svg>
274	<span>Нет избранных кандидатов</span>	274	<span>Нет избранных кандидатов</span>
275	</div>	275	</div>
276	@endif	276	@endif
277	</div>	277	</div>
278	</div>	278	</div>
279	</div>	279	</div>
280	</div>	280	</div>
281		281
282	</section>	282	</section>
283	</div>	283	</div>
284	@endsection	284	@endsection
285		285

resources/views/employers/list_vacancy.blade.php

Diff comments View file @ 6644490

 @extends('layout.frontend', ['title' => 'Список вакансий - РекаМоре'])
 @section('scripts')
     <script>
         $(document).on('change', '#sort_ajax', function() {
             var this_ = $(this);
             var val_ = this_.val();
             console.log('sort items '+val_);
             $.ajax({
                 type: "GET",
                 url: "{{ url()->current() }}",
                 data: "sort="+val_+"&search=@if ((isset($_GET['search']))&&(!empty($_GET['search']))){{$_GET['search']}}@endif",
                 success: function (data) {
                     console.log('Выбор сортировки');
                     console.log(data);
                     history.pushState({}, '', "{{ route('employer.vacancy_list') }}?search=@if ((isset($_GET['search']))&&(!empty($_GET['search']))){{$_GET['search']}}@endif"+"&sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
                     $('#main_ockar').html(data);
                 },
                 headers: {
                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                 error: function (data) {
                     data = JSON.stringify(data);
                     console.log('Error: ' + data);
                 }
             });
         });
+        $(document).on('click', '.js-delete-trigger', function () {
+            var targetModal = $(this).data('target');
+            $.fancybox.open({
+                src: targetModal,
+                type: 'inline',
+                opts: { touch: false }
+            });
+        });
     </script>
 @endsection
 @section('content')
     <section class="cabinet">
         @include('modals.flash-message', [
-            'title' => 'Спасибо!',
+            'title' => 'Успешно!',
             'message' => session('success')
         ])
         <div class="container">
             <ul class="breadcrumbs cabinet__breadcrumbs">
                 <li><a href="{{ route('index') }}">Главная</a></li>
                 <li><b>Личный кабинет</b></li>
             </ul>
             <div class="cabinet__wrapper">
                 <div class="cabinet__side">
                     <div class="cabinet__side-toper">
                             @include('employers.emblema')
                     </div>
                     @include('employers.menu', ['item' => 3])
                 </div>
                 <div class="cabinet__body">
                     <div class="cabinet__body-item">
                         <h2 class="title cabinet__title">Мои вакансии</h2>
                     </div>
                     <div class="cabinet__body-item">
                         <div class="cabinet__filters">
                             <div class="cabinet__filters-item">
                                 <form class="search" action="{{ url()->current() }}" method="GET">
                                     <input type="search" name="search" class="input" placeholder="Поиск&hellip;" value="@if ((isset($_GET['search'])) && (!empty($_GET['search']))) {{ $_GET['search'] }}@endif">
                                     <button type="submit" class="button">Найти</button>
                                     <span>
                                             <svg>
                                                 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
                                             </svg>
                                         </span>
                                 </form>
                             </div>
                             <div class="cabinet__filters-item">
                                 <div class="select">
                                     <select class="js-select2" id="sort_ajax" name="sort_ajax">
                                         <option value="default" @if (isset($_GET['sort']) && ($_GET['sort'] == 'default')) selected @endif>От новых к старым (по умолчанию)</option>
                                         <option value="public" @if (isset($_GET['sort']) && ($_GET['sort'] == 'public')) selected @endif>Опубликовано</option>
                                         <option value="nopublic" @if (isset($_GET['sort']) && ($_GET['sort'] == 'nopublic')) selected @endif>Не опубликовано</option>
                                         <!--<option value="name_up">По имени (возрастание)</option>
                                         <option value="name_down">По имени (убывание)</option>
                                         <option value="created_at_up">По дате (возрастание)</option>
                                         <option value="created_at_down">По дате (убывание)</option>-->
                                     </select>
                                 </div>
                             </div>
                         </div>
                             <div class="table table_spoiler" id="main_ockar" name="main_oskar">
                             @if ($vacancy_list->count())
                                 <div class="table__scroll">
                                     <div class="table__body table__body_min-width">
                                         <table>
                                             <thead>
                                             <tr>
                                                 <th>№</th>
                                                 <th>Название</th>
                                                 <th>Дата добавления<br>/&nbsp;обновления</th>
                                                 <th style="display:none">Должности</th>
                                                 <th>Статус</th>
                                                 <th>Действия</th>
                                             </tr>
                                             </thead>
                                             <tbody>
                                             @foreach($vacancy_list as $it)
                                             <tr>
                                                 <td>{{ $it->id }}</td>
                                                 <td>{{ $it->name }}</td>
                                                 <td>{{ date('d.m.Y', strtotime($it->created_at)) }} <br>/ {{ date('d.m.Y', strtotime($it->updated_at)) }}</td>
                                                 <td style="display:none"> <a href="{{ route('employer.add_job_in_vac', ['ad_employer' => $it->id]) }}" class="button">Добавить</a>
                                                     @if ($it->jobs->count())
                                                         @foreach ($it->jobs as $key => $it_um)
                                                             <p>@if (isset($it->jobs_code[$key]))
                                                                <a href="{{ route('employer.edit_job_in_vac', ['ad_job' => $it->jobs_code[$key]->id, 'ad_employer' => $it->id, 'job_title_id' => $it_um->id]) }}" style="text-decoration: underline">{{$it_um->name}}</a>
                                                                <a href="{{ route('employer.delete_job_in_vac', ['ad_job' => $it->jobs_code[$key]->id]) }}" style="text-decoration: underline">(Del)</a>
                                                                @endif
                                                             </p>
                                                         @endforeach
                                                     @else
                                                       Нет связанных <br> с вакансией должностей
                                                     @endif
                                                 </td>
                                                 <td>
                                                    @if ($it->active_is)
                                                         <span class="table__status green"><i></i>Опубликовано</span>
                                                    @else
                                                         <span class="table__status"><i></i>Не опубликовано</span>
                                                     @endif
                                                 </td>
                                                 <td>
                                                     <span class="table__controls">
                                                         <a class="table__controls-item up-it" title="Поднять вакансию" href="{{ route('employer.vacancy_up', ['ad_employer' => $it->id]) }}">
                                                             <svg>
                                                                 <use xlink:href="{{ asset('images/sprite.svg#arrow-radius') }}"></use>
                                                             </svg>
                                                         </a>
                                                         <a href="{{ route('employer.vacancy_edit', ['ad_employer' => $it->id]) }}" title="Редактировать вакансию"  class="table__controls-item">
                                                             <svg>
                                                                 <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>
                                                             </svg>
                                                         </a>
-                                                        <a class="table__controls-item" title="Удалить вакансию"  href="{{ route('employer.vacancy_delete', ['ad_employer' => $it->id]) }}">
+                                                        <a class="table__controls-item js-delete-trigger"
+                                                           title="Удалить вакансию"
+                                                           href="javascript:void(0)"
+                                                           data-target="#delete-{{ $it->id }}">
                                                             <svg>
                                                                 <use xlink:href="{{ asset('images/sprite.svg#cross') }}"></use>
                                                             </svg>
                                                         </a>
+                                                        @include('modals.vacancy.delete_vacancy', ['modalId' => "delete-{$it->id}", 'vacancyId' => $it->id, 'vacancyName' => $it->name])
                                                         @if ($it->active_is)
                                                             <a href="{{ route('employer.vacancy_eye', ['ad_employer' => $it->id, 'status' => 0]) }}" title="Скрыть вакансию"  class="table__controls-item">
-                                                                <svg>
+                                                                <svg preserveAspectRatio="xMidYMid meet">
                                                                     <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>
                                                                 </svg>
                                                             </a>
                                                         @else
                                                             <a href="{{ route('employer.vacancy_eye', ['ad_employer' => $it->id, 'status' => 1]) }}" title="Показать вакансию"  class="table__controls-item">
-                                                                <svg>
+                                                                <svg preserveAspectRatio="xMidYMid meet">
                                                                     <use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use>
                                                                 </svg>
                                                             </a>
                                                         @endif
                                                         @if ($Employer->social_is == 1)
                                                         <a href="{{ route('employer.send-vacancy-to-social', ['social' => 'tg', 'vacancy' => $it->id]) }}" title="Отправить вакансию в телеграм"  class="table__controls-item">
                                                                 <svg>
                                                                     <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
                                                                 </svg>
                                                         </a>
                                                         @endif
                                                     </span>
                                                 </td>
                                             </tr>
                                             @endforeach
                                             </tbody>
                                         </table>
                                     </div><br>
                                     {{ $vacancy_list->appends($_GET)->links('paginate') }}
                                 </div>
                                 @else
                                     <div class="notify">
                                         <svg>
                                             <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
                                         </svg>
                                         <span>Вы ещё не разместили ни одной вакансии</span>
                                     </div>
                                 @endif
                             </div>
                     </div>
                 </div>
             </div>
         </div>
     </section>
     </div>
 @endsection

resources/views/modals/chats/remove_chat.blade.php

Diff comments View file @ 6644490

1	<div class="hide">	1	<div class="hide">
2	<div id="remove_chat" class="modal-dialog">	2	<div id="remove_chat" class="modal-dialog">
3	<div class="modal-dialog-title">	3	<div class="modal-dialog-title">
4	<h2>Удалить чат</h2>	4	<h2>Удалить чат</h2>
5	</div>	5	</div>
6	<div class="modal-dialog-body">	6	<div class="modal-dialog-body">
7	<p>Вы действительно хотите удалить чат с "<b><span class="target-chat"></span></b>"?</p>	7	<p>Вы уверены, что хотите удалить час с "<b><span class="target-chat"></span></b>"?</p>
8	</div>	8	</div>
9	<div class="modal-dialog-footer">	9	<div class="modal-dialog-footer">
10	<button type="button" class="button remove-chat-button">Удалить</button>	10	<button type="button" class="button remove-chat-button">Удалить</button>
11	<button type="button" class="button button_light" onclick="$.fancybox.close();">Закрыть</button>	11	<button type="button" class="button button_light" onclick="$.fancybox.close();">Закрыть</button>
12	</div>	12	</div>
13	</div>	13	</div>
14	</div>	14	</div>
15		15
16	<script>	16	<script>
17	$(function(){	17	$(function(){
18	$('.remove-chat-button').click(function(){	18	$('.remove-chat-button').click(function(){
19	spinStart($(this));	19	spinStart($(this));
20	var wrap = $(this).closest('#remove_chat');	20	var wrap = $(this).closest('#remove_chat');
21	var chat_id = wrap.data('chat-id');	21	var chat_id = wrap.data('chat-id');
22		22
23	$.ajax({	23	$.ajax({
24	type: "POST",	24	type: "POST",
25	url: "{{ route('employer.remove_chat') }}",	25	url: "{{ route('employer.remove_chat') }}",
26	data: {	26	data: {
27	id: chat_id	27	id: chat_id
28	},	28	},
29	headers: {	29	headers: {
30	'X-CSRF-TOKEN': $('[name="_token"]').val()	30	'X-CSRF-TOKEN': $('[name="_token"]').val()
31	},	31	},
32	success: function(){	32	success: function(){
33	location.reload();	33	location.reload();
34	}	34	}
35	});	35	});
36	});	36	});
37	});	37	});
38	</script>	38	</script>
39		39

resources/views/modals/vacancy/delete_vacancy.blade.php

Diff comments View file @ 6644490

File was created	1	<form action="{{ route('employer.vacancy_delete', ['ad_employer' => $vacancyId]) }}"
	2	id="{{ $modalId }}"
	3	class="modal modal_bg"
	4	style="display: none;">
	5	@csrf
	6	<div class="modal__body">
	7	<div class="modal__title">Удалить вакансию?</div>
	8	<div class="modal__text">Вы уверены, что хотите удалить вакансию {{ $vacancyName }}?</div>
	9	<div class="modal__buttons">
	10	<button type="submit" class="button">Да</button>
	11	<button type="button" class="button button_light" data-fancybox-close>Нет</button>
	12	</div>
	13	</div>
	14	</form>
	15