.content__nav-wrapper {
    z-index: 1;
    position: relative;
    color: #686868;
}
@media (max-width: 1023px) {
  .container {
      padding-left: 0;
      padding-right: 0;
  }
}

/* Переопределение формы start */

.dark-theme-form .multiform-body {
  --background-field: #565656;
  --color-field: #bebebe;
}
/* .dark-theme-form .multiform-body {
    background-color: #333333;
} */
.dark-theme-form .multiform-body .default-theme .multiform-gap-description {
    font-family: var(--font-family-text);
}
.multiform-gap-description a {
    text-decoration: underline;
}
.dark-theme-form .multiform-body .multiform-wrap {
    margin: 0;
    margin-left: auto;
    box-shadow: none;
    border: none;
    background-color: #333333;
}
.dark-theme-form .multiform-gap-fields  {
    padding: 10px;
    border-radius: 10px;
}
.dark-theme-form .multiform-gap-name {
    display: none;
}
.dark-theme-form .multiform-body .multiform-gap-value,
.dark-theme-form .multiform-body .multiform-gap-value input,
.dark-theme-form .multiform-body .multiform-gap-value input[type="email"],
.dark-theme-form .multiform-body .multiform-gap-value select {
    height: 51px !important;
    border: none !important;
    border-radius: 3.2px;
    background-color: var(--background-field) !important;
    /* color: var(--color-field) !important; */
    color: #fff;
}
.dark-theme-form .multiform-body .multiform-gap-value select {
  width: 100% !important;
}
.dark-theme-form .default-theme .multiform-gap-value input[type="text"] {
  color: var(--color-field);
}
.dark-theme-form .multiform-body .multiform-gap-value:has(select) {
    padding-right: 15px;
}
.dark-theme-form .multiform-body .multiform-gap-value .select__box {
    background-color: var(--background-field);
    border: var(--background-field);
    color: var(--color-field);
    font-size: 16px;
}
.dark-theme-form .multiform-gap-field.type-checkbox .multiform-gap-value {
    background-color: transparent !important;
}
.dark-theme-form .multiform-gap-field.type-checkbox .multiform-gap-description {
    margin-left: 15px;
    font-size: 16px;
}
.dark-theme-form .multiform-gap-field.type-checkbox .multiform-gap-description,
.multiform-gap-field.type-checkbox .multiform-gap-description  a {
    color: #ffffff !important;
}
.dark-theme-form .multiform-gap-form .mf-button {
    display: inline-block;
    min-width: auto;
    margin: 0 !important;
    padding: 16px !important;
    background-color: var(--brand-color);
    background-image: none !important;
    color: #ffffff;
    font-weight: 600;
    width: fit-content;
    font-size: 24px !important;
    font-family: var(--font-family-text);
    line-height: 1;
    border-radius: 8px !important;
}
.dark-theme-form .multiform-gap-field .multiform-gap-option {
width: 28px;
margin-bottom: 0;
}
.dark-theme-form .multiform-gap-value input[type='checkbox'] {
    width: 28px;
    height: 28px !important;
    border: none;
    border-radius: 6px !important;
    background-color: #D9D9D9 !important;
}
.dark-theme-form .multiform-gap-value input[type='checkbox'] + .checkbox__mark {
  display: none;
}

.dark-theme-form .multiform-form-description {
    display:none!important;}
