.modal__overlay,
.modal_search__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 105
}

.modal__container {
    border-radius: 30px;
    background-color: #fff;
    padding: 60px 100px 40px;
    max-width: 900px;
    max-height: 100vh;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__title {
    font-size: 60px;
    color: #001b93;
    line-height: 1.3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.modal__close {
    background: rgba(0, 0, 0, 0);
    border: 0;
    position: absolute;
    right: 23px;
    top: 20px;
    font-size: 24px;
    font-weight: 100
}

.modal__header .modal__close:before {
    font-weight: 200;
    font-size: 16px;
    border: 1px solid #001b93;
    color: #001b93;
    border-radius: 35px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    content: "Закрыть";
    padding: 5px 8px
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, .8)
}

.modal-description {
    font-size: 22px;
    font-weight: 200;
    max-width: 480px;
    margin-bottom: 28px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #001b93
}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.modal__btn:focus,
.modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff
}

@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mmfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes mmslideIn {
    from {
        -webkit-transform: translateY(8%);
        transform: translateY(8%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes mmslideIn {
    from {
        -webkit-transform: translateY(8%);
        transform: translateY(8%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
    -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn .3s cubic-bezier(0, 0, 0.2, 1)
}

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

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

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

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform
}

#success-modal .modal__title {
    font-size: 60px;
    text-align: left;
    max-width: 670px;
    line-height: 120%
}

#success-modal .modal__container {
    padding: 38px 70px
}

#success-modal .modal__header {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#success-modal .modal__content {
    position: relative;
    height: 250px
}

#success-modal .modal__content img {
    position: absolute
}

#success-modal .modal__content img:nth-child(1) {
    max-width: 55%;
    top: -12%;
    left: -17%
}

#success-modal .modal__content img:nth-child(2) {
    max-width: 50%;
    top: -38%;
    right: -24%
}

#success-modal .modal__content img:nth-child(3) {
    max-width: 83%;
    top: -22%;
    left: 15%
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
}

.container-content {
    max-width: 1215px
}

.header-color .menu-item-has-children:after {
    background: url(8b1b17506cc7a6e002a7.svg) center/auto no-repeat
}

.header-color .breadcrumbs {
    color: #fff;
    font-size: max(15px, min(.9vw, 18px))
}

.header-color .breadcrumbs a {
    color: #fff;
    font-size: max(15px, min(.9vw, 18px))
}

.header-content-btn {
    width: 100%;
    font-size: max(18px, min(1.146vw, 22px));
    max-width: 370px;
    border: 0;
    border-radius: 50px;
    padding: 20px;
    -webkit-transition: .7s;
    transition: .7s;
    cursor: pointer
}

.dark .btn-white:hover,
.buttons_wrapper .btn-white:hover {
    color: #001b93;
    background: #fff;
    border-color: #fff
}

.dark .header-content-btn:hover,
.dark .btn-blue:hover,
.buttons_wrapper .header-content-btn:hover,
.buttons_wrapper .btn-blue:hover {
    background: #001b93;
    color: #fff
}

.single-blog .header-bg {
    border-radius: 50px
}

.single-blog .header2 {
    height: auto;
    margin-bottom: 80px
}

.single-blog .header2-wrapper {
    -webkit-clip-path: none;
    clip-path: none
}

.single-blog .header2.dark .header-content,
.single-blog .header2.dark .breadcrumbs {
    top: 0
}

.single-blog .header2.dark .header-content {
    height: auto
}

.single-blog .header2-content {
    position: relative
}

.single-blog .header-blog__img {
    margin-bottom: 0;
    bottom: 0;
    right: 0;
    max-width: 40vw;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.single-blog .header-text {
    padding-top: 180px;
    width: 100%;
    max-width: none;
    margin-left: 45px;
    margin-right: 45px;
    min-height: 430px;
    position: relative;
    display: block;
    top: 0;
    height: 100%
}

.single-blog .header-text .title-h1 {
    max-width: 55.208vw;
    padding-top: 20px;
    margin-bottom: 40px;
    font-size: max(38px, min(3.125vw, 65px));
    color: #001b93;
    line-height: 1.2
}

.single-blog__date {
    font-size: 18px;
    margin-bottom: 50px
}

.single-blog .header-page .header-top {
    z-index: 20
}

.single-blog .header-page .header-content {
    padding: 46px 57px;
    height: calc(100vh - 220px);
    min-height: 500px
}

.single-blog .header-page .header-content .title-h1 {
    padding: 50px 0 15px;
    line-height: 124%
}

footer {
    position: relative;
    margin-top: 160px
}

.footer-wrapper h2 {
    font-size: max(55px, min(4.688vw, 90px))
}

.footer-bottom {
    gap: 15px
}

.footer-logo img {
    max-width: 18.385vw
}

.footer-social img {
    -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 27, 147, .2);
    box-shadow: 4px 4px 4px 0 rgba(0, 27, 147, .2);
    border-radius: 15px;
    max-width: 47px
}

.footer-nav a {
    font-size: max(18px, min(1.302vw, 25px))
}

.show-case {
    margin-top: 30px
}

.btn.btn-show-more,
.btn.show-case {
    width: 100%;
    background: #e8eff8;
    font-size: max(18px, min(1.146vw, 22px));
    font-weight: 600;
    color: #001b93
}

.page-template-service-template .service-case--fullscreen img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.page-template-service-template .service-case--fullscreen .service-case__text {
    width: 100%;
    max-width: none
}

.page-template-service-template .service-case--fullscreen.service-case--white .service-case__text {
    color: #fff
}

.service-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    gap: 20px
}

.service__item {
    overflow: hidden;
    min-height: 375px;
    height: 100%;
    border-radius: 30px;
    background: #e8eff8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 34px 0;
    position: relative
}

.service__item:nth-child(1) {
    grid-row: 1/3
}

.service__item:nth-child(2) {
    grid-row: 1/3
}

.service__title {
    padding-left: 43px;
    padding-right: 43px;
    font-size: max(30px, min(2.083vw, 40px));
    line-height: 140%;
    margin-bottom: 30px
}

.service__description {
    padding-left: 43px;
    padding-right: 43px;
    font-size: max(20px, min(1.042vw, 25px));
    line-height: 120%
}

.service__img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 100%
}

.buttons_wrapper {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buttons_wrapper .btn-white {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    background: none;
    border: 2px solid #fff;
    font-weight: 600;
    width: 100%;
    max-width: 410px;
    -webkit-transition: .7s;
    transition: .7s
}

.reviews-wrapper {
    margin-top: 40px;
    width: 100%;
    max-width: 60%
}

.reviews-wrapper .swiper-slide {
    position: relative
}

.reviews-wrapper .swiper-arrows {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    z-index: 5
}

.reviews-wrapper .swiper-arrows>div {
    cursor: pointer;
    width: 68px;
    height: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(232, 239, 249, .45);
    border-radius: 50%
}

.reviews-wrapper .swiper-arrows .arrow-left svg {
    position: relative;
    left: -5px
}

.reviews-wrapper .swiper-arrows .arrow-right svg {
    position: relative;
    left: 5px
}

.single-service-header {
    margin-bottom: -100px
}

.single-service-header .header-content {
    background-position: right -110px;
    min-height: 650px;
    height: calc(100vh - 200px);
    padding: 30px 57px 30px 50px;
    border-top-left-radius: 50px
}

.single-service-header .header-content .white-icon-2 {
    top: 220px;
    right: 250px;
    left: auto
}

.single-service-header .header-content:after {
    background-image: url(3739f0a8eb0d2d2dedbf.webp);
    background-repeat: no-repeat;
    background-size: inherit;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: right;
    border-bottom-left-radius: 30px;
    bottom: 30px;
    top: auto
}

.single-service-header .header-content-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: calc(100vh - 540px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.single-service-header .header-content-description {
    margin-bottom: 50px;
    line-height: 136%
}

.single-service-header .header-content .breadcrumbs {
    margin-bottom: 85px
}

.single-service-header .header-content .header-content-wrapper .title-h1 {
    font-weight: 600;
    margin-bottom: 35px;
    line-height: 103%
}

.single-service-header .header-content-btn {
    background: #fff;
    color: #001b93;
    font-weight: 600
}

.single-service-header .header-wrapper {
    overflow: hidden;
    border-radius: 50px
}

.single-service-header .logo_wrapper:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(3739f0a8eb0d2d2dedbf.webp);
    background: #0c0401;
    background-position: left top;
    background-size: auto auto;
    background-size: initial;
    background-repeat: no-repeat;
    -webkit-transition: 1s;
    transition: 1s
}

.single-service-header.style_1 .logo_wrapper:after {
    -webkit-transition: 1s;
    transition: 1s;
    background: #1f0043
}

.single-service-header.style_1 .header-content {
    -webkit-transition: 1s;
    transition: 1s;
    border-top-left-radius: 50px
}

.single-service-header.style_1 .header-top-content {
    -webkit-transition: 1s;
    transition: 1s
}

.single-service-header.style_2 .logo_wrapper:after {
    -webkit-transition: 1s;
    transition: 1s;
    background: #000752
}

.single-service-header.style_2 .header-content {
    -webkit-transition: 1s;
    transition: 1s;
    border-top-left-radius: 50px
}

.single-service-header.style_2 .header-top-content {
    -webkit-transition: 1s;
    transition: 1s
}

.single-service-header.style_3 .logo_wrapper:after {
    background: #013a50
}

.single-service-header.style_3 .header-content {
    border-top-left-radius: 50px
}

.single-service-header a {
    color: #fff
}

.single-service-header .header-nav ul {
    background: rgba(255, 255, 255, .25)
}

.single-service-header .header-content-description {
    color: #fff;
    font-size: max(25px, min(1.563vw, 30px));
    font-weight: 300
}

.single-service-header .header-content-wrapper {
    background: none;
    position: inherit
}

.single-service-header .header-content-wrapper .title-h1 {
    color: #fff;
    font-size: max(45px, min(3.125vw, 60px));
    text-transform: none
}

.single-service-header .header-top-content {
    background-size: inherit
}

.single-service-header.style_1 .header-top-content {
    background-size: inherit
}

.single-service-header.style_2 .header-top-content {
    background-size: inherit
}

.single-service-header.style_3 .header-top-content {
    background-size: inherit
}

.single-service-header.template__employer .logo_wrapper:after {
    background: #021162;
    -webkit-transition: 1s;
    transition: 1s
}

header.frontpage .container {
    overflow: hidden
}

.swiper-slide img {
    max-width: 100%;
    pointer-events: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.frontpage .header-top,
.header-page .header-top,
.page-template-digital-template .header-top {
    z-index: 10;
    position: relative
}

.frontpage .header-content,
.header-page .header-content,
.page-template-digital-template .header-content {
    height: calc(100vh - 280px);
    overflow: inherit
}

.frontpage .header-content-block,
.header-page .header-content-block,
.page-template-digital-template .header-content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.frontpage .header-content-description,
.header-page .header-content-description,
.page-template-digital-template .header-content-description {
    font-size: max(32px, min(2.083vw, 40px));
    max-width: 740px
}

@media screen and (max-width: 1800px) {

    .frontpage .header-content-description,
    .header-page .header-content-description,
    .page-template-digital-template .header-content-description {
        font-size: 38px
    }
}

@media screen and (max-width: 1680px) {

    .frontpage .header-content-description,
    .header-page .header-content-description,
    .page-template-digital-template .header-content-description {
        font-size: max(27px, min(1.823vw, 35px))
    }
}

@media screen and (max-width: 1600px) {

    .frontpage .header-content-description,
    .header-page .header-content-description,
    .page-template-digital-template .header-content-description {
        font-size: 32px
    }
}

@media screen and (max-width: 1520px) {

    .frontpage .header-content-description,
    .header-page .header-content-description,
    .page-template-digital-template .header-content-description {
        font-size: 30px
    }
}

.frontpage .header-content-btn,
.header-page .header-content-btn,
.page-template-digital-template .header-content-btn {
    background: #001b93;
    color: #fff;
    border: none;
    padding: 19px 80px;
    font-size: max(18px, min(1.146vw, 22px));
    border-radius: 50px
}

.frontpage .header-content:after,
.header-page .header-content:after,
.page-template-digital-template .header-content:after {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px
}

.frontpage .header-content .icons,
.header-page .header-content .icons,
.page-template-digital-template .header-content .icons {
    display: block
}

.frontpage .header-content:after,
.header-page .header-content:after,
.page-template-digital-template .header-content:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: rgba(232, 239, 248, .5019607843);
    background-position: 0px -70px
}

.frontpage .header-content .white-icon-3,
.header-page .header-content .white-icon-3,
.page-template-digital-template .header-content .white-icon-3 {
    top: -100px;
    left: 430px
}

.frontpage .header-content .white-icon-1,
.header-page .header-content .white-icon-1,
.page-template-digital-template .header-content .white-icon-1 {
    top: -110px;
    right: -30px;
    left: auto
}

.frontpage .header-content .white-icon-2,
.header-page .header-content .white-icon-2,
.page-template-digital-template .header-content .white-icon-2 {
    top: -110px;
    left: -10px
}

.frontpage .header-content .white-icon-4,
.header-page .header-content .white-icon-4,
.page-template-digital-template .header-content .white-icon-4 {
    top: 120px;
    right: 0;
    left: auto
}

.frontpage .header-top-content,
.header-page .header-top-content,
.page-template-digital-template .header-top-content {
    background: rgba(232, 239, 248, .5019607843);
    overflow: inherit
}

.frontpage .title-h1,
.header-page .title-h1,
.page-template-digital-template .title-h1 {
    line-height: 120%;
    font-size: max(90px, min(6.51vw, 125px));
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 10px
}

.frontpage .logo_wrapper .white_bg,
.header-page .logo_wrapper .white_bg,
.page-template-digital-template .logo_wrapper .white_bg {
    padding: 28px 53px 25px 14px;
    z-index: 2
}

.frontpage .logo_wrapper:after,
.header-page .logo_wrapper:after,
.page-template-digital-template .logo_wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(232, 239, 248, .5019607843)
}

