@charset "UTF-8";
:root {
  --brand-color: rgb(255, 152, 0);
  --brand-color-second: rgb(81, 160, 238);
  --brand-color-third: rgb(244, 0, 48);
  --dark-color: rgb(131, 131, 131);
  --light-color: rgb(236, 236, 236);
  --success-color: rgb(0, 176, 0);
  --info-color: rgb(0, 191, 181);
  --danger-color: rgb(255, 92, 0);
  --error-color: rgb(242, 0, 0);
  --white-color: rgb(255 255 255);
  --passive-color: rgba(182, 182, 182, 1);
  --red-orange-color: rgba(255, 92, 0, 1);
  --card-text-title-color: rgba(0, 0, 0, 1);
  --card-text-title-font-size: 16px;
  --card-text-title-font-weight: 400;
  --base-font-size: 14px;
  --container-width: 1134px;
  --block-margin: 40px;
  --nav-font-size: 14px;
  --nav-font-color: rgba(99, 99, 99, 1);
  --btn-group-padding: 12px 22px;
  --btn-text-color: rgba(132, 132, 132, 1);
  --btn-border-radius: 18px;
  --vacancy-tag-radius: 10px;
  --block-title-size: 22px;
  --block-title-margin: 20px;
  --grid-item-width: 260px;
  --gap: 30px;
  --card-secondary-color: rgb(165, 165, 165, 1);
  --card-padding: 13px 19px;
  --card-border-radius: 10px;
  --card-border-color: rgb(221, 221, 221, 1);
  --card-secondary-font-size: 16px;
  --tips-block: #FFF7ED;
  --footer-bg-color: rgb(74, 74, 74, 1);
  --color-passive-900: rgb(132, 132, 132, 1);
  --color-passive-600: rgb(237, 237, 237, 1);
  --color-passive-400: rgb(198, 198, 198, 1);
  --character-quote-border-color: rgb(255, 193, 0);
  --disabled-color: rgb(224, 224, 224, 1);
  --disabled-opacity: 0.6;
  --text-color-primary: rgb(0, 0, 0);
  --text-color-secondary: rgb(131, 131, 131);
  --link-color: rgb(38, 155, 248);
  --text-line-height: 23pt;
  --placeholder-color: rgb(153, 153, 153);
}

.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: var(--btn-border-radius);
  display: flex;
  flex-wrap: wrap;
  min-height: 32px;
}
.ts-control:focus-visible {
  outline: 1px var(--dark-color) solid;
}

.ts-wrapper.multi.has-items .ts-control {
  padding: 4px 8px 2px;
}

.full .ts-control {
  background-color: #fff;
}

.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}

.focus .ts-control {
  box-shadow: none;
}

.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}

.ts-wrapper.multi .ts-control > .item {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 10px;
  background: var(--brand-color-second);
  color: white;
  border: 0 solid #d0d0d0;
  border-radius: var(--btn-border-radius);
}

.ts-wrapper.multi .ts-control > .item.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.ts-wrapper.multi.disabled .ts-control > .item,
.ts-wrapper.multi.disabled .ts-control > .item.active {
  color: #7d7d7d;
  background: white;
  border: 0 solid white;
}

.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}

.ts-control > input::-ms-clear {
  display: none;
}

.ts-control > input:focus {
  outline: none !important;
}

.has-items .ts-control > input {
  margin: 0 4px !important;
}

.ts-control.rtl {
  text-align: right;
}

.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}

.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}

.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid transparent;
  background: #fff;
  margin: 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 3px 10px 5px rgba(0, 0, 0, 0.25);
  border-radius: var(--btn-border-radius);
}

.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}

.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.ts-dropdown .active.create {
  color: #495c68;
}

.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}

.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ts-dropdown .loading-more-results {
  cursor: default !important;
  color: #7d7d7d;
}

.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}

.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

/* stylelint-disable function-name-case */
/*.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}*/
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  right: max(var(--ts-pr-caret), 8px);
  color: var(--text-color-primary) !important;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}

.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}

.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.select2-container--default.select2-container--focus .select2-selection--multiple:focus-visible,
.select2-container--default.select2-container--focus .select2-selection--multiple:focus,
.select2-container--default.select2-container--focus .select2-selection--single:focus-visible,
.select2-container--default.select2-container--focus .select2-selection--single:focus {
  outline: none;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 3px 3px 0 0;
}

.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  border-color: transparent;
}

.plugin-dropdown_input .dropdown-input {
  border: 1px solid transparent;
  border-bottom: 1px solid var(--color-passive-400);
  display: block;
  padding: 6px 0 4px 8px;
  box-shadow: none;
  width: calc(100% - 8px);
  background: transparent;
}
.plugin-dropdown_input .dropdown-input:focus-visible {
  outline: none;
}

.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}

.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}

.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}

.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  margin-left: 6px;
  margin-right: 6px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #cacaca;
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: white;
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #d0d0d0;
  margin-right: 6px;
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #cacaca;
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: white;
}

:root {
  --ts-pr-clear-button: 1em;
  --ts-pr-caret: 30px;
  --ts-pr-min: .75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
  width: 100%;
}

.ts-dropdown,
.ts-control,
.ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 16px;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.tom-select {
  width: 100%;
}
.tom-select input::placeholder {
  color: var(--placeholder-color);
}

.ts-control .item {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tomselect-checkbox.ts-checked {
  accent-color: #4b95dd;
}

.bg-primary {
  background: var(--brand-color) !important;
}

.color-primary {
  color: var(--brand-color) !important;
}

.border-color-primary {
  border-color: var(--brand-color);
}

.bg-hover-primary:hover {
  background-color: var(--brand-color);
}

.separator-color-primary::before, .separator-color-primary::after {
  border-color: var(--brand-color) !important;
}

.color-hover-name:hover {
  color: var(--brand-color) !important;
}

.bg-secondary {
  background: var(--brand-color-second) !important;
}

.color-secondary {
  color: var(--brand-color-second) !important;
}

.border-color-secondary {
  border-color: var(--brand-color-second);
}

.bg-hover-secondary:hover {
  background-color: var(--brand-color-second);
}

.separator-color-secondary::before, .separator-color-secondary::after {
  border-color: var(--brand-color-second) !important;
}

.color-hover-name:hover {
  color: var(--brand-color-second) !important;
}

.bg-third {
  background: var(--brand-color-third) !important;
}

.color-third {
  color: var(--brand-color-third) !important;
}

.border-color-third {
  border-color: var(--brand-color-third);
}

.bg-hover-third:hover {
  background-color: var(--brand-color-third);
}

.separator-color-third::before, .separator-color-third::after {
  border-color: var(--brand-color-third) !important;
}

.color-hover-name:hover {
  color: var(--brand-color-third) !important;
}

.bg-disabled {
  background: var(--disabled-color) !important;
}

.color-disabled {
  color: var(--disabled-color) !important;
}

.border-color-disabled {
  border-color: var(--disabled-color);
}

.bg-hover-disabled:hover {
  background-color: var(--disabled-color);
}

.separator-color-disabled::before, .separator-color-disabled::after {
  border-color: var(--disabled-color) !important;
}

.color-hover-name:hover {
  color: var(--disabled-color) !important;
}

.bg-danger {
  background: var(--danger-color) !important;
}

.color-danger {
  color: var(--danger-color) !important;
}

.border-color-danger {
  border-color: var(--danger-color);
}

.bg-hover-danger:hover {
  background-color: var(--danger-color);
}

.separator-color-danger::before, .separator-color-danger::after {
  border-color: var(--danger-color) !important;
}

.color-hover-name:hover {
  color: var(--danger-color) !important;
}

.bg-success {
  background: var(--success-color) !important;
}

.color-success {
  color: var(--success-color) !important;
}

.border-color-success {
  border-color: var(--success-color);
}

.bg-hover-success:hover {
  background-color: var(--success-color);
}

.separator-color-success::before, .separator-color-success::after {
  border-color: var(--success-color) !important;
}

.color-hover-name:hover {
  color: var(--success-color) !important;
}

.bg-info {
  background: var(--info-color) !important;
}

.color-info {
  color: var(--info-color) !important;
}

.border-color-info {
  border-color: var(--info-color);
}

.bg-hover-info:hover {
  background-color: var(--info-color);
}

.separator-color-info::before, .separator-color-info::after {
  border-color: var(--info-color) !important;
}

.color-hover-name:hover {
  color: var(--info-color) !important;
}

.bg-dark {
  background: var(--dark-color) !important;
}

.color-dark {
  color: var(--dark-color) !important;
}

.border-color-dark {
  border-color: var(--dark-color);
}

.bg-hover-dark:hover {
  background-color: var(--dark-color);
}

.separator-color-dark::before, .separator-color-dark::after {
  border-color: var(--dark-color) !important;
}

.color-hover-name:hover {
  color: var(--dark-color) !important;
}

.bg-light {
  background: var(--light-color) !important;
}

.color-light {
  color: var(--light-color) !important;
}

.border-color-light {
  border-color: var(--light-color);
}

.bg-hover-light:hover {
  background-color: var(--light-color);
}

.separator-color-light::before, .separator-color-light::after {
  border-color: var(--light-color) !important;
}

.color-hover-name:hover {
  color: var(--light-color) !important;
}

.bg-white {
  background: white !important;
}

.color-white {
  color: white !important;
}

.border-color-white {
  border-color: white;
}

.bg-hover-white:hover {
  background-color: white;
}

.separator-color-white::before, .separator-color-white::after {
  border-color: white !important;
}

.color-hover-name:hover {
  color: white !important;
}

.bg-text {
  background: var(--text-color-primary) !important;
}

.color-text {
  color: var(--text-color-primary) !important;
}

.border-color-text {
  border-color: var(--text-color-primary);
}

.bg-hover-text:hover {
  background-color: var(--text-color-primary);
}

.separator-color-text::before, .separator-color-text::after {
  border-color: var(--text-color-primary) !important;
}

.color-hover-name:hover {
  color: var(--text-color-primary) !important;
}

.bg-error {
  background: var(--error-color) !important;
}

.color-error {
  color: var(--error-color) !important;
}

.border-color-error {
  border-color: var(--error-color);
}

.bg-hover-error:hover {
  background-color: var(--error-color);
}

.separator-color-error::before, .separator-color-error::after {
  border-color: var(--error-color) !important;
}

.color-hover-name:hover {
  color: var(--error-color) !important;
}

.bg-transparent {
  background: transparent !important;
}

.color-transparent {
  color: transparent !important;
}

.border-color-transparent {
  border-color: transparent;
}

.bg-hover-transparent:hover {
  background-color: transparent;
}

.separator-color-transparent::before, .separator-color-transparent::after {
  border-color: transparent !important;
}

.color-hover-name:hover {
  color: transparent !important;
}

.bg-gray {
  background: var(--passive-color) !important;
}

.color-gray {
  color: var(--passive-color) !important;
}

.border-color-gray {
  border-color: var(--passive-color);
}

.bg-hover-gray:hover {
  background-color: var(--passive-color);
}

.separator-color-gray::before, .separator-color-gray::after {
  border-color: var(--passive-color) !important;
}

.color-hover-name:hover {
  color: var(--passive-color) !important;
}

.bg-passive {
  background: var(--passive-color) !important;
}

.color-passive {
  color: var(--passive-color) !important;
}

.border-color-passive {
  border-color: var(--passive-color);
}

.bg-hover-passive:hover {
  background-color: var(--passive-color);
}

.separator-color-passive::before, .separator-color-passive::after {
  border-color: var(--passive-color) !important;
}

.color-hover-name:hover {
  color: var(--passive-color) !important;
}

.tag-disable {
  font-size: 14px;
  padding: 5px 12px !important;
  border-radius: var(--vacancy-tag-radius);
  background: var(--disabled-color) !important;
  color: var(--dark-color) !important;
  line-height: 1.3rem;
  text-align: center;
}
.tag-disable i {
  position: relative;
  width: 15px;
  height: 15px;
}
.tag-disable i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag-primary {
  font-size: 14px;
  padding: 5px 12px !important;
  border-radius: var(--vacancy-tag-radius);
  background: var(--brand-color) !important;
  color: white !important;
  line-height: 1.3rem;
  text-align: center;
}
.tag-primary i {
  position: relative;
  width: 15px;
  height: 15px;
}
.tag-primary i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag-info {
  font-size: 14px;
  padding: 5px 12px !important;
  border-radius: var(--vacancy-tag-radius);
  background: var(--info-color) !important;
  color: white !important;
  line-height: 1.3rem;
  text-align: center;
}
.tag-info i {
  position: relative;
  width: 15px;
  height: 15px;
}
.tag-info i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag-success {
  font-size: 14px;
  padding: 5px 12px !important;
  border-radius: var(--vacancy-tag-radius);
  background: var(--success-color) !important;
  color: white !important;
  line-height: 1.3rem;
  text-align: center;
}
.tag-success i {
  position: relative;
  width: 15px;
  height: 15px;
}
.tag-success i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag-secondary {
  font-size: 14px;
  padding: 5px 12px !important;
  border-radius: var(--vacancy-tag-radius);
  background: var(--brand-color-second) !important;
  color: white !important;
  line-height: 1.3rem;
  text-align: center;
}
.tag-secondary i {
  position: relative;
  width: 15px;
  height: 15px;
}
.tag-secondary i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag-error {
  font-size: 14px;
  padding: 5px 12px !important;
  border-radius: var(--vacancy-tag-radius);
  background: var(--error-color) !important;
  color: white !important;
  line-height: 1.3rem;
  text-align: center;
}
.tag-error i {
  position: relative;
  width: 15px;
  height: 15px;
}
.tag-error i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag-dark {
  font-size: 14px;
  padding: 5px 12px !important;
  border-radius: var(--vacancy-tag-radius);
  background: var(--dark-color) !important;
  color: white !important;
  line-height: 1.3rem;
  text-align: center;
}
.tag-dark i {
  position: relative;
  width: 15px;
  height: 15px;
}
.tag-dark i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag-light {
  font-size: 14px;
  padding: 5px 12px !important;
  border-radius: var(--vacancy-tag-radius);
  background: var(--light-color) !important;
  color: var(--dark-color) !important;
  line-height: 1.3rem;
  text-align: center;
}
.tag-light i {
  position: relative;
  width: 15px;
  height: 15px;
}
.tag-light i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m-0 {
  margin: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.m-4 {
  margin: 4px !important;
}

.mx-4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.p-4 {
  padding: 4px !important;
}

.px-4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.m-8 {
  margin: 8px !important;
}

.mx-8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.p-8 {
  padding: 8px !important;
}

.px-8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.m-12 {
  margin: 12px !important;
}

.mx-12 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.p-12 {
  padding: 12px !important;
}

.px-12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.m-16 {
  margin: 16px !important;
}

.mx-16 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.px-16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.m-20 {
  margin: 20px !important;
}

.mx-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.m-24 {
  margin: 24px !important;
}

.mx-24 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.p-24 {
  padding: 24px !important;
}

.px-24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.m-28 {
  margin: 28px !important;
}

.mx-28 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.p-28 {
  padding: 28px !important;
}

.px-28 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.m-32 {
  margin: 32px !important;
}

.mx-32 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.p-32 {
  padding: 32px !important;
}

.px-32 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.m-36 {
  margin: 36px !important;
}

.mx-36 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.p-36 {
  padding: 36px !important;
}

.px-36 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.m-40 {
  margin: 40px !important;
}

.mx-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.m-44 {
  margin: 44px !important;
}

.mx-44 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.p-44 {
  padding: 44px !important;
}

.px-44 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.m-48 {
  margin: 48px !important;
}

.mx-48 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.p-48 {
  padding: 48px !important;
}

.px-48 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.m-52 {
  margin: 52px !important;
}

.mx-52 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.my-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.p-52 {
  padding: 52px !important;
}

.px-52 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.py-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.m-60 {
  margin: 60px !important;
}

.mx-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.px-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.m-64 {
  margin: 64px !important;
}

.mx-64 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.p-64 {
  padding: 64px !important;
}

.px-64 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.py-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.pl-64 {
  padding-left: 64px !important;
}

.pr-64 {
  padding-right: 64px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

@media (min-width: 576px) {
  .col-xs {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .col-xs-1 {
    width: 8.3333333333%;
  }
  .col-xs-2 {
    width: 16.6666666667%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.3333333333%;
  }
  .col-xs-5 {
    width: 41.6666666667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.3333333333%;
  }
  .col-xs-8 {
    width: 66.6666666667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.3333333333%;
  }
  .col-xs-11 {
    width: 91.6666666667%;
  }
  .col-xs-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
.grid-item-1 {
  grid-column: span 1;
}

.grid-item-2 {
  grid-column: span 2;
}

.grid-item-3 {
  grid-column: span 3;
}

.grid-item-4 {
  grid-column: span 4;
}

.grid-item-5 {
  grid-column: span 5;
}

.grid-item-6 {
  grid-column: span 6;
}

.grid-item-7 {
  grid-column: span 7;
}

.grid-item-8 {
  grid-column: span 8;
}

.grid-item-9 {
  grid-column: span 9;
}

.grid-item-10 {
  grid-column: span 10;
}

.grid-item-11 {
  grid-column: span 11;
}

.grid-item-12 {
  grid-column: span 12;
}

.grid-container-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-6 {
  display: grid;
  grid-template-columns: repeat(6, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-7 {
  display: grid;
  grid-template-columns: repeat(7, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-8 {
  display: grid;
  grid-template-columns: repeat(8, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-9 {
  display: grid;
  grid-template-columns: repeat(9, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-10 {
  display: grid;
  grid-template-columns: repeat(10, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-11 {
  display: grid;
  grid-template-columns: repeat(11, minmax(60px, 1fr));
  gap: 30px;
}

.grid-container-12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(60px, 1fr));
  gap: 30px;
}

.vacancy-page {
  display: grid;
  grid-template-columns: 1fr 261px;
  grid-gap: 30px;
}
.vacancy-page .vacancy-status {
  padding: 5px 12px;
  max-height: 27px;
  border-color: transparent;
  background-color: var(--brand-color);
  color: rgb(255, 255, 255);
  border-radius: var(--btn-border-radius);
  line-height: initial;
  display: inline-block;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font-size: var(--base-font-size);
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .vacancy-page {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 5px;
  }
}
.vacancy-page__left, .vacancy-page__right {
  height: fit-content;
  order: 2;
}
@media screen and (max-width: 768px) {
  .vacancy-page__right {
    order: 2;
    margin-bottom: 25px;
    width: 100%;
  }
}
.vacancy-page__info {
  display: grid;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 768px) {
  .vacancy-page__info {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 5px;
  }
}
.vacancy-page__similar-resumes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  grid-gap: var(--gap);
}
@media screen and (max-width: 768px) {
  .vacancy-page__similar-resumes {
    display: block;
  }
}
.vacancy-page__similar-vacancies {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-gap: var(--gap);
}
@media screen and (max-width: 768px) {
  .vacancy-page__similar-vacancies {
    display: block;
  }
}

.views-count {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(93.43deg, #449EF3 41.39%, #88BDF1 97.72%);
  height: fit-content;
  color: white;
  padding: 12px 20px;
  border-radius: 20px;
  gap: 17px;
}
.views-count__text span {
  font-size: 22px;
}
.views-count__text div {
  font-size: 22px;
  white-space: nowrap;
}
.views-count i {
  font-size: 32px;
}

#employer-vacancy-list .vacancy-filter {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 70px;
  grid-gap: 20px;
}
@media screen and (max-width: 768px) {
  #employer-vacancy-list .vacancy-filter {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
  #employer-vacancy-list .vacancy-filter .fake-label {
    display: none;
  }
}
#employer-vacancy-list .vacancy-filter .form-group, #employer-vacancy-list .vacancy-filter .form-row, #employer-vacancy-list .vacancy-filter .control-label, #employer-vacancy-list .vacancy-filter .form-control {
  margin-bottom: 0 !important;
}
#employer-vacancy-list .template-description, #employer-vacancy-list .filter {
  background-color: var(--light-color);
  border-radius: 15px;
  border: 1px rgb(197, 197, 197) solid;
  padding: 16px 12px;
}
#employer-vacancy-list .template-description {
  gap: 20px;
}
#employer-vacancy-list .template-description__info {
  display: grid;
  grid-template-columns: 3fr 1fr;
  align-items: end;
  gap: 20px;
}
#employer-vacancy-list .template-description__info p {
  line-height: 1.5rem;
}
#employer-vacancy-list .filter {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
}
#employer-vacancy-list .filter-inputs .ts-control {
  background-color: white;
}
@media screen and (min-width: 769px) {
  #employer-vacancy-list .filter-inputs__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  #employer-vacancy-list .filter-inputs__row .form-group.form-row {
    margin-bottom: 0;
  }
}
#employer-vacancy-list .filter-controls {
  display: grid;
  grid-template-columns: 1fr;
}
#employer-vacancy-list .filter-controls .label-checkbox {
  display: flex;
  align-items: center;
}
#employer-vacancy-list .filter-controls .btn {
  width: 100%;
  justify-content: center;
}