.multiform-form-description, .multiform-wrap.default-theme {
    box-shadow:none!important;
    width: 40% !important;
    max-width: 500px!important;
    margin-left: auto !important;
}
.dark-theme-form .multiform-wrap {
    border:0!important;
}
.dark-theme-form .multiform-wrap .multiform-gap-value {
    margin-left: 0px!important;
    padding: 0;
}
/* .dark-theme-form .multiform-submit input[type="submit"] {
    padding: 2px 6px;
    float: right!important;
    background-color: #ff7a00!important;
    padding: 11px 37px!important;
    font-size: 22px!important;
    color: #fff!important;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.44)!important;
    text-decoration: none!important;
    font-style: italic!important;
    border-radius: 5px!important;
    width: 170px!important;
    float: right!important;
} */
.errormsg {
    display:none!important;
}
.dark-theme-form .multiform-wrap .multiform-error-field,
.dark-theme-form .multiform-wrap input.multiform-error-field, 
.dark-theme-form .multiform-wrap select.multiform-error-field {
    border: 0 !important;
    background-color: transparent !important;
}
.dark-theme-form .multiform-gap-field:has(.multiform-error-field) {
    outline: 1px solid red !important;
    outline-offset: 5px;
}
.multiform-gap-fields .multiform-gap-value {
    text-align: left!important;
}
#wahtmlcontrol_fields_field_247_13-1 {
  height: 28px;
}
/* #wahtmlcontrol_fields_field_278_13-1,
#wahtmlcontrol_fields_field_96_13-1, 
#wahtmlcontrol_fields_field_97_13-1, 
#multiformField98_13, 
#wahtmlcontrol_fields_field_98_13-1, 
#wahtmlcontrol_fields_field_99_13-1, 
#wahtmlcontrol_fields_field_101_13-1,  
#wahtmlcontrol_fields_field_102_13-1,  
#wahtmlcontrol_fields_field_103_13-1, 
#wahtmlcontrol_fields_field_105_13-1, 
#wahtmlcontrol_fields_field_100_13-1, 
#wahtmlcontrol_fields_field_125_13-1, 
#wahtmlcontrol_fields_field_229_13-1, 
#wahtmlcontrol_fields_field_274_13-1  */
.multiform-gap-value > input, 
.multiform-gap-value > select, 
.multiform-gap-value .Zebra_DatePicker_Icon_Wrapper,
.multiform-gap-value .select__content {
    text-align: left!important;
    border: none!important;
    outline: none!important;
    padding: 0 20px 0 10px !important;
}

#wahtmlcontrol_fields_field_278_13-1 option:first-child {
  color: var(--color-field) !important;
}

#wahtmlcontrol_fields_field_274_13-1 {
    width: 100%;
    display: flex !important;
    align-items: center;
}
.Zebra_DatePicker_Icon {
    left: 425px!important;
}

#wahtmlcontrol_fields_field_125_13-1 {
    width: 100%!important;
}

.Zebra_DatePicker_Icon_Wrapper {
    width: 291px!important;
}
.Zebra_DatePicker_Icon_Wrapper input {
    background-color: #fff!important;
    border:0!important;
}
table.multiform-grid {
    width: 464px!important;
}
.default-theme .multiform-submit {
    float: left;
}
.multiform-wrap.default-theme {
    position: relative!important;
}
#multiformField93 {
    width: 470px;
}
.default-theme .multiform-submit {
    position:relative;
    z-index:999;
}


#wahtmlcontrol_fields_field_125 {
    height: 42px!important;
    padding: 10px;
    text-align: left!important;
    background-color: #e9e9e9;
    border: none!important;
    outline: none!important;
}

#wahtmlcontrol_fields_field_125, #multiformField125 {
    width:349px!important;
}
.accordion dd a {
    border-bottom: none;
}
.accordion dd {
    margin-left: 0;
    font-size: 18px;
    line-height: 22px;
    background: #fff;
    padding: 10px 30px 50px 30px;
}

.multiform-wrap .multiform-gap-value {
    display: flex;
    align-items: center;
}
.multiform-wrap .multiform-gap-value input,
.multiform-wrap .multiform-gap-value select {
    font-size: 16px !important;
}

.multiform-wrap {
    margin-bottom: -47px;
}

.dark-theme-form .multiform-body .multiform-gap-value:has(select:focus),
.dark-theme-form .multiform-body .multiform-gap-value:has(input:focus) {
    -webkit-box-shadow: 0 0 5px #9cf;
    -moz-box-shadow: 0 0 5px #9cf;
    box-shadow: 0 0 5px #9cf;
}
.dark-theme-form .multiform-body .multiform-gap-value select:focus,
.dark-theme-form .multiform-body .multiform-gap-value input:focus {
	box-shadow: none !important;
}
.multiform-gap-value:has(#fields\[field_247_13-1\]-354) {
  box-shadow: none;
}