.frontpage .header-content {
    height: calc(100vh - 200px);
    min-height: 600px
}

.header-page .title-h1 {
    color: #001b93;
    font-size: max(45px, min(3.125vw, 60px));
    text-transform: none;
    position: relative;
    z-index: 5;
    font-weight: 600
}

.header-page .header-content {
    height: auto;
    min-height: auto
}

.header-tags {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-tags__item {
    text-transform: uppercase;
    background: #e8eff8;
    padding: 7px 15px;
    border-radius: 30px;
    min-width: 115px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.header-tags__item.active {
    color: #fff;
    background: #001b93
}

.header-tags__item:hover {
    color: #fff;
    background: #001b93
}

.menu-item-has-children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.menu-item-has-children:after {
    content: "";
    display: block;
    background: url(cad87115e509ff71888e.svg) no-repeat;
    width: 12px;
    height: 8px;
    position: relative;
    top: 3px
}

.menu-item-has-children .submenu-wrapper {
    top: 50px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    max-width: 480px;
    width: 100%;
    left: 20px;
    background: none;
    padding-top: 50px
}

@media screen and (max-width: 1640px) {
    .menu-item-has-children .submenu-wrapper {
        top: 40px
    }
}

.menu-item-has-children .submenu-wrapper:after {
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    width: 100%;
    height: calc(100% - 50px);
    opacity: 0;
    border-radius: 30px
}

.menu-item-has-children .sub-menu {
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    border: none;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 27, 147, .0509803922);
    box-shadow: 3px 3px 3px 0px rgba(0, 27, 147, .0509803922);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    opacity: 0;
    border-radius: 30px;
    padding: 35px;
    position: relative;
    z-index: 10
}

.menu-item-has-children .sub-menu li {
    position: relative
}

.menu-item-has-children .sub-menu li a {
    font-size: max(17px, min(.99vw, 19px))
}

.menu-item-has-children:hover .submenu-wrapper {
    opacity: 1;
    visibility: visible
}

.menu-item-has-children:hover .submenu-wrapper:after {
    opacity: 1
}

.menu-item-has-children:hover .submenu-wrapper .sub-menu {
    opacity: 1
}

.current-menu-item a {
    border-bottom: 1px solid
}

.header-phone a {
    border: 1px solid;
    border-radius: 30px;
    padding: 5px 18px;
    margin-right: 30px
}

section {
    padding-top: 160px
}

.section-review {
    position: relative
}

.title-h2 {
    font-size: max(40px, min(3vw, 60px));
    max-width: 1430px;
    margin-bottom: 50px
}

.direction-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

.direction-top,
.direction-tags {
    position: relative;
    z-index: 5;
    -webkit-transition: 1s;
    transition: 1s
}

.direction-img {
    position: absolute;
    -webkit-transition: 1s;
    transition: 1s;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: 5
}

.direction__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #e8eff8;
    border-radius: 30px;
    padding: 30px 22px 30px 35px;
    height: 340px;
    -webkit-transition: 1s;
    transition: 1s;
    position: relative;
    overflow: hidden
}

.direction__item:hover .direction-img {
    opacity: 1
}

.direction__item:hover .direction-top {
    color: #fff
}

.direction__item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: url(c70045c88324aeab1248.jpg) center/cover no-repeat;
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0
}

.direction__item:hover:after {
    opacity: 1
}

.direction__title {
    font-size: max(27px, min(1.823vw, 35px));
    margin-bottom: 10px;
    max-width: 530px
}

.direction__description {
    font-size: max(18px, min(1.146vw, 22px));
    max-width: 695px
}