.green {
  color: var(--success-color);
}

.orange {
  color: var(--brand-color);
}

.red {
  color: var(--brand-color-third);
}

.red-orange {
  color: var(--red-orange-color);
}

.red-orange-bg {
  background: var(--red-orange-color);
}

.blue {
  color: var(--brand-color-second);
}

@media screen and (max-width: 992px) and (max-width: 768px) {
  .vacancy-page__left {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  .block h3 a {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #employer-vacancy-list .filter .btn-list {
    margin-bottom: 20px;
  }
  .search-list__sort-item {
    margin: 12px 0;
  }
  .statistic-vacancy-block {
    display: flex;
    flex-wrap: wrap;
  }
  .statistic-vacancy-block__item {
    margin: 10px;
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .statistic-vacancy-block {
    display: flex;
    flex-wrap: wrap;
  }
  .statistic-vacancy-block__item {
    margin: 10px;
    width: calc(50% - 20px);
  }
}
.no-vacancy-block {
  color: var(--text-color-secondary);
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  gap: 1.5rem;
}
.no-vacancy-block .icon {
  font-size: 52px;
}
.no-vacancy-block .title {
  font-weight: 700;
  letter-spacing: -0.07px;
}

@media screen and (max-width: 576px) {
  .statistic-vacancy-block {
    display: block;
  }
  .statistic-vacancy-block__item {
    margin: 0;
    width: auto;
  }
}
.vacancy-templates {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.vacancy-templates .template-row {
  display: grid;
  grid-template-columns: 1fr 100px;
  gap: 20px;
}
.vacancy-templates .template-row__card-title {
  text-decoration: none;
  font-size: 18px;
  color: black;
}

.specs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
  align-items: center;
}
.specs .spec {
  border-radius: 20px;
  padding: 5px 20px;
  text-decoration: none;
  cursor: pointer;
  color: var(--text-color-primary);
  transition: all 0.3s ease;
  max-width: 150px;
  text-align: center;
  border: 1px solid var(--card-border-color);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.specs .spec a {
  text-decoration: none;
  color: var(--text-color-primary);
}
.specs .spec:hover {
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .specs .spec {
    padding: 5px 12px;
    max-width: 120px;
    font-size: 12px;
  }
}
@media (max-width: 567px) {
  .specs .spec {
    display: none;
  }
}

.d-none {
  display: none !important;
}

.salary-range {
  flex: 0.3;
}

.active-format-btn {
  background-color: var(--brand-color-second) !important;
  color: white !important;
}

.salary-fields-group {
  flex: 7;
  display: flex;
  align-items: center;
  gap: 10px;
}

.salary-period-field {
  width: 150px;
}

.salary-divider {
  width: 20px;
  height: 1px;
  background-color: #ccc;
  flex-shrink: 0;
  margin-bottom: 15px;
}

.salary-field {
  flex: 1;
  min-width: 0;
}

@media (max-width: 768px) {
  .salary-container {
    flex-direction: column;
    gap: 15px;
  }
  .salary-fields-group,
  .salary-period-field {
    width: 100%;
  }
  .salary-divider {
    width: 20px;
  }
}
.vacancy-page__info .detail h1 {
  margin-bottom: 7px;
}

.metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.metrics__item {
  text-align: center;
  padding: 15px;
  color: rgb(131, 131, 131);
}
.metrics__item:not(:last-child) {
  position: relative;
}
.metrics__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 0;
  width: 1px;
  height: 50%;
  background-color: #e0e0e0;
}
.metrics__value {
  font-size: 18px;
}
.metrics__label {
  font-size: 14px;
  color: #666;
}

.vacancy-page__right .disabled-block {
  background: var(--disabled-color);
  color: var(--dark-color);
  border-radius: var(--vacancy-tag-radius);
  padding: 15px;
  margin-bottom: 10px;
}
.vacancy-page__right .disabled-block-info {
  background: linear-gradient(93.43deg, #449EF3 41.39%, #88BDF1 97.72%);
  color: var(--white-color);
  padding: 18px 11px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.vacancy-page__right .disabled-block-info p {
  margin-bottom: 12px;
}

.vacancy-page__buttons .red-orange-bg {
  background: var(--red-orange-color) !important;
}

.vacancy-stats {
  border: 1px solid var(--card-border-color);
  border-radius: 23px;
  margin-bottom: 15px;
}

.company-card button {
  width: 100%;
}

.vacancy-actions {
  border-radius: 30px;
  background-color: var(--brand-color);
  padding: 2px 4px;
}
.vacancy-actions .color-primary:not(i):not(svg) {
  color: var(--white-color) !important;
}

:root {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: var(--base-font-size);
}
:root hr {
  margin: 15px 0;
  border: none;
  background-color: var(--passive-color);
  height: 1px;
}
:root h1 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 26px;
}
:root h1 .title-badge {
  position: relative;
  left: 6px;
  bottom: 12px;
  font-size: 16px;
}
:root h2 {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 22px;
}
:root h3 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 18px;
}
:root h4 {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 14px;
}
:root p {
  margin-bottom: 32px;
}

a, .is-link {
  color: var(--link-color);
  text-decoration-line: underline;
  text-underline-offset: 3px;
}
a:hover, .is-link:hover {
  cursor: pointer;
}

.form-control {
  all: unset;
  border: 1px var(--color-passive-400) solid;
  padding: 3px 16px;
  margin-bottom: 15px;
  box-sizing: border-box;
  border-radius: 20px;
  cursor: initial;
  font-size: var(--base-font-size);
  width: 100%;
  display: block;
  background-color: white;
  -moz-appearance: textfield;
}
.form-control:disabled {
  opacity: var(--disabled-opacity);
  cursor: not-allowed;
  background-color: var(--disabled-color);
}
.form-control:focus-visible {
  outline: 1px var(--dark-color) solid;
}
.form-control::placeholder {
  font-weight: 400;
  color: var(--placeholder-color);
  font-size: 14px;
}

textarea.form-control {
  min-height: 300px;
  word-wrap: break-word;
  padding: 7px 16px;
  border-radius: 16px;
}
textarea.form-control::-webkit-scrollbar {
  width: 8px;
}
@media screen and (max-width: 576px) {
  textarea.form-control::-webkit-scrollbar {
    width: 10px;
  }
}
textarea.form-control::-webkit-scrollbar-track {
  background-color: rgba(198, 198, 198, 0.25);
  border-radius: 16px;
  margin: 6px 0;
}
textarea.form-control::-webkit-scrollbar-thumb {
  background-color: var(--brand-color);
  border-radius: 13px;
}
textarea.form-control::-webkit-scrollbar-thumb:active {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

select.form-control {
  padding: 6px 40px 6px 16px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
}

.input-help-block {
  display: flex;
  font-size: 14px;
  color: var(--dark-color);
}

.pw-widget {
  position: relative;
}
.pw-widget input {
  padding-left: 40px;
}
.pw-widget .toggle-pw {
  color: var(--dark-color);
  cursor: pointer;
  position: absolute;
  top: 9px;
  left: 15px;
}

input[type=checkbox].form-control {
  position: relative;
  all: revert;
  appearance: none;
  cursor: pointer;
  vertical-align: bottom;
}
input[type=checkbox].form-control:focus-visible {
  outline: 1px var(--dark-color) solid;
}
input[type=checkbox].form-control::after {
  content: "";
  display: block;
  border-radius: 6px;
  background-color: white;
  border: 1px var(--color-passive-400) solid;
  width: 20px;
  height: 20px;
  transition: all 0.3s ease;
}
input[type=checkbox].form-control:active::after {
  background-color: var(--brand-color);
  border-color: transparent;
}
input[type=checkbox].form-control:checked::after {
  background-color: var(--brand-color);
  border-color: transparent;
}
input[type=checkbox].form-control:checked::before {
  position: absolute;
  margin: 3px 7px;
  content: "";
  display: block;
  height: 13px;
  width: 8px;
  border-radius: 0;
  box-sizing: border-box;
  border-bottom: 3px white solid;
  border-right: 3px white solid;
  rotate: 38deg;
}
input[type=checkbox].form-control:checked:disabled:after {
  background-color: var(--brand-color);
}
input[type=checkbox].form-control:disabled {
  opacity: var(--disabled-opacity);
  background-color: transparent;
  cursor: not-allowed;
}
input[type=checkbox].form-control:disabled::after {
  background-color: var(--color-passive-600);
}
input[type=checkbox].form-control.round::after {
  border-radius: 50%;
}

input[type=radio].form-control {
  position: relative;
  border-radius: 2px;
  all: revert;
  appearance: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: bottom;
}
input[type=radio].form-control > * {
  margin-left: 0.5em;
}
input[type=radio].form-control::after {
  content: "";
  display: block;
  background-color: white;
  border: 1px var(--color-passive-400) solid;
  width: 20px;
  height: 20px;
  transition: all 0.3s ease;
  border-radius: 50%;
}
input[type=radio].form-control::before {
  content: "";
  position: absolute;
  display: block;
  background-color: transparent;
  width: 10px;
  height: 10px;
  transition: all 0.3s ease;
  border-radius: 50%;
  margin: 6px;
}
input[type=radio].form-control:checked::before {
  background-color: var(--brand-color);
}
input[type=radio].form-control:disabled {
  cursor: not-allowed;
}
input[type=radio].form-control:disabled::after {
  background-color: var(--disabled-color);
  opacity: var(--disabled-opacity);
}

.control-label {
  margin-bottom: 7px;
}

.btn {
  padding: 5px 12px;
  border: 2px solid transparent;
  background-color: var(--brand-color);
  color: rgb(255, 255, 255);
  border-radius: var(--btn-border-radius);
  line-height: initial;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font-size: var(--base-font-size);
}
.btn.passive {
  background-color: var(--dark-color);
  color: rgb(255, 255, 255);
}
.btn.large {
  --base-font-size: 16px;
  font-size: var(--base-font-size);
  padding: 10px 25px;
}
.btn:hover {
  cursor: pointer;
  text-decoration: underline;
}
.btn:active {
  opacity: 0.7;
}
.btn:disabled, .btn.disabled {
  color: var(--dark-color);
  background-color: var(--light-color);
}
.btn:disabled:active, .btn.disabled:active {
  opacity: inherit;
}
.btn:disabled:hover, .btn.disabled:hover {
  cursor: not-allowed;
}

.btn-group {
  position: relative;
  width: fit-content;
  --group-padding: 5px 33px;
  --btn-border-radius: 15px;
  background-color: rgb(237, 237, 237);
  padding: 7px 0;
  border-radius: var(--btn-border-radius);
}
.btn-group > * {
  padding: var(--group-padding);
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 15px;
}
.btn-group > *:hover {
  color: white;
  border-radius: var(--btn-border-radius);
}
.btn-group a, .btn-group button {
  position: relative;
  z-index: 1;
  color: #838383;
  text-decoration: none;
}
.btn-group a:hover, .btn-group button:hover {
  text-decoration: underline;
}
.btn-group a.is-selected, .btn-group button.is-selected {
  color: var(--white-color);
}
.btn-group .btn-group__selected-bg {
  position: absolute;
  background-color: var(--brand-color);
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  padding: 0;
}
.btn-group .active {
  background-color: var(--brand-color);
  color: white;
  border-radius: var(--btn-border-radius);
}

.icon-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--brand-color);
  color: white;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-decoration: none !important;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.2s ease;
  border: none;
}
.icon-btn:hover {
  transform: scale(1.15);
}

.btn-round {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
}

label {
  font-weight: 400;
}
label.label-checkbox {
  gap: 0.5em;
}
label.required:after {
  content: "*";
  margin-left: 0.2em;
  color: var(--brand-color-third);
}

.form-wrapper {
  margin: 0 auto;
  max-width: 500px;
}

.form-row {
  margin-bottom: 15px;
}

.registration-form.card {
  box-sizing: border-box;
  padding: 40px 48px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  .registration-form.card {
    padding: 20px 25px;
  }
}
.registration-form.card .registration-form__agreement {
  color: var(--dark-color);
}
.registration-form.card label.control-label {
  display: flex;
}

.registration-form.card {
  border-radius: 30px;
}

.registration-form__applicant #registration_step1_emailOrPhone::placeholder {
  text-align: center;
}

.resend-email {
  text-decoration: none;
}
.resend-email:hover {
  text-decoration: underline;
}

.verify-code__links a {
  text-decoration: none;
}
.verify-code__links a:hover {
  text-decoration: underline;
}

.step-form .registration-form__links {
  margin-bottom: 15px;
  color: var(--passive-color);
}
.step-form__steps {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.step-form__steps::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: -1;
  top: calc(50% - 2px);
  border-bottom: 2px var(--card-border-color) dashed;
}
.step-form__steps > * {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  z-index: 1;
  background-color: var(--color-passive-600);
  color: var(--nav-font-color);
  box-shadow: 0 0 0 8px white;
}
.step-form__steps > *.visited {
  background-color: var(--color-passive-900);
  color: white;
}
.step-form__steps > *.step-active {
  background-color: var(--brand-color);
  color: white;
}

.drive-license-checkbox {
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.drive-license-checkbox .input-hidden {
  width: 30px;
  height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none !important;
  appearance: none;
  position: absolute;
  z-index: -1;
}
.drive-license-checkbox .input-hidden ~ span {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--light-color);
  color: var(--dark-color);
  transition: all 0.2s ease;
}
.drive-license-checkbox .input-hidden:checked ~ span {
  background-color: var(--brand-color);
  color: white;
}
.drive-license-checkbox .input-hidden:active ~ span {
  background-color: var(--brand-color);
  color: white;
  opacity: 0.5;
}
.drive-license-checkbox .input-hidden:disabled ~ span {
  background-color: var(--disabled-color);
  color: white;
  cursor: not-allowed;
}

.raberu-icon-edit-bg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--light-color);
  color: var(--dark-color);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-decoration: none !important;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.2s ease;
  border: none;
}
.raberu-icon-edit-bg:hover {
  transform: scale(1.15);
}

.change-password-block-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