@media screen and (max-width: 640px) {
    /* table.multiform-grid {
        width: 265px!important;
    } */
    .multiform-wrap.default-theme {
      margin-left: 0 !important;
    }
    .dark-theme-form .default-theme .multiform-gap-field {
        padding: 0 !important;
    }
    .dark-theme-form .default-theme .mf-button {
        background-color: #ff7919;
        color: #fff !important;
    }
    .multiform-body {
        width: 100%!important;
        padding: 0 !important;
    }
   .multiform-gap-fields {
        padding: 0px !important;
    }
    #multiformField93_13-1 {
        margin-bottom: 20px;
    }
    .default-theme .multiform-gap-value input[type='radio'], .default-theme .multiform-gap-value input[type='checkbox'] {
        border-width: 0;
        width: 24px;
        height: 24px;
        margin-top: 14px;
    }
    #wahtmlcontrol_fields_field_96_13-1, #wahtmlcontrol_fields_field_97_13-1, #multiformField98_13, #wahtmlcontrol_fields_field_98_13-1, #wahtmlcontrol_fields_field_99_13-1, #wahtmlcontrol_fields_field_101_13-1, #wahtmlcontrol_fields_field_102_13-1, #wahtmlcontrol_fields_field_103_13-1, #wahtmlcontrol_fields_field_105_13-1, #wahtmlcontrol_fields_field_100_13-1, #wahtmlcontrol_fields_field_125_13-1, #wahtmlcontrol_fields_field_96_13-1, #multiformField96_13-1, #wahtmlcontrol_fields_field_97_13-1, #multiformField97_13-1, #wahtmlcontrol_fields_field_98_13-1, #multiformField98_13-1 {
        width: 100% !important;
    }
    table.multiform-grid {
        width: 100% !important;
        margin-bottom: 55px;
    }
    .dark-theme-form .default-theme .mf-button {
        /* background-image: linear-gradient(to right bottom, #ff6300, #ff7f00, #ff9900, #ffb200, #ffca00); */
        border-radius: 9px;
        font-weight: 700;
        margin: 66px 0 0 0;
        border: 0;
        padding: 7px 100px !important;
        font-size: 24px !important;
        transition: background-color .2s linear;
        text-decoration: none;
        letter-spacing: .7px;
        text-align: center;
        display: inline-block;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline: none;
    }
    .dark-theme-form .default-theme .multiform-submit input[type="submit"] {
        height: 55px!important;
        font-size: 30px!important;
    }   

   #wahtmlcontrol_fields_field_96, #multiformField96, #wahtmlcontrol_fields_field_98, #multiformField98, #wahtmlcontrol_fields_field_99, #multiformField99, #wahtmlcontrol_fields_field_101, #multiformField101, #wahtmlcontrol_fields_field_97, #multiformField97,#wahtmlcontrol_fields_field_100, #multiformField100, #multiformField97, #wahtmlcontrol_fields_field_100 input, #multiformField100, #wahtmlcontrol_fields_field_100, #multiformField100 {
        width: 100%!important;
        font-size:14px;
        margin-right:0!important;
   }
   .dark-theme-form .multiform-wrap.multiform-adaptive-width .multiform-gap-name, .multiform-wrap.default-theme .multiform-gap-name {
        font-size: 17px;
   }
   .multiform-form-description, .multiform-wrap.default-theme {
        box-shadow: none!important;
        width: 94%!important;
        max-width: 94%!important;
   }

   #wahtmlcontrol_fields_field_96, #wahtmlcontrol_fields_field_97, #wahtmlcontrol_fields_field_98, #wahtmlcontrol_fields_field_99, #wahtmlcontrol_fields_field_100, #wahtmlcontrol_fields_field_101, #wahtmlcontrol_fields_field_102, #wahtmlcontrol_fields_field_103, #wahtmlcontrol_fields_field_104, #wahtmlcontrol_fields_field_105 {
        font-size: 25px!important;
   }
   #multiformField93 {
        width: 127%!important;
   }
   .multiform-submit {
        margin-top:-60px!important;
   }
   #wahtmlcontrol_fields_field_102, #multiformField102, #wahtmlcontrol_fields_field_103, #multiformField103, #wahtmlcontrol_fields_field_105, #multiformField105 {
        width: 100%!important;
   }
    #multiformField100_13-1  .multiform-gap-name {
        float: left;
        margin-bottom: 10px;
    }
   #multiformField100_13-1 {
       width: 317px;
   }
  #wahtmlcontrol_fields_field_100_13-1 {
      padding: 13px;
  }
}