.direction-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.direction__tag {
    background: #fff;
    border-radius: 30px;
    padding: 7px 15px;
    font-size: max(13px, min(.833vw, 16px))
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .factoids__description {
    font-size: max(24px, min(1.563vw, 30px));
    max-width: 780px
}

body .factoids__btn {
    border: 2px solid #001b93;
    background: no-repeat;
    color: #001b93;
    padding: 19px 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.factoids-img {
    position: absolute;
    z-index: 2;
    max-width: 27vw
}

.factoids-img.img-1 {
    bottom: -10px;
    right: 0
}

.factoids-img.img-2 {
    top: -40px;
    right: -270px
}

.factoids-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-top: 50px
}

.factoids__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #e8eff8;
    border-radius: 40px;
    height: 31.25vw;
    padding: max(30px, min(2.083vw, 40px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: 1s;
    transition: 1s;
    position: relative;
    overflow: hidden
}

.factoids__item:after {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    background: url(58095e3561033f96ccf9.jpg) center/cover no-repeat
}

.factoids__item:hover:after {
    opacity: 1
}

.factoids__item:hover .factoids__value,
.factoids__item:hover .factoids__text {
    color: #fff;
    border-color: #fff
}

.factoids__value {
    font-size: max(170px, min(11.458vw, 220px));
    line-height: .6;
    color: #001b93;
    position: relative;
    z-index: 2
}

.factoids__text {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: rgba(255, 255, 255, .4);
    position: relative;
    z-index: 2;
    color: #001b93;
    font-size: max(20px, min(1.563vw, 30px));
    border: 2px solid;
    border-radius: 50px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

.main-blog-block {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 20px;
    margin-bottom: 160px
}

.main-blog__date {
    top: 20px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    display: block;
    opacity: 0;
    position: absolute;
    z-index: 2;
    color: #9a9a9a;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s
}

.main-blog__text {
    display: block;
    opacity: 0;
    position: relative;
    z-index: 2;
    color: #727272;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.main-blog__description {
    font-size: max(14px, min(.938vw, 18px));
    font-weight: 500;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    -webkit-transition: 1s;
    transition: 1s;
    top: 0
}

.main-blog__item {
    height: 23vw;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    padding: 1.823vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e8eff8;
    -webkit-transition: 1s;
    transition: 1s
}

.main-blog__item:hover:after {
    opacity: 1
}

.main-blog__item:after {
    -webkit-transition: 1s;
    transition: 1s;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .4);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.main-blog__item img {
    position: absolute;
    bottom: 0;
    left: 0
}

.main-blog__item:hover .main-blog__text {
    opacity: 1;
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
}

.main-blog__item:hover .main-blog__date {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.main-blog__item:hover .main-blog__description {
    top: 40px
}

.main-blog__item.bg {
    position: relative
}

.main-blog__item.bg:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 3
}

.main-blog__item.bg .main-blog__text {
    color: rgba(255, 255, 255, .5);
    z-index: 5
}

.main-blog__item.bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.main-blog__item.bg .main-blog__description {
    position: relative;
    z-index: 5;
    color: #fff
}

.main-blog__item.bg .main-blog__date {
    color: rgba(255, 255, 255, .5);
    z-index: 5
}

.main-blog__item.bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

body .case-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 3vw;
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 20px
}

body .case__item {
    background-color: #eaeaea;
    border-radius: 30px;
    padding: max(30px, min(1.979vw, 38px));
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: max(20px, min(1.6vw, 30px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    background-size: cover
}

body .case__item.black-text {
    background-size: 100%;
    background-repeat: no-repeat
}

body .case__item.white-text {
    background-size: cover
}

body .case__item:hover {
    -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 27, 147, .3490196078);
    box-shadow: 0px 4px 20px 5px rgba(0, 27, 147, .3490196078)
}

body .case__item.white-text {
    color: #fff
}

body .case__item.white-text .case__description {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-box-shadow: 31px -29px 71px rgba(0, 0, 0, .27);
    box-shadow: 31px -29px 71px rgba(0, 0, 0, .27);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: max(30px, min(1.979vw, 38px));
    background: rgba(0, 0, 0, .2)
}

body .case__item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/9
}

body .case__item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/6
}

body .case__item:nth-child(3) {
    grid-column: 3/4;
    grid-row: 1/12
}

body .case__item:nth-child(4) {
    grid-column: 1/2;
    grid-row: 9/17
}

body .case__item:nth-child(5) {
    grid-column: 2/3;
    grid-row: 6/17
}

body .case__item:nth-child(6) {
    grid-column: 3/4;
    grid-row: 12/17
}

.main-partners .main-partners-block {
    background: url(8ff59da8566df473229c.svg) center/cover no-repeat;
    border-radius: 30px;
    padding: 85px 30px 130px
}

.main-partners .title-h2 {
    max-width: 1200px;
    margin-bottom: 0
}

.partner-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.partner__description {
    font-size: max(28px, min(1.823vw, 35px));
    margin-top: 40px
}

.partnersSwiper {
    margin-top: 90px
}

.breadcrumbs {
    position: relative;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    color: rgba(0, 27, 147, .5);
    font-size: max(15px, min(.938vw, 18px));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs a {
    color: rgba(0, 27, 147, .5);
    font-size: max(15px, min(.938vw, 18px))
}

.breadcrumbs li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs li:not(:last-child):after {
    display: block;
    content: "";
    width: 6px;
    height: 12px;
    position: relative;
    top: 2px;
    background: url(b4ecaae96386660690ee.svg) center/cover no-repeat
}

.dark .breadcrumbs li:not(:last-child):after {
    background: url(a950472042c2cd519ba7.svg) center/cover no-repeat
}

.blog-grid {
    margin: 50px 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 23vw;
    grid-gap: 20px;
    gap: 20px
}

.blog__date {
    position: relative;
    font-size: 14px;
    color: #9a9a9a
}

.blog__title {
    position: relative;
    display: block;
    line-height: 135%
}

.blog__item {
    padding: 35px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 30px;
    overflow: hidden;
    background: #e8eff8
}

.blog__item.dark .blog__title {
    color: #fff;
    z-index: 2
}

.blog__item.dark .blog__date {
    color: rgba(255, 255, 255, .5);
    z-index: 2
}

.blog__item.dark:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.blog__item.dark .blog__title {
    max-width: 375px;
    color: #fff;
    z-index: 2
}

.blog__item.dark .blog__date {
    color: rgba(255, 255, 255, .5);
    z-index: 2
}

.blog__item.dark img {
    width: 100%
}

.blog__item img {
    max-width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.blog__item:nth-child(1) {
    grid-column: 1/4
}

.blog__item:nth-child(1) .blog__title {
    max-width: 480px
}

.blog__item:nth-child(2) {
    grid-column: 4/7
}

.blog__item:nth-child(2) .blog__title {
    max-width: 480px
}

.blog__item:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.blog__item:nth-child(4) {
    grid-column: 3/5;
    grid-row: 2
}

.blog__item:nth-child(4):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.blog__item:nth-child(4) .blog__title {
    max-width: 375px;
    color: #fff;
    z-index: 2
}

.blog__item:nth-child(4) .blog__date {
    color: rgba(255, 255, 255, .5);
    z-index: 2
}

.blog__item:nth-child(5) {
    grid-column: 5/7;
    grid-row: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.blog__item:nth-child(5):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.blog__item:nth-child(5) .blog__title {
    color: #fff;
    z-index: 2
}

.blog__item:nth-child(5) .blog__date {
    color: rgba(255, 255, 255, .5);
    z-index: 2
}

.page-template-contact-template {
    background: url(cd755a33b71e3543abf3.webp) center top/cover no-repeat;
    color: #fff
}

.page-template-contact-template .goto_top {
    border-color: #fff
}

.page-template-contact-template .goto_top svg path {
    stroke: #fff
}

.page-template-contact-template .footer-nav {
    background: rgba(255, 255, 255, .25);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 27, 147, .0509803922);
    box-shadow: 3px 3px 3px 0px rgba(0, 27, 147, .0509803922);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

.page-template-contact-template .footer-nav a {
    color: #fff
}

.page-template-contact-template .wpcf7-submit {
    background: rgba(255, 255, 255, .4509803922);
    color: #000;
    -webkit-transition: .7s;
    transition: .7s;
    cursor: pointer
}

.page-template-contact-template .wpcf7-submit:hover {
    background: #001b93;
    color: #fff
}

.page-template-contact-template .title-h1,
.page-template-contact-template .title-h2 {
    margin-bottom: 50px;
    font-size: max(40px, min(3.125vw, 60px))
}

.page-template-contact-template a {
    color: #fff
}

.page-template-contact-template:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    background: rgba(0, 0, 0, .45)
}

.page-template-contact-template .white_bg {
    background: none
}

.page-template-contact-template .header-nav ul {
    background: rgba(255, 255, 255, .25)
}

.page-template-contact-template .header-nav ul a {
    color: #fff;
    white-space: nowrap
}

.page-template-contact-template .section {
    position: relative;
    z-index: 5
}

.page-template-contact-template .social-section {
    padding-bottom: 160px
}

.page-template-contact-template .social-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media screen and (max-width: 1300px) {
    .page-template-contact-template .social-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.page-template-contact-template .social__item {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, .25);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 2.865vw;
    padding-bottom: 2.865vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .7s;
    transition: .7s;
    height: 12.76vw;
    width: 12.76vw;
    min-width: 184px;
    min-height: 184px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-template-contact-template .social__item:hover {
    background: #000
}

.page-template-contact-template .social__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.469vw;
    flex: 0 0 5.469vw
}

.page-template-contact-template .social__title {
    font-size: max(18px, min(1.146vw, 22px));
    font-weight: 600
}

.page-template-contact-template .address__value {
    font-size: max(20px, min(1.563vw, 30px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.page-template-contact-template .address__value.address:before {
    content: "";
    background: url(1e91ca5020e1ae360d03.svg) no-repeat;
    width: 23px;
    height: 23px;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23px;
    flex: 0 0 23px;
    position: relative;
    top: 5px
}

.page-template-contact-template .address__value.phone {
    margin-bottom: 10px
}

.page-template-contact-template .address__value.phone:before {
    content: "";
    background: url(9b8a5c3662d35efbb2aa.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    position: relative;
    top: 8px
}

.page-template-contact-template .address__value.email:before {
    content: "";
    background: url(1c9e02c67135167ad490.svg) no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    position: relative;
    top: 8px
}

.page-template-contact-template .address__title {
    font-size: max(20px, min(1.563vw, 30px));
    font-weight: 600;
    margin-bottom: 35px
}

.page-template-contact-template .address-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, .25);
    padding: 35px 2.448vw;
    border-radius: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-template-contact-template .address-block__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3.438vw
}

.page-template-contact-template .address-block__item:nth-child(1) {
    border-right: 1px solid;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding-left: 0
}

.page-template-contact-template .address-block__item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

.page-template-contact-template .address-block__item:nth-child(3) {
    border-left: 1px solid;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding-right: 0
}

.page-template-contact-template .address-block__item .details {
    font-size: max(18px, min(1.563vw, 30px));
    font-weight: 300
}

.contact-section {
    padding-top: 0
}

.contact-messenger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.contact-messenger-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.contact-form {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    padding: 70px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contact-form.bg-white {
    color: #000;
    background: #e8eff8
}

.contact-form.bg-white [type=text],
.contact-form.bg-white [type=tel],
.contact-form.bg-white [type=email] {
    border-color: #000;
    color: #000
}

.contact-form.bg-white [type=text]::-webkit-input-placeholder,
.contact-form.bg-white [type=tel]::-webkit-input-placeholder,
.contact-form.bg-white [type=email]::-webkit-input-placeholder {
    color: #000
}

.contact-form.bg-white [type=text]::-moz-placeholder,
.contact-form.bg-white [type=tel]::-moz-placeholder,
.contact-form.bg-white [type=email]::-moz-placeholder {
    color: #000
}

.contact-form.bg-white [type=text]:-ms-input-placeholder,
.contact-form.bg-white [type=tel]:-ms-input-placeholder,
.contact-form.bg-white [type=email]:-ms-input-placeholder {
    color: #000
}

.contact-form.bg-white [type=text]::-ms-input-placeholder,
.contact-form.bg-white [type=tel]::-ms-input-placeholder,
.contact-form.bg-white [type=email]::-ms-input-placeholder {
    color: #000
}

.contact-form.bg-white [type=text]::placeholder,
.contact-form.bg-white [type=tel]::placeholder,
.contact-form.bg-white [type=email]::placeholder {
    color: #000
}

.contact-form.bg-white .btn {
    background: #fff
}

.contact-form .title-h2 {
    font-weight: 300;
    max-width: 480px
}

.contact-form .f-text {
    font-size: 18px;
    margin: 25px 0
}

.contact-form .btn {
    width: 100%;
    background: rgba(255, 255, 255, .45);
    padding: 24px;
    border-radius: 30px
}

.contact-form .f-row {
    padding-bottom: 10px
}

.contact-form [type=text],
.contact-form [type=tel],
.contact-form [type=email] {
    border: 0;
    border-bottom: 1px solid #fff;
    background: none;
    width: 100%;
    font-size: max(20px, min(1.198vw, 23px));
    padding: 20px 0 30px;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.contact-form [type=text]::-webkit-input-placeholder,
.contact-form [type=tel]::-webkit-input-placeholder,
.contact-form [type=email]::-webkit-input-placeholder {
    color: #fff
}

.contact-form [type=text]::-moz-placeholder,
.contact-form [type=tel]::-moz-placeholder,
.contact-form [type=email]::-moz-placeholder {
    color: #fff
}

.contact-form [type=text]:-ms-input-placeholder,
.contact-form [type=tel]:-ms-input-placeholder,
.contact-form [type=email]:-ms-input-placeholder {
    color: #fff
}

.contact-form [type=text]::-ms-input-placeholder,
.contact-form [type=tel]::-ms-input-placeholder,
.contact-form [type=email]::-ms-input-placeholder {
    color: #fff
}

.contact-form [type=text]::placeholder,
.contact-form [type=tel]::placeholder,
.contact-form [type=email]::placeholder {
    color: #fff
}

.contact-part {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 100%;
    max-width: 800px
}

.contact-part:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.post-type-archive-case .case-section {
    padding-top: 50px
}

.service-case-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.service-case-block a:nth-child(1) .service-case__item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: rgba(232, 239, 248, .5)
}

.service-case-block a:nth-child(1) img {
    top: 0
}

.service-case-block a:nth-child(2) .service-case__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #e8eff8
}

.service-case-block a:nth-child(2) img {
    bottom: 0
}

.service-case-block a:nth-child(3) .service-case__item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #d2ebff
}

.service-case__text {
    font-size: max(26px, min(1.563vw, 30px));
    line-height: 115%;
    padding: 35px;
    max-width: 450px;
    position: relative
}

.service-case__item {
    border-radius: 30px;
    height: 40.104vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.service-case__item:nth-child(1) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: rgba(232, 239, 248, .5)
}

.service-case__item:nth-child(1) img {
    top: 0
}

.service-case__item:nth-child(2) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #e8eff8
}

.service-case__item:nth-child(2) img {
    bottom: 0
}

.service-case__item:nth-child(3) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #d2ebff
}

.service-case__item:nth-child(3) img {
    top: 0
}

.service-case__item img {
    max-width: 100%;
    position: absolute;
    width: 100%
}

.page-template-digital-template .single-service-header .header-content .white-icon-1 {
    top: 200px;
    right: 590px
}

.page-template-digital-template .single-service-header .header-content .white-icon-2 {
    top: -160px;
    right: -40px
}

.template__employer,
.template__applicant {
    overflow: hidden
}

.page-template-employer-template-image,
.page-template-applicant-template-image {
    position: absolute;
    right: -390px;
    bottom: -220px;
    width: 1541px;
    height: 1541px;
    -webkit-animation: rotate_right 60s infinite linear;
    animation: rotate_right 60s infinite linear;
    max-height: 139%;
    max-width: 90%;
    -o-object-fit: cover;
    object-fit: cover
}

.stage {
    position: absolute;
    background-color: #e6f0fa;
    border-radius: 15px;
    width: 540px;
    height: 391px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 38px 35px
}

.stage:before {
    content: "1";
    color: rgba(154, 154, 154, .3);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    border: 1px solid rgba(154, 154, 154, .3);
    top: -60px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stage__title {
    color: #001b93;
    font-size: max(29px, min(1.823vw, 35px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.stage__description {
    color: #001b93;
    font-size: 22px;
    max-width: 376px
}

.stage h3 {
    color: #1e90ff;
    font-size: 18px;
    margin-bottom: 10px
}

.stage:nth-child(2) {
    background: #f8f9fb;
    left: 0;
    top: 80px;
    position: relative
}

.stage:nth-child(2):before {
    content: "1"
}

.stage:nth-child(3) {
    background: #e8eff8;
    top: 20%;
    left: 14%
}

.stage:nth-child(3):before {
    content: "2"
}

.stage:nth-child(4) {
    background: #e2e7ee;
    top: 25%;
    left: 28%
}

.stage:nth-child(4):before {
    content: "3"
}

.stage:nth-child(5) {
    background: #b5d3f0;
    top: 30%;
    left: 42%
}

.stage:nth-child(5):before {
    content: "4"
}

.stage:nth-child(6) {
    background: #f8f9fb;
    top: 35%;
    left: 56%
}

.stage:nth-child(6):before {
    content: "5"
}

.stage:nth-child(7) {
    background: #e8eff8;
    top: 40%;
    left: 70%
}

.stage:nth-child(7):before {
    content: "6"
}

.stage-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.spacer {
    height: 340vh
}

.title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

.till-day {
    color: #63bdd0;
    font-size: max(22px, min(1.302vw, 25px));
    font-weight: 500;
    background: #f8f9fb;
    padding: 19px 40px;
    border-radius: 50px;
    margin-top: 20px
}

.skills-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    gap: 20px;
    margin-top: 40px
}

.skills__item {
    overflow: hidden;
    border-radius: 30px;
    position: relative
}

.skills__bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.skills__logo {
    position: absolute;
    top: 30px;
    left: 34px;
    width: 185px;
    height: 79px;
    background: rgba(234, 242, 255, .6);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.skills-content {
    position: absolute;
    height: 220px;
    bottom: 0;
    background: rgba(154, 154, 154, .2);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    padding: 37px 34px 42px;
    color: #fff
}

.skills__title {
    font-size: max(28px, min(1.823vw, 35px));
    font-weight: 600
}

.skills__description {
    font-size: 22px;
    font-weight: 600
}

.review-text {
    padding: 103px 93px;
    background: rgba(232, 239, 248, .55);
    border-radius: 30px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    font-size: max(20px, min(1.198vw, 23px));
    color: #001b93;
    line-height: 165%
}

.review-author {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001b93
}

.review__name {
    font-size: max(29px, min(1.823vw, 35px))
}

.review__company {
    font-size: max(20px, min(1.198vw, 23px))
}

.review-photo {
    width: 97px;
    height: 97px;
    border-radius: 50%;
    background: #e8eff9;
    overflow: hidden
}

.review-photo img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.review__ball {
    position: absolute;
    max-width: 79%;
    top: -200px;
    right: -430px
}

.main-partners {
    z-index: 10;
    position: relative
}

.workerSwiper.swiper {
    overflow: visible;
    margin-top: 40px
}

.workers-slide {
    height: 40.052vw;
    position: relative;
    border-radius: 30px;
    overflow: hidden
}

.workers-slide:nth-child(1n) {
    background: #e8eff8
}

.workers-slide:nth-child(2n) {
    background: #cee5ff
}

.workers-slide:nth-child(3n) {
    background: #eaecea
}

.workers-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.workers-slide-block {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(40.6277351379px);
    backdrop-filter: blur(40.6277351379px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px
}

.applicant-photo__item {
    border-radius: 30px;
    overflow: hidden
}

.applicant-photo__item:nth-child(2) {
    grid-column: 2/4
}

.applicant-photo__item:nth-child(3) {
    grid-row: 1/3;
    grid-column: 4
}

.applicant-photo__item:nth-child(4) {
    grid-column: 1/3
}

.applicant-photo-block {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 350px;
    display: grid;
    grid-gap: 20px;
    gap: 20px
}

.applicant-photo-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.advantage__title {
    color: #001b93;
    font-size: max(27px, min(1.823vw, 35px))
}

.advantage__description {
    color: rgba(0, 27, 147, .5);
    font-size: max(19px, min(1.198vw, 22px));
    line-height: 135%;
    padding-bottom: 280px
}

.advantages-block {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 40px;
    grid-column-gap: 20px
}

.advantages__item {
    gap: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 30px;
    overflow: hidden;
    padding: 52px 35px
}

.advantages__item:nth-child(1) {
    border: 3px solid #e8eff8
}

.advantages__item:nth-child(2) {
    background: #f8f9fb
}

.advantages__item:nth-child(3),
.advantages__item:nth-child(4) {
    background: rgba(232, 239, 248, .45)
}

.advantages__item:nth-child(5) {
    background: rgba(232, 239, 248, .55)
}

.advantages__item-link {
    background: #b5d3f0;
    -webkit-transition: .8s;
    transition: .8s;
    position: relative;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer
}

.advantages__item-link__title {
    color: #001b93;
    font-size: max(27px, min(1.823vw, 35px))
}

.advantages__item-link:after {
    -webkit-transition: .8s;
    transition: .8s;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 260px;
    height: 260px;
    background: url(e0fb5c1c3acc186c40ae.svg) center/cover no-repeat
}

.advantages__item-link:hover:after {
    -webkit-transform: scale(1.7) translateX(15%) translateY(-20%);
    transform: scale(1.7) translateX(15%) translateY(-20%)
}

.advantages__item img {
    bottom: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-template-hr-template .header-content-image {
    position: absolute;
    right: 323px;
    bottom: 123px;
    width: 771px;
    height: 771px;
    max-height: 200%;
    width: auto
}

.page-template-hr-template .header-content-image.big-ball {
    right: auto;
    width: 1500px;
    height: 1500px;
    bottom: -580px;
    left: -790px
}

.page-template-hr-template .header-content-wrapper {
    height: 100%
}

.page-template-hr-template .header-content-wrapper {
    max-width: 100%
}

.page-template-hr-template .header-content-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 100%
}

.hr-buttons {
    max-width: 33vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hr-buttons svg path {
    stroke: #001b93
}

.hr-buttons__item {
    background: rgba(255, 255, 255, .85);
    border-radius: 30px;
    padding: 42px 45px;
    cursor: pointer
}

.hr-buttons__item.selected {
    background: rgba(255, 255, 255, .25);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px)
}

.hr-buttons__item.selected .hr-buttons__title,
.hr-buttons__item.selected .hr-buttons__description {
    color: #fff
}

.hr-buttons__item.selected svg path {
    stroke: #fff
}

.hr-buttons-wrapper {
    margin-bottom: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hr-buttons__title {
    color: #001b93;
    font-size: max(37px, min(2.344vw, 45px))
}

.hr-buttons__description {
    color: #001b93;
    font-size: max(18px, min(1.458vw, 28px))
}

.header-blog-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 10
}

.header-blog__img {
    margin-bottom: -50px
}

.header-blog__img {
    max-height: calc(100% - 40px);
    position: absolute;
    bottom: 0;
    right: 50px
}

.table-of-contents {
    color: #001b93
}

.table-of-contents h2 {
    font-size: max(18px, min(1.146vw, 22px));
    font-weight: 700;
    margin-bottom: 10px
}

.table-of-contents .toc-list li {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.table-of-contents .toc-list li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #63bdd0
}

.single-blog .header-page {
    margin-bottom: 88px
}

.single-blog .header2-top-wrapper {
    padding-left: 20px
}

.single-blog .header2-wrapper {
    position: relative;
    left: auto;
    -webkit-transform: none;
    transform: none;
    margin-left: 0;
    margin-right: 0
}

.container-content {
    font-size: max(18px, min(1.146vw, 22px));
    line-height: 160%
}

.container-content h2 {
    font-size: max(40px, min(3.2vw, 60px));
    color: #001b93;
    font-weight: 600;
    margin: 90px 0 50px
}

.container-content h3 {
    margin-bottom: 30px
}

.container-content p {
    margin-bottom: 30px
}

.header-bg {
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 40px
}

.header-bg ul.header-nav {
    background: none;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 27, 147, .0509803922);
    box-shadow: 3px 3px 3px 0px rgba(0, 27, 147, .0509803922);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

.header-bg ul.header-nav li a {
    color: #fff
}

.header-bg .header-content {
    margin-bottom: 20px
}

.header-bg .header-phone a,
.header-bg .header-mail a,
.header-bg .breadcrumbs a,
.header-bg .title-h1,
.header-bg h2,
.header-bg a {
    color: #fff
}

.header-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.header-bg .header-top {
    padding-top: 0;
    z-index: 15
}

.header-bg .white_bg,
.header-bg .logo_wrapper,
.header-bg .header-content {
    background: none
}

.header-bg .white_bg:after,
.header-bg .logo_wrapper:after,
.header-bg .header-content:after {
    display: none
}

.header-bg .header-top-content {
    background: none
}

.header-bg .title-h1 {
    max-width: 1131px
}

.header-bg .menu-item-has-children:after {
    background: url(8b1b17506cc7a6e002a7.svg) center/auto no-repeat
}

.header-bg .menu-item-has-children .submenu-wrapper {
    top: 50px
}

.header-bg .menu-item-has-children .submenu-wrapper li a {
    color: #000
}

.page-template-about-template .header2 {
    margin-bottom: -100px;
    z-index: 1
}

.page-template-about-template .logo_wrapper:after {
    background: #e8eff8
}

.page-template-about-template .head-wrap {
    overflow: hidden;
    margin-top: 40px
}

.page-template-about-template .header-content {
    z-index: 15;
    overflow: visible;
    overflow: initial
}

.page-template-about-template .header-content .title-h1 {
    font-size: max(40px, min(3.125vw, 60px));
    font-weight: 300;
    max-width: 1035px;
    color: #171717
}

.page-template-about-template .header-content .subtitle {
    margin-top: 50px;
    font-size: 30px;
    line-height: 135%;
    color: #171717;
    max-width: 723px
}

.scroll-section {
    margin: 0px 0 0 0;
    height: 120vh;
    overflow: hidden;
    position: relative;
    padding: 0;
    -webkit-transform: none;
    transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.scroll-section:before {
    content: "";
    height: 80px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: -80px;
    background: url(c7123afe1fe3be56dc59.jpg) left top
}

.scroll-container {
    width: 100%;
    height: 120vh
}

.scroll-content {
    background: url(c7123afe1fe3be56dc59.jpg) left top;
    background-size: auto auto;
    background-size: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-top-left-radius: 50px;
    padding-top: 120px
}

.scroll-content .bg-img {
    position: absolute;
    left: -310px
}

.scroll__title {
    color: #fff;
    font-size: max(40px, min(3.2vw, 60px));
    margin-bottom: 40px
}

.scroll__subtitle {
    font-size: max(27px, min(1.823vw, 35px));
    max-width: 378px;
    margin-bottom: 35px
}

.scroll-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.scroll__text {
    font-size: max(18px, min(1.146vw, 22px))
}

.scroll__item {
    position: relative
}

.scroll__item-block {
    width: 100%;
    max-width: 600px;
    background: #fff;
    padding: 34px 40px 60px;
    border-radius: 50px
}

.scroll__item:nth-child(3) .scroll__item-block {
    padding-top: 80px;
    padding-bottom: 170px
}

.scroll__item:nth-child(3) .scroll__subtitle {
    background: -webkit-gradient(linear, left top, right top, color-stop(38.47%, rgba(45, 14, 228, 0.6)), color-stop(92.31%, rgba(101, 179, 255, 0.6)));
    background: linear-gradient(90deg, rgba(45, 14, 228, 0.6) 38.47%, rgba(101, 179, 255, 0.6) 92.31%);
    display: inline-block;
    position: absolute;
    padding: 21px 35px;
    top: -30px;
    -webkit-backdrop-filter: blur(70px);
    backdrop-filter: blur(70px);
    overflow: hidden;
    border-radius: 100px;
    left: -90px;
    color: #fff;
    font-size: 35px
}

.scroll__item:nth-child(3):after {
    content: "";
    display: block;
    width: 339px;
    height: 121px;
    position: absolute;
    bottom: 20px;
    background: url(7d39fcd547e8ba7c2426.jpg) no-repeat;
    right: 20px
}

.scroll__item:last-child .scroll__item-block {
    background: linear-gradient(251.18deg, #4900FF 1.29%, #1F0793 35.13%, #000C41 73.38%);
    color: #fff;
    margin-right: 150px;
    position: relative
}

.scroll__item:last-child:before {
    content: "";
    width: 529px;
    height: 514px;
    background: url(95390db0b9098670897d.png) no-repeat;
    display: block;
    position: absolute;
    top: -330px;
    right: 0
}

.scroll__item:nth-child(4) {
    position: relative
}

.scroll__item:nth-child(4):after {
    content: "";
    background: url(3a5676e0e8c911a0badf.png) no-repeat;
    display: block;
    width: 194px;
    height: 210px;
    position: absolute;
    right: 0px;
    top: -46px
}

.scroll__item:nth-child(4) .scroll__item-block {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 27, 147, 0.8)), color-stop(21.64%, rgba(0, 23, 125, 0.8)), to(rgba(0, 8, 45, 0.8)));
    background: linear-gradient(180deg, rgba(0, 27, 147, 0.8) 0%, rgba(0, 23, 125, 0.8) 21.64%, rgba(0, 8, 45, 0.8) 100%);
    color: #fff
}

.scroll__item:nth-child(1):after {
    content: "";
    background: url(68deb36e2815f9d0ec28.png) no-repeat;
    display: block;
    width: 157px;
    height: 83px;
    position: absolute;
    right: 0;
    top: 0
}

.scroll__item:nth-child(1) .scroll__item-block,
.scroll__item:nth-child(4) .scroll__item-block {
    -webkit-clip-path: url(#clipPathScrollId);
    clip-path: url(#clipPathScrollId)
}

.scroll__item:nth-child(2) .scroll__item-block {
    background: url(c9baed06f77489b26aab.jpg) center/cover no-repeat;
    color: #fff;
    min-height: 323px
}

.scroll__item:nth-child(2) .scroll__item-block .scroll__subtitle {
    background: -webkit-gradient(linear, left top, right top, color-stop(38.47%, rgba(188, 148, 255, 0.6)), color-stop(92.31%, rgba(255, 255, 255, 0.36)));
    background: linear-gradient(90deg, rgba(188, 148, 255, 0.6) 38.47%, rgba(255, 255, 255, 0.36) 92.31%);
    -webkit-backdrop-filter: blur(70px);
    backdrop-filter: blur(70px);
    text-align: center;
    border-radius: 100px;
    position: absolute;
    bottom: -133px;
    max-width: 100%;
    width: calc(100% - 30px);
    left: 10px;
    padding: 18px
}

.scroll__item:nth-child(10):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    height: 160px;
    background: url(337638ac97d705cba025.png) no-repeat center/cover;
    -webkit-clip-path: circle(50% at top right);
    clip-path: circle(50% at top right);
    z-index: 1;
    display: block
}

.scroll__item:nth-child(2n) {
    margin-top: 20vh
}

.item {
    padding-left: 98px;
    min-width: 150vw;
    height: 120vh
}

.exclusive {
    padding-top: 0;
    margin-top: -190px;
    position: relative
}

.exclusive-wrapper .title-h2 {
    background: #f6faff;
    padding: 43px 74px;
    max-width: 1180px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    line-height: 124%;
    margin-bottom: 0
}

.exclusive-content {
    padding: 30px 30px;
    background: #f6faff;
    border-top-right-radius: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 12.865vw;
    grid-gap: 20px;
    gap: 20px
}

.exclusive__item {
    border-radius: 30px;
    overflow: hidden
}

.exclusive__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.exclusive__item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/3
}

.exclusive__item:nth-child(4) {
    grid-column: 3/4;
    grid-row: 2/3
}

.exclusive__item:nth-child(5) {
    grid-column: 1/2;
    grid-row: 2/3
}

.exclusive__item:nth-child(6) {
    width: 29.688vw;
    grid-row: 1/3;
    padding: 35px;
    font-size: max(22px, min(1.563vw, 30px));
    color: #001b93;
    background: #fff
}

.about-review__text {
    position: relative;
    line-height: 115%;
    font-size: max(20px, min(1.458vw, 28px));
    color: #001b93;
    max-width: 340px
}

.about-review__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.about-review__value {
    position: relative;
    font-size: max(40px, min(3.2vw, 60px));
    line-height: 100%;
    color: #001b93
}

.about-review-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    gap: 20px;
    grid-auto-rows: 18.906vw
}

.about-review-clients {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .7);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    padding: 7px 11px;
    z-index: 5
}

.about-review-clients__item {
    border-radius: 50%;
    width: 78px;
    height: 78px;
    overflow: hidden;
    background: #fff;
    margin-left: -20px
}

.about-review-clients__item:first-child {
    margin-left: 0
}

.about-review-clients__item:nth-child(2n) {
    background: #eaecea
}

.about-review-clients__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-review-clients-block {
    max-width: 382px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.about-review-list {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about-review-list__item {
    background: rgba(232, 239, 248, .7);
    padding: 25px 35px;
    border-radius: 30px;
    position: relative;
    width: calc(100% - 69px)
}

.about-review-list__item:nth-child(2n) {
    left: -35px
}

.about-review-list__text {
    font-size: 18px;
    margin-bottom: 29px
}

.about-review-list-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    color: #9a9a9a
}

.about-review-list-author__name {
    font-size: 22px
}

.about-review-list__img {
    overflow: hidden;
    width: 51px;
    height: 51px;
    background: #fff;
    border-radius: 50%
}

.about-review-list__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-review__item {
    position: relative;
    background: #e8eff8;
    border-radius: 30px;
    padding: 24px 35px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about-review__item:nth-child(3) {
    background: #fff;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0
}

.about-review__item:nth-child(2) img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15.667vw
}

.about-review__item:nth-child(3) {
    grid-row: 1/3;
    grid-column: 3/3
}

.about-review__item:nth-child(4) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    grid-column: 1/3
}

.about-review__item:nth-child(4) .about-review__value,
.about-review__item:nth-child(4) .about-review__text {
    color: #fff;
    z-index: 5;
    max-width: 400px
}

.about-review__item:nth-child(4):after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .15)
}

.about-review__item:nth-child(4) .img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0
}

.about-photo-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    gap: 20px;
    grid-auto-rows: 5.885vw
}