@media screen and (max-width: 576px) {
  .grid-container-12 .shop-btn-list {
    display: block;
  }
  .grid-container-12 .shop-btn-list > * button {
    width: 100%;
    margin: 12px 0 12px 0 !important;
  }
  section #my-resume-status .status-select {
    display: block;
  }
  section .resume-btn-list {
    display: flex;
    flex-wrap: wrap;
  }
  section .resume-btn-list a, section .resume-btn-list button, section .resume-btn-list .show-phone-container {
    margin: 12px 0 0 0;
    width: 100%;
  }
  section .resume-btn-list .btn-list-delimiter {
    display: none;
  }
  section .resume-btn-list button {
    margin: 12px 0;
    width: 100%;
  }
  section .resume-info {
    display: block;
  }
  .search-list .search-list__sort {
    display: block;
  }
  .search-list__item .avatar-100 {
    display: none;
  }
  .container .my-resume-card {
    display: block;
  }
  .registration-inputs .registration-inputs__password {
    display: block;
  }
  .registration-inputs .registration-inputs__password .form-group {
    width: 100%;
  }
  .registration-inputs .registration-inputs__mail {
    width: 100%;
  }
}
.select-rating {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.select-rating__item {
  color: white;
  cursor: pointer;
  transition: all 0.25s ease;
}
.select-rating__item:active {
  color: var(--brand-color);
  opacity: 0.6;
}
.select-rating__item:hover {
  animation-name: spin;
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
  animation-timing-function: ease;
}
.select-rating__item.fill {
  color: var(--brand-color);
}
@keyframes spin {
  0% {
    transform: rotate(0) scale(1.5);
  }
  100% {
    transform: rotate(72deg) scale(1.5);
  }
}

.language-form .control-label {
  display: flex;
}
.language-form .collection-item {
  display: grid;
  grid-template-columns: 2fr 80px;
  gap: 10px;
  border-bottom: none !important;
}
.language-form .collection-item .collection-list-remove, .language-form .collection-item .btn {
  margin-bottom: 0 !important;
  align-self: end;
  justify-content: center;
}
.language-form .collection-item .btn {
  width: 100%;
}
.language-form .collection-item .form-group.form-row {
  margin-bottom: 0;
}
.language-form .collection-item .form-group.form-row .language-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.language-form .collection-item > div[id^=resume_form], .language-form .collection-item > [id*=" resume_form"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

* {
  margin: 0;
  padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
}

* {
  letter-spacing: -0.05em;
  line-height: calc(0.88em + 11px);
}

main {
  padding-top: 40px;
}

.breadcrumbs {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.breadcrumbs li {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.breadcrumbs li:not(:last-child)::after {
  content: ">";
  margin: 0 8px;
  color: var(--nav-font-color);
}

.breadcrumbs a {
  color: var(--nav-font-color);
  text-decoration: underline;
}

.breadcrumbs li:last-child span {
  color: var(--nav-font-color);
}

.breadcrumbs a:hover {
  text-decoration: underline;
  color: var(--text-color-primary);
}

.border-box {
  box-sizing: border-box;
}

.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 33px;
}
@media screen and (max-width: 768px) {
  .container {
    --container-width: 730px;
    padding: 0 15px;
  }
}
@media screen and (max-width: 576px) {
  .container {
    --container-width: 100%;
    padding: 0 15px;
  }
}

.character-quote {
  font-family: "Comfortaa", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: var(--dark-color);
}

.mt-block {
  margin-top: var(--block-margin);
}

.mb-block {
  margin-bottom: var(--block-margin);
}

.text-center {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .tablet-hide {
    display: none !important;
  }
}

.hide-element {
  display: none;
  visibility: hidden;
  height: 0;
  width: 0;
}

.block h3 {
  font-size: var(--block-title-size);
}
.block h3 a {
  font-size: 14px;
  line-height: 17px;
}
.block .cards {
  margin-top: var(--block-title-margin);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-item-width), 1fr));
  grid-gap: var(--gap);
}
.block .cards > * {
  border: 1px var(--card-border-color) solid;
  padding: var(--card-padding);
  border-radius: var(--card-border-radius);
  text-decoration: none;
}
.block .vacancy-cards {
  margin-top: var(--block-title-margin);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-item-width), 4fr));
  grid-gap: var(--gap);
}
.block .vacancy-cards > * {
  border: 1px var(--card-border-color) solid;
  padding: var(--card-padding);
  border-radius: var(--card-border-radius);
}

.registration-inputs .help-block {
  width: 100dvh;
  display: block;
}

.registration-inputs__mail {
  width: 48%;
}

.registration-inputs__password {
  display: flex;
  justify-content: space-between;
}
.registration-inputs__password .form-group {
  width: 48%;
}

.gold {
  color: #FF9200;
}

.company-cards {
  text-decoration: none;
  color: var(--text-color-primary);
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.company-cards .company_card {
  text-align: center;
  max-width: 100%;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.company-cards .company_card__img {
  max-width: 100%;
  border-radius: 10px;
  border: 0.75px solid var(--color-passive-600);
  width: 164px;
  height: 164px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-cards .company_card__img img {
  max-width: 100%;
}
.company-cards a {
  text-align: center;
  display: block;
  text-decoration: none;
}
.company-cards .raberu-icon-star {
  color: var(--brand-color);
}
.company-cards .rate-evaluation {
  color: var(--brand-color);
  text-decoration: none;
}
.company-cards .company_card__name {
  color: var(--text-color-primary);
  text-decoration: none;
  margin-bottom: 0;
}

.card .card-block, .card-news .card-block {
  height: 100%;
}
.card .card-block .personal-blocks-item-container, .card-news .card-block .personal-blocks-item-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.card .card-block .personal-blocks-item-container .personal-blocks-item-block, .card-news .card-block .personal-blocks-item-container .personal-blocks-item-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.card .card-block .personal-blocks-item-container .vacancy-news-item:not(:last-child), .card-news .card-block .personal-blocks-item-container .vacancy-news-item:not(:last-child) {
  border-bottom: 1px solid #C5C5C5;
}
.card .card-block .personal-blocks-item-container .vacancy-news-item, .card-news .card-block .personal-blocks-item-container .vacancy-news-item {
  padding: 5px 0;
}
.card .card-block .btn-list, .card-news .card-block .btn-list {
  margin-top: auto;
  margin-bottom: 0;
}

.resume-preview-container {
  align-items: center;
  display: flex;
  border-bottom: 1px solid var(--color-passive-600);
}

.final-step-resume .gap-list-resume .drive-license {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: repeat(8, 1fr);
  margin-top: 12px;
  justify-items: center;
}
@media screen and (max-width: 576px) {
  .final-step-resume .gap-list-resume .drive-license {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
  }
}

.my-resume-card__info .btn-group {
  padding: 4px 0;
}
.my-resume-card__info .btn-group a {
  padding: 27px;
}

.max-content {
  width: max-content;
}

@media screen and (max-width: 992px) {
  .resume-steps {
    display: block !important;
  }
  section .company-page-container {
    display: block;
  }
  section .card-wrapper {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .base-search-bg .base-filter-block {
    padding-top: 246px;
  }
  .grid-container-9 {
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  }
  section .widget-block {
    display: block;
  }
  section .widget-block .card {
    margin-bottom: 15px;
  }
  section form .filter {
    display: block !important;
  }
  section .char-form {
    display: block;
  }
  section .char-form .character-card-object {
    min-width: auto;
  }
  .form-row .vacancy-rate__block {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
  body {
    display: block;
  }
  section .round-avatar-150 {
    display: none;
  }
  .grid-container-12 {
    display: block;
  }
  .btn-list .btn-list-delimiter {
    display: none;
  }
  .btn-list .resume-preview-container {
    display: block;
  }
  .btn-list .resume-preview-container-actions {
    align-items: center;
    display: flex;
  }
}
.text-ellipsis {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.anywhere-wrap {
  overflow-wrap: anywhere;
}

.auth-buttons {
  margin-right: 12px;
}

.d-block {
  display: block;
}

@media screen and (max-width: 576px) {
  .resume-card {
    margin-bottom: 12px;
  }
  .resume-info .resume-list-actions {
    display: block;
  }
  .resume-info .resume-list-actions span {
    display: block;
    margin: 12px 0;
  }
  .no-print .grid-container-3 .mb-40 {
    display: block;
  }
  .shop-btn-list .mr-8 {
    margin: 0 !important;
  }
  #employer-vacancy-list .filter .filter-inputs {
    display: block;
  }
  #employer-vacancy-list .filter .filter-inputs .flex.items-center {
    display: block;
    margin: 12px 0;
  }
}
@media screen and (max-width: 768px) {
  .navbar-nav a {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .show-phone-container .phone-result .phone-result__value {
    width: 75dvw;
    font-size: 20px;
    display: flex;
  }
  .flex-gap-10 .show-phone-container .phone-result {
    min-width: 75dvw;
  }
}
@media screen and (max-width: 500px) {
  .character-card-object.resume-character {
    display: none;
  }
  .container .invite-character {
    display: none;
  }
}
@media screen and (max-width: 376px) {
  .search-list__items .round-avatar-100 {
    margin: 12px auto;
  }
}
.separator {
  display: flex;
  align-items: center;
  text-align: center;
}
.separator::before, .separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid var(--dark-color);
}
.separator:not(:empty)::before {
  margin-right: 0.5em;
}
.separator:not(:empty)::after {
  margin-left: 0.5em;
}

.category {
  margin-top: 80px;
}
@media screen and (max-width: 576px) {
  .category {
    margin-top: 40px;
  }
}

.popular {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 30px;
  align-items: stretch;
}
@media screen and (max-width: 992px) {
  .popular {
    display: flex;
    flex-wrap: wrap;
  }
}
.popular__list {
  border-left: 1px solid #B5B5B5;
  padding-left: 29px;
  flex-grow: 1;
}
.popular__list a {
  display: block;
  color: var(--card-text-title-color);
  text-decoration: none;
  margin-bottom: 2px;
}
.popular__list a:hover {
  text-decoration: underline;
}

.popular > div {
  display: flex;
  flex-direction: column;
}

.news__header {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 576px) {
  .news__header {
    display: block;
  }
  .news__header a {
    display: block;
    margin-bottom: 15px;
  }
}
.news__container a {
  text-decoration: none;
}
.news__item {
  display: grid;
  gap: 17px;
  border-radius: 18px;
  padding: 10px;
  border: 1px solid rgb(220, 220, 220);
  margin-bottom: 10px;
  grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 576px) {
  .news__item {
    display: block;
  }
}
.news__item p {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
.news__item img {
  max-width: 150px;
  border-radius: 15px;
  object-fit: cover;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
  display: flex;
}
.news__content {
  padding: 3px 0;
}
.news__title {
  color: var(--card-text-title-color);
}
.news__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .news__text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.vacancy-page__left,
.resume-header__info {
  margin-bottom: 22px;
}
.vacancy-page__left .h1-block,
.resume-header__info .h1-block {
  font-size: unset;
  margin-bottom: 0;
}
.vacancy-page__left .h1-block .bold,
.resume-header__info .h1-block .bold {
  font-size: 28px;
}
.vacancy-page__left .h1-block .salary,
.resume-header__info .h1-block .salary {
  font-size: 22px;
  line-height: 27px;
  margin-top: 10px;
}

.vacancy-page__info .detail {
  margin-bottom: 20px;
  color: inherit;
}
.vacancy-page__info .detail.archived {
  margin-bottom: 25px;
  color: gray;
}
.vacancy-page__info .detail span {
  display: block;
}

.vacancy-archived-info h2 {
  margin: 0;
}
.vacancy-archived-info p {
  margin-top: 8px;
  color: gray;
}

.vacancy-archived-details summary {
  list-style: none;
  cursor: pointer;
  text-decoration: underline;
  color: var(--link-color);
}
.vacancy-archived-details summary::-webkit-details-marker {
  display: none;
}
.vacancy-archived-details div {
  margin-top: 8px;
}
.vacancy-archived-details div:not(:first-child) {
  margin-top: 16px;
}

header {
  box-shadow: 0 10px 20px 10px rgb(238, 238, 238);
}

.header-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--nav-font-size);
  color: var(--nav-font-color);
}
.header-wrapper .left .navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.header-wrapper .left .navbar .city-container {
  position: relative;
}
.header-wrapper .left .navbar .city-container__popup {
  position: absolute;
  padding: 20px 15px;
  background-color: white;
  border-radius: var(--card-border-radius);
  box-shadow: 0px -14px 20px 0px rgba(0, 0, 0, 0.15);
  z-index: 3;
  min-width: 240px;
  top: 35px;
  color: black;
}
.header-wrapper .left .navbar .city-container__popup::before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: white;
  transform: rotate(45deg);
  top: -9px;
  left: 30px;
  z-index: -1;
}
.header-wrapper .left .navbar .city-container__popup .btns-block {
  margin-top: 15px;
  display: flex;
  gap: 5px;
}
.header-wrapper .left .navbar .city-select .selected-city {
  color: var(--link-color);
  cursor: pointer;
  border-bottom: 1px dashed;
}
.header-wrapper .left .navbar .city-select i {
  text-decoration: none;
  font-size: 19px;
  margin-right: 10px;
}
.header-wrapper .left .navbar a {
  color: var(--nav-font-color);
  text-decoration: none;
}
.header-wrapper .left .navbar a:hover {
  text-decoration: underline;
}
.header-wrapper .left .navbar-brand {
  display: block;
}
.header-wrapper .left .navbar-brand img {
  max-height: 59px;
}
.header-wrapper .left .navbar-nav {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.header-wrapper .right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.header-wrapper .right .header-add-vacancy {
  text-decoration: none;
  padding-left: 16px;
  padding-right: 16px;
}
.header-wrapper .right .header-add-vacancy:hover {
  text-decoration: underline;
}
.header-wrapper .right .icon-role {
  color: white;
}
.header-wrapper .right .header-user-role {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  width: 35px;
  height: 35px;
  background-color: #fbd7d7;
  border-radius: 50%;
  cursor: pointer;
}
.header-wrapper .right .header-user-role.owner {
  background-color: var(--info-color);
}
.header-wrapper .right .header-user-role.manager {
  background-color: var(--danger-color);
}
.header-wrapper .right .header-user-role.applicant {
  background-color: var(--success-color);
}

#header-filter {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.5s;
  overflow: hidden;
  background-color: rgb(200, 200, 200);
}
@media screen and (max-width: 992px) {
  #header-filter {
    margin-top: 63px;
  }
}
#header-filter form[name=search_form] {
  width: 100%;
}
#header-filter .inside {
  min-height: 0;
}
#header-filter .inside .search-bar__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 25px 0;
}
@media screen and (max-width: 992px) {
  #header-filter .inside .search-bar__wrapper {
    padding: 15px 25px;
  }
}
#header-filter .inside .search-bar__wrapper-close {
  font-size: 10px;
  cursor: pointer;
  background-color: white;
  color: var(--text-color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
#header-filter .inside .search-bar__wrapper-close:hover {
  background-color: var(--brand-color);
  color: white;
}

#header-filter.expanded {
  grid-template-rows: 1fr;
}

#show-search__mobile {
  padding: 10px;
  font-size: 16px;
}

#show-search {
  background-color: var(--text-color-secondary);
  color: white;
  position: relative;
  gap: 0;
}
#show-search:hover {
  text-decoration-style: dashed;
  text-underline-offset: 3px;
}
#show-search:before {
  content: "";
  display: block;
  position: absolute;
  height: 12px;
  width: 12px;
  background-color: var(--text-color-secondary);
  transform: rotate(45deg);
  bottom: -6px;
  left: 27px;
  z-index: -1;
}

.mobile-header-wrapper-actions-login {
  color: white;
  background: var(--brand-color);
  text-decoration: none;
}