@media (max-width: 960px) {
    .multiform-wrap .multiform-gap-value input,
    .multiform-wrap .multiform-gap-value select,
    .dark-theme-form .multiform-body .multiform-gap-value .select__box {
        font-size: 10px;
    }
    .dark-theme-form .multiform-body .multiform-gap-value, 
    .dark-theme-form .multiform-body .multiform-gap-value input, 
    .dark-theme-form .multiform-body .multiform-gap-value select {
        height: 28px !important;
    }
    .multiform-wrap .multiform-gap-value input, 
    .multiform-wrap .multiform-gap-value select {
        font-size: 10px !important;
    }
    .dark-theme-form .default-theme .multiform-gap-field {
        padding: 0;
        margin-bottom: 12px;
    }
    .dark-theme-form .multiform-gap-field.type-checkbox .multiform-gap-description {
        margin-left: 8px;
        font-size: 8px;
    }
    .dark-theme-form .multiform-gap-field .multiform-gap-option {
        width: 15px;
    }
    .dark-theme-form .multiform-gap-value input[type='checkbox'] {
        width: 15px;
    }
    .dark-theme-form .multiform-gap-form .mf-button {
        font-size: 13px !important;
        padding: 9px !important;
        border-radius: 4px !important;
    }
    .dark-theme-form .multiform-submit {
        padding: 0 !important;
    }
    .dark-theme-form .multiform-gap-fields {
        padding: 0 !important;
    }
}

@media (max-width: 640px) { /* 415px */
    .multiform-wrap .multiform-gap-value input,
    .multiform-wrap .multiform-gap-value select {
        font-size: 10px;
    }
    .dark-theme-form .default-theme .multiform-submit {
        display: inline-block;
        margin-top: 14px !important;
    }
    .dark-theme-form .multiform-gap-value input[type='checkbox'] {
        height: 20px !important;
        width: 100%;
        margin: 0;
        border-radius: 4px !important;
    }
}
/* Переопределение формы end */


#header-content {
    position: relative;
    z-index: 0;
    
    display: grid;
    height: 695px;
    width: 100%;
    font-family: 'RobotoRegular', var(--font-family-text);
    margin-top: -40px;
    margin-bottom: 34px;
    align-items: center;
}    
#header-content::before {
    content: "";
    position: absolute;
    background-color: #303030;
    width: 200%;
    height: calc(100% + 70px);
    top: -15px;
    margin-left: calc(100%/2 - 100%);
    z-index: -1;
    background-image: url(/wa-data/public/site/oldimg/vacancy/vacancy_main.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
} 
#header-content .section-text {
    max-width: 50%;
    display: grid;
    row-gap: 3.5rem;
    margin-top: -28px;
}
#header-content .section-text .title {
    margin: 0;
    color: #ffffff;
    font-size: 3.8rem;
    line-height: 1.3;
    font-weight: 600;
}
#header-content .section-text .add-text {
    margin: 0;
    margin-bottom: 21px;
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 1.3;
}
#header-content .kp-button {
  font-size: 24px;
}

