* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}
::-webkit-scrollbar {
    width: 2px;
    height: 1px;
}

::-webkit-scrollbar-track {
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: #00FFAB;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: darkred;
}
h1,h2,h3,h4,h5,h6 {
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}
p + * {
    margin-top: 1rem;
}
h1 {
    font-size: 1.75rem;
}
h1 + * {
    margin-top: 1.75rem;
}
* + h1 {
    margin-top: 1.75rem;
}
h2 {
    font-size: 1.5rem;
}
h2 + * {
    margin-top: 1.5rem;
}
* + h2 {
    margin-top: 1.5rem;
}
h3 {
    font-size: 1.375rem;
}
h3 + * {
    margin-top: 1.375rem;
}
* + h3 {
    margin-top: 1.375rem;
}
h4 {
    font-size: 1.25rem;
}
h4 + * {
    margin-top: 1.25rem;
}
* + h4 {
    margin-top: 1.25rem;
}
h5 {
    font-size: 1.125rem;
}
h5 + * {
    margin-top: 1.125rem;
}
* + h5 {
    margin-top: 1.125rem;
}
h6 {
    font-size: 1rem;
}
h6 + * {
    margin-top: 1rem;
}
* + h6 {
    margin-top: 1rem;
}
ol + *, ul + * {
    margin-top: 2rem;
}
* + ol, * + ul {
    margin-top: 0.75rem;
}
ul:not([class]), ol:not([class]) {
    margin-left: 2rem;
}
img, svg {
    object-fit: cover;
    max-width: 100%;
    height: auto;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #FFF;
    background-color: #000;
    line-height: 1.5;
}
body.home section > * {
    position: relative;
    z-index: 1;
}
body, html {
    scroll-behavior: smooth;
}
.container {
    --bs-gutter-x: 1rem;
}
.menu-toggler {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn {
    font-size: 1rem;
    background-color: #00FFAB;
    color: #000;
    line-height: 1;
    font-weight: 600;
    padding: 0.75rem 1.75rem;
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    border-radius: 3.125rem;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, background-color 0.35s ease-in-out;
}
.btn-dark {
    background-color: #000;
    color: #00FFAB;
    box-shadow: 0 0 0 1px #00FFAB;
}
.btn:hover,
.btn-transparent {
    background-color: transparent;
    color: #00FFAB;
    box-shadow: 0 0 0 1px #00FFAB;
}
.btn-transparent:hover,
.btn-dark:hover {
    background-color: #00FFAB;
    color: #000; 
}
.content-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: sticky;
    top: 0;
    color: #FFF;
    background-color: transparent;
    transition: color 0.35s ease, background-color 0.35s ease;
    z-index: 10;
}
.content-header ul {
    margin: 0;
}
.content-header.change_background {
    background-color: #000;
    /* color: #000; */
}
.header--logo--element {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 87 / 50;
    overflow: hidden;
    width: 87px;
}
.header--button .btn {
    margin-left: auto;
}
.mobile-menu {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.35);
    top: 0;
    bottom: 0;
    right: 0;
    width: 300px;
    max-width: 100%;
    padding: 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
    max-height: 100vh;
    overflow: hidden auto;
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;
    transform: translateX(100%);
    z-index: 10;
}
.mobile-menu.active {
    opacity: 1;
    transform: translateX(0);
    box-shadow: 0 0 20px 1px #000;
}
.menu-header-menu-container .header-menu {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    margin-top: 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
}
.menu-header-menu-container .header-menu a {
    text-decoration: unset;
}
.mobile-menu--socials {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.5rem;
}
.header--socials--link {
    display: inline-flex;
    width: 1.5rem;
    aspect-ratio: 1;
    background-image: var(--dark);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* .change_background .header--socials--link {
    background-image: var(--dark);
} */
.mobile-menu--lang-switcher .wpml-ls ul {
    list-style-type: none;
    display: flex;
    gap: 0.5rem;
    margin-top: 1.5rem;
}
.mobile-menu--lang-switcher .wpml-ls ul .wpml-ls-flag {
    display: block;
    width: 33px;
    height: 24px;
    object-fit: cover;
    border-radius: 3px;
}
.mobile-menu--button {
    margin-top: 1.5rem;
}
.content-footer {
    margin-top: auto;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background-color: #000;
    color: #FFF;
    position: relative;
    z-index: 9;
}
.footer-container {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}
.footer-container a {
    text-decoration: none;
}
.footer-container ul {
    list-style-type: none;
}
.footer-container .row {
    row-gap: 2rem;
}
.footer--logo {
    margin-bottom: 1.5rem;
}
.footer--logo--element {
    display: flex;
    width: 138px;
    aspect-ratio: 138 / 80;
    max-width: 100%;
    align-items: center;
    justify-content: center;
}
.footer--logo--element img {
    width: 100%;
}
.footer--text {
    margin-bottom: 1.75rem;
}
.footer--socials {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    line-height: 1;
    font-weight: 600;
}
.footer--socials--head {
    font-size: 1.125rem;
    text-transform: uppercase;
}
.footer--socials--link::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    aspect-ratio: 1;
    background-image: var(--light);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.footer--socials--link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.footer--column--body :last-child {
    margin-bottom: 0;
}
.footer--column--head {
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.footer--menu ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    font-weight: 500;
    line-height: 1.2;
}
.footer--column--subheading {
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}
.footer--contact {
    display: flex;
    width: fit-content;
    align-items: center;
    max-width: 100%;
    margin: 0.75rem 0;
    padding: 0.625rem 1.375rem;
    gap: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 600;
    border: 2px solid #00FFAB;
    border-radius: 3.125rem;
}
.footer--contact svg {
    min-width: 1.25rem;
    height: auto;
}
.developed_by {
    font-size: 0.875rem;
    line-height: 1;
}
.page-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}
.page-banner {
    margin-top: -5.125rem;
    padding-top: 7.125rem;
    padding-bottom: 2.5rem;
    min-height: 100vh;
    background-image: var(--mobile_image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    display: flex;
}
.page-banner--container {
    display: flex;
    flex-direction: column;
}
.page-banner--title {
    color: #FFF;
    margin-bottom: 0.5rem;
    font-size: 3rem;
}
.page-banner--subtitle {
    background-color: #003225B2;
    width: fit-content;
    color: #00FFAB;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    font-style: italic;
    padding: 0.75rem 1.5rem;
    border-radius: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}
.page-banner--button {
    margin-top: auto;
}
.page-banner--button .btn {
    font-size: 1.5rem;
    padding: 1.25rem;
    width: 358px;
    max-width: 100%;
    margin: 0 auto;
}
.advantages {
    background-color: #000000;
    padding: 3.75rem 0;
    color: #FFF;
}
.block-title {
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 2.5rem;
}
.advantages--items--wrapp {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    max-height: 608px;
    overflow: hidden overlay;
}
.advantages--item {
    row-gap: 1.5rem;
}
.advantages--item::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #FFFFFF4D;
    margin: 0 calc(var(--bs-gutter-x) / 2);
}
.advantages--item--index {
    font-weight: 300;
    font-size: 5rem;
    line-height: 1;
    color: #00FFAB;
}
.advantages--item--text {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
}
.advantages--item--text--content {
    margin-top: 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 12px;
}
.counters {
    background-image: var(--background);
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    background-size: cover;
    background-position: center;
    position: relative;
}
.counters::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: #003216B2;
    backdrop-filter: blur(4px);
}
.counters--container {
    margin: 0 1rem;
    padding: 1.5rem 0.75rem;
    background-color: #080808;
    border-radius: 1.25rem;
    color: #FFF;
    position: relative;
    z-index: 1;
}
.counters--row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    row-gap: 2.5rem;
}
.counters--general--title, 
.counters--general--subtitle {
    color: #00FFAB;
    line-height: 1.2;
}
.counters--general--title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.counters--general--count {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 1rem;
}
.counters--general--subtitle {
    font-size: 1.25rem;
    font-weight: 700;
}
.counters--right-column {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
}
.counters--subitems--item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 0.375rem;
    border: 2px solid #232821;
    padding: 0.75rem 0;
}
.counters--subitems--item--title {
    width: 75.76%;
    padding: 0 0.75rem;
}
.counters--subitems--item--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    aspect-ratio: 1;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.counters--subitems--item--name {
    font-weight: 500;
    line-height: 1.2;
}
.counters--subitems--item--count {
    padding: 0 0.75rem;
    width: 24.24%;
    text-align: end;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 0.8;
}
.support-info {
    background-color: #000;
    padding: 3.75rem 0;
    color: #FFF;
}
.support-info--title {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
}
.support-info--description {
    font-size: 1.125rem;
    margin-bottom: 3.75rem;
}
.support-info .btn {
    font-size: 1.25rem;
    padding: 1.25rem;
    min-width: min(100%, 358px);
    width: fit-content;
}
.range-value {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.375rem;
}
.custom-range{
    -webkit-appearance:none;
    appearance:none;
    width:100%;
    height:4px;
    border-radius:100px;
    background:linear-gradient(
        to right,
        #fff 0%,
        #fff 36%,
        #003c39 36%,
        #003c39 100%
    );
    outline:none;
}
.custom-range::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    border:none;
}
.custom-range::-moz-range-thumb{
    width: 16px;
    height: 16px;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    border:none;
}
.custom-range::-moz-range-track{
    height: 4px;
    background:transparent;
}
.vacancies {
    background: radial-gradient(96.84% 97.07% at 100% 100%, rgba(0, 255, 171, 0.6) 0%, #000000 100%), linear-gradient(0deg, #000000, #000000);
    color: #FFF;
    padding: 3.75rem 0;
}
.vacancies--title {
    text-align: center;
}
.vacancies--row {
    row-gap: 1.5rem;
}
.vacancies--filter--wrapp {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    width: 368px;
    max-width: 100%;
}
.vacancies--filter--field {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}
.vacancies--filter--label {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
}
.vacancies--filter--checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    padding-right: 0.625rem;
}
.vacancies--filter--checkbox {
    padding: 11px 23px;
    border: 1px solid #FFF;
    border-radius: 5px;
    line-height: 1;
    font-weight: 500;
    background-color: #000;
    transition: background-color 0.35s ease, color 0.35s ease;
    cursor: pointer;
}
.vacancies--filter--checkbox:has(:checked) {
    background-color: #FFF;
    color: #000;
    font-weight: 600;
    letter-spacing: -0.9%;
}
.vacancies--filter--checkbox input {
    display: none;
}
.vacancies--filter--reset .btn {
    background-color: transparent;
    color: #FFF;
    text-decoration: underline;
    margin: 0 auto;
    padding: 0;
    font-size: 1.25rem;
    border-radius: 0;
    box-shadow: unset;
}
.vacancies--items--wrapp {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.vacancies--item--body {
    display: flex;
    flex-wrap: wrap;
    padding: 1.25rem 1rem;
    background-color: #FFF;
    color: #000;
    border-radius: 0.9375rem;
    position: relative;
}
.vacancies--item--body > * {
    width: 100%;
}
.vacancies--item--is-hot {
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 600;
    color: #00FFAB;
    display: flex;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    padding: 0.375rem 1.25rem;
    border-radius: 3.125rem;
    background-color: #000;
    margin-bottom: 1rem;
}
.vacancies--item--title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.vacancies--item--price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 0.25rem;
    column-gap: 0.75rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}