.mobile-header-wrapper-actions-login:hover {
  text-decoration: underline;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.mobile-header-wrapper-actions {
  display: flex;
  align-items: center;
}

.overlay.active {
  display: block;
}

.mobile-header-wrapper {
  display: none;
}

.mobile-header-content {
  position: fixed;
  top: 63px;
  right: -600px;
  padding: 15px;
  width: 330px;
  height: 100%;
  background-color: #fff;
  transition: right 0.3s ease;
  overflow-y: auto;
}

.mobile-header-content:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.mobile-header-content:before {
  background: rgb(0, 0, 0);
}

.burger-btn.active + .mobile-header-content {
  right: 0;
}

.mobile-header-content.active {
  right: 0;
}

.burger-btn {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
}

.burger-icon {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #333;
  position: relative;
  transition: background-color 0.3s ease;
}

.burger-icon::before,
.burger-icon::after {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top: -6px;
  left: 0;
  transition: transform 0.3s ease, top 0.3s ease;
}

.burger-icon::after {
  top: 6px;
}

.city-select i {
  text-decoration: none;
  font-size: 19px;
  margin-right: 10px;
}

.selected-city {
  color: var(--link-color);
  cursor: pointer;
  border-bottom: 1px dashed;
}

.mobile-nav-links {
  display: block;
  margin-bottom: 8px;
}

.no-scroll {
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .mobile-header-content.active .role-dropdown__content {
    padding-bottom: 100px;
  }
  .desktop-wrapper {
    display: none;
  }
  .header-wrapper {
    display: none;
  }
  .mobile-header-wrapper {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    background: white;
    z-index: 7;
    border-bottom: 1px solid var(--color-passive-400);
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    justify-content: space-between;
  }
  .mobile-header-wrapper a img {
    max-height: 40px;
  }
  .left,
  .right {
    display: none;
  }
  .burger-btn {
    display: block;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  .burger-btn.active + .dropdown-content {
    display: block;
  }
  .burger-btn.active .burger-icon {
    background-color: transparent;
  }
  .burger-btn.active .burger-icon::before {
    transform: rotate(45deg);
    top: 0;
  }
  .burger-btn.active .burger-icon::after {
    transform: rotate(-45deg);
    top: 0;
  }
}
@media screen and (max-width: 430px) {
  .mobile-header-content {
    max-width: 100%;
    min-width: 270px;
    width: auto;
  }
  .mobile-header-content .dropdown-content.expanded {
    min-width: 210px;
  }
}
.notification-header-mobile {
  padding: 10px;
  font-size: 16px;
  color: black;
}
.notification-header-mobile.active {
  position: relative;
}
.notification-header-mobile.active:after {
  content: "";
  display: block;
  position: absolute;
  right: 7px;
  top: 6px;
  background-color: rgb(244, 0, 48);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.auth-step .auth-btn-group button:first-child {
  min-width: 90px;
}
.auth-step .auth-btn-group button:last-child {
  min-width: 250px;
}
.auth-step .auth-email, .auth-step .auth-phone {
  color: var(--brand-color);
  font-weight: bold;
}
.auth-step .auth-btn-group {
  gap: 10px;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.auth-step .resend-email-or-phone {
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}
.auth-step .resend-email-or-phone:hover {
  text-decoration: underline;
}

.base-search-bg {
  background-image: url("../img/raberu-main-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 2;
}

.base-filter-block {
  color: rgb(255, 255, 255);
  padding-top: 336px;
  padding-bottom: 46px;
}
.base-filter-block__desc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.base-filter-block__desc .search-tagline {
  font-size: 33px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.base-filter-block__desc .search-blocks {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  line-height: initial;
}
.base-filter-block__desc .search-blocks .search-card {
  padding: 7px 12px;
  border-radius: 10px;
  border: 1px rgb(255, 255, 255) solid;
}
.base-filter-block__desc .search-blocks .search-card > * {
  display: block;
}
.base-filter-block__desc .search-blocks .search-card > *:first-child {
  font-weight: 500;
}
.base-filter-block__desc .search-blocks .search-card > *:last-child {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
}
.base-filter-block__desc .search-blocks .search-card.vertical {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 7px;
  max-width: 150px;
  align-items: center;
}
.base-filter-block__desc .search-blocks .search-card.vertical > *:first-child {
  font-size: 30px;
}
.base-filter-block__desc .search-blocks .search-card.horizontal {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.base-filter-block__desc .search-blocks .search-card.vertical:last-child {
  max-width: 83px;
  grid-template-columns: 1fr 3fr;
}
.base-filter-block__input {
  margin-top: 20px;
}

.filter-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgb(255, 255, 255);
  border-radius: 28px;
  padding: 6px 21px;
}
@media screen and (max-width: 576px) {
  .filter-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.filter-wrapper__left {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 10px;
}
.filter-wrapper__left input {
  width: 100%;
  color: var(--text-color-primary);
  margin-bottom: 0;
  border: none;
  padding-left: 5px;
  margin-right: 15px;
  box-sizing: border-box;
}
.filter-wrapper__left input:focus-visible, .filter-wrapper__left input:focus-within {
  outline: none;
  border-radius: 0;
}
.filter-wrapper__left .icon {
  display: block;
  width: 30px;
  height: 25px;
  background: url("../img/rocket.svg") no-repeat center;
}
.filter-wrapper__right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.filter-wrapper__right .btn-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--btn-text-color);
  padding: 0;
  --btn-border-radius: 26px;
}
.filter-wrapper__right .btn-group__selected-bg {
  border-radius: 25px;
}
.filter-wrapper__right .btn-group .btn {
  border-radius: 25px;
  padding: 12px 20px;
  background-color: transparent;
  color: var(--dark-color);
}
@media screen and (max-width: 992px) {
  .filter-wrapper__right .btn-group .btn {
    padding: 5px 12px;
  }
}
.filter-wrapper__right .btn-group .btn.is-selected {
  background-color: var(--brand-color);
  color: white;
}
.filter-wrapper__right .icon {
  display: block;
  width: 25px;
  height: 25px;
  background: url("../img/filter-icon.svg") no-repeat center;
}

@media screen and (max-width: 992px) {
  .base-filter-block__desc .search-blocks {
    display: none;
  }
  .search-list__filter {
    display: grid;
    grid-template-rows: 1fr;
    transition: all 0.3s ease;
    padding: 20px 30px;
    opacity: 1;
    overflow: initial;
  }
  .search-list__filter form {
    min-height: 0;
  }
  .search-list__filter form .btn-group__animate {
    opacity: 1;
  }
  .search-list__filter.collapsed {
    grid-template-rows: 0fr;
    visibility: hidden;
    opacity: 0;
    border-radius: 20px;
    padding: 0 30px;
    height: fit-content;
    border-color: transparent;
    overflow: hidden;
    margin: -40px;
  }
  .search-list__filter.collapsed form .form-group.form-row {
    display: none;
  }
  .search-list__filter.collapsed form .btn-group__animate {
    opacity: 0;
  }
  .toggle-button {
    margin-bottom: 10px;
  }
}
#resume-list input[type=text].form-control, #vacancies-list input[type=text].form-control {
  padding: 2px 16px;
}

@media screen and (max-width: 576px) {
  .filter-wrapper__right .btn-group {
    width: 100%;
  }
  .filter-wrapper__right .btn-group .btn {
    width: 50%;
    justify-content: center;
  }
}
@media screen and (max-width: 476px) {
  .block .cards {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}
.search-list__filter select#vacancy_filter_city ~ .ts-wrapper .ts-dropdown,
.search-list__filter select#vacancy_filter_category ~ .ts-wrapper .ts-dropdown,
.search-list__filter select#vacancy_filter_specialization ~ .ts-wrapper .ts-dropdown,
.search-list__filter select#resume_filter_form_city ~ .ts-wrapper .ts-dropdown,
.search-list__filter select#resume_filter_form_category ~ .ts-wrapper .ts-dropdown {
  min-width: 380px;
}
@media screen and (max-width: 576px) {
  .search-list__filter select#vacancy_filter_city ~ .ts-wrapper .ts-dropdown,
  .search-list__filter select#vacancy_filter_category ~ .ts-wrapper .ts-dropdown,
  .search-list__filter select#vacancy_filter_specialization ~ .ts-wrapper .ts-dropdown,
  .search-list__filter select#resume_filter_form_city ~ .ts-wrapper .ts-dropdown,
  .search-list__filter select#resume_filter_form_category ~ .ts-wrapper .ts-dropdown {
    min-width: 100%;
  }
}

.card {
  border: 1px var(--card-border-color) solid;
  border-radius: var(--card-border-radius);
  padding: var(--card-padding);
  display: block;
}
.card-title {
  font-size: 18px;
  display: flex;
  justify-content: space-between;
}
.card-regular {
  color: var(--text-color-primary);
}
.card-price {
  font-size: 18px;
}
.card-primary {
  color: var(--text-color-primary);
  white-space: normal;
}
.card-secondary-color {
  color: var(--card-secondary-color);
}
.card-secondary-fs {
  font-size: var(--card-secondary-font-size);
}
.card-additional {
  margin-top: 4px;
  color: #000000;
}
.collection-container .collection-list li.collection-item {
  position: relative;
  border-bottom: 1px var(--card-border-color) solid;
  margin-bottom: 18px;
}
.collection-container .collection-list-remove {
  width: fit-content;
  align-self: flex-end;
}

.main-profession.cards .search-all-professions {
  display: grid;
  grid-template-columns: 1fr 70px;
  grid-gap: 16px;
  align-items: center;
  background-color: var(--brand-color);
  font-size: 20px;
  font-weight: 400;
  color: white;
  line-height: 2ch;
}
.main-profession.cards .search-all-professions a {
  color: white;
  text-decoration: none;
  display: block;
}
.main-profession.cards .search-all-professions .icon {
  display: block;
  background: url("../img/arrow-btm-card.svg") no-repeat center;
  width: 30px;
  height: 30px;
}
.main-profession.cards .card a {
  display: block;
  height: 100%;
  border-radius: var(--card-border-radius);
}
.main-profession.cards .card:nth-child(1n) {
  box-shadow: -10px 0px 0px 0px rgb(255, 152, 0) inset;
}
.main-profession.cards .card:nth-child(2n) {
  box-shadow: -10px 0px 0px 0px rgb(81, 160, 238) inset;
}
.main-profession.cards .card:nth-child(3n) {
  box-shadow: -10px 0px 0px 0px rgb(229, 51, 54) inset;
}
.main-profession.cards .card:nth-child(4n) {
  box-shadow: -10px 0px 0px 0px rgb(27, 205, 28) inset;
}
.main-profession.cards .card:nth-child(5n) {
  box-shadow: -10px 0px 0px 0px rgb(55, 167, 142) inset;
}
.main-profession.cards .card:nth-child(6n) {
  box-shadow: -10px 0px 0px 0px rgb(220, 108, 122) inset;
}
.main-profession.cards .card:nth-child(7n) {
  box-shadow: -10px 0px 0px 0px rgb(161, 92, 201) inset;
}
.main-profession.cards .card:nth-child(8n) {
  box-shadow: -10px 0px 0px 0px rgb(81, 160, 238) inset;
}
.main-profession.cards .card:nth-child(9n) {
  box-shadow: -10px 0px 0px 0px rgb(27, 205, 28) inset;
}
.main-profession.cards .card:nth-child(10n) {
  box-shadow: -10px 0px 0px 0px rgb(229, 51, 54) inset;
}

.main-vacancies-day {
  --grid-item-width: 358px;
}
.main-vacancies-day .card {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.registration-card {
  margin: 0 auto;
  padding: 35px 50px 50px;
  border: 1px var(--card-border-color) solid;
  max-width: 360px;
}
.registration-card h1 {
  font-size: 2em;
}

.company-card {
  border: 1px var(--card-border-color) solid;
  border-radius: var(--card-border-radius);
  padding: 12px 30px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  position: relative;
  height: 100%;
  box-sizing: border-box;
}
.company-card__preference-change {
  position: absolute;
  top: 10px;
  right: 10px;
}
.company-card__logo, .company-card picture {
  display: block;
  width: 115px;
  height: 115px;
}
.company-card__logo img, .company-card picture img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.company-card__title {
  font-size: 18px;
  text-align: center;
}
.company-card__site {
  color: #3c3c3c;
}
.company-card__site .icon-btn {
  background-color: var(--white-color);
  color: var(--brand-color);
  font-size: 11px;
  width: 17px;
  height: 17px;
}

.resume-card {
  padding: 19px 28px 23px;
}
.resume-card__info {
  display: grid;
  grid-template-columns: 1fr 85px;
  grid-gap: 10px;
}
.resume-card__info .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.resume-card__info .info-status {
  width: fit-content;
  border-radius: 20px;
  padding: 0 15px;
  font-weight: 500;
}
.resume-card__info .photo picture {
  display: block;
  width: 85px;
  height: 85px;
  overflow: hidden;
}
.resume-card__info .photo picture img {
  border-radius: 50%;
  width: inherit;
  height: inherit;
  object-fit: cover;
}

#my-resume-status {
  margin-bottom: 20px;
}
#my-resume-status .status-select {
  display: grid;
  grid-template-columns: 180px 1fr 1fr;
  gap: 20px;
  align-items: center;
}
#my-resume-status .status-select__input {
  width: 100%;
}
#my-resume-status .status-select__submit {
  display: none;
}
#my-resume-status .status-select__submit button {
  padding-top: 5px;
  padding-bottom: 5px;
}

.my-resume-card {
  padding: 30px 0;
  display: flex;
  gap: var(--gap);
  border-bottom: 1px var(--card-border-color) solid;
  max-width: 875px;
}
.my-resume-card input[type=file] {
  height: 0;
  visibility: hidden;
  position: absolute;
}
.my-resume-card__photo {
  width: 165px;
  height: 165px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px var(--card-border-color) solid;
  position: relative;
  display: block;
  margin-bottom: 12px;
  flex-shrink: 0;
}
.my-resume-card__photo img {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.my-resume-card__photo img.has-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-resume-card__photo-load {
  position: absolute;
  cursor: pointer;
  color: var(--brand-color);
  background-color: white;
  right: 15px;
  bottom: 20px;
  font-size: 30px;
  transition: all 0.2s ease;
  border-radius: 50%;
  line-height: 29px;
}
@media screen and (max-width: 576px) {
  .my-resume-card__photo-load {
    right: 8px;
    bottom: 15px;
  }
}
.my-resume-card__photo-load:active {
  opacity: 0.8;
  transform: scale(0.9);
}
.my-resume-card__photo-load.has-photo {
  transform: rotate(45deg);
}
.my-resume-card__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}
@media screen and (max-width: 576px) {
  .my-resume-card__info {
    display: flex;
    gap: 12px;
  }
}
.my-resume-card__info .card-updated p {
  margin-bottom: 0;
}
.my-resume-card__info .toggle-published a {
  height: 22px;
}
.my-resume-card:last-child {
  border-color: transparent;
}

.not-auth-block {
  max-width: 800px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 221px 1fr;
  grid-column-gap: 60px;
}
.not-auth-block h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: -0.04em;
}
.not-auth-block h3 {
  font-size: 23px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: -0.04em;
  margin-bottom: 24px;
  margin-top: 33px;
}
.not-auth-block p {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.04em;
  margin-bottom: 15px;
}
.not-auth-block a {
  display: block;
  margin-bottom: 10px;
}

.preference-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.grid {
  display: grid;
  gap: 30px;
}
.grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-col-6 {
  grid-template-columns: repeat(6, 1fr);
}

.personal-blocks-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.personal-blocks-item-list {
  padding-left: 10px;
}
.personal-blocks-item .company-balance__value {
  line-height: 35px;
  font-weight: 600;
  font-size: 28px;
}

.rejected-icon {
  display: flex;
  width: 10px;
  height: 10px;
  color: red;
  font-size: 10px;
  cursor: pointer;
  border: 2px solid red;
  border-radius: 50%;
  justify-content: center;
  padding: 5px;
  align-items: center;
  margin-left: 10px;
}

.justify-unset {
  justify-content: unset;
}

.popular-company {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .popular-company {
    margin-bottom: 20px;
  }
}
.popular-company__logo, .popular-company__title, .popular-company__rating {
  margin-bottom: 10px;
}
.popular-company__logo {
  width: 100%;
  height: 164px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px var(--card-border-color) solid;
  border-radius: var(--card-border-radius);
}
.popular-company__logo img {
  object-fit: contain;
  object-position: center;
}
.popular-company__title {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}
.popular-company__rating {
  display: flex;
  align-items: center;
}
.popular-company__rating .text {
  color: var(--brand-color);
  margin-left: 5px;
}

.rating-block {
  position: relative;
  width: 110px;
  height: 16px;
}
.rating-block .rating-block__empty, .rating-block .rating-block__fill {
  overflow: hidden;
  font-size: 0;
  height: 16px;
}
.rating-block .icon {
  height: 16px;
  width: 16px;
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.593 3.23301L31.3864 11.2628C31.9724 12.4958 33.1444 13.3078 34.5015 13.4882L43.5073 14.5108C46.8691 14.9018 48.1952 18.9316 45.7278 21.1571L39.066 27.142C38.0482 28.0442 37.6164 29.3976 37.8631 30.7209L39.6213 39.382C40.2689 42.6 36.753 45.0963 33.823 43.5024L25.9274 39.1717C24.7246 38.5101 23.275 38.5101 22.0722 39.1717L14.177 43.5024C11.247 45.0963 7.70021 42.6301 8.37873 39.382L10.1365 30.7209C10.4141 29.3976 9.95144 28.0442 8.93366 27.142L2.27215 21.1571C-0.195177 18.9316 1.13092 14.9018 4.49266 14.5108L13.4985 13.4882C14.8556 13.3379 16.0584 12.4958 16.6136 11.2628L20.407 3.23301C21.8257 0.255664 26.2051 0.255664 27.593 3.23301Z" fill="rgb(236, 236, 236)"/></svg>');
  background-size: contain;
  display: inline-block;
  margin: 0 3px;
}

.rating-block__fill {
  top: 0;
  position: absolute;
  white-space: nowrap;
}
.rating-block__fill .icon {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.593 3.23301L31.3864 11.2628C31.9724 12.4958 33.1444 13.3078 34.5015 13.4882L43.5073 14.5108C46.8691 14.9018 48.1952 18.9316 45.7278 21.1571L39.066 27.142C38.0482 28.0442 37.6164 29.3976 37.8631 30.7209L39.6213 39.382C40.2689 42.6 36.753 45.0963 33.823 43.5024L25.9274 39.1717C24.7246 38.5101 23.275 38.5101 22.0722 39.1717L14.177 43.5024C11.247 45.0963 7.70021 42.6301 8.37873 39.382L10.1365 30.7209C10.4141 29.3976 9.95144 28.0442 8.93366 27.142L2.27215 21.1571C-0.195177 18.9316 1.13092 14.9018 4.49266 14.5108L13.4985 13.4882C14.8556 13.3379 16.0584 12.4958 16.6136 11.2628L20.407 3.23301C21.8257 0.255664 26.2051 0.255664 27.593 3.23301Z" fill="rgb(255, 152, 0)"/></svg>');
}

.rating-text {
  color: var(--brand-color);
  font-size: 15px;
}

.card-hover {
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.card-hover:hover {
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
}

.main-profession.cards .popular-profession {
  position: relative;
  transition: all 0.2s ease;
}
.main-profession.cards .popular-profession a {
  display: block;
  border-radius: var(--card-border-radius);
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  box-sizing: border-box;
}
.main-profession.cards .popular-profession::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: none;
  transition: box-shadow 0.2s ease;
  z-index: -1;
  border-radius: var(--card-border-radius);
}
.main-profession.cards .popular-profession:hover::after {
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
}
.main-profession.cards .popular-profession .card-primary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.resume-no-result {
  --brand-color-second: rgba(136, 189, 241, 1);
  --card-border-radius: 30px;
  --max-width: 843px;
  max-width: var(--max-width);
  background-color: var(--brand-color-second);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: grid;
  grid-template-columns: 180px 1fr;
  grid-gap: 12px;
  padding: 10px 17px 0 17px;
  border-radius: var(--card-border-radius);
}
@media screen and (max-width: 576px) {
  .resume-no-result_image {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 576px) {
  .resume-no-result {
    grid-template-columns: 1fr;
  }
}
.resume-no-result_info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.resume-no-result_info h2 {
  margin-bottom: 10px;
}
.resume-no-result_info .no-result_description {
  font-size: 14px;
  margin-bottom: 18px;
  line-height: 17px;
}
.resume-no-result_info .no-result_description p {
  margin-bottom: 0;
}
.resume-no-result_info .no-result_description span {
  font-weight: bold;
}
.resume-no-result_info .no-result_links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 15px;
}
@media screen and (max-width: 576px) {
  .resume-no-result_info .no-result_links {
    gap: 5px;
  }
}
.resume-no-result_info .no-result_links a {
  color: black;
}

hr.resume-no-result_divider {
  --max-width: 875px;
  max-width: var(--max-width);
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: var(--card-border-color);
}

hr.resume-no-result_divider.help {
  margin-bottom: 0;
}