#advantages {
    max-width: 100vw;
    
    padding: 84px 72px;
}
.advantages__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 33px 64px;
    margin: 0;
    padding: 0 !important;
    font-family: 'RobotoRegular', var(--font-family-text) !important;
}
.advantages__item,
.content-decorator .advantages__item {
    display: flex;
    column-gap: 26px;
    align-items: center;
    padding: 14px 32px 14px 40px;
    font-size: 21px;
    background-color: #F5F5F5;
    border-radius: 8px;
}
.advantages__item::before,
.content-decorator .advantages__item::before {
    content: '';
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: initial;
    top: 0;
    left: 0;
    margin-right: 0;
}
.advantages__item--official::before {
    background-image: url(/wa-data/public/site/oldimg/vacancy/adv-1.svg) !important;
}
.advantages__item--schedule::before {
    background-image: url(/wa-data/public/site/oldimg/vacancy/adv-2.svg) !important;
}
.advantages__item--income::before {
    background-image: url(/wa-data/public/site/oldimg/vacancy/adv-3.svg) !important;
}
.advantages__item--discounts::before {
    background-image: url(/wa-data/public/site/oldimg/vacancy/adv-4.svg) !important;
}
.advantages__item--payments::before {
    background-image: url(/wa-data/public/site/oldimg/vacancy/adv-5.svg) !important;
}
.advantages__item--life::before {
    background-image: url(/wa-data/public/site/oldimg/vacancy/adv-6.svg) !important;
}    
.categories {
    position: relative;
    padding: 84px 0;
    background-color: #FAFAFA;
}
.categories::before {
    content: "";
    position: absolute;
    background-color: #FAFAFA;
    width: 200%;
    height: 100%;
    top: -0;
    margin-left: calc(100%/2 - 100%);
    z-index: -1;
}
.categories__list {
    display: flex;
    justify-content: space-between;
}
.categories-item {
    display: grid;
    height: 352px;
    width: 352px;
    position: relative;
    padding: 80px 30px 39px 30px;
    text-decoration: none;
    border-radius: 8px;
    background-color: #BEBEBE;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
    z-index: 1;
}
.categories-item--office {
    background-image: url(/wa-data/public/site/oldimg/vacancy/category-office.jpg);
}
.categories-item--manufacture {
    background-image: url(/wa-data/public/site/oldimg/vacancy/category-manufacture.jpg);
}
.categories-item--retail {
    background-image: url(/wa-data/public/site/oldimg/vacancy/category-retail.jpg);
}
.categories-item:hover .kp-button {
    background-color: #fe7607;
}
.categories-item__img {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 8px;
    z-index: -1;
}
.categories-item:hover .categories-item__img {
    filter: brightness(80%);
}
.categories-item__title {
    margin-top: auto;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.categories .kp-button {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    font-size: 17px;
}    
.vacancy-form {
    position: relative;

    min-height: 716px;
    box-sizing: border-box;
    max-height: 847px; /* 800 */
    padding: 40px 0;
    background-color: #333333;
    z-index: 1;
}
.vacancy-form::before {
    content: "";
    position: absolute;
    background-color: #333333;
    width: 200%;
    height: 100%;
    top: -0;
    margin-left: calc(100%/2 - 100%);
    z-index: -1;
}
#vacancy-form::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(/wa-data/public/site/oldimg/vacancy/man.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: -30px;
}
.vacancy-form__content {
    position: relative;
    z-index: 5;
}
#vacancy-form .vacancy-form__title {
    display: block;
    width: 40%;
    margin-left: auto;
    color: #ffffff;
    font-size: 42px;
    font-weight: 600;
}
.multiform-gap-fields:has(.result-vacancy-form) {
  padding: 15px 0;
}
.result-vacancy-form {
  font-family: var(--font-family-text);
  font-size: 21px;
  color: #fff;
}

.vacancies {
    padding: 96px 0 86px;
}
.vacancies-category {
    display: grid;
    row-gap: 64px;
}
.vacancies__list {
    display: grid;
    row-gap: 14px;
}
.vacancies .vacancies__title {
    margin-bottom: 35px;
    color: var(--brand-color);
    font-size: 42px;
    font-weight: 600;
}
.vacancies-category .vacancies-category__title {
    margin-bottom: 24px;
    color: #000000 !important;
    font-size: 32px;
    font-weight: 600;
}