.about-photo__item {
    position: relative;
    border-radius: 30px;
    overflow: hidden
}

.about-photo__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.about-photo__item:nth-child(1) {
    grid-row: 1/5
}

.about-photo__item:nth-child(2) {
    grid-row: 1/4
}

.about-photo__item:nth-child(3) {
    grid-row: 1/6
}

.about-photo__item:nth-child(4) {
    grid-row: 5/9
}

.about-photo__item:nth-child(5) {
    grid-row: 4/9
}

.about-photo__item:nth-child(6) {
    grid-row: 6/9
}

.page-template-about-template .workers-slide-block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 35px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-template-about-template .workers-slide__position {
    font-size: 30px;
    font-weight: 300
}

.page-template-about-template .workers-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

.page-template-about-template .workers-slide__name {
    font-size: max(27px, min(1.823vw, 35px));
    font-weight: 600
}

.page-template-about-template .workers-slide .workers-slide-block {
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    top: 0
}

.page-template-about-template .header-content {
    border-radius: 50px 0 0 0
}

.page-template-about-template .header-page:after {
    content: "";
    display: block;
    position: absolute;
    height: 100px;
    bottom: 0;
    z-index: 20;
    width: 100%;
    max-width: calc(100% - 80px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    background: #e8eff8
}

.header-page {
    position: relative
}

.header-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 80%;
    position: absolute;
    top: 0;
    z-index: 10;
    max-width: 986px;
    padding: 80px 0
}

.header-text .subtitle {
    font-size: 30px;
    font-weight: 300;
    max-width: 900px
}

.header-main-text {
    max-width: 1300px;
    position: absolute;
    z-index: 5;
    background: #fff;
    width: 100%;
    border-top-right-radius: 50px;
    bottom: 110px;
    left: 0
}

.header-main-text .header-content-btn {
    background: #001b93;
    color: #fff;
    padding: 19px 80px
}

.header-main-text .header-content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px
}

.header-main-text .header-content-description {
    max-width: 740px;
    font-size: 40px
}

.header-main-text .header-content .subtitle {
    margin-top: 50px;
    font-size: 30px;
    line-height: 135%;
    color: #171717;
    max-width: 723px
}

.header-content {
    padding: 50px 50px 130px;
    height: 100%;
    position: relative;
    top: 90px
}

.header-content .mainpage-icons .header-figure {
    position: absolute
}

.header-content .mainpage-icons .header-figure.f-1 {
    width: 700px;
    height: 700px;
    right: -220px;
    top: -170px
}

.header-content .mainpage-icons .header-figure.f-2 {
    left: -10px;
    top: -180px
}

.header-content .mainpage-icons .header-figure.f-3 {
    left: 460px;
    top: -210px
}

.header-content .mainpage-icons .header-figure.f-4 {
    width: 630px;
    height: 540px;
    right: 40px;
    bottom: 140px
}