.resume-help-block {
  --card-border-radius: 30px;
  --border-color: rgba(210, 210, 210, 1);
  display: grid;
  grid-template-columns: 178px 1fr 1fr;
  border: 1px var(--border-color) solid;
  border-radius: var(--card-border-radius);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  max-width: 843px;
  padding: 14px 15px;
  grid-gap: 10px;
}
@media screen and (max-width: 992px) {
  .resume-help-block {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .resume-help-block {
    grid-template-columns: 1fr;
  }
}
.resume-help-block_image {
  margin-left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 146px;
  height: 146px;
  border: 1px var(--border-color) solid;
  border-radius: 50%;
}
@media screen and (max-width: 992px) {
  .resume-help-block_image {
    display: none;
  }
}
.resume-help-block_description h2 {
  margin-bottom: 12px;
}
.resume-help-block_description p {
  margin-bottom: 23px;
  line-height: 16.94px;
}
.resume-help-block_description p:last-child {
  margin-bottom: 0;
}
.resume-help-block_links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2px 0;
}
@media screen and (max-width: 992px) {
  .resume-help-block_links {
    gap: 10px;
  }
}
.resume-help-block_links a, .resume-help-block_links .btn {
  display: flex;
  justify-content: center;
  padding: 7px 12px !important;
}

#employer-vacancy-list {
  --max-width: 770px;
}
#employer-vacancy-list .help-block {
  background: linear-gradient(270.82deg, #88BDF1 -24.59%, #449EF3 99.89%);
  padding: 15px 25px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  display: grid;
  grid-template-columns: 187px 1fr;
  grid-gap: 25px;
}
@media screen and (max-width: 992px) {
  #employer-vacancy-list .help-block {
    grid-template-columns: 1fr;
  }
}
#employer-vacancy-list .help-block a {
  color: black;
}
#employer-vacancy-list .help-block_image img {
  transform: translateY(-2px);
  height: 110%;
}
@media screen and (max-width: 992px) {
  #employer-vacancy-list .help-block_image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
  }
}
#employer-vacancy-list .help-block_description {
  max-width: var(--max-width);
  line-height: 17px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#employer-vacancy-list .help-block_description h2 {
  margin-bottom: 15px;
  color: var(--white-color);
  font-size: 28px;
}
#employer-vacancy-list .help-block_description p {
  font-size: 18px;
  color: var(--white-color);
  max-width: 90%;
}
#employer-vacancy-list .help-block_description-list {
  list-style: disc;
}
#employer-vacancy-list .help-block_description-list li {
  margin-left: 15px;
  margin-bottom: 20px;
}
#employer-vacancy-list .help-block_description-links {
  max-width: var(--max-width);
  display: flex;
  gap: 17px;
}
@media screen and (max-width: 768px) {
  #employer-vacancy-list .help-block_description-links {
    flex-direction: column;
    gap: 15px;
  }
}
#employer-vacancy-list .help-block_description .btn {
  background: rgba(255, 255, 255, 0.6);
}

footer {
  margin-top: 40px;
  background-color: var(--footer-bg-color);
  padding: 35px 0 10px 0;
  color: rgb(255, 255, 255);
}
footer .footer-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  font-size: 14px;
  line-height: 21px;
}
@media screen and (max-width: 768px) {
  footer .footer-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media screen and (max-width: 576px) {
  footer .footer-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
footer .footer-wrapper a {
  color: white;
  text-decoration: none;
}
footer .footer-wrapper a:hover {
  text-decoration: underline;
}
footer .footer-wrapper .footer-social {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 20px;
}
footer .footer-wrapper .footer-social__vk, footer .footer-wrapper .footer-social__tg, footer .footer-wrapper .footer-social__ok, footer .footer-wrapper .footer-social__zen {
  text-decoration: none;
}
footer .footer-wrapper .footer-social__vk img, footer .footer-wrapper .footer-social__tg img, footer .footer-wrapper .footer-social__ok img {
  filter: grayscale(1);
}
footer .footer-wrapper .footer-social__vk:hover img, footer .footer-wrapper .footer-social__tg:hover img, footer .footer-wrapper .footer-social__ok:hover img {
  filter: none;
}
footer .footer-wrapper .footer-social__zen img {
  filter: contrast(0.5);
}
footer .footer-wrapper .footer-social__zen:hover img {
  filter: none;
}
footer .footer-wrapper .footer-links_block {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
footer .footer-wrapper .footer-links_block .footer-link__title {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
}
footer .footer-wrapper .footer-links_block .footer-link__title i {
  font-size: 16px;
  margin-right: 4px;
}
footer .footer-wrapper .footer-links_block .footer-link__title i.documents {
  font-size: 14px;
  margin-right: 6px;
}
footer .footer-description {
  padding: 29px 65px 0 65px;
  color: rgb(146, 146, 146);
  font-size: 12px;
  line-height: 14.52px;
  font-weight: 400;
  text-align: center;
}
footer .footer-description a {
  color: var(--dark-color);
  text-decoration-style: dashed;
}
@media screen and (max-width: 576px) {
  footer .footer-description {
    padding: 29px 15px 0 15px;
  }
}

.bold {
  font-weight: 600;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.w-full {
  width: 100%;
}

.w-1\/2 {
  width: 50%;
}

.round {
  border-radius: var(--btn-border-radius);
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

.no-wrap {
  white-space: nowrap;
}

.row-reset .form-control, .row-reset .form-row {
  margin-bottom: 0;
}

.text-medium {
  font-weight: 500;
}

.text-bold {
  font-weight: 700;
}

.text-small {
  font-size: 14px;
}

.s-text-small {
  font-size: 12px;
}

.relative {
  position: relative;
}

.border-round {
  border-radius: var(--btn-border-radius);
}

.border-bottom-gray {
  border-bottom: 1px solid var(--color-passive-600);
}

.underline-none {
  text-decoration: none !important;
}
.underline-none:hover {
  text-decoration: underline !important;
}

.underline-none-wh {
  text-decoration: none !important;
}
.underline-none-wh:hover {
  text-decoration: none !important;
}

.star-rating:before {
  content: "★★★★★";
  font-size: 24px;
  color: var(--brand-color);
}

.avatar-100 {
  width: 100px;
}
.avatar-100 img {
  width: inherit;
  object-fit: contain;
  object-position: center;
  max-width: 100%;
  max-height: 85px;
}

.avatar-150 {
  width: 150px;
}
.avatar-150 img {
  width: inherit;
  object-fit: contain;
  object-position: center;
}

.round-avatar-100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.round-avatar-100 img {
  width: inherit;
  height: inherit;
  object-fit: cover;
}
.round-avatar-100 img.no-photo {
  object-fit: contain;
}

.round-avatar-150 {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
}
.round-avatar-150 img {
  width: inherit;
  object-fit: fill;
}

.flex-gap-10 {
  gap: 10px;
}

.flex-gap-20 {
  gap: 20px;
}

.gap-5 {
  gap: 5px;
}

.switch {
  display: inline-block;
  height: 22px;
  width: 45px;
  background-color: var(--light-color);
  cursor: pointer;
  border-radius: 12px;
  position: relative;
  transition: all 0.5s ease;
  border: 2px transparent solid;
}
.switch:before {
  position: absolute;
  content: "";
  left: 0;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--dark-color);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch:active {
  border-color: #8FC2FF;
}
.switch:active:before {
  width: 28px;
  border-radius: 11px;
}

.switch.on:before {
  left: initial;
  right: 0;
  background-color: var(--brand-color);
}

.w-fit-content {
  width: fit-content;
}

.h-fit-content {
  height: fit-content;
  box-sizing: border-box;
}

.col-lg-flex {
  display: flex;
}

@media screen and (max-width: 768px) {
  .col-md-block {
    display: block;
  }
}

.border-none {
  border: none;
}

.text-decoration-none {
  text-decoration: none;
}

.italic {
  font-style: italic;
}

.break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.cursor-pointer {
  cursor: pointer !important;
}

.link-inset {
  position: absolute;
  inset: 0;
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 992px) {
  .mobile-only {
    display: inherit;
  }
}

.three-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.three-lines-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.7em;
  height: 5.1em;
}

.two-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.two-lines-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.7em;
  height: 3.4em;
}

.one-line {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.one-lines-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.7em;
  height: 1.7em;
}

.moderation-message {
  margin: 20px 0;
  padding: 10px;
  border-radius: 8px;
}

.registration-inputs__username {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

.m-0-auto {
  margin: 0 auto;
}

.btn-list.split {
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  gap: 20px;
  border-radius: 30px;
}

.step-form .btn-list {
  display: flex;
}

.btn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
  align-items: center;
}
.btn-list a.btn, .btn-list .btn {
  cursor: pointer;
  border-radius: 30px;
  text-decoration: none;
  background-color: var(--light-color);
  color: var(--dark-color);
  font-weight: 500;
}
.btn-list a.btn:hover, .btn-list .btn:hover {
  cursor: pointer;
  text-decoration: underline;
}
.btn-list a.btn.disabled, .btn-list .btn.disabled {
  color: var(--dark-color);
  opacity: 0.5;
}
.btn-list a.btn.disabled:hover, .btn-list .btn.disabled:hover {
  cursor: not-allowed;
}
.btn-list a.btn-active, .btn-list .btn-active {
  background-color: var(--brand-color-second);
  color: white;
}

#page-change-password .btn-list.mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  #page-change-password .btn-list.mobile {
    display: flex;
  }
}
@media screen and (max-width: 576px) {
  #page-change-password .btn-list.mobile {
    display: grid;
  }
}
@media screen and (max-width: 768px) {
  #page-change-password .btn-list.desktop {
    display: none;
  }
}
#page-change-password .change-password-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 60px;
}
@media screen and (max-width: 576px) {
  #page-change-password .change-password-block {
    grid-template-columns: 1fr;
  }
  #page-change-password .change-password-block input {
    width: 100%;
  }
}
#page-change-password .change-password-block .repeat-password-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
@media screen and (max-width: 768px) {
  #page-change-password .change-password-block .repeat-password-block {
    grid-gap: 0;
    grid-template-columns: 1fr;
  }
}
#page-change-password .change-password-block-left .form-row {
  margin-bottom: 0;
}
#page-change-password .change-password-block-left .control-label {
  display: inline-block;
  margin-bottom: 5px;
}
#page-change-password .change-password-block-right {
  display: flex;
}
#page-change-password .change-password-block-right .right-object {
  height: 100%;
  background: url("../img/characters/char-001.svg") no-repeat left;
  background-size: contain;
  min-width: 400px;
  width: 100%;
  max-width: 480px;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  #page-change-password .change-password-block-right .right-object {
    background: initial;
    justify-content: initial;
    width: 100%;
    background-position-y: bottom;
  }
}
@media screen and (max-width: 576px) {
  #page-change-password .change-password-block-right {
    display: none;
  }
}
#page-change-password .change-password-block-right .right-text {
  background-color: white;
  padding: 15px 20px;
  max-width: 220px;
  justify-self: right;
  border: 3px var(--character-quote-border-color) solid;
  border-radius: 20px;
  width: 60%;
  height: fit-content;
}

.TODO:before {
  color: var(--error-color);
  content: "TODO: ";
}

.widget-block {
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: 1fr 1fr 1fr;
}

.pointer-events-off {
  pointer-events: none;
}

.disable-actions {
  pointer-events: none;
}