/* vacancy start */
.vacancy {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 16px;
}
.vacancy__header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 30px;
    color: #000000;
    font-size: 1.85em;
    transition: color .35s;
    box-sizing: border-box;
    z-index: 100;
}
.vacancy .vacancy__title {
    font-size: 26px;
}
.vacancy input {
    display: none;
}
.vacancy__details {
    margin-right: 22px;
    font-size: 18px;
    text-wrap: nowrap;
}
.vacancy__details::after {
    content: '\276F';
    display: inline-block;
    transform: rotate(90deg);
    margin-left: 8px;
    font-size: 0.8em;
}
.vacancy input:checked + label .vacancy__details::after {
    transition: transform .35s;
    transform: rotate(-90deg);
}
.vacancy input:checked + label + .vacancy-content {
    height: auto;
    margin-top: -5px;
    color: #000;
    padding: 26px 32px 38px 32px;
}    
.vacancy__buttons {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #919191;
}
.vacancy .kp-button {
    font-size: 18px;
}
.vacancy .vacancy-content {
    display: flex;
    gap: 40px;
    margin: 0 auto;
    height: 0;
    color: #000000;
    background-color: #F5F5F5;
    line-height: 18px;
    padding: 0 30px;
    box-sizing: border-box;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
    font-size: 16px;
    border-radius: 0 0 16px 16px;
}    
.vacancy-content .content-item__title {
    margin: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
}
.vacancy-content .content-item__list {
    display: grid;
    row-gap: 7px;
    margin: 0;
    padding-left: 16px;
    font-size: 16px;
    font-family: inherit;
}
.vacancy-content .content-item__list li {
    list-style-type: "•";
    padding-left: 10px;
    line-height: 1.3;
}
.vacancy-content .content-item__list li::before {
    content: none;
}
/* vacancy end */


@media (min-width: 641px) and (max-width: 960px) { /* от 416px */
    
    #header-content .kp-button {
        font-size: 15px;
    }
    #advantages {
        max-width: calc(100vw - 36px - 36px);
    }
    .categories {
        width: calc(100vw - 79px - 79px);
        padding: 45px 82px;
    }
    .categories__list {
        justify-content: center;
        column-gap: 20px;
    }
    .categories-item {
        height: auto;
        width: auto;
        min-width: 188px;
        min-height: 188px;
        padding: 30px;
        font-size: 16px;
        background-size: cover;
    }
    .vacancy-form {
        padding: 23px 76px;
        width: calc(100vw - 76px - 76px);
    }
    .vacancies {
        max-width: calc(100vw - 36px - 36px);
        padding: 49px 36px;
    }
}