.vacancies--item--price--diapason {
    font-size: 1.25rem;
    font-weight: 700;
}
.vacancies--item--price--dop {
    font-size: 0.875rem;
    font-weight: 500;
    color: #393E41;
}
.vacancies--item--additions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 0.75rem;
    column-gap: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #393E41;
    margin-bottom: 1.5rem;
}
.vacancies--item--addition {
    display: flex;
    max-width: 100%;
    align-items: center;
    column-gap: 0.5rem;
}
.vacancies--item--addition--icon {
    display: inline-flex;
    min-width: 1.75rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #000;
}
.vacancies--item--description--text {
    color: #393E41;
}
.vacancies--item--link {
    display: flex;
}
.vacancies--item--link a {
    display: inline-flex;
    margin-top: 0.75rem;
    text-decoration: none;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 600;
}
.vacancies--item--callback .btn {
    width: 100%;
    margin-top: 1.5rem;
}
.vacanies--items--all {
    margin-top: 1rem;
}
.vacanies--items--all .btn {
    font-size: 1.25rem;
    padding: 1.25rem;
}
.testimonials_users {
    background-color: #000;
    padding: 3.75rem 0;
    color: #FFF;
    overflow: hidden;
}
.testimonials_users--title {
    text-align: center;
}
.testimonials_users--glide__tarck.glide__track {
    overflow: visible;
}
.testimonials_users__slide--body {
    max-width: 100%;
    padding: 0 0.5rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.5rem;
}
.testimonials_users__slide--thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 270px;
    overflow: hidden;
    border-radius: 0.625rem;
}
.testimonials_users__slide--thumbnail img {
    width: 100%;
    height: 100%;
}
.testimonials_users__slide--name {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}
.testimonials_users__slide--additions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}
.testimonials_users__slide--dot::before {
    content: "";
    display: block;
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: currentColor;
}
.testimonials_users--glide__slides .glide__slide {
    transition: opacity 0.35s ease-in-out;
}
.testimonials_users--glide__slides[style] .glide__slide:not(.glide__slide--active) {
    opacity: 0.5;
}
.glide {
    position: relative;
}
.glide__track {
    overflow: hidden visible;
}
.glide__slides {
    display: flex;
}
.glide__slides:not([style]) {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1.5rem;
}
.glide__slides:not([style]) .glide__slide {
    max-width: 100%;
}
.glide__arrow,
.hr-theme-fancybox--control {
    width: 3.125rem;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #00FFAB;
    box-shadow: 1px 1px 16px 0px #1A14231A;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #00FFAB;
    background-color: transparent;
    transition: 0.35s ease;
}
.glide__arrow:hover,
.hr-theme-fancybox--control:hover {
    transform: scale(1.3) translateY(-50%);
}
.testimonials_users--glide__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    --position: calc(100% + 3rem);
}
.testimonials_users--glide__arrow.prev {
    right: var(--position);
}
.testimonials_users--glide__arrow.next {
    left: var(--position);
}
.glide__arrow.video_testitmonials--glide__arrow:hover {
    transform: scale(1.3);
}
.video_testimonials {
    background-color: #000;
    color: #FFF;
    padding: 3.75rem 0;
    overflow: hidden visible;
}
.video_testitmonials--title {
    margin-bottom: 3rem;
}
.video_testitmonials--glide__slide--body {
    aspect-ratio: 312 / 544;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.9375rem;
    position: relative;
}
.video_testitmonials--glide__slide--body img {
    width: 100%;
    height: 100%;
}
.page_testimonals__slide__play {
    position: absolute;
    cursor: pointer;
}
.video_testitmonials--glide__track.glide__track {
    overflow: visible;
    position: relative;
}
.glide__slides[style] .glide__slide {
    transition: opacity 0.35s ease-in-out;
}
.glide__slides[style] .glide__slide:not(.glide__slide--active) {
    opacity: 0.5;
}
.steps {
    padding: 3.75rem 0;
    position: relative;
    background-color: #000;
    color: #FFF;
}
.steps::before {
    content: "";
    position: absolute;
    background: radial-gradient(267.35% 63.54% at -62.95% 63.27%, rgba(0, 255, 171, 0.6) 0%, #000000 52.45%);
    width: 100%;
    aspect-ratio: 390/2302;
    left: 0;
    top: -364vw;
}
.block-title.steps--title {
    text-align: center;
}
.steps--items {
    display: flex;
    flex-direction: column;
    row-gap: 0.75rem;
    max-height: 608px;
    overflow: hidden auto;
}
.steps--item {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.25rem;
}
.steps--item {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.25rem;
    border: 1px solid #FFFFFF4D;
    padding: 11px 19px;
    transition: color 0.35s ease-in-out, border 0.35s ease-in-out;
    border-radius: 0.625rem;
}
.steps--item:hover {
    color: #00FFAB;
    border: 1px solid #00FFAB;
}
.steps--item--index {
    width: 100%;
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 300;
}
.steps--item--text {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.youtube_video {
    color: #FFF;
    padding: 3.75rem 0;
}
.youtube_video--title {
    text-align: center;
}
.youtube_video--video {
    aspect-ratio: 358 / 202;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.625rem;
}
.youtube_video--video img {
    width: 100%;
    height: 100%;
}
.youtube_video--video iframe {
    width: 100%;
    height: 100%;
}
.faq-block {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    color: #FFF;
}
.faq-block--title {
    text-align: center;
}
.faq-block--items {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #FFFFFF59;
    border-radius: 1.25rem;
    overflow: hidden;
    max-width: 1096px;
    margin: 0 auto;
}
.faq-block--item {
    padding: 1.5rem 1.25rem;
}
.faq-block--item:not(:last-child) {
    border-bottom: 1px solid #FFFFFF59;
}
.faq-block--question {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    transition: color 0.35s ease-in-out;
    cursor: pointer;
    transition: background 0.35s ease, box-shadow 0.35s ease;
}
.faq-block--item.opened {
    background: radial-gradient(100.49% 432.61% at 17.93% -21.92%, #000000 15.4%, rgba(0, 204, 136, 0.3) 100%);
    box-shadow: 1px 1px 16px 0px #1A14231A;
}
.faq-block--item.opened .faq-block--question,
.faq-block--question:hover {
    color: #00CC89;
}
.faq-block--question--text {
    width: calc(100% - 2.5rem);
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.faq-block--question--indicator {
    width: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s ease-in-out;
}
.faq-block--item.opened .faq-block--question--indicator {
    transform: rotate(90deg);
}
.faq-block--answer {
    overflow: hidden;
}
.faq-block--answer--text {
    padding-top: 1.25rem;
}
.seo_text {
    color: #FFF;
    padding: 3.75rem 0;
}
.seo_text--content {
    overflow: hidden;
    text-overflow: ellipsis;
}
.seo_text--readmore {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 600;
    gap: 8px;
    margin-top: 2.5rem;
    width: fit-content;
    position: relative;
    clear: both;
    cursor: pointer;
}
.seo_text--readmore::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    height: 1px;
    background-color: #FFF;
    opacity: 0;
    transition: bottom 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
.seo_text--readmore:hover::before {
    opacity: 1;
    bottom: -4px;
}
.hr-theme-loader-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 12;
    backdrop-filter: blur(5px);
}
.hr-theme-loader-overlay:not(.show) {
    display: none;
}
.hr-theme-loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  animation: l14 4s infinite;
}
.hr-theme-loader::before,
.hr-theme-loader::after {
  content: "";
  grid-area: 1/1;
  border: 8px solid;
  border-radius: 50%;
  border-color: #0f9b6d #0f996c #0000 #0000;
  mix-blend-mode: darken;
  animation: l14 1s infinite linear;
}
.hr-theme-loader::after {
  border-color: #0000 #0000 #02f3a4 #3ff5b7;
  animation-direction: reverse;
}
@keyframes l14{ 
  100%{transform: rotate(1turn)}
}
.single-vacancy-content {
    padding: 2rem 0 1.5rem;
}
.single-vacancy-content--wrapp {
    background-color: #FFF;
    color: #000;
    border-radius: 0.9375rem;
    padding: 1.5rem 1rem 0;
    overflow: hidden;
}
.single-vacancy--title {
    font-size: 1.5rem;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}
.single-vacancy--price {
    margin: 0 0 2rem;
}
.single-vacancy--price .vacancies--item--price {
    margin-bottom: 2rem;
    row-gap: 0.5rem;
}
.single-vacancy--price .vacancies--item--price--diapason {
    font-weight: 600;
}
.single-vacancy--price .vacancies--item--price--dop {
    color: #000;
    opacity: 0.5;
    font-size: 1rem;
}
.single-vacancy-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 2.5rem;
    line-height: 1.2;
}
.vacancies--item--addition {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: fit-content;
    gap: 0.75rem;
    align-items: center;
}
.single-vacancy--user-abilities {
    margin-bottom: 2rem;
    position: relative;
}
.single-vacancy--user-abilities--wrapp {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem 0.75rem;
    padding-bottom: 50px;
}
.single-vacancy--user-ability {
    line-height: 1.2;
    font-weight: 500;
    color: #000;
    padding: 0.5rem 0.75rem;
    background-color: #F4F6F9;
    border-radius: 1.25rem;
}
.single-vacancy--user-abilities--toggler {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -21.67%, rgba(255, 255, 255, 0.8) 18.69%, #FFFFFF 55.54%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 0.75rem;
    padding-top: 1.75rem;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}
.single-vacancy--user-abilities--toggler .icon {
    transition: 0.35s ease;
}
.single-vacancy--user-abilities:not(.hidden) .single-vacancy--user-abilities--toggler .icon {
    transform: rotate(180deg);
}
.single-vacancy--button .btn {
    width: 100%;
    font-size: 1.125rem;
    padding: 1.25rem 1.75rem;
}
.hr {
    margin: 2.5rem 0 1.5rem;
    background-color: #D0D5DD;
    width: 100%;
    height: 1px;
}
.single-vacancy--description .single-vacancy--button {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}
.single-vacancy--meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
}
.single-vacancy--meta .date {
    font-weight: 400;
    margin-left: 0.75rem;
}
.single-vacancy--row {
    row-gap: 2.5rem;
}
.single-vacancy--similars {
    background-color: #F4F6F9;
    padding-top: 1.75rem;
    padding-bottom: 1.25rem;
}
.single-vacancy--similars--title {
    font-size: 1.5rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.single-vacancy--similars--items {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}
.single-vacancy--similar--item {
    width: 100%;
}
.single-vacancy--similar--item--body {
    position: relative;
    border-radius: 0.9375rem;
    background-color: #FFF;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
    width: 100%;
    line-height: 1.2;
}
.single-vacancy--similar--item--link {
    position: absolute;
    inset: 0;
}
.single-vacancy--similar--item--title {
    font-size: 1.25rem;
    font-weight: 600;
}
.single-vacancy--similar--item--price {
    font-weight: 500;
}
.hr-theme-pop-up,
.hr-theme-fancybox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    transition: 0.75s ease-in-out allow-discrete;
    opacity: 1;
    @starting-style {
        opacity: 0;
    }
}
.hr-theme-pop-up:not(.visible),
.hr-theme-fancybox:not(.visible) {
    display: none;
    opacity: 0;
}
.hr-theme-pop-up--overlay,
.hr-theme-fancybox--overlay {
    background: #00000080;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.hr-theme-fancybox--overlay {
    background-color: #000;
}
.hr-theme-fancybox--body {
    position: relative;
    z-index: 1;
    max-width: 100%;
    max-height: 100%;
    padding: 1rem;
}
.hr-theme-fancybox--closer {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    cursor: pointer;
}
.hr-theme-pop-up--body {
    background: radial-gradient(100.43% 100% at 100% 100%, rgba(0, 255, 171, 0.6) 0%, #000000 100%), linear-gradient(0deg, #000000, #000000);
    box-shadow: 2px 2px 28.6px 0px #3031304D;
    position: relative;
    z-index: 2;
    padding: 2.5rem 1.25rem;
    margin: 0 1rem;
    border-radius: 1.25rem;
    width: fit-content;
    max-width: 800px;
}
.hr-theme-pop-up--close {
    margin-bottom: 0.5rem;
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.screen-reader-response,
.hidden-fields-container,
.wpcf7-response-output {
    display: none;
}
.form-wrapp {
    display: flex;
    flex-direction: column;
    row-gap: 2.5rem;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.75rem;
    margin-left: -6px;
    margin-right: -6px;
}
.form-row > * {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
}
.form-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}
.form-subtitle {
    font-weight: 500;
    line-height: 1.2;
    color: #00FFAB;
}
.form-title + .form-subtitle {
    margin-top: 0.5rem;
}
.form-field {
    position: relative;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    row-gap: 0.5rem;
}
.form-label {
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 700;
}
.form-field.js-active:not(.radio) .form-label {
    position: absolute;
    bottom: 1rem;
    transition: 0.75s ease;
}
.form-field.js-active.active .form-label {
    bottom: calc(100% - 0.75rem);
    transform: translateY(100%);
}
input[type="email"],
input[type="text"],
input[type="tel"],
input[type="number"] {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-width: 0 0 1px 0;
    outline: none;
    box-shadow: unset;
    transition: background-color 99999s linear, color 99999s linear;
    color: #FFF;
    appearance: textfield;
    -webkit-appearance: textfield;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    line-height: 1;
    width: 100%;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="radio"] {
    appearance: none;
    display: block;
    width: 0.875rem;
    aspect-ratio: 1;
    border: 1px solid #FFF;
    border-radius: 50%;
    padding: 2px;
}
input[type="radio"]::after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: currentcolor;
    transition: opacity 0.35s ease-in-out;
    opacity: 0;
}
input[type="radio"]:checked:after {
    opacity: 1;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    width: 100%;
}
.wpcf7-not-valid-tip {
    position: absolute;
    top: 50%;
    line-height: 1;
    color: red;
    font-size: 0.875rem;
    transform: translate(0, -50%);
    text-align: end;
    right: 0;
    font-weight: 600;
    animation: wpcf7-error 0.5s ease-in-out forwards;
}
@keyframes wpcf7-error {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
.form-field.radio .wpcf7-not-valid-tip {
    left: 0;
    text-align: start;
    top: 100%;
    transform: unset;
}
.wpcf7-form-control.wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 1.25rem;
    font-size: 0.875rem;
    line-height: 1;
}
.wpcf7-form-control.wpcf7-radio label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.form-submit .btn {
    width: 100%;
    font-size: 1.125rem;
    padding: 1.25rem 1.75rem;
}
.hr-theme-form-message {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    transform: translateY(-100%);
    transition: 0.35s ease-in-out;
}
.hr-theme-form-message.visible {
    transform: translateY( 0% );
}
.hr-theme-form-message--body {
    background: radial-gradient(100.43% 100% at 100% 100%, rgba(0, 255, 171, 0.6) 0%, #000000 100%), linear-gradient(0deg, #000000, #000000);
    padding: 0.75rem 1rem;
    border-radius: 0 0 0.625rem 0.625rem;
    box-shadow: 2px 2px 28.6px 0px #3031304D;
    width: 600px;
    max-width: calc(100% - 2rem);
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
}
.page-study {
    background: radial-gradient(177.33% 153.77% at -18.92% 59.19%, #035338 0%, #000000 74.51%);
    padding: 3.75rem 0;
}
.page-study--title {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
}
.page-study--text {
    margin: 0 0 3.75rem;
}
.page-study--button .btn,
.what-study--button .btn {
    width: min(358px, 100%);
    font-size: 1.25rem;
    padding: 1.25rem;
}
.page-study--button .btn.btn:not(:hover),
.what-study--button .btn.btn:not(:hover) {
    background-color: #000;
}
.page-study--counters {
    margin-top: 3.75rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2.5rem;
    margin-left: -12px;
    margin-right: -12px;
}
.page-study--counter {
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
}
.page-study--counter--number {
    font-weight: 300;
    font-size: 6.25rem;
    line-height: 1;
    color: #00FFAB;
}
.hr-theme-mobile-gradient {
    background: radial-gradient(267.35% 63.54% at -62.95% 63.27%, rgba(0, 255, 171, 0.6) 0%, #000000 52.45%);
}
.what-study {
    padding: 3.75rem 0;
}
.what-study--title {
    text-align: center;
    margin-bottom: 3rem;
}
.what-study--row {
    row-gap: 1rem;
    margin-bottom: 3rem;
}
.what-study--item--body {
    background: radial-gradient(100.49% 432.61% at 17.93% -21.92%, #000000 15.4%, rgba(0, 204, 136, 0.3) 100%);
    border: 1px solid #FFFFFF59;
    padding: 1.25rem;
    border-radius: 0.625rem;
    height: 100%;
}
.what-study--item--index {
    font-size: 5rem;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 1.5rem;
}
.what-study--item--text--title {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.625rem;
}
.what-study--item--text--content {
    font-size: 1.125rem;
}
.page-template-page-about .page-banner--title {
    font-size: 2rem;
    line-height: 1.2;
}
.our-values {
    padding: 3.75rem 0 0;
}
.our-values--row {
    max-height: 700px;
    overflow: hidden auto;
    row-gap: 0.75rem;
}
.our-values--item--body {
    display: flex;
    flex-wrap: wrap;
    padding: 1.25rem;
    background: radial-gradient(100.49% 432.61% at 17.93% -21.92%, #000000 15.4%, rgba(0, 204, 136, 0.3) 100%);
    border: 1px solid #FFFFFF59;
    border-radius: 0.625rem;
    row-gap: 1.5rem;
}
.our-values--item--index {
    font-weight: 300;
    font-size: 5rem;
    line-height: 1;
}
.our-values--item--title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    transition: color 0.35s ease-in-out;
}
.our-values--item--indicator {
    min-width: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s ease-in-out;
}
.active .our-values--item--title {
    color: #00FFAB;
}
.active .our-values--item--indicator {
    transform: rotate(-90deg);
}
.our-values--item--content {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
}
.our-office {
    padding: 3.75rem 0;
}
.our-office--row,
.our-office--other--images--row {
    row-gap: 0.5rem;
}
.our-office--content--title {
    margin-bottom: 1.25rem;
}
.our-office--content--text {
    font-size: 1.125rem;
    margin-bottom: 2rem;
}
.our-office--first-image--wrapp, 
.our-office--other--images--item--wrapp {
    width: 100%;
    height: 222px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-office--first-image--wrapp img,  
.our-office--other--images--item--wrapp img {
    width: 100%;
    height: 100%;
}
.hr-theme-fancybox--control {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
}
.hr-theme-fancybox--control.next {
    left: unset;
    right: 1rem;
}
.our-office--other--images--item:nth-child(n+3) {
    display: none;
}
.our-office--other--images--item:nth-child(2) .our-office--other--images--item--wrapp::after {
    content: var(--readmore);
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 280px;
    height: 44px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 500;
    border: 2px solid #FFFFFF;
    cursor: pointer;
}
.our-office--other--images--item:nth-child(2) .our-office--other--images--item--wrapp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #191A2699;
}
.fancybox-image {
    animation: wpcf7-error 0.35s ease;
}
.blog-news {
    padding: 3.75rem 0;
    overflow: hidden;
}
.blog-news--title {
    text-align: center;
}
.blog-news--glide {
    width: 342px;
    max-width: 100%;
    margin: 0 auto;
}
.blog-news--glide__track {
    overflow: visible;
}
.blog-news--glide__slide--thumbnail {
    width: 100%;
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 1.5rem;
    border-radius: 0.625rem;
}
.blog-news--glide__slide--thumbnail img {
    width: 100%;
    height: 100%;
}
.blog-news--glide__slide--title {
    margin-bottom: 1.5rem;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;
}
.blog-news--glide__slide--description {
    color: #F4F6F9;
}
.blog-page--wrapp {
    margin-top: 2.5rem;
    padding: 1.5rem 1rem;
    background-color: #FFF;
    border-radius: 0.9375rem;
    color: #000;
}
.page_breadcrumbs {
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
    line-height: 1;
}
.page_breadcrumbs * {
    text-decoration: none;
}
.breadcrumb_last {
    font-weight: 500;
    text-decoration: underline;
}
.blog-page--not-found {
    text-align: center;
}
.blog-page--title {
    margin-bottom: 2rem;
    text-align: center;
}
.blog-page--row {
    row-gap: 2rem;
}
.blog-page--row.top-line {
    row-gap: 1.5rem;
}
.blog-page--right--items {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    justify-content: space-between;
}
.blog-page--item--body {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.5rem;
    position: relative;
    height: 100%;
}
.blog-page--item--thumbnail {
    width: 100%;
    height: 215px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.625rem;
}
.blog-page--item--thumbnail img {
    height: 100%;
    width: 100%;
}
.blog-page--item--content {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}
.blog-page--item--publish {
    font-size: 0.875rem;
    line-height: 1.2;
    opacity: 0.5;
}
.blog-page--item--title h3 {
    font-size: 1.25rem;
}
.blog-page--item--excerpt {
    color: #393E41;
}
.blog-page--readmore {
    margin-top: 1rem;
    display: flex;
}
.blog-page--readmore .readmore {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
}
.blog-page--pagination {
    padding-top: 1.25rem;
    border-top: 1px solid #D0D5DD;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin-top: 3.75rem;
}
.page-numbers:not(.next):not(.prev):not(.dots) {
    min-width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.42857;
    text-decoration: none;
    transition: background-color 0.35s ease-in-out;
}
.page-numbers:not(.next):not(.prev):not(.dots).current,
.page-numbers:not(.next):not(.prev):not(.dots):hover {
    background-color: #00FFAB;
}
.next.page-numbers, 
.prev.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    opacity: 0.2;
    transition: opacity 0.35s ease;
}
.next.page-numbers {
    margin-left: 1.375rem;
}
.prev.page-numbers {
    margin-right: 1.375rem;
}
.next.page-numbers:hover, 
.prev.page-numbers:hover {
    opacity: 1;
}
.blog-page--item-first .blog-page--item--thumbnail {
    position: relative;
    z-index: 1;
}
.blog-page--item-first .blog-page--item--thumbnail::after {
    content: "";
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 93.75%);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.blog-page--item-first .blog-page--item--content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.75rem;
    z-index: 2;
    color: #FFF;
}
.blog-page--item-first .blog-page--item--title,
.blog-page--right--items .blog-page--item--title {
    order: -2;
}
.blog-page--item-first .blog-page--item--publish {
    font-size: 0.75rem;
}
.blog-page--item-first .blog-page--readmore {
    margin-top: 0.75rem;
}
.blog-page--item-first .blog-page--readmore .btn:not(:hover) {
    background: #00000080;
}
.blog-page--item-first .blog-page--readmore .btn {
    font-size: 0.875rem;
}
.blog-page--item-first .blog-page--readmore .btn svg {
    width: 14px;
}
.blog-page--right--items .blog-page--item--body {
    padding: 1rem 0.625rem;
    border-radius: 0.625rem;
    border: 1px solid #D0D5DD;
}
.blog-page--right--items .blog-page--item--thumbnail {
    width: 120px;
    height: 80px;
}
.blog-page--right--items .blog-page--item--content {
    width: calc(100% - 120px);
    padding-left: 1rem;
}
.blog-page--right--items .blog-page--item--title {
    margin-bottom: 0.25rem;
}
.blog-page--right--items .blog-page--item--title h3 {
    font-size: 1rem;
    text-transform: unset;
    line-height: 1.2;
}
.blog-page--right--items .blog-page--readmore {
    margin: 0;
}
.blog-page--row.next-line {
    margin-top: 2.5rem;
}
.blog-page--row--title {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
}
@media screen and ( max-width: 991px ) {
    .vacancies--filter--caller .btn {
        width: 100%;
        border-radius: 5px;
    }
    .vacancies--filter--caller .btn:not(:hover) {
        background-color: #000;
    }
    .vacancies--filter--wrapp {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.35);
        top: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem 1rem;
        max-height: 100vh;
        overflow: hidden auto;
        backdrop-filter: blur(10px);
        opacity: 0;
        transform: translateX(-100%);
        transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;
        z-index: 10;
    }
    .vacancies--filter--wrapp.active {
        opacity: 1;
        transform: translateX(0%);
        box-shadow: 0 0 20px 1px #000;
    }
    .vacancies--filter--closer {
        display: flex;
        justify-content: flex-end;
    }
}
@media screen and ( min-width: 576px ) {
    .page-banner {
        background-image: var(--pc_image);
        aspect-ratio: 1920 / 700;
        min-height: 400px;
        max-width: 100%;
    }
    .page-template-page-study .page-banner {
        aspect-ratio: 1440/700;
    }
    .counters--container {
        max-width: 540px;
        margin: 0 auto;
    }
    .support-info .btn {
        min-width: min(100%, 330px);
    }
}
@media screen and ( min-width: 768px ) {
    .vacancies--item--title {
        order: -2;
    }
    .counters--container {
        max-width: 720px;
        padding: 3.75rem;
    }
    .vacancies--item--title {
        order: -2;
        width: calc(100% - 222px);
    }
    .vacancies--item--is-hot {
        width: 222px;
        background-color: #00FFAB;
        color: #000;
        padding: 0.625rem 1.25rem;
        margin: 0;
        align-self: flex-start;
    }
    .vacancies--item--callback .btn {
        width: 220px;
    }
    .vacanies--items--all .btn {
        width: 220px;
        margin: 0 auto;
    }
    .single-vacancy--button .btn {
        width: fit-content;
        max-width: 100%;
    }
    .page-study--counter {
        width: 50%;
    }
    .page-study--button .btn,
    .what-study--button .btn {
        width: fit-content;
        min-width: 330px;
    }
    .what-study--button .btn {
        margin: 0 auto;
    }
    .our-office--row, 
    .our-office--other--images--row {
        row-gap: 1.5rem;
    }
    .our-office--other--images--item:nth-child(n+3) {
        display: block;
    }
    .our-office--other--images--item:nth-child(2) .our-office--other--images--item--wrapp::before,
    .our-office--other--images--item:nth-child(2) .our-office--other--images--item--wrapp::after {
        visibility: hidden;
    }
    .our-office--first-image--wrapp, 
    .our-office--other--images--item--wrapp {
        height: 100%;
        overflow: hidden;
    }
    .our-office--other--images--item--wrapp {
        align-self: 424/280;
    }
}
@media screen and ( min-width: 992px ) {
    .content-header {
        color: #FFF;
    }
    .header--left-column {
        display: flex;
        align-items: center;
        gap: 3.125vw;
    }
    .menu-header-menu-container .header-menu {
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 1rem;
        line-height: 1;
        font-weight: 600;
        text-transform: uppercase;
        gap: 1.66667vw;
        margin: 0;
        color: inherit;
    }
    .header--socials--link {
        background-image: var(--light);
    }
    .header--lang-switcher {
        position: relative;
        align-items: center;
        gap: 1rem;
    }
    .header--lang-switcher::after {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 0.75L5.75 5.75L10.75 0.75" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>');
        width: 10px;
        height: 5px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }
    /* .change_background .header--lang-switcher::after {
        background-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 0.75L5.75 5.75L10.75 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round"/></svg>');
    } */
    .header--lang-switcher ul {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        row-gap: 0.75rem;
    }
    .header--lang-switcher:hover ul {
        margin-bottom: -36px;
    }
    .header--lang-switcher ul li:not(.wpml-ls-current-language) {
        display: none;
        order: 1;
    }
    .header--lang-switcher:hover ul li:not(.wpml-ls-current-language) {
        display: block;
    }
    .wpml-ls-flag {
        display: block;
        width: 33px;
        height: 24px;
        border-bottom: 4px;
    }
    .header--socials {
        justify-content: flex-end;
        gap: 0.75rem;
        width: calc(100% - (127 + 59px + var(--bs-gutter-x) * 2));
        position: relative;
    }
    .header--socials--hiddens {
        position: absolute;
        top: 100%;
        padding-top: 0.75rem;
        display: flex;
        flex-wrap: wrap;
        width: max-content;
        max-width: 360px;
        left: 50%;
        transform: translateX(-50%);
        gap: 0.5rem;
        justify-content: center;
    }
    .header--socials:not(:hover) .header--socials--hiddens {
        display: none;
    }
    .header--lang-switcher {
        width: calc(59px + var(--bs-gutter-x));
    }
    .header--button {
        width: calc(127px + var(--bs-gutter-x));
    }
    .counters {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .counters--container {
        max-width: 960px;
    }
    .counters--left-column {
        padding-top: 3rem;
        width: calc(100% - 500px);
    }
    .counters--right-column {
        width: 500px;
    }
    .testimonials_users__slide--body {
        width: 1096px;
        max-width: 100%;
        align-items: flex-start;
        padding: 0;
    }
    .testimonials_users__slide--thumbnail {
        width: 38.7%;
        aspect-ratio: 424 / 334;
        height: auto;
        border-radius: 2.5rem;
    }
    .testimonials_users__slide--info {
        width: 61.3%;
        padding-left: 3.65%;
    }
    .video_testimonials {
        position: relative;
    }
    .video_testimonials::before,
    .video_testimonials::after {
        content: "";
        position: absolute;
        top: 6.25rem;
        bottom: 6.25rem;
        background-color: rgba(0,0,0, 0.5);
        z-index: 2;
        width: calc( ( 100% - 960px ) / 2 );
    }
    .video_testimonials::before {
        left: 0;
    }
    .video_testimonials::after {
        right: 0;
    }
    .video_testitmonials--glide__top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 3rem;
    }
    .video_testitmonials--title.block-title {
        margin: 0;
    }
    .video_testitmonials--glide__controls {
        align-items: center;
        gap: 1.5rem;
        position: relative;
        z-index: 2;
    }
    .video_testimonials .glide__slides[style] .glide__slide:not(.glide__slide--active) {
        opacity: 1;
    }
    .steps::before {
        aspect-ratio: 1917 / 2403;
        background: radial-gradient(126.56% 52.19% at 7.38% 55.53%, rgba(0, 255, 171, 0.6) 0%, #000000 53.67%);
        top: -866px;
        top: -45vw;
    }
    .steps--items--top, 
    .steps--items--bottom {
        gap: 1.5rem;
        width: fit-content;
    }
    .steps--items--top {
        margin-bottom: 2rem;
    }
    .steps--items--bottom {
        padding-left: 19.0625vw;
    }
    .steps--item {
        align-items: center;
        width: 536px;
    }
    .steps--item--index {
        width: 5rem;
    }
    .steps--item--text {
        width: calc(100% - 5rem);
        padding-left: 2.083vw;
        white-space: pre-line;
    }
    .single-vacancy--similars {
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
    }
    .single-vacancy--similar--item--body {
        background-color: #F4F6F9;
    }
    .form-col-1 {
        width: calc( 1 / 12 * 100%);
        max-width: calc( 1 / 12 * 100%);
    }
    .form-col-2 {
        width: calc( 2 / 12 * 100%);
        max-width: calc( 2 / 12 * 100%);
    }
    .form-col-3 {
        width: calc( 3 / 12 * 100%);
        max-width: calc( 3 / 12 * 100%);
    }
    .form-col-4 {
        width: calc( 4 / 12 * 100%);
        max-width: calc( 4 / 12 * 100%);
    }
    .form-col-5 {
        width: calc( 5 / 12 * 100%);
        max-width: calc( 5 / 12 * 100%);
    }
    .form-col-6 {
        width: calc( 6 / 12 * 100%);
        max-width: calc( 6 / 12 * 100%);
    }
    .form-col-7 {
        width: calc( 7 / 12 * 100%);
        max-width: calc( 7 / 12 * 100%);
    }
    .form-col-8 {
        width: calc( 8 / 12 * 100%);
        max-width: calc( 8 / 12 * 100%);
    }
    .form-col-9 {
        width: calc( 9 / 12 * 100%);
        max-width: calc( 9 / 12 * 100%);
    }
    .form-col-10 {
        width: calc( 10 / 12 * 100%);
        max-width: calc( 10 / 12 * 100%);
    }
    .form-col-11 {
        width: calc( 11 / 12 * 100%);
        max-width: calc( 11 / 12 * 100%);
    }
    .form-col-12 {
        width: calc( 12 / 12 * 100%);
        max-width: calc( 12 / 12 * 100%);
    }
    .form-submit .btn {
        width: fit-content;
        margin: 0 auto;
    }
    .form-title {
        font-size: 1.5rem;
    }
    .hr-theme-pop-up .form-title,
    .hr-theme-pop-up .form-subtitle {
        max-width: 608px;
    }
    .hr-theme-pop-up--close {
        position: absolute;
        top: 2.5rem;
        right: 5rem;
    }
    .hr-theme-pop-up {
        padding: 2.5rem 5rem;
    }
    .our-office--content {
        padding-top: 2.5rem;
    }
    .blog-news--glide__arrow {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .blog-news--glide__arrow.next {
        left: unset;
        right: 0;
    }
    .blog-news--glide {
        width: 100%;
        max-width: 1096px;
    }
    .blog-news--glide__slide--body {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }
    .blog-news--glide__slide--thumbnail {
        width: 38.687%;
        height: auto;
        min-height: 334px;
        margin: 0;
    }
    .blog-news--glide__slide--content {
        width: 61.313%;
        padding-left: 3.65%;
    }
    .blog-page--item--body {
        padding: 1.25rem 1rem;
    }
    .blog-page--item--thumbnail {
        width: 200px;
        height: 132px;
    }
    .blog-page--item--content {
        width: calc(100% - 200px);
        padding-left: 1.5rem;
    }
    .blog-page--item--title h3 {
        font-size: 1.5rem;
    }
    .blog-page--readmore {
        margin-top: 0.25rem;
    }
    .blog-page--item-first .blog-page--item--body {
        padding: 0;
    }
    .blog-page--item-first .blog-page--item--thumbnail {
        width: 100%;
        height: 100%;
    }
    .blog-page--item-first .blog-page--item--content {
        padding: 1.5rem;
        width: 100%;
    }
    .blog-page--item-first .blog-page--item--excerpt {
        order: -1;
        color: #FFF;
        font-size: 1.125rem;
    }
    .blog-page--item-first .blog-page--item--excerpt,
    .blog-page--right--items .blog-page--item--title {
        display: -webkit-box !important;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .blog-page--item-first .blog-page--readmore .btn {
        font-size: 1.25rem;
    }
    .blog-page--item-first .blog-page--readmore .btn svg {
        width: 24px;
    }
    .blog-page--right--items .blog-page--item--body {
        padding: 1.25rem 1rem;
    }
    .blog-page--right--items .blog-page--item--thumbnail {
        width: 170px;
        height: 112px;
    }
    .blog-page--right--items .blog-page--item--content {
        width: calc(100% - 170px);
    }
    .blog-page--right--items .blog-page--item--title {
        margin-bottom: 0.75rem;
    }
    .blog-page--right--items .blog-page--item--title h3 {
        font-size: 1.25rem;
    }
    .blog-page--right--items .blog-page--item--publish {
        margin-top: auto;
    }
}
@media screen and ( min-width: 1200px ) {
    .content-footer {
        padding-top: 3.75rem;
    }
    .footer-container {
        row-gap: 1.5rem;
    }
    .footer--column--body {
        padding: 0 20px;
    }
    .footer--menu ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    .footer--column--subheading {
        margin-bottom: 0.5rem;
    }
    .footer--contact {
        margin: 0.5rem 0;
    }
    .page-banner {
        padding-top: clamp(90px, 7vw, 122px);
        padding-bottom: clamp(2.5rem, 7vw, 118px);
    }
    .page-title {
        font-size: 3rem;
    }
    .page-banner--title {
        font-size: 5rem;
        margin-bottom: 0.25rem;
    }
    .page-banner--subtitle {
        font-size: 1.75rem;
    }
    .page-banner--button .btn {
        min-width: 202px;
        width: fit-content;
    }
    .block-title {
        font-size: 3.75rem;
        margin-bottom: 3rem;
    }
    .advantages {
        padding: 6.25rem 0;
    }
    .container.advantages--container,
    .container.support-info--container,
    .container.testimonials_users--glide,
    .container.seo_text--container,
    .container.page-study--container,
    .container.our-values--container {
        max-width: 1128px;
    }    
    .advantages--items--wrapp {
        max-height: unset;
    }
    .advantages--item {
        align-items: center;
        opacity: 0.5;
        transition: opacity 0.35s ease, max-height 0.35s linear;
        row-gap: 0.75rem;
        overflow: hidden;
        position: relative;
        padding-bottom: 0.75rem;
        max-height: 72px;
    }
    .advantages--item::after {
        position: absolute;
        top: 100%;
        transform: translateY(-2px);
    }
    .advantages--item.active,
    .advantages--item:hover {
        opacity: 1;
        max-height: 999px;
    }
    .advantages--item--index {
        font-size: 6.25rem;
        color: #FFF;
        transition: color 0.35s ease;
    }
    .advantages--item.active .advantages--item--index,
    .advantages--item:hover .advantages--item--index {
        color: #00FFAB;
    }
    .advantages--item--text {
        font-size: 1.5rem;
    }
    .counters--container {
        max-width: 1140px;
    }
    .counters--general--title {
        font-size: 2rem;
        max-width: 336px;
    }
    .counters--general--count {
        font-size: clamp(3rem, 6.5vw, 7.5rem);
    }
    .counters--general--subtitle {
        font-size: 1.5rem;
    }
    .counters--right-column {
        row-gap: 0.75rem;
    }
    .counters--subitems--item {
        padding: 0.75rem 1.5rem;
    }
    .counters--subitems--item--icon {
        width: 3.25rem;
    }
    .counters--subitems--item--name {
        font-size: 1.125rem;
    }
    .counters--subitems--item--count {
        font-size: 5rem;
    }
    .support-info {
        padding-top: 6.25rem;
    }
    .support-info--title {
        font-size: 3rem;
        margin-bottom: 1.25rem;
    }
    .vacancies {
        padding: 6.25rem 0;
        background: radial-gradient(96.84% 97.07% at 100% 100%, rgba(0, 255, 171, 06) 0%, #000000 100%);
    }
    .vacancies--items {
        padding: 0;
        margin-left: -12px;
    }
    .vacancies--item--body {
        padding: 1.5rem;
    }
    .vacancies--item--link a {
        font-weight: 500;
        color: #006D6F;
    }
    .vacanies--items--all {
        margin-top: 3rem;
    }
    .testimonials_users {
        padding: 6.25rem 0;
    }
    .testimonials_users--title {
        font-size: 3rem;
    }
    .testimonials_users__slide--name {
        font-size: 2rem;
    }
    .testimonials_users__slide--additions {
        margin-bottom: 2rem;
    }
    .testimonials_users__slide--dot {
        min-width: 2.25rem;
        display: flex;
        justify-content: center;
    }
    .testimonials_users__slide--text {
        font-size: 1.25rem;
        color: #F4F6F9;
    }
    .video_testimonials {
        padding: 6.25rem 0;
    }
    .video_testimonials::before,
    .video_testimonials::after {
        width: calc( ( 100% - 1140px ) / 2 );
    }
    .video_testitmonials--title.block-title {
        font-size: 3rem;
    }
    .steps {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    .block-title.steps--title {
        font-size: 3rem;
    }
    .steps--item--index {
        font-size: 5rem;
    }
    .youtube_video {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    .youtube_video--video {
        max-width: 1096px;
        margin: 0 auto;
    }
    .faq-block {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    .faq-block--title {
        font-size: 3rem;
        margin-bottom: 2.5rem;
    }
    .faq-block--item {
        padding: 2rem 1.25rem;
    }
    .faq-block--question--text {
        font-size: 1.125rem;
    }
    .seo_text {
        padding: 2.5rem 0;
    }
    .single-vacancy-content {
        padding-top: 2.5rem;
        padding-bottom: 7.375rem;
    }
    .single-vacancy-content--wrapp {
        padding: 3.75rem 2.5rem 1.25rem;
        border-radius: 1.875rem;
    }
    .single-vacancy--title, 
    .single-vacancy--price, 
    .single-vacancy--user-abilities {
        max-width: 1080px;
    }
    .single-vacancy--title {
        font-size: 3rem;
        margin-bottom: 1rem;
    }
    .single-vacancy--price,
    .single-vacancy--price .vacancies--item--price,
    .single-vacancy--user-abilities {
        margin-bottom: 2.5rem;
    }
    .single-vacancy--price .vacancies--item--price--diapason {
        font-size: 2rem;
    }
    .single-vacancy--price .vacancies--item--price--dop {
        font-size: 1.125rem;
    }
    .single-vacancy--user-abilities--wrapp {
        gap: 0.75rem;
    }
    .single-vacancy--user-ability {
        padding: 0.625rem 1rem;
        font-size: 1.125rem;
    }
    .hr {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .single-vacancy--description .single-vacancy--button {
        margin-top: 2rem;
        margin-bottom: 3.25rem;
    }
    .single-vacancy--similar--item--body {
        padding: 1.25rem;
    }
    .single-vacancy--similar--item--title {
        font-size: 1.125rem;
    }
    .page-template-page-study .page-banner--button {
        margin-top: 2.5rem;
    }
    .page-study {
        padding: 5rem 0 6.25rem;
        background: radial-gradient(177.33% 153.77% at -18.92% 59.19%, #035338 0%, #000000 74.51%);
    }
    .page-study--title {
        font-size: 3rem;
        margin-bottom: 1.25rem;
    }
    .page-study--text {
        font-size: 1.125rem;
    }
    .page-study--counter {
        row-gap: 1.5rem;
        padding-bottom: 0.75rem;
        font-size: 1.5rem;
    }
    .hr-theme-mobile-gradient {
        background: unset;
    }
    .hr-theme-big-gradient {
        background: radial-gradient(119.53% 66.16% at -14.21% 53.16%, #008C5E 0%, #000000 58.17%);
    }
    .what-study {
        padding: 6.25rem 0;
    }
    .what-study--title {
        font-size: 3rem;
    }
    .what-study--row {
        row-gap: 1.5rem;
    }
    .what-study--item--body {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .what-study--item--index {
        width: 105px;
    }
    .what-study--item--text {
        width: calc(100% - 105px);
        padding-left: 1.5rem;
    }
    .page-template-page-about .page-banner--title {
        font-size: 3.75rem;
    }
    .our-values {
        padding: 6.25rem 0 0;
    }
    .our-office,
    .blog-news {
        padding: 6.25rem 0;
    }
    .our-values--title {
        font-size: 3rem;
    }
    .our-values--row {
        max-height: 632px;
    }
    .our-values--item--index {
        width: 105px;
    }
    .our-values--item--content {
        width: calc(100% - 105px);
        padding-left: 1.5rem;
        row-gap: 1.25rem;
    }
    .our-values--item--title {
        align-items: center;
        gap: 0.625rem;
        font-size: 1.5rem;
    }
    .our-values--item--text {
        font-size: 1.125rem;
    }
    .page-template-page-about .youtube_video--title {
        font-size: 3rem;
    }
    .our-office--content--title {
        margin-bottom: 2.5rem;
    }
    .blog-news--title {
        font-size: 3rem;
    }
    .blog-news--glide__slide--title {
        font-size: 2rem;
    }
    .blog-news--glide__slide--description {
        font-size: 1.125rem;
    }
    .blog-page--wrapp {
        padding: 3.75rem 2.5rem;
        border-radius: 1.875rem;
        margin-bottom: 6.25rem;
    }
    .blog-page--title {
        margin-bottom: 3rem;
    }
    .blog-page--row.next-line {
        row-gap: 0.25rem;
        margin-top: 3.75rem;
    }
    .blog-page--row--title {
        font-size: 3rem;
        margin-bottom: 2.75rem;
    }
}
@media screen and ( min-width: 1400px ) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1352px;
    }
    .counters--container {
        max-width: 1440px;
    }
    .video_testimonials::before,
    .video_testimonials::after {
        width: calc( ( 100% - 1320px ) / 2 );
    }
    .blog-news--glide__arrow {
        left: unset;
        right: 104.5%;
    }
    .blog-news--glide__arrow.next {
        right: unset;
        left: 104.5%;
    }
}