.vacancy-rate__block {
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: repeat(auto-fill, minmax(358px, 1fr));
}
.vacancy-rate__block .rate-card.disabled {
  cursor: not-allowed;
}
.vacancy-rate__block .published-type.checked {
  box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.25);
}
.vacancy-rate__block .published-type {
  position: relative;
  border-radius: 15px;
  box-sizing: border-box;
  box-shadow: inset 0 0 1px 1px rgb(197, 197, 197);
  transition: all 0.3s ease;
}
.vacancy-rate__block .published-type:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.25);
}
.vacancy-rate__block .published-type:active {
  transform: scale(1);
}
.vacancy-rate__block .published-type .rate-info {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  border-top: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.vacancy-rate__block .published-type .rate-info .cart-link {
  display: flex;
  justify-content: end;
}
.vacancy-rate__block .published-type .rate-info__body {
  font-size: 14px;
  line-height: 17px;
  color: var(--dark-color);
  cursor: pointer;
}
.vacancy-rate__block .published-type .rate-info__count {
  font-size: 18px;
}
.vacancy-rate__block .published-type .rate-info__body-disabled {
  cursor: initial;
}
.vacancy-rate__block .rate-card {
  position: relative;
  padding: 12px 16px;
  border-radius: 15px;
  color: white;
  cursor: pointer;
  user-select: none;
  height: 130px;
}
.vacancy-rate__block .rate-card .label-mask {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.vacancy-rate__block .rate-card__search {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.vacancy-rate__block .rate-card__title {
  display: block;
  font-size: 30px;
  font-weight: 500;
  line-height: 36.31px;
  margin-bottom: 10px;
}
.vacancy-rate__block .rate-card ul {
  width: 60%;
}
.vacancy-rate__block .rate-card ul li {
  line-height: 16px;
  display: flex;
  align-items: baseline;
  margin-right: 15px;
}
.vacancy-rate__block .rate-card ul li i {
  font-size: 10px;
  margin-right: 5px;
}
.vacancy-rate__block .rate-card ul li:not(:last-child) {
  margin-bottom: 5px;
}
.vacancy-rate__block .rate-card__checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.vacancy-rate__block .rate-card__checkbox .form-control:after {
  transition: none;
  border-color: transparent;
}
.vacancy-rate__block .rate-card__checkbox .form-control:checked:after {
  border-color: transparent;
}
.vacancy-rate__block .rate-card__checkbox .form-control:checked::before {
  transition: none;
  position: absolute;
  background-color: transparent;
  margin: 4px 7px;
  content: "";
  display: block;
  height: 11px;
  width: 8px;
  border-radius: 0;
  box-sizing: border-box;
  border-bottom: 3px var(--brand-color) solid;
  border-right: 3px var(--brand-color) solid;
  rotate: 38deg;
}

.rate-theme__basic:after, .rate-theme__premium:after, .rate-theme__optimum:after, .rate-theme__exclusive:after {
  display: block;
  position: absolute;
  right: 20px;
  content: "";
  width: 135px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
}
.rate-theme__basic {
  background: linear-gradient(80.32deg, #7695F0 5.84%, #82AAF7 35.68%, #8BBCFD 70.36%, #8FC2FF 95.5%);
}
.rate-theme__basic::after {
  right: 25px;
  width: 150px;
  background-image: url("../img/rate-card-base.svg");
}
.rate-theme__optimum {
  background: linear-gradient(90deg, #FF5E00 0%, #FF6700 9.31%, #FF8400 45.74%, #FF9600 77.23%, #FF9C00 100%);
}
.rate-theme__optimum::after {
  background-image: url("../img/rate-card-premium.svg");
}
.rate-theme__premium {
  background: linear-gradient(90deg, #FF5E00 0%, #FF6700 9.31%, #FF8400 45.74%, #FF9600 77.23%, #FF9C00 100%);
}
.rate-theme__premium::after {
  background-image: url("../img/rate-card-premium.svg");
}
.rate-theme__exclusive {
  background: linear-gradient(90deg, #B2211B 0%, #BF1B16 12.92%, #DC0C0A 47.89%, #EE0303 78.13%, #F40000 100%);
}
.rate-theme__exclusive::after {
  width: 125px;
  background-image: url("../img/rate-card-exclusive.svg");
}
.rate-theme__basic.disabled, .rate-theme__optimum.disabled, .rate-theme__exclusive.disabled {
  background: linear-gradient(90deg, #AFAFAF 0%, #E0E0DF 100%);
}

.character-card {
  display: flex;
}
.character-card-object {
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 400px;
  width: 100%;
  max-width: 430px;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .character-card-object {
    justify-content: initial;
    width: 100%;
    background-position-y: bottom;
  }
}
@media screen and (max-width: 576px) {
  .character-card {
    display: none;
  }
}
.character-card-text {
  background-color: white;
  padding: 15px 20px;
  max-width: 220px;
  justify-self: right;
  border: 3px var(--character-quote-border-color) solid;
  border-radius: 20px;
  width: 60%;
  height: fit-content;
}

.character-card-object.resume-character {
  background-image: url("../img/characters/char-007.svg");
  background-size: 125px;
  background-position: revert;
  background-position-x: 130px;
  max-width: 50%;
}
.character-card-object.resume-character .character-card-text {
  max-width: 250px;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .character-card-object.resume-character {
    display: none;
  }
}

.char-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
}
.char-form .character-card-object.invite-character {
  background-image: url("../img/characters/char-003.svg");
  background-size: 125px;
  background-position: revert;
  background-position-y: 30px;
}
.char-form .character-card-object.invite-character .character-card-text {
  max-width: 250px;
  width: 70%;
}

.preference-switch.only-icon {
  padding: 6px;
  border-radius: 50%;
}
.preference-switch[data-state=active] .active-state {
  display: contents;
}
.preference-switch[data-state=active] .disable-state {
  display: none;
}
.preference-switch[data-state=disable] .active-state {
  display: none;
}
.preference-switch[data-state=disable] .disable-state {
  display: contents;
}

.star-rating-sm {
  width: 115px;
  height: 18px;
  background-repeat: no-repeat;
  position: relative;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="114" height="20" viewBox="0 0 114 20" fill="none"><path d="M9.29998 0.549805C9.70998 0.579805 9.98001 0.77978 10.14 1.14978C10.73 2.52978 11.32 3.90979 11.9 5.28979C11.99 5.49979 12.1 5.56972 12.32 5.58972C13.33 5.66972 14.34 5.76974 15.35 5.85974C15.85 5.90974 16.35 5.94976 16.85 5.99976C17.24 6.03976 17.5 6.24974 17.62 6.60974C17.74 6.97974 17.64 7.3097 17.34 7.5697C16.18 8.5897 15.02 9.59974 13.86 10.6097C13.75 10.7097 13.71 10.7897 13.75 10.9397C14.1 12.4397 14.44 13.9397 14.78 15.4397C14.87 15.8197 14.77 16.1598 14.45 16.3998C14.12 16.6498 13.76 16.6298 13.41 16.4198C12.09 15.6298 10.76 14.8398 9.44 14.0498C9.33 13.9798 9.26002 13.9898 9.15002 14.0498C7.83002 14.8398 6.50999 15.6298 5.17999 16.4198C4.72999 16.6898 4.23001 16.5997 3.95001 16.2097C3.78001 15.9797 3.74999 15.7197 3.80999 15.4497C4.14999 13.9497 4.49002 12.4497 4.84002 10.9497C4.87002 10.7997 4.83997 10.7198 4.72997 10.6198C3.56997 9.60975 2.42 8.59972 1.26 7.58972C0.960004 7.32972 0.839965 6.99975 0.969965 6.61975C1.08996 6.24975 1.35999 6.03976 1.74999 5.99976C2.66999 5.90976 3.57999 5.82976 4.49999 5.74976C5.13999 5.68976 5.77998 5.62971 6.41998 5.57971C6.51998 5.56971 6.57999 5.52981 6.61999 5.42981C7.21999 4.00981 7.83 2.5898 8.44 1.1698C8.61 0.7798 8.87998 0.569805 9.29998 0.549805ZM32.48 1.1698C31.88 2.5898 31.27 4.00981 30.66 5.42981C30.62 5.52981 30.56 5.56971 30.46 5.57971C29.82 5.62971 29.18 5.68976 28.54 5.74976C27.62 5.82976 26.71 5.91976 25.79 5.99976C25.4 6.03976 25.13 6.24975 25.01 6.61975C24.89 6.99975 25 7.32972 25.3 7.58972C26.46 8.59972 27.61 9.60975 28.77 10.6198C28.88 10.7198 28.91 10.7997 28.88 10.9497C28.53 12.4497 28.19 13.9497 27.85 15.4497C27.79 15.7197 27.82 15.9797 27.99 16.2097C28.27 16.5997 28.77 16.6898 29.22 16.4198C30.54 15.6298 31.87 14.8398 33.19 14.0498C33.3 13.9798 33.37 13.9798 33.48 14.0498C34.8 14.8398 36.12 15.6298 37.45 16.4198C37.8 16.6298 38.16 16.6398 38.49 16.3998C38.81 16.1598 38.91 15.8297 38.82 15.4397C38.48 13.9397 38.14 12.4397 37.79 10.9397C37.76 10.7897 37.79 10.7097 37.9 10.6097C39.06 9.59974 40.22 8.5797 41.38 7.5697C41.67 7.3097 41.78 6.97974 41.66 6.60974C41.54 6.24974 41.28 6.03976 40.89 5.99976C40.39 5.94976 39.89 5.89974 39.39 5.85974C38.38 5.76974 37.37 5.66972 36.36 5.58972C36.13 5.56972 36.02 5.49979 35.94 5.28979C35.36 3.90979 34.76 2.52978 34.18 1.14978C34.02 0.77978 33.75 0.579805 33.34 0.549805C32.92 0.569805 32.64 0.7798 32.48 1.1698ZM56.52 1.1698C55.92 2.5898 55.31 4.00981 54.7 5.42981C54.66 5.52981 54.6 5.56971 54.5 5.57971C53.86 5.62971 53.22 5.68976 52.58 5.74976C51.66 5.82976 50.75 5.91976 49.83 5.99976C49.44 6.03976 49.17 6.24975 49.05 6.61975C48.93 6.99975 49.04 7.32972 49.34 7.58972C50.5 8.59972 51.65 9.60975 52.81 10.6198C52.92 10.7198 52.95 10.7997 52.92 10.9497C52.57 12.4497 52.23 13.9497 51.89 15.4497C51.83 15.7197 51.86 15.9797 52.03 16.2097C52.31 16.5997 52.81 16.6898 53.26 16.4198C54.58 15.6298 55.91 14.8398 57.23 14.0498C57.34 13.9798 57.41 13.9798 57.52 14.0498C58.84 14.8398 60.16 15.6298 61.49 16.4198C61.84 16.6298 62.2 16.6398 62.53 16.3998C62.85 16.1598 62.95 15.8297 62.86 15.4397C62.52 13.9397 62.18 12.4397 61.83 10.9397C61.8 10.7897 61.83 10.7097 61.94 10.6097C63.1 9.59974 64.26 8.5797 65.42 7.5697C65.71 7.3097 65.82 6.97974 65.7 6.60974C65.58 6.24974 65.32 6.03976 64.93 5.99976C64.43 5.94976 63.93 5.89974 63.43 5.85974C62.42 5.76974 61.41 5.66972 60.4 5.58972C60.17 5.56972 60.06 5.49979 59.98 5.28979C59.4 3.90979 58.8 2.52978 58.22 1.14978C58.06 0.77978 57.79 0.579805 57.38 0.549805C56.96 0.569805 56.68 0.7798 56.52 1.1698ZM80.55 1.1698C79.95 2.5898 79.34 4.00981 78.73 5.42981C78.69 5.52981 78.63 5.56971 78.53 5.57971C77.89 5.62971 77.25 5.68976 76.61 5.74976C75.69 5.82976 74.78 5.91976 73.86 5.99976C73.47 6.03976 73.2 6.24975 73.08 6.61975C72.96 6.99975 73.07 7.32972 73.37 7.58972C74.53 8.59972 75.68 9.60975 76.84 10.6198C76.95 10.7198 76.98 10.7997 76.95 10.9497C76.6 12.4497 76.26 13.9497 75.92 15.4497C75.86 15.7197 75.89 15.9797 76.06 16.2097C76.34 16.5997 76.84 16.6898 77.29 16.4198C78.61 15.6298 79.94 14.8398 81.26 14.0498C81.37 13.9798 81.44 13.9798 81.55 14.0498C82.87 14.8398 84.19 15.6298 85.52 16.4198C85.87 16.6298 86.23 16.6398 86.56 16.3998C86.88 16.1598 86.98 15.8297 86.89 15.4397C86.55 13.9397 86.21 12.4397 85.86 10.9397C85.83 10.7897 85.86 10.7097 85.97 10.6097C87.13 9.59974 88.29 8.5797 89.45 7.5697C89.74 7.3097 89.85 6.97974 89.73 6.60974C89.61 6.24974 89.35 6.03976 88.96 5.99976C88.46 5.94976 87.96 5.89974 87.46 5.85974C86.45 5.76974 85.44 5.66972 84.43 5.58972C84.2 5.56972 84.09 5.49979 84.01 5.28979C83.43 3.90979 82.83 2.52978 82.25 1.14978C82.09 0.77978 81.82 0.579805 81.41 0.549805C80.99 0.569805 80.72 0.7798 80.55 1.1698ZM104.59 1.1698C103.99 2.5898 103.38 4.00981 102.77 5.42981C102.73 5.52981 102.67 5.56971 102.57 5.57971C101.93 5.62971 101.29 5.68976 100.65 5.74976C99.73 5.82976 98.82 5.91976 97.9 5.99976C97.51 6.03976 97.24 6.24975 97.12 6.61975C97 6.99975 97.11 7.32972 97.41 7.58972C98.57 8.59972 99.72 9.60975 100.88 10.6198C100.99 10.7198 101.02 10.7997 100.99 10.9497C100.64 12.4497 100.3 13.9497 99.96 15.4497C99.9 15.7197 99.93 15.9797 100.1 16.2097C100.38 16.5997 100.88 16.6898 101.33 16.4198C102.65 15.6298 103.98 14.8398 105.3 14.0498C105.41 13.9798 105.48 13.9798 105.59 14.0498C106.91 14.8398 108.23 15.6298 109.56 16.4198C109.91 16.6298 110.27 16.6398 110.6 16.3998C110.92 16.1598 111.02 15.8297 110.93 15.4397C110.59 13.9397 110.25 12.4397 109.9 10.9397C109.87 10.7897 109.9 10.7097 110.01 10.6097C111.17 9.59974 112.33 8.5797 113.49 7.5697C113.78 7.3097 113.89 6.97974 113.77 6.60974C113.65 6.24974 113.39 6.03976 113 5.99976C112.5 5.94976 112 5.89974 111.5 5.85974C110.49 5.76974 109.48 5.66972 108.47 5.58972C108.24 5.56972 108.13 5.49979 108.05 5.28979C107.47 3.90979 106.87 2.52978 106.29 1.14978C106.13 0.77978 105.86 0.579805 105.45 0.549805C105.03 0.569805 104.75 0.7798 104.59 1.1698Z" fill="rgb(236, 236, 236)" /></svg>');
}
.star-rating-sm .stars-container {
  content: "";
  display: block;
  background-repeat: no-repeat;
  width: 0;
  height: 18px;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="114" height="20" viewBox="0 0 114 20" fill="none"><path d="M9.29998 0.549805C9.70998 0.579805 9.98001 0.77978 10.14 1.14978C10.73 2.52978 11.32 3.90979 11.9 5.28979C11.99 5.49979 12.1 5.56972 12.32 5.58972C13.33 5.66972 14.34 5.76974 15.35 5.85974C15.85 5.90974 16.35 5.94976 16.85 5.99976C17.24 6.03976 17.5 6.24974 17.62 6.60974C17.74 6.97974 17.64 7.3097 17.34 7.5697C16.18 8.5897 15.02 9.59974 13.86 10.6097C13.75 10.7097 13.71 10.7897 13.75 10.9397C14.1 12.4397 14.44 13.9397 14.78 15.4397C14.87 15.8197 14.77 16.1598 14.45 16.3998C14.12 16.6498 13.76 16.6298 13.41 16.4198C12.09 15.6298 10.76 14.8398 9.44 14.0498C9.33 13.9798 9.26002 13.9898 9.15002 14.0498C7.83002 14.8398 6.50999 15.6298 5.17999 16.4198C4.72999 16.6898 4.23001 16.5997 3.95001 16.2097C3.78001 15.9797 3.74999 15.7197 3.80999 15.4497C4.14999 13.9497 4.49002 12.4497 4.84002 10.9497C4.87002 10.7997 4.83997 10.7198 4.72997 10.6198C3.56997 9.60975 2.42 8.59972 1.26 7.58972C0.960004 7.32972 0.839965 6.99975 0.969965 6.61975C1.08996 6.24975 1.35999 6.03976 1.74999 5.99976C2.66999 5.90976 3.57999 5.82976 4.49999 5.74976C5.13999 5.68976 5.77998 5.62971 6.41998 5.57971C6.51998 5.56971 6.57999 5.52981 6.61999 5.42981C7.21999 4.00981 7.83 2.5898 8.44 1.1698C8.61 0.7798 8.87998 0.569805 9.29998 0.549805ZM32.48 1.1698C31.88 2.5898 31.27 4.00981 30.66 5.42981C30.62 5.52981 30.56 5.56971 30.46 5.57971C29.82 5.62971 29.18 5.68976 28.54 5.74976C27.62 5.82976 26.71 5.91976 25.79 5.99976C25.4 6.03976 25.13 6.24975 25.01 6.61975C24.89 6.99975 25 7.32972 25.3 7.58972C26.46 8.59972 27.61 9.60975 28.77 10.6198C28.88 10.7198 28.91 10.7997 28.88 10.9497C28.53 12.4497 28.19 13.9497 27.85 15.4497C27.79 15.7197 27.82 15.9797 27.99 16.2097C28.27 16.5997 28.77 16.6898 29.22 16.4198C30.54 15.6298 31.87 14.8398 33.19 14.0498C33.3 13.9798 33.37 13.9798 33.48 14.0498C34.8 14.8398 36.12 15.6298 37.45 16.4198C37.8 16.6298 38.16 16.6398 38.49 16.3998C38.81 16.1598 38.91 15.8297 38.82 15.4397C38.48 13.9397 38.14 12.4397 37.79 10.9397C37.76 10.7897 37.79 10.7097 37.9 10.6097C39.06 9.59974 40.22 8.5797 41.38 7.5697C41.67 7.3097 41.78 6.97974 41.66 6.60974C41.54 6.24974 41.28 6.03976 40.89 5.99976C40.39 5.94976 39.89 5.89974 39.39 5.85974C38.38 5.76974 37.37 5.66972 36.36 5.58972C36.13 5.56972 36.02 5.49979 35.94 5.28979C35.36 3.90979 34.76 2.52978 34.18 1.14978C34.02 0.77978 33.75 0.579805 33.34 0.549805C32.92 0.569805 32.64 0.7798 32.48 1.1698ZM56.52 1.1698C55.92 2.5898 55.31 4.00981 54.7 5.42981C54.66 5.52981 54.6 5.56971 54.5 5.57971C53.86 5.62971 53.22 5.68976 52.58 5.74976C51.66 5.82976 50.75 5.91976 49.83 5.99976C49.44 6.03976 49.17 6.24975 49.05 6.61975C48.93 6.99975 49.04 7.32972 49.34 7.58972C50.5 8.59972 51.65 9.60975 52.81 10.6198C52.92 10.7198 52.95 10.7997 52.92 10.9497C52.57 12.4497 52.23 13.9497 51.89 15.4497C51.83 15.7197 51.86 15.9797 52.03 16.2097C52.31 16.5997 52.81 16.6898 53.26 16.4198C54.58 15.6298 55.91 14.8398 57.23 14.0498C57.34 13.9798 57.41 13.9798 57.52 14.0498C58.84 14.8398 60.16 15.6298 61.49 16.4198C61.84 16.6298 62.2 16.6398 62.53 16.3998C62.85 16.1598 62.95 15.8297 62.86 15.4397C62.52 13.9397 62.18 12.4397 61.83 10.9397C61.8 10.7897 61.83 10.7097 61.94 10.6097C63.1 9.59974 64.26 8.5797 65.42 7.5697C65.71 7.3097 65.82 6.97974 65.7 6.60974C65.58 6.24974 65.32 6.03976 64.93 5.99976C64.43 5.94976 63.93 5.89974 63.43 5.85974C62.42 5.76974 61.41 5.66972 60.4 5.58972C60.17 5.56972 60.06 5.49979 59.98 5.28979C59.4 3.90979 58.8 2.52978 58.22 1.14978C58.06 0.77978 57.79 0.579805 57.38 0.549805C56.96 0.569805 56.68 0.7798 56.52 1.1698ZM80.55 1.1698C79.95 2.5898 79.34 4.00981 78.73 5.42981C78.69 5.52981 78.63 5.56971 78.53 5.57971C77.89 5.62971 77.25 5.68976 76.61 5.74976C75.69 5.82976 74.78 5.91976 73.86 5.99976C73.47 6.03976 73.2 6.24975 73.08 6.61975C72.96 6.99975 73.07 7.32972 73.37 7.58972C74.53 8.59972 75.68 9.60975 76.84 10.6198C76.95 10.7198 76.98 10.7997 76.95 10.9497C76.6 12.4497 76.26 13.9497 75.92 15.4497C75.86 15.7197 75.89 15.9797 76.06 16.2097C76.34 16.5997 76.84 16.6898 77.29 16.4198C78.61 15.6298 79.94 14.8398 81.26 14.0498C81.37 13.9798 81.44 13.9798 81.55 14.0498C82.87 14.8398 84.19 15.6298 85.52 16.4198C85.87 16.6298 86.23 16.6398 86.56 16.3998C86.88 16.1598 86.98 15.8297 86.89 15.4397C86.55 13.9397 86.21 12.4397 85.86 10.9397C85.83 10.7897 85.86 10.7097 85.97 10.6097C87.13 9.59974 88.29 8.5797 89.45 7.5697C89.74 7.3097 89.85 6.97974 89.73 6.60974C89.61 6.24974 89.35 6.03976 88.96 5.99976C88.46 5.94976 87.96 5.89974 87.46 5.85974C86.45 5.76974 85.44 5.66972 84.43 5.58972C84.2 5.56972 84.09 5.49979 84.01 5.28979C83.43 3.90979 82.83 2.52978 82.25 1.14978C82.09 0.77978 81.82 0.579805 81.41 0.549805C80.99 0.569805 80.72 0.7798 80.55 1.1698ZM104.59 1.1698C103.99 2.5898 103.38 4.00981 102.77 5.42981C102.73 5.52981 102.67 5.56971 102.57 5.57971C101.93 5.62971 101.29 5.68976 100.65 5.74976C99.73 5.82976 98.82 5.91976 97.9 5.99976C97.51 6.03976 97.24 6.24975 97.12 6.61975C97 6.99975 97.11 7.32972 97.41 7.58972C98.57 8.59972 99.72 9.60975 100.88 10.6198C100.99 10.7198 101.02 10.7997 100.99 10.9497C100.64 12.4497 100.3 13.9497 99.96 15.4497C99.9 15.7197 99.93 15.9797 100.1 16.2097C100.38 16.5997 100.88 16.6898 101.33 16.4198C102.65 15.6298 103.98 14.8398 105.3 14.0498C105.41 13.9798 105.48 13.9798 105.59 14.0498C106.91 14.8398 108.23 15.6298 109.56 16.4198C109.91 16.6298 110.27 16.6398 110.6 16.3998C110.92 16.1598 111.02 15.8297 110.93 15.4397C110.59 13.9397 110.25 12.4397 109.9 10.9397C109.87 10.7897 109.9 10.7097 110.01 10.6097C111.17 9.59974 112.33 8.5797 113.49 7.5697C113.78 7.3097 113.89 6.97974 113.77 6.60974C113.65 6.24974 113.39 6.03976 113 5.99976C112.5 5.94976 112 5.89974 111.5 5.85974C110.49 5.76974 109.48 5.66972 108.47 5.58972C108.24 5.56972 108.13 5.49979 108.05 5.28979C107.47 3.90979 106.87 2.52978 106.29 1.14978C106.13 0.77978 105.86 0.579805 105.45 0.549805C105.03 0.569805 104.75 0.7798 104.59 1.1698Z" fill="rgb(255, 152, 0)" /></svg>');
}

.company-page-container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: var(--gap);
}

.company-reviews__item {
  border-bottom: 1px solid var(--card-border-color);
}
.company-reviews__item:not(:first-child) {
  margin-top: 20px;
}
.company-reviews__item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.review-form {
  border-radius: var(--card-border-radius);
  background-color: var(--light-color);
  padding: 22px 26px;
}
.review-form #feedback_form .control-label {
  margin-bottom: 0;
}
.review-form #feedback_form .rating-form-row.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
.review-form #feedback_form .rating-form-row.form-row label {
  color: var(--dark-color);
  flex-basis: 20ch;
}
.review-form #feedback_form .rating-form-row.form-row label::after {
  display: none;
}

.review-body {
  word-wrap: break-word;
}

.search-badges__vacancy span, .search-badges__company span, .search-badges__specialization span {
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
  text-overflow: ellipsis;
}

.showed_first .popular-profession:nth-child(n+12) {
  display: none !important;
}

.showed_all .search-all-professions {
  display: none !important;
}

#manager-list .manager-list__filter {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #manager-list .manager-list__filter {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  #manager-list .manager-list__filter .fake-label {
    display: none;
  }
}
#manager-list .manager-list__filter-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #manager-list .manager-list__filter-inputs {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
#manager-list .manager-list__filter-inputs .form-group, #manager-list .manager-list__filter-inputs .form-row, #manager-list .manager-list__filter-inputs .form-control {
  margin-bottom: 0;
}
#manager-list .manager-list__filter .filter-link {
  height: fit-content;
  padding: 6px 12px;
}
@media screen and (max-width: 768px) {
  #manager-list .manager-list__filter .filter-link {
    width: fit-content;
  }
}