.header-container {
    max-height: 920px;
    width: 100%;
    height: calc(100vh - 80px);
    height: 46.3541666667vw;
    background-color: #000;
    background-size: cover;
    -webkit-mask-image: url(649ae9998e22d316de99.svg);
    mask-image: url(649ae9998e22d316de99.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    border-radius: 50px
}

.header-container.style_about .header-figure {
    position: absolute
}

.header-container.style_about .header-figure.f-0 {
    max-width: 970px;
    right: -170px;
    top: -100px
}

.header-container.style_about .header-figure.f-1 {
    max-width: 870px;
    left: 570px;
    bottom: 100px;
    top: auto
}

.header-container.style_about .header-figure.f-2 {
    left: 870px;
    bottom: 100px;
    top: auto
}

.header-container.style_about .header-figure.f-3 {
    right: 0;
    bottom: 100px;
    top: auto
}

.header-container .title-h1 {
    font-weight: 600;
    margin-bottom: 35px;
    line-height: 103%;
    font-size: max(40px, min(3.2vw, 60px));
    text-transform: none
}

.header-container .header-main-text .title-h1 {
    line-height: 120%;
    font-size: max(77px, min(6.51vw, 125px));
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 30px;
    color: #000
}

.header-container .breadcrumbs {
    position: relative
}

.header-container.dark .menu-item-has-children:after {
    background: url(8b1b17506cc7a6e002a7.svg) center/auto no-repeat
}

.header-container.dark .header-text {
    color: #fff
}

.header-container.dark .title-h1 {
    color: #fff
}

.header-container.dark .breadcrumbs {
    color: #fff
}

.header-container.dark .breadcrumbs a {
    color: #fff
}

.header-container.dark .header-phone a,
.header-container.dark .header-mail a {
    color: #fff
}

.header-container.dark ul.header-nav {
    background: rgba(255, 255, 255, .25);
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 27, 147, .0509803922);
    box-shadow: 3px 3px 3px 0 rgba(0, 27, 147, .0509803922);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

.header-container.dark ul.header-nav>li>a {
    color: #fff
}

.header-top-right {
    gap: max(20px, min(2vw, 150px))
}

.header-top-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 20;
    width: calc(100vw - 80px)
}

.header-wrapper {
    margin-top: 40px
}

.header-wrapper .container {
    position: relative
}

.header-masked-block {
    width: 100%;
    height: calc(100vh - 80px);
    background-color: #000;
    background-size: cover;
    -webkit-mask-image: url(649ae9998e22d316de99.svg);
    mask-image: url(649ae9998e22d316de99.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    border-radius: 50px;
    min-height: 500px;
    max-height: 700px
}

.header-logo_wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 22vw;
    height: auto
}

.header-logo_wrapper img {
    width: 20vw;
    height: auto
}

.header-logo_wrapper .white_bg {
    background: none
}

.home .header-container {
    width: 100%;
    height: 46.3541666667vw;
    background-color: #000;
    background-size: cover;
    -webkit-mask-image: url(96cb719d0e5eb8cae7c9.svg);
    mask-image: url(96cb719d0e5eb8cae7c9.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    border-radius: 50px
}
.header-nav ul {
    gap: max(5px, min(2.9vw, 100px))
}

.header-nav a {
    font-size: calc(16px + 9*(100vw - 768px)/1152);
    white-space: nowrap
}

.page-template-hr-template .hr-buttons {
    z-index: 10
}

.page-template-hr-template .header-container {
    position: relative
}

.page-template-hr-template .header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-template-hr-template .header-figure {
    position: absolute
}

.page-template-hr-template .header-figure.f-0 {
    left: -21vw;
    bottom: -35vh;
    max-width: 53vw
}

.page-template-hr-template .header-figure.f-1 {
    right: 27vw;
    top: 7vh;
    max-width: 34vw
}

.template__employer-img,
.template__applicant-img {
    opacity: 0;
    position: absolute;
    left: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    max-width: calc(100vh - 300px)
}

.template__employer-img {
    bottom: -7vh
}

.template__applicant {
    overflow: hidden
}

.template__applicant:before {
    content: "";
    height: 100%;
    width: 100%;
    background-position: right top;
    background-image: url(57386e8199f86de63804.jpg);
    position: absolute;
    display: block
}

.template__applicant .header-top-content {
    background-position: right top;
    -webkit-transition: 1s;
    transition: 1s
}

.template__applicant .header-container {
    -webkit-transition: 1s;
    transition: 1s
}

.template__applicant .template__applicant-img {
    opacity: 1
}

.hr .header-content {
    height: calc(100vh - 220px)
}

.template__employer:before {
    content: "";
    height: 100%;
    width: 100%;
    background-position: right top;
    background-image: url(f6492992abdc90e4c1d0.jpg);
    position: absolute;
    display: block
}

.template__employer .header-top-content {
    background-position: right top;
    -webkit-transition: 1s;
    transition: 1s
}

.template__employer .header-container {
    -webkit-transition: 1s;
    transition: 1s
}

.template__employer .template__employer-img {
    opacity: 1
}

.page-template-applicant-template .header-container,
.page-template-employer-template .header-container {
    border-top-left-radius: 0
}

.page-template-applicant-template .header-figure,
.page-template-employer-template .header-figure {
    position: absolute
}

.page-template-applicant-template .header-figure.f-0,
.page-template-employer-template .header-figure.f-0 {
    max-width: 1390px;
    right: -361px;
    left: auto;
    bottom: -310px
}

.page-template-service-template .header-container {
    border-top-left-radius: 0
}

.header-short .header-container {
    height: auto;
    min-height: auto
}

.header-short .header-text {
    position: relative;
    height: auto;
    padding: 50px 0 20px;
    max-width: none
}

.header-short .title-h1 {
    color: #001b93
}

.modal .form-agree__text {
    color: rgba(0, 27, 147, .5);
    max-width: 415px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.modal .form-agree__text a {
    color: rgba(0, 27, 147, .5);
    border-bottom: 1px solid
}

.modal input[type=text],
.modal input[type=tel],
.modal input[type=email] {
    background: #e8eff8;
    border: none;
    width: 100%;
    border-radius: 30px;
    padding: 20px 35px;
    color: rgba(0, 27, 147, .5)
}

.wpcf7 form .wpcf7-response-output {
    border: none;
    text-align: center;
    font-size: 14px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin: 10px auto
}

img {
    max-width: 100%
}

.wpcf7-not-valid-tip {
    font-size: 14px;
    position: relative;
    left: 35px;
    top: 5px
}

.f-row {
    margin-bottom: 15px
}

.wpcf7-submit {
    background: #001b93;
    width: 100%;
    border-radius: 30px;
    border: none;
    color: #fff;
    padding: 20px;
    font-size: 22px
}

.page-template-service-template .service-case-block {
    margin-bottom: 100px
}

#headerCanvas {
    width: 100%;
    height: 100%
}

.header2 {
    margin-top: 40px;
    width: 100vw;
    height: calc(100vh - 80px);
    min-height: 600px;
    position: relative
}

.header2-contact {
    height: calc(100vh - 80px);
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 500px
}

.header2-contact .header2-top-wrapper {
    position: relative
}

.header2-short {
    height: auto;
    min-height: 370px
}

.header2-short .header2-content {
    height: auto
}

.header2-short .header-text {
    height: auto;
    top: 120px;
    padding-left: 50px;
    padding-right: 50px;
    gap: 40px
}

.header2-short .header-text .title-h1 {
    font-size: max(40px, min(3.125vw, 60px));
    color: #001b93
}

.header2-text {
    position: absolute;
    top: 215px;
    height: calc(100% - 215px);
    padding-left: 50px;
    padding-right: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header2-text .title-h1 {
    font-size: max(40px, min(3.125vw, 60px));
    max-width: 870px;
    line-height: 1.2
}

.header2.dark {
    color: #fff
}

.header2.dark a,
.header2.dark .breadcrumbs {
    color: #fff
}

.header2.dark .header-nav ul {
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 27, 147, .05);
    box-shadow: 3px 3px 3px 0 rgba(0, 27, 147, .05);
    background: rgba(255, 255, 255, .25)
}

.header2.dark .menu-item-has-children:after {
    background-image: url(8b1b17506cc7a6e002a7.svg)
}

.header2.dark .header2-content .subtitle {
    color: #fff
}

.header2 .breadcrumbs {
    position: absolute;
    left: 50px;
    padding-left: 0px;
    top: 150px
}

.header2-main-text {
    bottom: 0;
    position: absolute;
    padding-left: 40px;
    padding-right: 40px;
    height: 100%;
    max-height: 300px;
    max-width: 1340px
}

.header2-main-text .title-h1 {
    font-size: max(60px, min(6.51vw, 125px));
    text-transform: uppercase
}

.header2-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none
}

.header2-content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px
}

.header2-content-description {
    max-width: 38.542vw;
    font-size: 2.083vw
}

.header2-content .subtitle {
    font-size: max(20px, min(1.563vw, 30px));
    line-height: 135%;
    color: #171717;
    max-width: 850px
}

.header2 .header-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header2 .header-nav li a:hover {
    border-bottom: 1px solid
}

@media screen and (max-width: 1800px) {
    .header2 .header-nav {
        margin-right: 20px
    }
}

.header2 .header-nav ul {
    gap: 2.865vw
}

.header2 .header-nav ul .sub-menu {
    gap: 15px
}

.header2 .header-nav ul .sub-menu li a {
    font-size: max(16px, min(.99vw, 19px));
    white-space: normal
}

.header2 .header-nav ul a {
    font-size: max(16px, min(1.302vw, 25px))
}

@media screen and (max-width: 1800px) {
    .header2 .header-nav ul {
        gap: 1.865vw;
        padding-left: 40px;
        padding-right: 40px
    }
}