@media (max-width: 960px) {
    #header-content {
        width: 100vw;
        height: auto;
        margin-bottom: 24px;
    }
    #header-content .section-text {
        max-width: 100%;
        padding: 65px 36px;
        row-gap: 29px;
    }
    #header-content .section-text .title {
        font-size: 31px;
    }
    #header-content .section-text .add-text {
        font-size: 13px;
    }
    #advantages {
        padding: 50px 36px;
    }
    .advantages__list {
        row-gap: 14px;
        column-gap: 40px;
    }
    .advantages__item,
    .content-decorator .advantages__item {
        column-gap: 19px;
        padding: 10px 23px 10px 23px;
        font-size: 15px;
    }
    #advantages .advantages__item::before,
    .content-decorator #advantages .advantages__item::before {
        position: relative;
        width: 39px;
        height: 39px;
    }
    .categories-item__title {
        font-size: 16px;
    }
    .categories .kp-button {
        padding: 6px 11px;
        font-size: 9px;
        border-radius: 4px !important;
    }
    .vacancy-form {
        min-height: 381px;
        box-sizing: content-box;
    }
    #vacancy-form .vacancy-form__title {
        font-size: 24px;
    }
    .vacancies .vacancies__title {
        margin-bottom: 17px;
        font-size: 24px;
    }
    .vacancies__list {
        row-gap: 9px;
    }
    .vacancies-category .vacancies-category__title {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .vacancy {
        border-radius: 10px;
    }
    .vacancy__header {
        padding: 20px;
    }
    .vacancy .vacancy__title {
        font-size: 16px !important;
    }
    .vacancy__details {
        margin-right: 14px;
        font-size: 12px;
    }
    .vacancy__details::after {
        margin-right: 5px;
    }
    .vacancy .kp-button {
        padding: 8px 7px;
        font-size: 12px;
    }
    .vacancy .vacancy-content {
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .section-text .add-text {
        font-size: 12px;
    }
    .categories-item__title {
        font-size: 24px;
    }
    .vacancies__list {
        row-gap: 12px;
    }
    .vacancies-category {
        row-gap: 40px;
    }
    .vacancies-category .vacancies-category__title {
        margin-bottom: 15px;
    }
    .vacancy__title {
        font-size: 13px;
    }
    .vacancy .kp-button {
        font-size: 12px;
        border-radius: 5px !important;
    }
    .dark-theme-form .multiform-body .multiform-gap-value input[type="checkbox"] {
        width: 20px;
        height: 20px !important;
        border-radius: 4px !important;
    }
    .dark-theme-form .multiform-gap-field.type-checkbox .multiform-gap-description {
        margin-left: 15px;
    }
}

@media (max-width: 640px) { /* 415px */
    #page {
        padding: 0;
    }
    #header-content {
        width: auto;
        margin-bottom: 0;
    }
    #header-content::before {
        background-image: url(/wa-data/public/site/oldimg/vacancy/vacancy_main_sm.png);
        height: 100%;
        width: 100%;
        top: 0;
        background-position: initial;
        margin-left: auto;
    }
    #header-content .section-text {
        margin-top: 0;
        padding: 45px 35px;
        row-gap: 15px;
        text-align: center;
    }
    #header-content .kp-button {
      margin: auto;
      font-size: 12px;
    }
    #header-content .section-text .title {
      font-size: 28px !important;
    }
    #header-content .section-text .add-text {
      max-width: 60%;
      margin: auto;
      margin-bottom: 5px;
      font-size: 12px;
    }
    #advantages {
      margin-bottom: 0;
      padding: 46px 39px;
    }
    .advantages__list {
      grid-template-columns: 1fr;
    }
    .advantages__item {
      line-height: 1;
    }
    .categories {
      padding: 0;
    }
    .categories__list {
      display: flex;
      flex-direction: column;
    }
    .categories-item {
      width: 100%;
      height: 200px;
      align-content: center;
      row-gap: 24px;
      padding: 0;
      border-radius: initial;
    }
    /* .categories-item__img {
        border-radius: initial;
    } */
    .categories-item--office {
      background-image: url(/wa-data/public/site/oldimg/vacancy/category-office_rect.jpg);
    }
    .categories-item--manufacture {
      background-image: url(/wa-data/public/site/oldimg/vacancy/category-manufacture_rect.jpg);
    }
    .categories-item--retail {
      background-image: url(/wa-data/public/site/oldimg/vacancy/category-retail_rect.jpg);
    }
    .categories-item__title br {
      display: none;
    }
    #vacancy-form {
      min-height: auto;
      padding: 42px 32px;
    }
    #vacancy-form::after {
      content: none;
    }
    /* .vacancy-form form {
        padding: 0 10px;
    } */
    #vacancy-form .vacancy-form__title {
          width: 100%;
          margin-bottom: 21px;
    }
    .vacancy-form__content {
      width: 100%;
    }
    #vacancies {
      padding: 46px 38px;
    }
    #vacancies .vacancies__title {
      margin-bottom: 25px;
      text-align: left;
    }
    .vacancies-category {
      row-gap: 24px;
    }
    .vacancies-category .vacancies-category__title {
      margin-bottom: 12px;
      font-size: 16px;
    }
    /* .vacancies__list * {
        max-width: 100vw;
    } */
    .vacancy {
      border-radius: 8px;
    }
    .vacancy .vacancy__title {
      font-size: 10px !important;
    }
    .vacancy__header {
      margin-bottom: 0;
      padding: 8px 16px;
    }
    .vacancy__details {
      margin-right: 16px;
      color: #919191;
      font-size: 8px;
    }
    .vacancy__details::after {
      margin-right: 4px;
    }
    .vacancy .kp-button {
      font-size: 10px;
    }
    .dark-theme-form .multiform-body .multiform-gap-value input,
    .multiform-body .multiform-gap-value input, 
    .dark-theme-form .multiform-body .multiform-gap-value input[type="email"] {
      height: 28px !important;
    }
    #wahtmlcontrol_fields_field_247_13-1 {
      height: 20px;
    }
}