#favorite-companies .items-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(202px, 202px));
  grid-gap: 30px;
}
@media screen and (max-width: 768px) {
  #favorite-companies .items-list {
    grid-template-columns: repeat(auto-fill, minmax(164px, 1fr));
  }
}

@media screen and (max-width: 768px) {
  #page-change-password .change-password-block .right-object {
    min-width: auto;
    width: 100%;
    max-width: 100%;
    display: block;
  }
}
.description {
  display: flex;
  gap: 15px;
}
.description-label {
  flex-basis: 15ch;
  font-weight: 600;
}
.description-value {
  min-width: 200px;
}
.description .form-group, .description .form-row {
  margin-bottom: 0;
}

#company-edit .company-form input[type=file], #company-edit .company-form__delete-logo-input {
  height: 0;
  visibility: hidden;
}
#company-edit .company-form__logo {
  position: relative;
  width: 164px;
  height: 164px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px var(--card-border-color) solid;
}
#company-edit .company-form__logo .icon {
  position: absolute;
  cursor: pointer;
  color: var(--brand-color);
  background-color: white;
  right: 5px;
  bottom: 11px;
  font-size: 30px;
  transition: all 0.2s ease;
}
#company-edit .company-form__logo .icon:active {
  opacity: 0.8;
  transform: scale(0.9);
}
#company-edit .company-form__logo .has-logo {
  transform: rotate(45deg);
}
#company-edit .company-form__logo .company-card__logo {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 768px) {
  #company-edit .company-form {
    width: 100%;
  }
}

.base-search-bg {
  position: relative;
}
.base-search-bg:after {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  z-index: -1;
}

.card-archived {
  cursor: default;
  opacity: 0.5;
}

.popular-companies__container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(164px, 164px));
  grid-gap: 30px;
}
@media screen and (max-width: 768px) {
  .popular-companies__container {
    grid-template-columns: repeat(auto-fill, minmax(164px, 1fr));
  }
}

@media screen and (max-width: 768px) {
  .container .grid-container-3 {
    display: block;
  }
}

.promo-form-wrapper {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  border-radius: var(--card-border-radius);
  background: linear-gradient(87.95deg, #009088 4.91%, #00A9A1 33.65%, #00BDB3 67.02%, #00BFB5 91.27%);
}
.promo-form-wrapper .promo-image {
  width: 30%;
  background: url("../img/gift.png") no-repeat center;
}
.promo-form-wrapper .promo {
  padding: 15px 15px 25px 15px;
  flex-grow: 1;
}
.promo-form-wrapper .promo-label {
  font-size: 30px !important;
  font-weight: 500;
  color: white;
}
.promo-form-wrapper .promo-text {
  color: white;
}
.promo-form-wrapper .promo form {
  width: 100%;
}
.promo-form-wrapper .promo form #promoForm {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
}
.promo-form-wrapper .promo form #promoForm .form-group, .promo-form-wrapper .promo form #promoForm .form-row, .promo-form-wrapper .promo form #promoForm .form-control {
  margin-bottom: 0;
}

.no-more-result {
  background-color: rgb(136, 189, 241);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  padding: 5px 80px 0 50px;
  display: grid;
  align-items: center;
  grid-template-columns: 175px 1fr;
  grid-gap: 12px;
}
@media screen and (max-width: 768px) {
  .no-more-result {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .no-more-result {
    grid-template-columns: 1fr;
    padding: 30px 20px 5px;
  }
}
.no-more-result__image {
  max-height: 168px;
}
@media screen and (max-width: 576px) {
  .no-more-result__image {
    display: flex;
    justify-content: center;
    order: 2;
  }
}
.no-more-result__text-title {
  font-size: 22px;
  font-weight: 700;
}
.no-more-result__text-description {
  line-height: 17px;
}

#cookie-block {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 25px 0;
  background-color: rgba(20, 20, 20, 0.9);
  color: white;
  z-index: 9999;
}
#cookie-block .cookie-block__content {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 576px) {
  #cookie-block .cookie-block__content {
    flex-wrap: wrap;
  }
}
#cookie-block .cookie-block__content p {
  line-height: 1.3em;
  margin-bottom: 0;
  font-size: 14px;
}
#cookie-block .cookie-block__content p a {
  color: var(--brand-color);
  font-weight: 500;
}

#notifications-page .navbar nav {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #notifications-page .navbar nav {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
  #notifications-page .navbar nav > * {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #notifications-page .navbar {
    display: grid;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  #notifications-page .navbar a {
    display: inline-block;
    text-align: center;
  }
}
#notifications-page .notification {
  grid-template-columns: 30px 1fr 165px;
}
@media screen and (max-width: 768px) {
  #notifications-page .notification {
    grid-template-columns: 30px 1fr;
  }
}
#notifications-page .notification-date {
  justify-self: flex-end;
  font-style: italic;
  color: var(--dark-color);
}
@media screen and (max-width: 768px) {
  #notifications-page .notification-date {
    grid-column: 1/3;
  }
}

#cart .cart-count-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 30px;
}
@media screen and (max-width: 768px) {
  #cart .cart-count-form {
    grid-template-columns: 1fr;
  }
}
#cart .empty-cart {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px var(--card-border-color) solid;
  padding-top: 40px;
}
#cart .vacancy-rate__block {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 30px;
}
@media screen and (max-width: 992px) {
  #cart .vacancy-rate__block {
    grid-template-columns: 1fr;
  }
}
#cart .vacancy-rate__block .published-type:hover {
  transform: scale(1);
  cursor: initial;
  box-shadow: transparent;
}
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
}
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__input {
  display: flex;
  align-items: center;
  gap: 5px;
}
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__input .form-control, #cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__input .form-row {
  margin-bottom: 0;
}
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__input input::-webkit-outer-spin-button,
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__description {
  font-size: 12px;
}
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__sum {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 5px;
}
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__sum .sum-result {
  word-break: break-word;
  font-size: 28px;
}
#cart .vacancy-rate__block .cart-count-form .form-rate__inputs .counter-form__submit {
  margin-top: 20px;
}

.account-auth__label {
  font-size: 18px;
  display: flex;
  align-items: center;
}
.account-auth__icon-vk {
  width: 29px;
  height: 29px;
  margin-right: 9px;
}
.account-auth__icon-yandex {
  margin-right: 5px;
}
.account-auth__container {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-gap: 15px;
  align-items: center;
  margin-bottom: 30px;
  max-width: 650px;
}
.account-auth__container-social {
  margin-bottom: 0;
  border-top: 1px rgb(220, 220, 220) solid;
  padding: 15px 0;
  align-items: center;
}
.account-auth__container-social:last-child {
  border-bottom: 1px rgb(220, 220, 220) solid;
}
.account-auth__container.not-auth {
  grid-template-columns: 1fr 4fr;
}
.account-auth__container.not-auth .decline-block {
  display: none;
}
.account-auth .auth-social__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.account-auth .auth-social__id {
  font-size: 18px;
}

.autopublish-label {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .autopublish-label {
    width: fit-content;
  }
}

.info_container_img {
  position: relative;
  width: -webkit-fill-available;
}

.info_container_img img {
  position: absolute;
  transform: translate(-6px, 20px);
  width: auto;
  max-width: 100%;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 992px) {
  .info_container_img {
    display: none;
  }
}
.tips_container {
  border-radius: var(--card-border-radius);
  border: 1px solid var(--card-border-color);
  display: flex;
  background-color: var(--tips-block);
}
.tips_container .tips_container_info {
  padding: 24px 27px 0;
}
.tips_container .tips_container_info p {
  margin-bottom: 16px;
  line-height: 16px;
}
.tips_container .tips_container_info.tips_container_info_links {
  margin-top: 27px;
  display: flex;
  align-items: baseline;
}
.tips_container .tips_container_img {
  position: relative;
  width: 100%;
}
.tips_container .tips_container_img img {
  position: absolute;
  transform: translate(20px, 0);
  width: auto;
  max-width: 100%;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 992px) {
  .tips_container {
    display: block;
  }
  .tips_container .tips_container_img {
    display: none;
  }
}

.alert {
  box-sizing: border-box;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  background-color: white;
}
.alert-success {
  background-color: color-mix(in srgb, var(--success-color) 10%, transparent);
  color: var(--success-color);
}
.alert-danger, .alert-warning {
  background-color: color-mix(in srgb, var(--danger-color) 15%, transparent);
  color: var(--danger-color);
}
.alert-error {
  background-color: color-mix(in srgb, var(--error-color) 15%, transparent);
  color: var(--error-color);
}
.alert-info {
  background-color: color-mix(in srgb, var(--info-color) 15%, transparent);
  color: var(--info-color);
}

#flash-notices {
  display: block;
  position: fixed;
  left: 50%;
  width: 50dvw;
  top: 3dvh;
  transform: translate(-50%, 0);
  z-index: 99;
}
@media screen and (max-width: 768px) {
  #flash-notices {
    width: 90dvw;
  }
}
#flash-notices .flash-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 1s ease;
  box-shadow: 0 0 3px 0 var(--dark-color);
}
#flash-notices .flash-message.alert-success {
  background-color: #e3f5e3;
}
#flash-notices .flash-message.alert-error {
  background-color: #fbd7d7;
}
#flash-notices .flash-message.alert-info {
  background-color: #d9f6f4;
}
#flash-notices .flash-message.alert-danger {
  background-color: #ffe7d9;
}
#flash-notices .flash-message.alert-warning {
  background-color: #ffe7d9;
}
#flash-notices .flash-message [class^=raberu-] {
  cursor: pointer;
}
#flash-notices .flash-message:last-child {
  margin-bottom: 0;
}
#flash-notices.checked {
  animation: slideAllElement 1s ease;
}
#flash-notices .flash-message.checked {
  animation: slideElement 1s ease;
}