.header2-wrapper {
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    min-height: 600px;
    margin-left: 40px;
    margin-right: 40px;
    -webkit-clip-path: url(#clipPathId);
    clip-path: url(#clipPathId);
    background-color: rgba(232, 239, 248, .5)
}

.header2-top-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 20;
    width: calc(100vw - 80px)
}

.header2-logo_wrapper {
    width: 420px;
    height: 115px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header2-logo_wrapper .white_bg {
    background: none;
    padding: 18px 33px 15px 4px
}

.header2-logo_wrapper .white_bg img {
    min-width: 235px
}

.header2 .header-top-right {
    gap: 2.367vw
}

.header2 .style_1 .header-figure {
    position: absolute
}

.header2 .style_1 .header-figure.f-0 {
    left: 34vw;
    bottom: 1vw;
    width: 30vw
}

.header2 .style_1 .header-figure.f-1 {
    left: 49vw;
    width: 48vw;
    top: -3vw
}

.header2 .style_3 .header-figure {
    position: absolute
}

.header2 .style_3 .header-figure.f-0 {
    left: 35vw;
    top: -7vw;
    width: 43vw
}

.header2 .style_3 .header-figure.f-1 {
    left: 23vw;
    top: 10vw;
    width: 55vw
}

.header2 .style_3 .header-figure.f-2 {
    width: 80vw;
    left: 40vw;
    top: -18vw
}

.header2-mainpage .header-content-btn {
    color: #fff;
    background: #001b93;
    -webkit-transition: .7s;
    transition: .7s
}

.header2-mainpage .header-content-btn:hover {
    color: #001b93;
    background: #fff;
    border: 2px solid #001b93
}

.header2 .style_2 .header-figure {
    position: absolute
}

.header2 .style_2 .header-figure.f-0 {
    max-width: 970px;
    width: 44vw;
    right: auto;
    left: 42vw;
    top: 0
}

.header2 .style_2 .header-figure.f-1 {
    left: 77vw;
    top: 470px;
    width: 14vw;
    max-width: 900px
}

.header2 .style_2 .header-figure.f-2 {
    max-width: 1450px;
    width: 21vw;
    left: 72vw;
    top: 0
}

.header2 .hr-buttons {
    position: absolute;
    right: 91px;
    bottom: 50px
}

.mainpage2-icons .header-figure {
    position: absolute
}

.mainpage2-icons .header-figure.f-1 {
    right: -190px;
    top: -60px
}

.mainpage2-icons .header-figure.f-2 {
    right: 21vw;
    top: -160px
}

.mainpage2-icons .header-figure.f-3 {
    top: -200px;
    left: -120px
}

.mainpage2-icons .header-figure.f-4 {
    right: 5vw;
    bottom: 10px
}

@media screen and (max-width: 1700px) {
    .mainpage2-icons .header-figure.f-1 {
        right: -120px;
        top: -20px;
        width: 500px
    }

    .mainpage2-icons .header-figure.f-2 {
        right: 24vw;
        top: -130px;
        width: 750px
    }

    .mainpage2-icons .header-figure.f-3 {
        top: -160px;
        left: -70px;
        width: 680px
    }

    .mainpage2-icons .header-figure.f-4 {
        right: 1vw;
        bottom: 30px;
        width: 550px
    }
}

@media screen and (max-width: 1440px) {
    .mainpage2-icons .header-figure.f-3 {
        left: -190px
    }
}

@media screen and (max-width: 1470px) {
    .mainpage2-icons .header-figure.f-1 {
        right: -120px;
        top: -20px;
        width: 400px
    }

    .mainpage2-icons .header-figure.f-2 {
        right: 19vw;
        top: -130px;
        width: 650px
    }

    .mainpage2-icons .header-figure.f-3 {
        top: -160px;
        left: -170px;
        width: 580px
    }

    .mainpage2-icons .header-figure.f-4 {
        right: 1vw;
        bottom: 30px;
        width: 450px
    }
}

.page-template-about-template .title-h1 {
    font-size: max(40px, min(3.125vw, 60px));
    text-transform: none;
    font-weight: 300
}

@media screen and (min-width: 1700px) {
    .page-template-about-template .title-h1 {
        max-width: 1035px
    }
}

.page-template-about-template .header-h2 {
    margin-bottom: -100px
}

.page-template-about-template .header2 .header-figure {
    position: absolute
}

.page-template-about-template .header2 .header-figure.f-0 {
    right: -7vw;
    left: auto;
    top: -3vh;
    width: 28vw
}

.page-template-about-template .header2 .header-figure.f-1 {
    right: 36vw;
    left: auto;
    bottom: -1vw;
    top: auto;
    width: 23vw
}

.page-template-about-template .header2 .header-figure.f-2 {
    top: 0;
    right: 10vw;
    width: 40vw;
    left: auto
}

.page-template-about-template .header2 .header-figure.f-3 {
    right: 3vw;
    left: auto;
    bottom: 0;
    width: 23vw
}

@media screen and (max-width: 1700px) {
    .page-template-about-template .header2 .header-figure.f-0 {
        right: -9vw;
        left: auto;
        top: -3vh;
        width: 28vw
    }

    .page-template-about-template .header2 .header-figure.f-1 {
        right: 26vw;
        left: auto;
        bottom: -1vw;
        top: auto;
        width: 23vw
    }

    .page-template-about-template .header2 .header-figure.f-2 {
        top: 2vw;
        right: 7vw;
        width: 37vw;
        left: auto
    }

    .page-template-about-template .header2 .header-figure.f-3 {
        right: 3vw;
        left: auto;
        bottom: 0;
        width: 23vw
    }
}

body .frontpage .header-top-content,
body .header-page .header-top-content,
body .page-template-digital-template .header-top-content {
    background: none
}

.header2.header2-blog.header-page.dark .breadcrumbs {
    position: relative;
    left: 0
}

.header2.header2-blog.header-page.dark .title-h1 {
    color: #fff
}

@media screen and (max-width: 1400px) {
    body .footer-top-content {
        width: 502px
    }

    .header2 .header-nav {
        width: auto
    }

    .header2 .header-nav ul {
        gap: 1.265vw;
        padding-left: 30px;
        padding-right: 30px
    }

    .header2 .header-top-right {
        gap: 1.367vw
    }

    .header2-logo_wrapper .white_bg img {
        max-width: 265px;
        min-width: auto
    }

    footer .footer-nav {
        padding: 20px 30px;
        gap: 2.2vw
    }

    footer .footer-social img {
        border-radius: 11px;
        max-width: 37px
    }

    footer .footer-logo img {
        max-width: 14.385vw
    }
}

@media screen and (max-width: 1240px) {
    .header2 .header-nav {
        margin-right: 5px
    }

    .header-nav ul {
        gap: 20px;
        padding: 15px 25px
    }

    body .header-phone,
    body .header-mail {
        font-size: 15px
    }

    .header-phone a {
        margin-right: 0;
        padding: 5px 10px
    }

    .header-top-right {
        gap: 10px
    }

    .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1150px) {

    body .header-phone,
    body .header-mail {
        font-size: 13px
    }

    .header2 .header-nav ul {
        padding-left: 18px;
        padding-right: 18px
    }

    .header-phone a {
        margin-right: 0;
        padding: 5px 5px
    }
}

@media screen and (min-width: 1024px) {
    .burger {
        display: none
    }

    .mobile {
        display: none
    }

    .desktop {
        display: block
    }
}

@media screen and (max-height: 830px) {
    .header2-text {
        gap: 30px;
        top: 165px
    }

    .header2 .hr-buttons {
        max-height: 500px
    }

    .hr-buttons-wrapper {
        margin-bottom: 25px
    }
}

@media screen and (max-height: 700px) {
    .hr-buttons__item {
        padding-top: 22px;
        padding-bottom: 22px;
        bottom: 70px
    }
}

@media screen and (max-width: 1024px) {
    html body {
        padding-top: 100px
    }

    .container {
        padding-left: 30px;
        padding-right: 30px
    }

    .desktop {
        display: none
    }

    .mobile {
        visibility: visible;
        display: block
    }

    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: no-repeat;
        border: none
    }

    .burger svg path {
        fill: #000
    }

    body .case-block {
        grid-auto-rows: 5vw;
        grid-template-columns: repeat(2, 1fr)
    }

    body .case__item:nth-child(1) {
        grid-column: 1/2;
        grid-row: 1/8
    }

    body .case__item:nth-child(2) {
        grid-column: 2/3;
        grid-row: 1/10
    }

    body .case__item:nth-child(3) {
        grid-column: 1/2;
        grid-row: 8/18
    }

    body .case__item:nth-child(4) {
        grid-column: 2/3;
        grid-row: 10/18
    }

    body .case__item:nth-child(5) {
        grid-column: 1/2;
        grid-row: 18/26
    }

    body .case__item:nth-child(6) {
        grid-column: 2/3;
        grid-row: 18/26
    }

    .main-blog__item {
        padding: 35px;
        height: 44vw
    }

    .main-blog__description {
        font-size: 16px
    }

    body .header-wrapper,
    .home .header-wrapper {
        height: calc(100vh - 130px)
    }

    body .header-container,
    .home .header-container {
        -webkit-mask-image: none;
        mask-image: none
    }

    body .header-logo_wrapper,
    .home .header-logo_wrapper {
        padding-top: 15px
    }

    body .header-short,
    .home .header-short {
        height: auto
    }

    body .header-short .header-container .title-h1,
    .home .header-short .header-container .title-h1 {
        font-size: 55px
    }

    body .header-short .header-content,
    .home .header-short .header-content {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 50px
    }

    body .header-short .header-text,
    .home .header-short .header-text {
        padding: 0
    }

    .mainpage2-icons .header-figure.f-3 {
        top: auto;
        bottom: -150px
    }

    .page-template-about-template .title-h1 {
        padding-top: 150px;
        font-size: 60px
    }

    .page-template-about-template .subtitle {
        font-size: 30px
    }

    .page-template-about-template .header2 .header-figure.f-0 {
        right: -17vw;
        left: auto;
        top: auto;
        width: 48vw;
        bottom: -17vw
    }

    .page-template-about-template .header2 .header-figure.f-1 {
        right: auto;
        left: -120px;
        top: auto;
        bottom: 6vw;
        width: 53vw
    }

    .page-template-about-template .header2 .header-figure.f-2 {
        top: auto;
        right: auto;
        width: 47vw;
        left: 34vw;
        bottom: 5vw
    }

    .page-template-about-template .header2 .header-figure.f-3 {
        right: auto;
        left: 10vw;
        bottom: -8vw;
        width: 43vw
    }

    .page-template-applicant-template .header-figure.f-0,
    .page-template-employer-template .header-figure.f-0 {
        bottom: -42vw;
        right: -40vw;
        width: 110vw
    }

    .section-skills {
        padding-top: 0;
        margin-top: -190px
    }

    .skills-block {
        grid-template-columns: repeat(1, 1fr)
    }

    .reviews-wrapper {
        max-width: 100%
    }

    .review__ball {
        position: absolute;
        max-width: 100vw;
        top: 350px;
        right: -40vw
    }

    .single-blog .header-bg {
        border-radius: 30px
    }

    body .footer-figure {
        -webkit-clip-path: none;
        clip-path: none;
        border-radius: 30px;
        padding: 40px;
        height: auto;
        overflow: hidden
    }

    body .footer-figure .buttons_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    body .footer-figure .buttons_wrapper .btn {
        width: 100%;
        max-width: 100%
    }

    body .footer-wrapper h2 {
        position: relative;
        top: -60px
    }

    body .form-field {
        width: 100%
    }

    body .form-fields-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    body .service_cards {
        grid-template-columns: 1fr
    }

    body .stage:nth-child(3) {
        left: 7%
    }

    body .stage:nth-child(4) {
        left: 15%
    }

    body .stage:nth-child(5) {
        left: 22%
    }

    body .stage:nth-child(6) {
        left: 29%
    }

    body .stage:nth-child(7) {
        left: 36%
    }

    body h2 {
        font-size: 55px
    }

    body .info_card {
        padding-top: 55px;
        padding-bottom: 55px;
        padding-left: 25px;
        padding-right: 25px
    }

    body .info_cards_wrapper {
        margin-top: 30px;
        padding: 0;
        background: rgba(0, 0, 0, 0);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    body .info_top {
        height: auto
    }

    body .info_top_title,
    body .info_top_list {
        background: rgba(0, 0, 0, 0)
    }

    body .info_top_list {
        width: auto;
        padding: 0 0 0 40px
    }

    body .info_top ul li {
        width: auto
    }

    .page-template-hr-template .header2-content {
        position: absolute;
        padding-top: 40px
    }

    .page-template-hr-template .hr-buttons {
        bottom: auto;
        max-width: 58vw
    }

    .page-template-hr-template .template__employer-img {
        left: 20%
    }

    .page-template-hr-template .template__applicant-img {
        left: 30%
    }

    .service-block .service__img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: bottom right;
        object-position: bottom right
    }

    .post-type-archive-case .header2-short .header2-wrapper,
    .post-type-archive-blog .header2-short .header2-wrapper {
        padding-bottom: 0
    }

    .post-type-archive-case .header2-short .header-text,
    .post-type-archive-blog .header2-short .header-text {
        padding-top: 0
    }

    .single-blog .header2-wrapper {
        padding-bottom: 40px
    }

    .single-blog .header2-wrapper .header-text {
        width: auto;
        padding-top: 0
    }

    .single-blog .header2-wrapper .header-text .title-h1 {
        max-width: none;
        margin-bottom: 110px;
        font-size: 55px
    }

    .single-blog .header-blog__img {
        bottom: -100px;
        max-width: 50vw
    }

    .single-blog .toc-list {
        margin-bottom: 30px;
        padding-right: 50vw
    }

    .single-blog .dark .header2-wrapper .header-text .title-h1 {
        max-width: none;
        color: #fff
    }

    .single-blog .dark .toc-list {
        padding-right: 0
    }

    .page-id-98 .service-block {
        grid-auto-rows: 330px
    }

    .page-id-98 .service-block .service__item:nth-child(2) {
        grid-row: 3/4;
        grid-column: 1/3
    }

    .page-id-98 .service-block .service__item:nth-child(2) .service__description {
        max-width: 50vw
    }

    .page-id-102 .service-block .service__item {
        grid-row: auto
    }

    .header2 {
        height: auto;
        margin-top: 15px
    }

    .header2 .header2-wrapper.hr {
        height: calc(100vh - 180px)
    }

    .header2 .style_1 .header-figure.f-0 {
        left: -16vw;
        bottom: 4vw;
        width: 50vw
    }

    .header2 .style_1 .header-figure.f-1 {
        width: 88vw;
        top: auto;
        bottom: -20vw;
        left: 20vw
    }

    .header2 .style_2 .header-figure.f-0 {
        max-width: none;
        width: 64vw;
        right: auto;
        left: 32vw;
        top: auto;
        bottom: -7vw
    }

    .header2 .style_2 .header-figure.f-1 {
        left: 18vw;
        top: auto;
        bottom: 0;
        width: 26vw;
        max-width: none
    }

    .header2 .style_2 .header-figure.f-2 {
        width: 21vw;
        left: 3vw;
        top: auto;
        bottom: 18vw
    }

    .header2 .style_3 .header-figure.f-0 {
        left: 13vw;
        top: auto;
        bottom: 10vw;
        width: 63vw
    }

    .header2 .style_3 .header-figure.f-1 {
        left: -25vw;
        top: auto;
        width: 90vw;
        bottom: -35vw
    }

    .header2 .style_3 .header-figure.f-2 {
        width: 100vw;
        left: 25vw;
        top: 26vw
    }

    .header2 .header2-text {
        height: auto;
        top: auto
    }

    .header2 .header2-text .title-h1 {
        font-size: 60px;
        margin-top: 0
    }

    .header2 .header2-text .subtitle {
        font-size: 30px
    }

    .header2-mainpage .container {
        margin: 0 40px 0 40px;
        padding: 0;
        border-radius: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        background: rgba(232, 239, 248, .5);
        overflow: hidden
    }

    .header2-mainpage .header2-wrapper {
        background-color: rgba(0, 0, 0, 0) !important;
        overflow: visible
    }

    .header2-content {
        position: relative
    }

    .header2-content-description {
        font-size: 30px;
        max-width: 100%
    }

    .header2-content-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 40px
    }

    .header2-main-text {
        position: relative;
        padding: 90px 35px 30px;
        max-height: none
    }

    .header2-top-wrapper {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .header2-wrapper {
        -webkit-clip-path: none;
        clip-path: none;
        position: relative;
        left: 0;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        padding: 0 0 900px 0;
        margin: 0;
        border-radius: 30px;
        overflow: hidden
    }

    .header2-logo_wrapper {
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .header2-logo_wrapper .white_bg {
        margin-top: 10px;
        padding: 0
    }

    .header2-logo_wrapper .white_bg img {
        min-height: auto;
        max-width: 215px
    }

    .workers-slide {
        height: 65vw
    }

    .exclusive-content {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto
    }

    .exclusive__item:last-child {
        grid-row: 3;
        grid-column: 1/4;
        width: 100%
    }

    .about-review-list {
        gap: 20px
    }

    .about-review-block {
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr)
    }

    .about-review__item:nth-child(1) {
        grid-column: 1/2
    }

    .about-review__item:nth-child(2) {
        grid-column: 2/3
    }

    .about-review__item:nth-child(3) {
        grid-row: 1/1;
        grid-column: 1/3
    }

    .about-review__item:nth-child(4) {
        height: 260px
    }

    .header-main-text {
        position: relative;
        max-width: 100%;
        background: none
    }

    .header-logo_wrapper:after {
        display: none
    }

    .close-menu {
        position: absolute;
        top: 30px;
        right: 30px
    }

    .mobile-menu {
        position: fixed;
        z-index: 80;
        background: url(b76c34c8718c11241576.jpg) center/cover no-repeat;
        width: 100vw;
        height: 100vh;
        padding: 70px;
        top: -100%;
        -webkit-transition: .7s;
        transition: .7s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow: scroll
    }

    .mobile-menu .header-top-right {
        margin-top: 40px
    }

    .mobile-menu .sub-menu {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mobile-menu .header-nav li a {
        color: #001b93
    }

    .mobile-menu .header-top-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .mobile-menu.opened {
        top: 0
    }

    .mobile-menu .header-top-right {
        gap: 20px
    }

    .mobile-menu .header-phone,
    .mobile-menu .header-mail {
        font-size: 22px
    }

    .mobile-menu .header-phone a,
    .mobile-menu .header-mail a {
        color: #001b93 !important;
        border: none
    }

    .menu-item-has-children {
        position: relative;
        display: block;
        text-align: center
    }

    .menu-item-has-children:after {
        display: none
    }

    .menu-item-has-children>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .menu-item-has-children>a:after {
        content: "";
        display: block;
        background: url(cad87115e509ff71888e.svg) no-repeat;
        width: 19px;
        height: 13px;
        position: relative;
        top: 8px;
        background-size: 20px;
        left: 20px
    }

    .menu-item-has-children .submenu-wrapper {
        max-width: 100%;
        position: relative;
        opacity: 1;
        visibility: visible;
        top: 0;
        display: none;
        padding-top: 0
    }

    .menu-item-has-children:after {
        width: 38px;
        height: 23px;
        background-size: cover;
        position: absolute;
        top: 55px;
        right: 0;
        left: auto
    }

    .menu-item-has-children .sub-menu {
        opacity: 1;
        background: no-repeat;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
        padding-bottom: 0
    }

    .menu-item-has-children .sub-menu li a {
        font-size: 35px;
        white-space: normal
    }

    .header-nav li {
        width: 100%;
        text-align: center
    }

    .header-nav a {
        white-space: normal
    }

    .page-template-about-template .header-content {
        border-radius: 30px;
        overflow: hidden
    }

    .page-template-about-template .header-content .title-h1 {
        font-size: 60px
    }

    .header-text {
        height: auto;
        position: relative;
        padding: 0
    }

    .header-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        gap: 25px
    }

    .header-nav li a {
        font-size: 90px
    }

    .header-content {
        top: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        background: rgba(232, 239, 248, .5019607843);
        border-radius: 30px;
        height: calc(100vh - 150px);
        overflow: hidden
    }

    .header-content-btn {
        font-size: 22px
    }

    .header-content .mainpage-icons {
        height: 100%;
        position: relative;
        min-height: 320px
    }

    .header-content .mainpage-icons .header-figure.f-1 {
        width: auto;
        height: auto;
        max-width: 700px;
        left: auto;
        bottom: -220px;
        top: auto;
        right: -180px
    }

    .header-content .mainpage-icons .header-figure.f-2 {
        width: auto;
        height: auto;
        max-width: 480px;
        left: -180px;
        top: -120px;
        right: auto
    }

    .header-content .mainpage-icons .header-figure.f-3 {
        width: auto;
        height: auto;
        max-width: 550px;
        left: 210px;
        top: -140px;
        right: auto
    }

    .header-content .mainpage-icons .header-figure.f-4 {
        width: 100%;
        height: auto;
        max-width: 680px;
        left: -300px;
        bottom: -150px;
        right: auto
    }

    .header-main-text {
        position: relative;
        bottom: auto;
        padding-right: 0
    }

    .header-main-text .header-content-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .header-logo_wrapper .white_bg {
        padding: 10px 0
    }

    .header-logo_wrapper img {
        max-width: 320px;
        padding: 0;
        margin: 0
    }

    .header-container {
        background: none !important;
        border-radius: 30px;
        height: auto
    }

    .header-container.style_about .header-figure.f-0 {
        top: auto;
        bottom: -210px;
        right: -230px
    }

    .header-container.style_about .header-figure.f-1 {
        left: -110px;
        bottom: auto;
        top: 460px
    }

    .header-container.style_about .header-figure.f-2 {
        right: 80px;
        bottom: 160px;
        top: auto;
        left: auto;
        max-width: 520px
    }

    .header-container.style_about .header-figure.f-3 {
        right: auto;
        left: -80px;
        max-width: 520px;
        bottom: -60px
    }

    .header-container .breadcrumbs {
        margin-bottom: 25px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header-wrapper {
        margin-top: 10px;
        z-index: 10
    }

    .header-page .header-content .title-h1 {
        padding: 30px 0
    }

    .direction-block {
        grid-template-columns: 1fr
    }

    .direction__item {
        min-height: 130px;
        height: 100%;
        gap: 40px
    }

    section {
        padding-top: 100px
    }

    body .btn.factoids__btn {
        gap: 28px;
        padding: 12px 22px;
        font-size: 16px
    }

    h2 {
        font-size: 55px
    }

    .info_top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .info_top ul li {
        font-size: 22px
    }

    .info_cards_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .applicant-photo-block {
        grid-auto-rows: 150px
    }

    .applicant-photo__item {
        border-radius: 15px
    }

    .advantages-block {
        grid-template-columns: repeat(2, 1fr)
    }

    .info_top {
        height: auto
    }

    .info_card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 15px;
        padding-right: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px;
        font-size: 18px
    }

    .info_top_list {
        padding-top: 0;
        padding-right: 15px;
        padding-left: 40px;
        width: auto;
        background-color: transparent;
        background-color: initial
    }

    .single-service-header .header-logo_wrapper:after {
        display: none
    }

    .single-service-header .header-content {
        border-radius: 30px !important
    }

    .single-service-header .header-wrapper {
        border-radius: 30px !important
    }

    .header-content {
        min-height: auto
    }

    .header-top {
        padding-top: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .partner-arrows {
        max-width: 220px
    }

    .partner-arrows svg {
        width: 100px
    }

    .partners-slide {
        height: 220px;
        padding: 40px
    }

    .main-blog-block {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .title-h2 {
        font-size: 55px
    }

    .frontpage .header-logo_wrapper:after,
    .header-page .header-logo_wrapper:after,
    .page-template-digital-template .header-logo_wrapper:after {
        display: none
    }

    .frontpage .title-h1,
    .header-page .title-h1,
    .page-template-digital-template .title-h1 {
        font-size: 55px
    }

    .frontpage .header-content-description,
    .header-page .header-content-description,
    .page-template-digital-template .header-content-description {
        font-size: 25px
    }

    .frontpage .header-top,
    .header-page .header-top,
    .page-template-digital-template .header-top {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header-top-right,
    .header-top-content {
        display: none
    }

    .direction__description {
        font-size: 22px
    }

    .direction__title {
        font-size: 35px
    }

    .direction__tag {
        background: #fff;
        border-radius: 30px;
        padding: 7px 10px;
        font-size: 16px
    }

    .case__item span {
        font-size: 22px
    }

    .case__item.white-text .case__description {
        padding: 28px;
        width: 100%
    }

    .factoids__text {
        font-size: 20px
    }

    .factoids__btn {
        gap: 38px;
        padding: 14px 30px;
        white-space: nowrap
    }

    .factoids-img {
        width: 220px
    }

    .factoids-img.img-2 {
        top: 0;
        right: -90px
    }

    .header-tags {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header-page .header-content {
        padding: 30px 37px
    }

    .footer-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 30px
    }

    .footer-logo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .footer-social {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer-top-link {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .footer-nav {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        gap: 55px;
        padding-left: 60px;
        padding-right: 60px
    }

    .scroll-content {
        padding-left: 30px;
        padding-right: 30px
    }

    .scroll-content .item {
        padding-bottom: 270px
    }

    .scroll-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .scroll__item:nth-child(2n) {
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%
    }

    .scroll__item:nth-child(3) {
        margin-left: 70px
    }

    .scroll__item:nth-child(2) {
        margin-bottom: 120px
    }

    .scroll-container,
    .scroll-section {
        height: auto
    }

    .scroll-container .item,
    .scroll-section .item {
        height: auto
    }

    body .exclusive-wrapper .title-h2 {
        padding: 44px 154px 30px 50px;
        max-width: 100%
    }

    .exclusive-content {
        border-top-right-radius: 0
    }

    .main-factoids .align-center {
        gap: 30px
    }

    .factoids__text {
        font-size: 16px;
        padding: 7px 2px
    }

    .factoids__item {
        padding: 17px
    }

    .factoids__description {
        font-size: 22px
    }

    .factoids__value {
        font-size: 107px
    }

    .header2 .header-nav li a:hover {
        border-bottom: none
    }

    .main-factoids .title-h2 {
        margin-bottom: 40px
    }

    .header2.header2-blog.dark .logo.desktop {
        display: none
    }

    .header2.header2-blog .breadcrumbs {
        padding-left: 0;
        padding-right: 0
    }

    .header2.header2-blog .header2-wrapper .header-text {
        margin-left: 15px;
        margin-right: 15px
    }

    .header-main-text .header-content-description {
        font-size: 30px;
        max-width: 620px
    }

    .scroll-content {
        width: 100%;
        border-top-left-radius: 30px;
        padding-top: 120px;
        max-width: 100vw;
        border-top-right-radius: 30px
    }

    .scroll-content .item {
        width: 100%;
        min-width: auto;
        padding-left: 10px;
        padding-right: 10px
    }

    .header2 {
        z-index: 80
    }

    .header2 .breadcrumbs {
        position: relative;
        top: auto;
        left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        padding: 20px 40px
    }

    .header2-short {
        min-height: auto
    }

    .header2-short .header2-wrapper {
        min-height: auto
    }

    .header2-short .header-text {
        top: auto;
        padding-top: 120px;
        gap: 40px;
        padding-bottom: 50px
    }

    .service__title {
        margin-bottom: 20px;
        padding-left: 35px;
        padding-right: 35px
    }

    .service-block {
        grid-template-columns: repeat(2, 1fr)
    }

    .service__item {
        min-height: auto
    }

    .service-case__item {
        height: 770px
    }

    .service-case-section .swiper {
        margin-right: -40px
    }

    .blog-grid .blog__item:nth-child(1) .blog__title {
        max-width: 20vw
    }

    .page-id-100 .service-block {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 18vw
    }

    .page-id-100 .service-block .service__item:nth-child(1) {
        grid-row: 1/4
    }

    .page-id-100 .service-block .service__item:nth-child(2) {
        grid-row: 1/3
    }

    .page-id-100 .service-block .service__item:nth-child(3) {
        grid-row: 4/6
    }

    .page-id-100 .service-block .service__item:nth-child(4) {
        grid-row: 3/6
    }

    .contact-form.bg-white,
    .contact-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page-template-contact-template .burger svg path {
        stroke: #fff
    }

    .page-template-contact-template .header-phone a,
    .page-template-contact-template .header-mail a {
        color: #001b93
    }

    .page-template-contact-template .header2-top-wrapper {
        -webkit-backdrop-filter: blur(60px);
        backdrop-filter: blur(60px);
        background: rgba(255, 255, 255, .1490196078)
    }

    .page-template-contact-template .header2-contact .header2-top-wrapper {
        position: fixed
    }
}

@media screen and (max-width: 768px) {
    html body {
        padding-top: 50px
    }

    .info_top ul li {
        width: auto
    }

    .header2 .header2-text .title-h1 {
        font-size: 28px;
        font-weight: 600;
        padding-top: 0
    }

    .header2 .header2-text .subtitle {
        font-size: 17px
    }

    .header2-text {
        padding-left: 20px;
        padding-right: 20px
    }

    .header2 .breadcrumbs {
        top: 0;
        right: auto;
        left: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 20px;
        padding-right: 20px
    }

    .main-factoids .title-h2 {
        margin-bottom: 30px
    }

    .scroll-content__item:nth-child(1):after {
        width: 127px;
        height: 73px;
        background-size: contain
    }

    .scroll-content__item:nth-child(2n) {
        margin-bottom: 130px
    }

    .scroll-content__item:nth-child(3) .scroll__subtitle {
        left: 50%;
        font-size: 35px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap
    }

    .scroll-content__item:nth-child(2n) {
        margin-top: 0
    }

    .scroll-content__item-block {
        max-width: calc(100vw - 30px)
    }

    .service_cards {
        grid-template-columns: 1fr
    }

    .footer-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer-wrapper h2 {
        width: auto
    }

    .footer-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        padding: 12px;
        border-radius: 20px
    }

    .frontpage .title-h1,
    .header-page .title-h1,
    .page-template-digital-template .title-h1 {
        font-size: 38px
    }

    .title-h2 {
        font-size: 30px
    }

    .direction-block {
        grid-template-columns: repeat(1, 1fr)
    }

    .direction__description {
        font-size: 12px
    }

    .main-partners .main-partners-block {
        padding: 30px 15px
    }

    footer .footer-logo img {
        max-width: 200px
    }

    body .goto_top {
        padding: 10px 16px
    }

    .main-blog-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 20px;
        overflow-x: scroll
    }

    .main-blog__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 94vw;
        flex: 0 0 94vw
    }

    .factoids__text {
        font-size: 11px;
        padding: 8px;
        margin-top: 70px
    }

    .factoids__value {
        font-size: 62px
    }

    .factoids-block {
        grid-template-columns: repeat(2, 1fr)
    }

    .factoids__item {
        height: auto
    }

    .factoids__item:nth-child(3) {
        grid-column: 1/3
    }

    .factoids__item .factoids-img {
        max-width: none
    }

    .factoids__item:nth-child(1) .factoids-img {
        width: 160px
    }

    .factoids__item:nth-child(2) .factoids-img {
        width: 190px;
        right: -64px;
        top: 0
    }

    .factoids__item:nth-child(3) .factoids-img {
        width: 350px
    }

    .main-blog__item {
        height: calc(100vw - 30px)
    }

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

    body .case-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px
    }

    .main-blog-block {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .footer-nav {
        gap: 15px;
        padding: 9px;
        border-radius: 5px
    }

    .footer-nav a {
        font-size: 12px
    }

    .footer-social {
        gap: 7px
    }

    .footer-social a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 26px
    }

    .footer-social img {
        max-width: 100%;
        height: auto
    }

    body .btn.factoids__btn {
        display: none;
        gap: 8px;
        padding: 14px 20px;
        white-space: nowrap;
        font-size: 16px
    }

    .case__item {
        min-height: 220px;
        border-radius: 15px
    }

    .main-blog__item {
        border-radius: 15px
    }

    section {
        padding-top: 50px
    }

    .direction__item {
        height: auto
    }

    .header-content-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    footer .footer-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px;
        padding: 12px 40px;
        background: rgba(234, 242, 255, .5490196078);
        border-radius: 30px;
        font-weight: 400;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer-top-link {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .header2-mainpage .container {
        margin-left: 10px;
        margin-right: 10px
    }

    .header2-main-text {
        position: relative;
        padding: 70px 20px 30px;
        max-height: none
    }

    .burger {
        width: 35px;
        height: 22px
    }

    .direction__title {
        font-size: 20px
    }

    .direction__item {
        padding: 30px 20px 30px 20px
    }

    .direction__tag {
        background: #fff;
        border-radius: 30px;
        padding: 4px 5px;
        font-size: 8px
    }

    .header-content-btn {
        font-size: 12px;
        padding: 10px;
        width: 100%;
        max-width: 600px
    }

    .scroll-serciton {
        padding-top: -60px
    }

    .scroll-content {
        padding-left: 10px;
        padding-right: 10px
    }

    .scroll__text {
        font-size: 12px
    }

    .scroll__subtitle {
        font-size: 20px
    }

    .scroll__item:last-child:before {
        width: 329px;
        height: 204px;
        top: -100px;
        left: 220px;
        z-index: 22;
        background-size: contain
    }

    .scroll__item:last-child .scroll__item-block {
        margin-right: 0
    }

    .scroll__item:nth-child(4):after {
        width: 144px;
        height: 160px;
        background-size: contain
    }

    .scroll__item:nth-child(2) .scroll__item-block .scroll__subtitle {
        bottom: 0
    }

    .scroll__item:nth-child(3) {
        margin-left: 0
    }

    .scroll__item:nth-child(3) .scroll__subtitle {
        font-size: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap
    }

    .scroll__item:nth-child(3):after {
        width: 199px;
        height: 80px;
        background-size: cover
    }

    .scroll__item:nth-child(1):after {
        width: 117px;
        height: 53px;
        right: -20px;
        background-size: contain
    }

    .header2-wrapper {
        min-height: 420px;
        padding-bottom: 0
    }

    .header2-wrapper.style_about {
        min-height: 600px
    }

    .header2-content-block {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .header2-main-text .title-h1 {
        font-size: 55px
    }

    .header2-content-description {
        font-size: 17px
    }

    .header2-logo_wrapper .white_bg img {
        max-width: 145px;
        min-width: auto
    }

    .header2-top-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 13px;
        padding-bottom: 13px
    }

    body .exclusive-wrapper .title-h2 {
        padding: 30px 10px;
        font-size: 30px
    }

    .exclusive-content {
        padding: 10px;
        gap: 10px
    }

    .exclusive__item:nth-child(6) {
        font-size: 17px
    }

    .exclusive__item {
        border-radius: 15px
    }

    .about-photo-block {
        gap: 10px
    }

    .about-photo__item {
        border-radius: 15px
    }

    .about-review-clients {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .about-review__item:nth-child(1),
    .about-review__item:nth-child(2) {
        grid-column: 1/3;
        height: 228px
    }

    .about-review__item:nth-child(4) {
        height: 420px;
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .about-review__item:nth-child(4) .about-review__content {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .about-review-clients__item {
        width: 64px;
        height: 64px
    }

    .mainpage2-icons .header-figure.f-1 {
        right: -110px;
        top: 44vw;
        width: 70vw
    }

    .mainpage2-icons .header-figure.f-2 {
        right: -110px;
        top: -14vw;
        width: 70vw
    }

    .mainpage2-icons .header-figure.f-3 {
        left: -110px;
        top: -14vw;
        width: 70vw
    }

    .mainpage2-icons .header-figure.f-4 {
        right: auto;
        top: 19vw;
        width: 85vw;
        left: -24vw
    }

    #success-modal .modal__container {
        padding: 80px 30px 0
    }

    #success-modal .modal__title {
        font-size: 25px;
        text-align: center;
        max-width: none;
        line-height: 120%
    }

    .applicant-photo-block {
        gap: 10px
    }

    .post-type-archive-case .header2-short .header-text,
    .post-type-archive-blog .header2-short .header-text {
        padding: 0 15px 35px 15px
    }

    .header-tags__item {
        font-size: 8px;
        padding: 7px 20px;
        min-width: auto
    }

    .blog-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blog-grid .blog__item {
        height: 100vw
    }

    .blog-grid .blog__item .blog__title,
    .blog-grid .blog__item:nth-child(1) .blog__title {
        max-width: 100%
    }

    .blog-grid .blog__item.light img {
        max-height: 70vw;
        top: auto;
        bottom: 0
    }

    .single-blog .dark .header2-wrapper .header-text .title-h1,
    .single-blog .header2-wrapper .header-text .title-h1 {
        font-size: 20px
    }

    .header-tags {
        gap: 5px
    }

    .header-nav {
        gap: 15px
    }

    .header-nav li a {
        font-size: 55px
    }

    .menu-item-has-children .submenu-wrapper {
        left: 0
    }

    .menu-item-has-children .submenu-wrapper .sub-menu {
        opacity: 1;
        padding: 30px 0;
        gap: 17px
    }

    .menu-item-has-children .submenu-wrapper li a {
        font-size: 20px
    }

    .close-menu {
        position: absolute;
        top: 0;
        right: 0
    }

    .mobile-menu {
        padding: 70px 20px
    }

    .mobile-menu .header-phone,
    .mobile-menu .mobile-menu .header-mail {
        font-size: 20px
    }

    .breadcrumbs {
        font-size: 12px
    }

    .page-template-service-template .header2-wrapper {
        min-height: 670px
    }

    .service-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .service-block img {
        display: none
    }

    .contact-form {
        padding: 35px 20px
    }

    .wpcf7-submit {
        padding: 14px;
        font-size: 12px
    }

    .contact-form.bg-white [type=text],
    .contact-form.bg-white [type=tel],
    .contact-form.bg-white [type=email] {
        padding: 10px 0 20px;
        font-size: 14px
    }

    .modal__container {
        padding: 20px
    }

    .modal__title {
        padding-top: 50px;
        font-size: 40px
    }

    .modal-description {
        font-size: 16px
    }

    .page-template-employer-template .header2-wrapper,
    .page-template-applicant-template .header2-wrapper {
        min-height: 670px
    }

    .info_top_title h2 {
        font-size: 30px
    }

    .info_top ul li {
        font-size: 14px
    }

    body .info_cards_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    body .info_top ul li {
        font-size: 14px
    }

    body .info_card {
        padding: 0 50px 0 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 12px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    body .info_card img {
        width: 70px
    }

    body .services>.container>p {
        font-size: 14px
    }

    body .services .topaz2 {
        right: -90px;
        top: 180px
    }

    body .services .topaz {
        width: 587px;
        right: -150px;
        top: 80vh
    }

    body .card-name {
        font-size: 20px
    }

    body .service_card p {
        font-size: 12px
    }

    body .service_card .tags div {
        font-size: 8px
    }

    body .service_card .tags div {
        font-size: 8px;
        padding: 2px 5px
    }

    body .service_card {
        min-height: auto
    }

    body h2 {
        font-size: 30px
    }

    .title-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0
    }

    body .stage {
        height: 215px;
        width: 100%;
        padding: 20px 15px
    }

    body .stage:nth-child(1),
    body .stage:nth-child(2),
    body .stage:nth-child(3),
    body .stage:nth-child(4),
    body .stage:nth-child(5),
    body .stage:nth-child(6),
    body .stage:nth-child(7) {
        left: 0
    }

    .skills__title {
        font-size: 20px
    }

    .skills__description {
        font-size: 12px
    }

    .workers-slide {
        height: 135vw
    }

    body .footer-figure {
        overflow: hidden;
        padding: 10px
    }

    body .footer-top-content p {
        font-size: 12px;
        padding-left: 80px
    }

    body .goto_bot {
        font-size: 12px;
        padding-left: 80px;
        font-weight: bold
    }

    body .footer-top {
        position: relative
    }

    body .footer-top img {
        max-width: 40px;
        top: 60px;
        position: absolute;
        left: 0
    }

    body .form-field p {
        font-size: 12px
    }

    body .footer-top {
        margin-bottom: 35px
    }

    body .checkbox_box {
        display: none
    }

    body .form-checkbox p {
        font-size: 9px;
        color: rgba(0, 27, 147, .5)
    }

    body .footer-form {
        gap: 20px
    }

    body .form-fields-wrapper {
        gap: 10px
    }

    body .form-field input {
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 12px;
        border: 0;
        border-radius: 50px;
        width: 100%
    }

    body .footer-wrapper h2 {
        max-width: 100%
    }

    body .advantages-block {
        grid-template-columns: 1fr
    }

    body .advantages__item-link {
        height: 100vw
    }

    body footer .footer-social {
        gap: 17px
    }

    body footer .footer-social img {
        border-radius: 7px;
        max-width: 32px
    }

    body .faq-title {
        font-size: 12px;
        padding: 20px 0;
        font-weight: bold
    }

    body .faq-title .faq_btn:after,
    body .faq-title .faq_btn:before {
        width: 100%;
        height: 2px
    }

    body .faq-answer {
        -webkit-transition: .7s;
        transition: .7s
    }

    body .faq-quest.open .faq-answer {
        padding-top: 15px;
        font-size: 14px;
        padding-bottom: 10px
    }

    body .faq-title .faq_btn {
        width: 10px;
        height: 10px
    }

    body .faq .faq-quest {
        padding: 0 20px
    }

    body .faq .faq-quest:after {
        display: none
    }

    .skills-content {
        gap: 10px;
        padding: 12px 20px 12px;
        height: auto
    }

    .review__name {
        font-size: 20px
    }

    .review__company {
        font-size: 14px
    }

    .review__ball {
        top: 0
    }

    .partner__description {
        font-size: 14px
    }

    .review-text {
        padding: 20px 32px;
        font-size: 14px
    }

    .stage__title {
        font-size: 20px
    }

    .stage__description {
        font-size: 12px
    }

    .buttons_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .buttons_wrapper .btn {
        width: 100%;
        font-size: 12px;
        padding: 12px
    }

    .page-template-hr-template .hr-buttons {
        gap: 10px;
        bottom: auto;
        max-width: 100%;
        left: 0;
        padding: 0 40px;
        top: 40px
    }

    .hr-buttons__item {
        border-radius: 20px;
        padding: 18px 20px
    }

    .hr-buttons__item svg {
        max-width: 20px;
        margin-top: -5px
    }

    .header2 .header2-wrapper.hr {
        height: calc(100vh - 80px)
    }

    .page-template-hr-template .template__applicant-img,
    .page-template-hr-template .template__employer-img {
        max-width: 100vw;
        left: 50%
    }

    .hr-buttons-wrapper {
        margin-bottom: 10px
    }

    .hr-buttons__description {
        font-size: 12px
    }

    .hr-buttons__title {
        font-size: 20px
    }

    .modal .form-agree__text {
        font-size: 12px
    }

    .service__title {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px
    }

    .service__description {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 12px
    }

    .header2-contact {
        min-height: 30px
    }

    .page-template-contact-template .address-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    .page-template-contact-template .address-block .address-block__item {
        border-left: none;
        border-right: none;
        padding-bottom: 30px
    }

    .page-template-contact-template .address-block .address-block__item:nth-child(1),
    .page-template-contact-template .address-block .address-block__item:nth-child(2) {
        padding-left: 10px;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #fff
    }

    .page-template-contact-template .address-block .address__value.phone {
        padding-bottom: 20px
    }

    .page-template-contact-template .address-block .address__value.phone:before {
        top: 2px
    }

    .page-template-contact-template .address-block .address__value.email:before {
        top: 2px
    }

    .contact-form .title-h2 {
        font-size: 30px
    }

    .contact-form [type=text],
    .contact-form [type=tel],
    .contact-form [type=email] {
        padding: 5px 0 20px;
        font-size: 14px
    }

    .single-blog .header-blog__img {
        bottom: -40px;
        max-width: 80%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .single-blog .header2 {
        min-height: auto
    }

    .single-blog .container-content p {
        font-size: 12px;
        line-height: 1.6
    }

    .single-blog .container-content h2 {
        font-size: 20px
    }

    .single-blog .container-content h3 {
        font-size: 18px
    }

    .single-blog .container-content h4 {
        font-size: 16px
    }

    .single-blog .table-of-contents h2 {
        font-size: 20px
    }

    .single-blog .table-of-contents .toc-list {
        padding-right: 0
    }

    .single-blog .table-of-contents .toc-list li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 5px
    }

    .single-blog .table-of-contents .toc-list li:before {
        position: relative;
        top: 6px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 7px;
        flex: 0 0 7px
    }

    .single-blog .table-of-contents .toc-list li a {
        font-size: 12px;
        line-height: 1.4;
        color: rgba(0, 27, 147, .8)
    }
}

@media screen and (max-width: 380px) {
    footer .goto_top {
        padding: 4px 8px
    }

    footer .goto_top svg {
        width: 20px
    }
}