@keyframes slideElement {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-100px);
  }
}
@keyframes slideAllElement {
  0% {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
  }
  100% {
    opacity: 0;
    transform: translateY(-100px) translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  #flash-notices {
    top: 9dvh;
  }
}
.table {
  margin-bottom: 24px;
}
.table-header {
  border-bottom: 1px var(--light-color) solid;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .table-header {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .table-item {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .table-item > * {
    display: flex;
    gap: 5px;
  }
}
.table-item:nth-child(odd) {
  background-color: rgba(236, 236, 236, 0.45);
}
.table-header, .table-item {
  display: grid;
  grid-column-gap: 10px;
  padding: 12px 15px;
}
.table-item.disabled {
  opacity: 0.5;
}
.table-item-label {
  display: none;
}
@media screen and (max-width: 768px) {
  .table-item-label {
    display: flex;
    flex-basis: 15ch;
    flex-shrink: 0;
  }
}

table.table {
  width: 100%;
}
table.table > thead {
  border-bottom: 1px var(--light-color) solid;
  font-weight: 600;
}
table.table td, table.table th {
  text-align: left;
  padding: 12px 15px;
}

.vacancy-table {
  --tab-sizes: 1.5fr 25px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 65px;
}
.vacancy-table__item, .vacancy-table__header {
  display: grid;
  grid-template-columns: var(--tab-sizes);
  grid-column-gap: 10px;
}
.vacancy-table__item .actions, .vacancy-table__header .actions {
  width: 40px;
}
.vacancy-table__column--actions {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .vacancy-table__column--actions {
    text-align: left;
  }
}
.vacancy-table .no-vacancies {
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.vacancy-table.public-tab {
  --tab-sizes: 3fr 2fr 2fr 1fr 1fr 1fr 1fr 100px;
}

.vacancy-table.manager.public-tab {
  --tab-sizes: 1.5fr 25px 1fr 1fr 1fr 1fr 1fr 1fr 25px;
}

.vacancy-table.archive-tab {
  --tab-sizes: 3fr 2fr 2fr 1fr 1fr 1fr 1fr 100px;
}

.vacancy-table.draft-tab {
  --tab-sizes: 1.5fr 1fr 1fr 1fr 100px;
}

.table-item {
  border-bottom: 1px var(--card-border-color) solid;
}

.fav-resume-table .table-header, .fav-resume-table .table-item {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr 2fr 1fr 25px;
  grid-column-gap: 10px;
}

.bill-table .table-header, .bill-table .table-item, .act-table .table-header, .act-table .table-item {
  grid-template-columns: 1fr 1fr 1fr 1fr 25%;
}
.bill-table .table-item__download, .act-table .table-item__download {
  justify-self: end;
}

.contract-table .table-header, .contract-table .table-item {
  grid-template-columns: 2fr 2fr 1fr;
}
.contract-table .table-item__download {
  justify-self: end;
}

.manager-table .table-header, .manager-table .table-item {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr 1fr 25px 25px;
}
.manager-table .manager-table-item .phone {
  display: flex;
  align-items: start;
  gap: 7px;
}
.manager-table .manager-table-item__actions {
  display: none;
}
@media screen and (max-width: 768px) {
  .manager-table .manager-table-item__actions {
    display: flex;
  }
}
.manager-table .disabled {
  opacity: 0.5;
}

.manager-limit-table .table-header, .manager-limit-table .table-item {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: 4fr 1fr 1fr 2fr;
}
.manager-limit-table .preview-only {
  display: none;
}
.manager-limit-table .preview-mode .preview-only {
  display: flex;
  padding: 4px 0;
}
.manager-limit-table .preview-mode .edit-mode {
  display: none;
}

.applicant-request-table .table-header, .applicant-request-table .table-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 25px;
  grid-column-gap: 10px;
}

.employer-requests-table .table-header, .employer-requests-table .table-item {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: 1fr 1.5fr 1fr 1fr 1fr 149px;
}
@media screen and (max-width: 576px) {
  .employer-requests-table .table-item .status {
    max-width: 100%;
  }
}

.cart-table .table-header, .cart-table .table-item {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: 2fr 1fr 40px;
}
.cart-table .table-header:nth-child(odd), .cart-table .table-item:nth-child(odd) {
  background-color: transparent;
}
.cart-table li {
  padding-left: 5px;
  list-style-type: disc;
  list-style-position: inside;
  color: var(--dark-color);
}
.cart-table .table-item__actions {
  text-align: end;
}

@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter/Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Comfortaa";
  src: url("../../assets/fonts/Comfortaa/Comfortaa-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Comfortaa";
  src: url("../../assets/fonts/Comfortaa/Comfortaa-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Comfortaa";
  src: url("../../assets/fonts/Comfortaa/Comfortaa-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Comfortaa";
  src: url("../../assets/fonts/Comfortaa/Comfortaa-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Comfortaa";
  src: url("../../assets/fonts/Comfortaa/Comfortaa-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --dropdown-padding: 16px 23px;
  --dropdown-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.25);
  --dropdown-width: initial;
  --dropdown-min-width: 260px;
  --dropdown-top: 40px;
  --dropdown-left: initial;
  --dropdown-bottom: initial;
  --dropdown-right: initial;
  --dropdown-pointer-top: -10px;
  --dropdown-pointer-right: initial;
  --dropdown-pointer-bottom: initial;
  --dropdown-pointer-left: initial;
}

.dropdown {
  position: relative;
}
.dropdown-content {
  position: absolute;
  display: grid;
  grid-template-rows: 0fr;
  border-radius: var(--card-border-radius);
  transition: all 0.2s ease;
  overflow: hidden;
  background-color: white;
  padding: var(--dropdown-padding);
  padding-top: 0;
  padding-bottom: 0;
  min-width: var(--dropdown-min-width);
  width: var(--dropdown-width);
  z-index: 10;
  top: var(--dropdown-top);
  left: var(--dropdown-left);
  right: var(--dropdown-right);
  bottom: var(--dropdown-bottom);
  opacity: 0;
}
.dropdown-content__wrapper {
  min-height: 0;
}
.dropdown-content.expanded {
  display: grid;
  grid-template-rows: 1fr;
  padding: var(--dropdown-padding);
  box-shadow: var(--dropdown-box-shadow);
  overflow: initial;
  opacity: 1;
}
.dropdown-content.expanded:before {
  position: absolute;
  content: "";
  top: var(--dropdown-pointer-top);
  right: var(--dropdown-pointer-right);
  bottom: var(--dropdown-pointer-bottom);
  left: var(--dropdown-pointer-left);
  display: block;
  background-color: white;
  height: 20px;
  width: 20px;
  transform: rotate(45deg);
}

.select-template-dropdown {
  --dropdown-pointer-left: 25px;
}
@media screen and (max-width: 576px) {
  .select-template-dropdown {
    --dropdown-padding: 15px;
    --dropdown-min-width: 200px;
  }
}
.select-template-dropdown .form-row {
  margin-bottom: 0;
}

.notification-dropdown {
  --dropdown-width: 450px;
  --dropdown-pointer-left: 229px;
  --dropdown-left: calc(50% - 225px - 15px);
  --dropdown-top: 55px;
}
.notification-dropdown .dropdown-toggle {
  font-size: 25px;
  color: var(--passive-color);
}
.notification-dropdown .dropdown-toggle.active {
  position: relative;
  color: var(--dark-color);
}
.notification-dropdown .dropdown-toggle.active:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 1px;
  background-color: rgb(244, 0, 48);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.notification-dropdown__content {
  /* width */
  /* Track */
  /* Handle */
}
.notification-dropdown__content ::-webkit-scrollbar {
  width: 7px;
}
.notification-dropdown__content ::-webkit-scrollbar-track {
  background: var(--color-passive-400);
  border-radius: 4px;
}
.notification-dropdown__content ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--brand-color-second);
  background: var(--brand-color);
}
.notification-dropdown__content .notification-list {
  overflow: auto;
  max-height: 65dvh;
}
.notification-dropdown__content .notification {
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-gap: 20px;
  padding: 20px 0 15px 0;
  border-bottom: 1px var(--card-border-color) solid;
}
.notification-dropdown__content .notification-icon {
  font-size: 24px;
  color: var(--brand-color-second);
  align-self: center;
  justify-self: center;
}
.notification-dropdown__content .notification-body__title {
  display: flex;
  margin-bottom: 10px;
  font-weight: 500;
  color: black;
}
.notification-dropdown__content .notification-body__message {
  color: black;
  line-height: 1.3em;
}
.notification-dropdown__content .notification.passive .notification-icon,
.notification-dropdown__content .notification.passive .notification-body__title,
.notification-dropdown__content .notification.passive .notification-body__message,
.notification-dropdown__content .notification.passive .notification-body__date {
  color: var(--passive-color) !important;
}
.notification-dropdown__content .all-notification {
  padding: 15px 0 5px 0;
  text-align: center;
}
.notification-dropdown__content .all-notification a {
  text-decoration-style: dashed;
}

/* Точечное оформление */
.city-dropdown {
  --dropdown-pointer-left: 25px;
}

.role-dropdown {
  --dropdown-pointer-left: initial;
  --dropdown-pointer-right: 25px;
  --dropdown-right: -20px;
  --dropdown-top: 55px;
}
.role-dropdown__content {
  display: flex;
  flex-direction: column;
  color: black;
  line-height: 17px;
}
.role-dropdown__content a {
  margin-bottom: 8px;
}
.role-dropdown__content .company-title, .role-dropdown__content .user-name {
  font-size: 20px;
  line-height: 25px;
}
.role-dropdown__content .user-role {
  background-color: rgb(135, 203, 255);
  color: white;
  padding: 5px 16px 6px 12px;
  border-radius: 20px;
  width: fit-content;
  margin-bottom: 12px;
}
.role-dropdown__content .company-balance {
  margin-bottom: 5px;
}
.role-dropdown__content .company-balance__value {
  line-height: 35px;
  font-weight: 600;
  font-size: 28px;
}
.role-dropdown__content .company-vacancy ul {
  line-height: 22px;
  margin-left: 10px;
}

.show-phone-container {
  position: relative;
}
.show-phone-container .phone-result {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 320px;
  max-width: 330px;
  padding: 33px 22px;
  border-radius: var(--card-border-radius);
  box-shadow: 0 0 15px 15px rgba(0, 0, 0, 0.2);
  flex-direction: column;
  gap: 15px;
  z-index: 2;
  top: 50px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .show-phone-container .phone-result {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 576px) {
  .show-phone-container .phone-result {
    min-width: 75dvw;
  }
}
.show-phone-container .phone-result__value {
  font-size: 28px;
  border-radius: 40px;
  display: flex;
  gap: 15px;
  justify-content: center;
  color: white;
}
@media screen and (max-width: 768px) {
  .show-phone-container .phone-result__value {
    font-size: 20px;
    width: initial !important;
  }
}
@media screen and (max-width: 576px) {
  .show-phone-container .phone-result__value {
    font-size: 16px;
  }
}
.show-phone-container .phone-result__value a {
  color: white;
  text-decoration: none;
}
.show-phone-container .phone-result__value i {
  font-size: 20px;
  width: inherit;
  height: inherit;
  transform: rotate(25deg);
}
@media screen and (max-width: 768px) {
  .show-phone-container .phone-result__value i {
    display: none;
  }
}
.show-phone-container .phone-result__primary-text, .show-phone-container .phone-result__secondary-text {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .show-phone-container .phone-result__primary-text, .show-phone-container .phone-result__secondary-text {
    padding: 0;
  }
}
.show-phone-container .phone-result__primary-text {
  color: var(--brand-color);
  font-size: 18px;
}
.show-phone-container .phone-result::after {
  display: block;
  content: "";
  width: 25px;
  height: 25px;
  background-color: white;
  position: absolute;
  top: -10px;
  left: 60px;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .show-phone-container .phone-result::after {
    display: none;
  }
}
.show-phone-container .phone-result.visible {
  display: flex;
}

.d-lg-block {
  display: flex;
}

.d-lg-none {
  display: none;
}

@media screen and (max-width: 768px) {
  .d-lg-block {
    display: none;
  }
  .d-lg-none {
    display: block;
  }
}
form-dropdown:not(:defined) {
  opacity: 0;
  visibility: hidden;
}

.search-list {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 30px;
}
.search-list__filter-inner {
  border: 2px solid var(--card-border-color);
  border-radius: 20px;
  padding: 20px 30px;
  height: fit-content;
  box-sizing: border-box;
}
.search-list__filter-inner .checkbox {
  margin-bottom: 3px;
}
.search-list__filter-inner .checkbox span {
  position: relative;
  top: 3px;
}
.search-list__filter-inner .checkbox label {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 5px;
}
.search-list__filter-inner .checkbox:last-child {
  margin-bottom: 0;
}
.search-list__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.search-list__item {
  display: grid;
  grid-template-columns: 1fr 150px;
  padding: 22px 34px;
  border-radius: 25px;
  border: 2px solid var(--card-border-color);
}
.search-list__item-header {
  font-size: 22px;
}
.search-list__item-header a {
  text-decoration: none;
  color: unset;
}
.search-list__item-price {
  font-size: 22px;
}
.search-list__item-actions {
  text-align: end;
  margin: 0 0 0 auto;
}
.search-list__item-actions .actions-wrapper .dd-toggle {
  color: var(--passive-color) !important;
}
.search-list__item-actions .actions-wrapper .actions-list {
  width: 230px;
}
.search-list__item-premium {
  box-shadow: -10px 0px 0px 0px rgb(255, 152, 0);
  border-radius: 25px;
  border: 2px var(--card-border-color) solid;
}
.search-list__item-premium:last-child {
  border-bottom: 1px var(--card-border-color) solid;
}
.search-list__sort {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  background-color: var(--color-passive-600);
  border-radius: 20px;
}
.search-list__sort-item {
  display: flex;
  align-items: center;
  color: var(--color-passive-900);
  margin-right: 22px;
}
.search-list__sort-item a {
  all: unset;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
  margin-right: 5px;
  cursor: pointer;
}
.search-list__sort-item:last-child {
  margin-right: 0;
}
.search-list__sort-item.active {
  color: black;
}

.vacancy-description {
  word-break: break-word;
}

@media screen and (max-width: 1200px) {
  .search-list {
    grid-template-columns: 1fr 2fr;
  }
}
@media screen and (max-width: 992px) {
  .search-list {
    display: block;
  }
  .search-list__filter {
    margin-bottom: 30px;
    max-width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .search-list__item {
    padding: 22px 10px;
    display: flex;
  }
  .search-list__item .flex .mb-8 {
    display: flex;
  }
  .search-list__item .flex .mb-8 span {
    display: flex;
    margin: 12px 0;
  }
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.pagination .page, .pagination .current {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--light-color);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.pagination .page a, .pagination .current a {
  position: absolute;
  border-radius: 50%;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--dark-color);
}
.pagination .page a:hover, .pagination .current a:hover {
  opacity: 0.6;
}
.pagination .current {
  background-color: var(--brand-color);
  color: white;
}
.pagination .previous, .pagination .next {
  position: relative;
  width: 35px;
  height: 35px;
}
.pagination .previous a, .pagination .next a {
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  font-size: 0;
  height: inherit;
}
.pagination .previous a:before, .pagination .next a:before {
  content: "";
  visibility: visible;
  display: block;
  width: 25px;
  height: 21px;
  background-repeat: no-repeat;
}
.pagination .previous a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22' fill='none'%3E%3Cpath d='M21.68 9.00999H7.67997L12.4 4.28996C13.18 3.50996 13.18 2.24 12.4 1.46C11.62 0.68 10.35 0.68 9.56999 1.46L1.42997 9.59995C0.649971 10.38 0.649971 11.65 1.42997 12.43L9.56999 20.57C9.95999 20.96 10.47 21.16 10.98 21.16C11.49 21.16 12 20.96 12.39 20.57C13.17 19.79 13.17 18.52 12.39 17.74L7.66996 13.02H21.67C22.77 13.02 23.67 12.12 23.67 11.02C23.67 9.92 22.78 9.00999 21.68 9.00999Z' fill='%23D4D4D4'/%3E%3C/svg%3E");
}
.pagination .next a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22' fill='none'%3E%3Cpath d='M2.32007 13.0099H16.3201L11.6001 17.7299C10.8201 18.5099 10.8201 19.7799 11.6001 20.5599C12.3801 21.3399 13.6502 21.3399 14.4302 20.5599L22.5701 12.4199C23.3501 11.6399 23.3501 10.3699 22.5701 9.5899L14.4302 1.44989C14.0402 1.05989 13.5301 0.859863 13.0201 0.859863C12.5101 0.859863 12.0001 1.05989 11.6101 1.44989C10.8301 2.22989 10.8301 3.49991 11.6101 4.27991L16.3301 8.99988H2.33008C1.23008 8.99988 0.330078 9.89988 0.330078 10.9999C0.330078 12.0999 1.22007 13.0099 2.32007 13.0099Z' fill='%23D4D4D4'/%3E%3C/svg%3E");
}
.pagination .first, .pagination .last {
  display: none;
}

.error-page .error-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-page .error-info .status-code {
  color: var(--brand-color);
  font-size: 340px;
  font-weight: 600;
  line-height: 0.8;
}
@media screen and (max-width: 768px) {
  .error-page .error-info .status-code {
    font-size: 150px;
  }
}
.error-page .error-info .image-wrapper {
  max-width: 660px;
}
.error-page .error-info .image-wrapper img {
  object-fit: contain;
  object-position: center;
  width: 100%;
}
.error-page .error-info__text {
  font-size: 28px;
  font-weight: 400;
  line-height: 33.89px;
  letter-spacing: -0.04em;
  text-align: center;
}
.error-page .search-block .filter-wrapper {
  border: 1px solid var(--card-border-color);
}

.error-text {
  color: var(--error-color);
  margin-bottom: 12px;
}

.modal {
  visibility: collapse;
  opacity: 0;
}

.modal.is-open {
  visibility: visible;
  opacity: 1;
}

.modal__overlay {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: white;
  padding: 25px;
  border-radius: var(--card-border-radius);
  min-width: 40dvw;
}
@media screen and (max-width: 576px) {
  .modal__container {
    padding: 10px;
  }
}
.modal__container .modal-close {
  display: block;
  width: 100%;
  text-align: end;
  font-size: 16px;
}
.modal__container .modal-close .raberu-icon-close {
  cursor: pointer;
}
.modal__container .content {
  margin: 0;
  padding: 10px 0;
}
@media screen and (max-width: 576px) {
  .modal__container .content {
    padding: 5px 0;
  }
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.modal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

#login-modal .modal__container {
  min-width: 350px;
}

#city-modal .modal__container {
  min-width: 510px;
  max-width: 510px;
  padding: 40px 50px;
}
@media screen and (max-width: 768px) {
  #city-modal .modal__container {
    min-width: 300px;
    max-width: 300px;
    padding: 15px 30px;
  }
}
#city-modal .modal__container i {
  font-size: 37px;
}
#city-modal .modal__container h2 {
  font-size: 28px;
  margin-bottom: 10px;
}
#city-modal .city-modal__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 22px;
  justify-content: space-between;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #city-modal .city-modal__list {
    display: none;
  }
}
#city-modal .city-modal__form form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}

#change-account-info .modal__container, #change-account-number .modal__container, #change-account-password .modal__container, #change-account-email .modal__container {
  box-sizing: border-box;
  min-width: 350px;
  width: 626px;
  padding: 40px 95px 50px 95px;
}
#change-account-info .modal__container h2, #change-account-number .modal__container h2, #change-account-password .modal__container h2, #change-account-email .modal__container h2 {
  font-size: 28px;
}
#change-account-info .change-account_component, #change-account-number .change-account_component, #change-account-password .change-account_component, #change-account-email .change-account_component {
  width: 100%;
}

.print {
  display: none;
}

@media print {
  .print {
    display: block;
  }
  .no-print {
    display: none;
  }
  header,
  footer,
  #flash-notices {
    display: none;
  }
}
#request-list form[name=company_request_filter] .filter_row-first, #request-list form[name=company_request_filter] .filter_row-second {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #request-list form[name=company_request_filter] .filter_row-first, #request-list form[name=company_request_filter] .filter_row-second {
    grid-template-columns: 1fr;
  }
}
#request-list form[name=company_request_filter] .filter_row-second .actions {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  #request-list form[name=company_request_filter] .filter_row-second .actions .fake-label {
    display: none;
  }
}
#request-list form[name=company_request_filter] .form-group, #request-list form[name=company_request_filter] .form-row, #request-list form[name=company_request_filter] .control-label, #request-list form[name=company_request_filter] .form-control {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 576px) {
  #request-list form[name=company_request_filter] .form-group.form-row {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  #request-list form[name=company_request_filter] .form-group.form-row .control-label {
    flex-basis: 10ch;
  }
}

button .raberu-icon-arrow-right,
button .raberu-icon-arrow-left {
  font-size: 12px;
}

.sm-icon {
  font-size: 12px;
}

[class^=raberu-icon],
[class*=" raberu-icon"] {
  letter-spacing: 0;
  line-height: 1;
}

.statistic-all {
  gap: 40px;
}

.statistic-info {
  display: grid;
  grid-template-columns: 1fr 90px;
  align-items: center;
  grid-gap: 6px;
  height: fit-content;
}
.statistic-info .statistic-info__count {
  display: flex;
  font-size: 32px;
  height: fit-content;
  gap: 5px;
}
.statistic-info .statistic-info__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.06em;
  text-align: left;
}

@media screen and (max-width: 576px) {
  .statistic-info .statistic-info__count {
    margin-bottom: 12px;
  }
  .statistic-all {
    display: block;
  }
  .statistic-all .statistic-info {
    display: block;
    margin-bottom: 20px;
  }
}
.vacancies-statistic__table .table-header, .vacancies-statistic__table .table-item {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 5px;
  word-break: break-word;
}

#statistic_filter_form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 70px;
  grid-gap: 20px;
}

#statistic_filter_form .form-group.form-row {
  margin-bottom: 0;
}
#statistic_filter_form .form-group.form-row input {
  margin-bottom: 0;
}

.statistic-filter #statistic_filter_form {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(4, 1fr);
  align-items: end;
}
.statistic-filter #statistic_filter_form button[type=submit] {
  max-height: 32px;
  padding: 6px 12px;
}
@media screen and (max-width: 768px) {
  .statistic-filter #statistic_filter_form {
    grid-template-columns: 1fr;
    grid-gap: 12px;
  }
  .statistic-filter #statistic_filter_form button[type=submit] {
    margin-top: 5px;
  }
}

.resume-header {
  display: grid;
  grid-template-columns: 1fr 250px;
  grid-column-gap: 36px;
}
@media screen and (max-width: 768px) {
  .resume-header {
    display: flex;
    flex-direction: column;
  }
}
.resume-header__photo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .resume-header__photo {
    order: 1;
    align-items: normal;
    margin-bottom: 40px;
  }
}
.resume-header__photo picture {
  width: 200px;
  height: 200px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .resume-header__info {
    order: 2;
  }
}

.resume-body__info {
  border-top: 1px var(--card-border-color) solid;
}
.resume-body__action-panel {
  width: 100%;
}
.resume-body__action-panel .actions, .resume-body__action-panel .comments {
  border-radius: 10px;
  padding: 30px 20px;
  border: 1px var(--card-border-color) solid;
}
.resume-body__action-panel .actions {
  margin-bottom: 15px;
}
.resume-body__action-panel .actions-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.additional-resume-info .info-container .item {
  display: grid;
  grid-template-columns: 25% 75%;
}
@media screen and (max-width: 1200px) {
  .additional-resume-info .info-container .item {
    gap: 20px;
  }
  .additional-resume-info .info-container .item .left, .additional-resume-info .info-container .item .right {
    display: block;
  }
}

.comment-item:not(:last-child) {
  margin-bottom: 15px;
}

.applicant-actions {
  display: grid;
  grid-template-columns: 1fr 50px;
  grid-gap: 10px;
  align-items: center;
}
.applicant-actions__text {
  line-height: 1.3rem;
}

.resume-step-contact-info {
  border: 1px solid #d0d0d0;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 20px;
}
.resume-step-contact-info p {
  margin-bottom: 0;
}
.resume-step-contact-info .resume-step-contact-info-header-icon {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  gap: 15px;
  color: unset;
}
.resume-step-contact-info.disabled {
  color: rgb(131, 131, 131);
}
.resume-step-contact-info .checkbox {
  margin-bottom: 14px;
}
.resume-step-contact-info-header {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 576px) {
  .resume-step-contact-info-header {
    display: block;
  }
}

.contact-actions {
  color: rgb(38, 155, 248);
  cursor: pointer;
}

.contact-value {
  outline: none;
}

.resume-header__contacts--mb20 {
  margin-bottom: 20px;
}
.resume-header__contacts--mb20 .resume-header__contacts-title {
  margin-bottom: 10px;
  line-height: 1;
}
.resume-header__contacts-title {
  color: #838383;
  margin-bottom: 5px;
}

.resume-header__contact {
  display: flex;
  gap: 15px;
}
.resume-header__contact i {
  font-size: 18px;
}
.resume-header__contact-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 7px;
}
.resume-header__contact-info .resume-header__contact-link {
  font-size: 18px;
  text-decoration: unset;
  line-height: 1;
  margin-bottom: 8px;
}
.resume-header__contact-info .resume-header__contact-note {
  color: #838383;
  margin-bottom: 6px;
  line-height: 1;
}
.resume-header__contact--phone a {
  color: unset;
}
.resume-header__contact--mail a {
  color: #269bf8;
}