/*!
Theme Name: AYA
Description: AYA WP Theme
Version: 1.0
Text Domain: aya
*/

@font-face {
    font-family: Pragmatica;
    src: url('fonts/pragmatica_book.woff2') format('woff2');
    font-display: swap;
    font-weight: 300;
}
@font-face {
    font-family: Pragmatica;
    src: url('fonts/pragmatica_medium.woff2') format('woff2');
    font-display: swap;
    font-weight: 500;
}
/* @font-face {
    font-family: Pragmatica;
    src: url('fonts/Tartuffo-RegularItalic.otf') format('woff2');
    font-display: swap;
    font-weight: 500;
} */

html,
body {
    font-family: Pragmatica, sans-serif, Arial;
    font-weight: 300;
    margin: 0;
    padding: 0;
    /* overflow-x: hidden; */
    /* background-image: url(images/pageBack.png); */
    background-color: #fff;
    /* background-size: auto;
    background-repeat: repeat; */
    color: #1F1F23;
    margin: 0 auto;
    position: relative;
}

body {
    /* max-width: 1440px;
    margin: 0 auto; */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 0;
    height: 0;
}

::-webkit-scrollbar-track {
	background-color: #E6E6EF;
    border-radius: 5px;
}

::-webkit-scrollbar {
	width: 5px;
    height: 5px;
	background-color: #E6E6EF;
    pointer-events: none;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: #1469D2;
    border-radius: 5px;
}

* {
    outline: none;
    box-shadow: none;
    font-family: Pragmatica, sans-serif, Arial;
    font-weight: 300;
}

img {
    max-width: 100%;
    max-height: 100%;
}

a {
    color: #1469D2;
    text-decoration: none;
    transition: .3s all;
}

a:hover {
    color: #4387DB;
}

strong {
    font-weight: 500;
}

.hidden {
    display: none!important;
}

.button {
    width: fit-content;
    background: #1469D2;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    padding: 15px 55px 14px;
    border-radius: 20px;
    cursor: pointer;
    transition: .3s all;
    border: 0;
}

.button:after {
    content: '';
    width: 20px;
    height: 20px;
    margin-left: 15px;
    background: url(images/arrow.svg);
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0;
}

.button:hover {
    background: #4387DB;
    color: #fff;
}

.buttonBlack {
    background: #1F1F23;
}

.buttonBlack:hover {
    background: #393A39;
    color: #fff;
}

.buttonType {
    padding: 10px 25px 10px;
}

.buttonType:hover {
    color: #fff;
}

.buttonType:after {
    background: url(images/arrowType.svg);
    width: 32px;
    height: 32px;
}

.buttonWhite {
    background: #fff!important;
    color: #1F1F23!important;
    opacity: 1;
}

.buttonWhite:hover {
    opacity: .8;
}

.buttonWhite:after {
    filter: brightness(0.15);
}

.buttonDownload:after {
    background: url(images/download.svg);
    width: 28px;
    height: 28px;
}

.blockTitleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blockTitleWrap .buttonType {
    margin-top: -20px;
}

.blockDesc {
    margin: 0 110px 0 40px;
    max-width: 905px;
    font-size: 24px;
}

.blockTitle {
    margin: 0 0 20px;
    font-size: 72px;
    font-weight: 500;
    line-height: 100%;
}

.blockTitle span {
    color: #1469D2;
    font-weight: 500;
}

.container {
    width: calc(100% - 80px);
    max-width: 1840px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

header {
    position: fixed;
    z-index: 15;
    background: #fff;
    border-bottom: 1px solid #E6E6EF;
    top: 0;
    left: 0;
    width: 100%;
}

.header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

.header > ul {
    margin: 0 0 0 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 55px;
}

.header > ul > li {
    display: flex;
    font-size: 24px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.header > ul li a {
    color: #1F1F23;
    font-weight: 500;
    transition: .3s all;
}

.header > ul li:hover > a {
    color: #1469D2;
}

.header > ul > li.hasChild a,
.header > ul > li.menu-item-has-children a {
    display: flex;
    align-items: center;
}

.header > ul > li.hasChild > a:after,
.header > ul > li.menu-item-has-children > a:after {
    content: '•';
    font-size: 26px;
    margin-left: 2px;
}

.header ul ul {
    position: absolute;
    width: 200px;
    background: #fff;
    margin: 55px 0 0;
    padding: 10px 15px 10px;
    pointer-events: none;
    opacity: 0;
    transition: .3s all;
    padding: 15px;
    gap: 12px;
    width: 290px;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.header ul li:hover ul {
    opacity: 1;
    pointer-events: auto;
}

.header ul ul li {
    display: block;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    opacity: .65;
    transition: .3s all;
}

.header ul ul li:last-child {
    margin: 0;
}

.header ul ul li:hover {
    opacity: 1;
}

.logo {
    width: 140px;
}

.logo img {
    width: 140px;
    max-width: 100%;
}

.bannerMain {
    margin-top: 95px;
    background: var(--desktop);
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    padding: 275px 0 95px;
}

.bannerMain h1 {
    font-size: 112px;
    font-weight: 500;
    max-width: 1100px;
    line-height: 96px;
    margin: 0 0 47px;
}

.bannerMain h1 span {
    color: #1469D2;
    font-weight: 500;
}

.bannerMain p {
    font-size: 32px;
    max-width: 670px;
    line-height: 40px;
    margin: 0 0 80px;
}

.solutionsWrap {
    margin-top: 125px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.solutionsText {
    width: 50%;
    margin-right: 5%;
}

.solutionsBack {
    height: 730px;
    width: 100%;
    background: url(images/advItemBackWS.png);
    background-position: center 5px !important;
    background-size: 820px !important;
    background-repeat: no-repeat !important;
    position: relative;
}

.solImg {
    width: 390px;
    height: 390px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    transform: scale(1.1) translateX(-50%);
    transition: .3s all;
    position: absolute;
    top: 0;
    left: 50%;
}

.solImg.si1 {
    width: 440px;
    height: 440px;
}

.solImg.active {
    transform: scale(1) translateX(-50%);
    opacity: 1;
}

.solutionsList {
    width: calc(45% - 25px);
    position: relative;
    padding-left: 25px;
    max-height: 825px;
    overflow-y: auto;
}

.solutionsList::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.solutionItem {
    position: relative;
    padding: 20px 0 20px 65px;
    height: 235px;
}

.solutionItem h3 {
    font-size: 32px;
    line-height: 40px;
    display: flex;
    align-items: center;
    font-weight: 500;
    margin: 0 0 15px;
}

.solutionItem h3 a {
    font-weight: 500;
    color: #1F1F23;
}

.solutionItem h3 a:hover {
    color: #0F5FC2;
}

.solutionItem h3:after {
    content: '';
    width: 12px;
    height: 17px;
    background: url(images/chevron.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 10px;
    flex-shrink: 0;
}

.solutionItem p {
    margin: 0;
    opacity: .65;
    padding-right: 115px;
}

.solutionItem > span {
    position: absolute;
    left: -2px;
    top: 15px;
    color: #1469D2;
    font-size: 18px;
}

.solutionHover {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #E6E6EF;
}

.solutionsWrap[data-count="5"] .solutionHover {
    height: calc(275px * 5);
}

.solutionHover:before {
    content: '';
    width: 100%;
    height: 20%;
    background: #1469D2;
    top: 0;
    left: 0;
    transform: translateY(0%);
    position: absolute;
    transition: .3s all;
}

.solutionHover.item2:before {
    top: 25%;
    transform: translateY(-25%);
}

.solutionHover.item3:before {
    top: 50%;
    transform: translateY(-50%);
}

.solutionHover.item4:before {
    top: 75%;
    transform: translateY(-75%);
}

.solutionHover.item5:before {
    top: 100%;
    transform: translateY(-100%);
}

.solutionsWrap[data-count="3"] .solutionHover:before {
    height: 33.333%;
    transform: translateY(0%);
}

.solutionsWrap[data-count="3"] .solutionHover.item2:before {
    top: 50%;
    transform: translateY(-50%);
}

.solutionsWrap[data-count="3"] .solutionHover.item3:before {
    top: 100%;
    transform: translateY(-100%);
}

.contentWrap {
    padding-top: 80px;
    border-radius: 60px 60px 0 0;
}

.stackWrap {
    background: #EFF3F8;
    padding-bottom: 220px;
    margin: 80px 0 0;
}

.stackList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 60px;
    gap: 25px 25px;
}

.stackItem {
    background: #fff;
    border-radius: 40px;
    padding: 40px;
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    min-height: 248px;
}

.stack0{grid-area:1/1/3/2}
.stack1{grid-area:1/2/2/3}
.stack2{grid-area:2/2/3/3}
.stack3{grid-area:3/1/4/2}
.stack4{grid-area:3/2/4/3}
.stack5{grid-area:4/1/5/2}
.stack6{grid-area:4/2/5/3}

.stackListMin {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.stackListMin .stack0{grid-area:1/1/2/2}
.stackListMin .stack1{grid-area:1/2/2/3}
.stackListMin .stack2{grid-area:2/1/3/2}
.stackListMin .stack3{grid-area:2/2/3/3}

.stackAbout {
    max-width: calc(100% - 260px);
    margin-bottom: 25px;
}

.stackSlider .stackItem .stackAbout {
    width: 100%;
    max-width: 100%;
}

.stackAbout h3 {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    line-height: 110%;
}

.stackAbout p {
    font-size: 20px;
    opacity: .65;
    margin: 18px 0 0;
    line-height: 120%;
}

.stackImage {
    position: absolute;
    width: 260px;
    height: 260px;
    right: 40px;
    bottom: 40px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.tagsList {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tagsList span,
.tagsList a {
    font-size: 18px;
    opacity: .72;
    transition: .3s all;
    padding: 8px 20px;
    border: 1px solid #A4ADB8;
    border-radius: 50px;
    font-weight: 500;
    color: rgba(31, 31, 35, 0.7);
}

.aboutWrap {
    background: #fff;
    margin: -60px 0 0;
}

.tabsWrap {
    display: flex;
    justify-content: center;
    gap: 0 12px;
    margin: 45px 0 30px;
}

.tabsWrap span,
.tabsWrap a {
    padding: 15px 32px 15px;
    border: 1px solid #A4ADB8;
    transition: .3s all;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 500;
    color: hsl(240deg 6.06% 12.94% / 72%);
    cursor: pointer;
}

.tabsWrap span:hover,
.tabsWrap span.active,
.tabsWrap a:hover,
.tabsWrap a.active {
    border: 1px solid #1469D2;
}

.tabBlock {
    display: none;
    flex-wrap: wrap;
    align-items: center;
}

.tabBlock.active {
    display: flex;
}

.faqList {
    width: 49%;
    margin-right: 2%;
    margin-top: 40px;
}

.atImage {
    width: 49%;
    position: relative;
}

.atImage img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 40px;
}

.faqItem {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #E6E6EF;
    padding-bottom: 20px;
    margin-bottom: 25px;
    transition: .3s all;
    cursor: pointer;
}

.faqItem.open {
    padding-bottom: 35px;
}

.faqItem > span {
    font-size: 32px;
    width: 40px;
    margin-right: 40px;
    flex-shrink: 0;
    transition: .3s all;
    color: #1F1F23;
}

.faqItem.open > span {
    color: #1469D2;
}

.faqText {
    width: calc(100% - 80px);
}

.faqText h3 {
    display: flex;
    align-items: flex-start;
    font-size: 32px;
    font-weight: 500;
    margin: 0 0 15px;
    justify-content: space-between;
}

.faqText h3 span {
    width: 30px;
    height: 30px;
    border: 1px solid #A4ADB8;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    margin-left: 40px;
    margin-top: 5px;
}

.faqText h3 span:before,
.faqText h3 span:after {
    content: '';
    width: 10px;
    height: 1px;
    background: #1469D2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.faqText h3 span:after {
    width: 1px;
    height: 10px;
}

.faqItem.open .faqText h3 span:after {
    opacity: 0;
}

.faqText p {
    font-size: 18px;
    margin: 0;
    opacity: .65;
    margin-right: 75px;
}

.projectsWrap {
    background: #EFF3F8;
    margin-top: 150px;
    padding-bottom: 200px;
}

.projectsList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 55px 25px;
    margin: 60px 0 0;
}

.pr0{grid-area:1/1/2/3}
.pr1{grid-area:1/3/2/4}
.pr2{grid-area:2/1/3/2}
.pr3{grid-area:2/2/3/3}
.pr4{grid-area:2/3/3/4}
/* .pr5{grid-area:3/1/4/2}
.pr6{grid-area:3/2/4/3}
.pr7{grid-area:3/3/4/4} */

.projectMedia {
    height: 480px;
    background: -moz-linear-gradient(180deg, #FFFFFF 26.25%, rgba(194, 215, 240, 0.12) 95%);
    background: -webkit-linear-gradient(180deg, #FFFFFF 26.25%, rgba(194, 215, 240, 0.12) 95%);
    background: linear-gradient(180deg, #FFFFFF 26.25%, rgba(194, 215, 240, 0.12) 95%);
    border: 1px solid #E6E6EF;
    border-radius: 40px;
    position: relative;
}

.prBack {
    width: 100%;
    /* max-width: 90%; */
    height: 100%;
    /* max-height: 90%; */
    position: absolute;
    left: 50%;
    bottom: 0;
    background-position: bottom center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transform: translateX(-50%);
}

.projectItem .tagsList {
    position: absolute;
    top: 23px;
    left: 23px;
    z-index: 3;
}

.projectTextWrap {
    display: flex;
    align-items: flex-start;
    margin: 30px 0 0;
}

.projectTextWrap > span,
.jobTitle > span,
.aboutItem > span,
.cardType .cardContent > span,
.aboutDirText > span,
.cwContent > div > span,
.radarContent > span,
.whyItem > span,
.spComment > span,
.pwItem > div > span,
.atImage > span {
    width: 64px;
    height: 64px;
    background-color: #fff!important;
    -moz-box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    -webkit-box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    border-radius: 12px;
    flex-shrink: 0;
    margin-right: 26px;
    background-size: 40px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.projectText {
    width: calc(100% - 90px);
}

.projectText h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 15px;
}

.projectText p {
    font-size: 20px;
    opacity: .65;
    margin: 0;
    line-height: 120%;
    max-width: 820px;
}

.actionWrap {
    background: -moz-linear-gradient(213.18deg, #1469D2 49.24%, #9BC4F6 198.52%);
    background: -webkit-linear-gradient(213.18deg, #1469D2 49.24%, #9BC4F6 198.52%);
    background: linear-gradient(213.18deg, #1469D2 49.24%, #9BC4F6 198.52%);
    margin: -60px 0px;
    color: #fff;
    padding-left: 25px;
    padding-top: 65px;
    padding-bottom: 210px;
    position: relative;
}

.actionWrap:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 57%;
    height: 99%;
    background: url(images/action.png);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.actionWrap .container {
    z-index: 3;
}

.actionWrap .container > .button {
    margin-top: 45px;
}

.actionLinks {
    margin: 125px 0 0;
    display: flex;
    gap: 15px;
}

.actionLinks a {
    width: 125px;
    height: 125px;
    background: hsl(0deg 0% 100% / 15%);
    border-radius: 25px;
    position: relative;
    transition: .3s all;
}

.actionLinks a:hover {
    background: hsl(0deg 0% 100% / 25%);
}

.actionLinks a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.actionLinks .linkTG:before {
    background: url(images/tg.svg);
}
.actionLinks .linkHH:before {
    background: url(images/hh.svg);
}
.actionLinks .linkGH:before {
    background: url(images/gh.svg);
}
.actionLinks .linkGHC:before {
    background: url(images/ghc.svg);
}
.actionLinks .linkTGX:before {
    background: url(images/tgx.svg);
}

.sliderWrap {
    background: #fff;
    position: relative;
    z-index: 4;
    margin-top: 5px;
}

.sliderWrap .blockTitleWrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sliderWrap .blockTitleWrap .button {
    margin: 20px 0 0;
}

.sliderWrap .container > img {
    display: block;
    margin: 65px auto 0;
}

.jobsWrap {
    padding: 165px 0 0;
}

.jobsWrap .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.jobsText {
    max-width: 540px;
}

.jobsText p {
    font-size: 24px;
    margin: 30px 0 50px;
}

.jobsList {
    max-width: 910px;
    width: 100%;
}

.jobItem {
    padding: 40px;
    gap: 10px;
    position: relative;
    background: #fff;
    border: 1px solid #E6E6EF;
    border-radius: 40px;
    width: calc(100% - 82px);
    display: block;
    margin-bottom: 25px;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    transition: .3s all;
}

.jobItem:before {
    content: '';
    position: absolute;
    top: 40px;
    right: 40px;
    background: url(images/arrow.svg);
    background-color: #1469D2;
    width: 55px;
    height: 55px;
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    border-radius: 50%;
    opacity: 0;
    transition: .3s all;
}

.jobItem:hover {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}

.jobItem:hover:before {
    opacity: 1;
}

.jobData {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 22px;
    padding: 0;
    color: #1F1F23;
    opacity: .7;
    max-width: calc(100% - 170px);
}

.jobData li {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.jobData li:after {
    content: '';
    background: #1F1F23;
    opacity: .7;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin: 0 8px;
}

.jobData li:last-child:after {
    display: none;
}

.jobPreview {
    max-width: calc(100% - 170px);
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.jobTitle {
    display: flex;
    align-items: flex-start;
}

.jobTitle h3 {
    width: calc(100% - 90px);
    color: #1F1F23;
    margin: 0;
    font-size: 40px;
    line-height: 120%;
    font-weight: 500;
}

.blogWrap {
    padding: 120px 0 0;
}

.blogList {
    display: flex;
    /* justify-content: space-between; */
    margin: 40px 0 0;
}

.postItem {
    background: #fff;
    border: 1px solid #E6E6EF;
    border-radius: 40px;
    width: calc(32.5% - 2px);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    transition: .3s all;
}

.postItem:hover {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}

.postItem img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center;
    border-radius: 40px;
}

.postTextWrap {
    margin: 25px 0 0;
    padding: 0 30px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 440px);
}

.postData {
    display: block;
    font-size: 18px;
}

.postTextWrap h3 {
    color: #1F1F23;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 15px 0 0;
    transition: .3s all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}

.postTextWrap h3:hover {
    color: #1469D2;
}

.postTextWrap p {
    font-size: 20px;
    opacity: .65;
    margin: 15px 0 30px;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}

.bottomFormWrap {
    background: -moz-linear-gradient(196.87deg, #1469D2 47.31%, #9BC4F6 196.3%);
    background: -webkit-linear-gradient(196.87deg, #1469D2 47.31%, #9BC4F6 196.3%);
    background: linear-gradient(196.87deg, #1469D2 47.31%, #9BC4F6 196.3%);
    color: #fff;
    margin: 160px 0;
    padding: 65px 25px 120px;
    position: relative;
}

.bottomFormWrap .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bfText {
    max-width: 740px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bfText p {
    font-size: 24px;
    margin: 32px 0 24px;
    line-height: 32px;
}

.bottomFormWrap .actionLinks {
    margin-top: 0;
}

.bottomFormWrap .actionLinks a {
    width: 84px;
    height: 84px;
    border-radius: 16px;
}

.bottomFormWrap .actionLinks a:before {
    width: 44px;
    height: 44px;
}

.bottomForm {
    width: 49.5%;
}

form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

form .button {
    margin-top: 2px;
}

.bfInput {
    width: 49%;
    margin-bottom: 32px;
    position: relative;
}

.bfInput.full {
    width: 100%;
}

.bfInput label {
    display: block;
    font-size: 24px;
}

.bfInput input,
.bfInput textarea {
    border: none;
    background: hsl(0deg 0% 100% / 15%);
    color: #fff;
    padding: 20px 20px 18px;
    width: calc(100% - 44px);
    font-size: 20px;
    border-radius: 25px;
    border: 2px solid hsl(0deg 0% 100% / 0%);
    transition: .3s all;
}

.bfInput input.wpcf7-not-valid,
.bfInput textarea.wpcf7-not-valid {
    border: 2px solid #c31368;
}

.bfInput input::placeholder,
.bfInput textarea::placeholder {
    color: rgb(255, 255, 255, 70%);
}

.bfInput textarea {
    min-height: 65px;
    resize: none;
    height: 88px;
}

footer {
    background: #1F1F23;
    margin: -215px 0 0;
    position: relative;
}

footer .container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

footer .logo {
    width: 21%;
}

.footerAddress {
    width: 28%;
    margin-right: 5.5%;
}

.faItem {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.faItem > span {
    background-color: hsl(0deg 0% 100% / 15%) !important;
    width: 64px;
    height: 64px;
    margin-right: 24px;
    flex-shrink: 0;
    background-position: center !important;
    background-size: 30px !important;
    background-repeat: no-repeat !important;
    border-radius: 12px;
}

.faData text {
    margin: 0 0 12px;
    display: block;
    color: #fff;
    font-size: 18px;
    opacity: .7;
}

.faData p {
    margin: 0;
    font-size: 24px;
    line-height: 125%;
    color: #fff;
    font-weight: 500;
}

.faData a {
    color: #fff;
}

.footerMenu {
    width: 22.5%;
    margin-right: 8.5%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footerMenu ul {
    padding: 0;
    margin: 0;
    max-width: 60%;
}

.footerMenu li {
    display: block;
    margin-bottom: 23px;
}

.footerMenu a {
    color: #fff;
    opacity: 1;
    transition: .3s all;
    font-size: 24px;
}

.footerMenu ul ul {
    max-width: 100%;
}

.footerMenu ul ul li {
    margin-bottom: 0;
    margin-top: 7px;
}

.footerMenu ul ul a {
    font-size: 18px;
    opacity: .7;
}

footer .container > .button {
    width: calc(14.5% - 110px);
}

footer .actionLinks {
    width: 100%;
    margin-top: 140px;
    justify-content: space-between;
    justify-content: flex-end;
}

footer .actionLinks a {
    /* width: 49.3%; */
}

footer > p {
    color: hsl(0deg 0% 100% / 70%);
    text-align: center;
    margin: 50px 0 0;
    padding: 23px 20px;
    border-top: 1px solid hsl(0deg 0% 100% / 15%);
}

.cardStack {
    width: 100%;
    /* height: 1080px; */
    position: relative;
    margin: 75px auto 0;
}

.cardStack .buttons {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.46);
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    left: 0;
    top: 55%;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 22px;
    z-index: 100;
    outline: none;
    transition: all 0.2s ease;
}

.cardStack .buttons:hover {
    transform: scale(1.3, 1.3);
}

.cardStack .prev {
    left: 15px;
    right: auto;
}

.cardStack .next {
    left: auto;
    right: 15px;
}

.cardStack .carousel .buttons:hover {
    color: #C01313;
    background: #fff;
}

.cardStack .cardList {
    width: 100%;
}

.cardStack .cardListImage {
    height: 200px;
}

.cardStack .cardListText {
    color: #fff;
    font-weight: 300;
}

/* .cardStack .cardList .card {
    transition: all 100ms ease-in-out;
    position: absolute;
    list-style: none;
    height: 960px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 55px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
} */

.card img {
    display: none;
    object-fit: cover;
    object-position: center;
}

/* .cardStack .cardList .card:nth-child(1) {
    top: 0px;
    filter: blur(1px);
    opacity: .15;
}

.cardStack .cardList .card:nth-child(2) {
    top: 40px;
    filter: blur(1px);
    opacity: .15;
}

.cardStack .cardList .card:nth-child(3) {
    top: 80px;
    filter: blur(1px);
    opacity: .15;
}

.cardStack .cardList .card:nth-child(4) {
    top: 120px;
    width: 100%;
}

.cardStack .cardList .card:nth-child(5) {
    top: 72px;
    width: 100%;
} */

.cardStack:hover > .buttons.prev {
    display: block;
    animation: bounceInLeft 200ms;
    display: none;
}

.cardStack:hover > .buttons.next {
    display: block;
    animation: bounceInRight 200ms;
    display: none;
}

.cardContent {
    padding: 0px;
    position: absolute;
    width: 770px;
    left: 55px;
    top: 50%;
    transform: translateY(-50%);
    background: -moz-linear-gradient(166.68deg, rgba(20, 105, 210, 0.92) -29.76%, rgba(15, 81, 163, 0.92) 98.67%);
    background: -webkit-linear-gradient(166.68deg, rgba(20, 105, 210, 0.92) -29.76%, rgba(15, 81, 163, 0.92) 98.67%);
    background: linear-gradient(166.68deg, rgba(20, 105, 210, 0.92) -29.76%, rgba(15, 81, 163, 0.92) 98.67%);
    border-radius: 30px;
    color: #fff;
}

.cardContent .tagsList {
    padding: 40px 40px 17px;
    border-bottom: 1px solid hsl(0deg 0% 100% / 15%);
}

.cardContent .tagsList span {
    border: none;
    background: hsl(0deg 0% 100% / 15%);
    color: #fff;
    opacity: 1;
    font-weight: 300;
}

.cardText {
    padding: 35px 40px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 335px;
}

.cardText h4 {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 48px;
    line-height: 48px;
    font-weight: 500;
}

.cardText h4 span {
    width: 64px;
    height: 64px;
    margin-right: 24px;
    background: #fff;
    border-radius: 50%;
    color: #1469D2;
    font-size: 40px;
    text-align: center;
    line-height: 67px;
    font-weight: 500;
    flex-shrink: 0;
}

.cardText p {
    margin: 40px 0 0;
    font-size: 24px;
    line-height: 32px;
}

.cardList {
  width: 100%;
  margin: auto;
  margin-bottom: 100px;
}

.card {
    color: white;
    height: 960px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 55px;
    position: relative;
    transition: .6s all;
    opacity: 1;
    filter: blur(0px);
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.card.inactive {
    filter: blur(5px);
    opacity: .15;
}
.card:not(:last-child) {
    margin-bottom: 50px;
}
.card:first-child {
    position: sticky;
    top: 120px;
}
.card:nth-child(2) {
    position: sticky;
    top: 160px;
}
.card:nth-child(3) {
    position: sticky;
    top: 200px;
}
.card:nth-child(4) {
    position: sticky;
    top: 240px;
}
.card:nth-child(5) {
    position: sticky;
    top: 280px;
}
.card:nth-child(6) {
    position: sticky;
    top: 320px;
}
.card:nth-child(7) {
    position: sticky;
    top: 360px;
}
.card:nth-child(8) {
    position: sticky;
    top: 400px;
}
.card:last-child {
    opacity: 1!important;
    filter: blur(0px)!important;
}

.transformThis {
    animation: scaleDown 500ms;
}
.transformPrev {
    animation: scaleUp 100ms;
    display: none;
}

@keyframes scaleUp {
    0% {
        transform: scale(1.2) translateY(50px);
        opacity: 0;
    }
    20% {
        transform: scale(1.15) translateY(40px);
        opacity: 0.1;
    }
    40% {
        transform: scale(1.1) translateY(30px);
        opacity: 0.2;
    }
    60% {
        transform: scale(1.05) translateY(20px);
        opacity: 0.4;
    }
    80% {
        transform: scale(1.01) translateY(10px);
        opacity: 0.8;
    }
    100% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
    20% {
        transform: scale(1.01) translateY(20px);
        opacity: 0.8;
    }
    40% {
        transform: scale(1.05) translateY(40px);
        opacity: 0.4;
    }
    60% {
        transform: scale(1.1) translateY(60px);
        opacity: 0.2;
    }
    80% {
        transform: scale(1.15) translateY(80px);
        opacity: 0.1;
    }
    100% {
        transform: scale(1.2) translateY(100px);
        opacity: 0;
    }
}

@keyframes scaleCard {
    0% {
        top: 5px;
    }
    100% {
        top: 24px;
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(40px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-40px);
    }
    100% {
        transform: translateX(0);
    }
}

.slick-arrow {
    position: absolute;
    top: 50%;
    left: -25px;
    width: 55px;
    height: 55px;
    background: #1469D2;
    border: none;
    padding: 0;
    font-size: 0;
    border-radius: 50%;
    z-index: 3;
    cursor: pointer;
    transform: translateY(-50%);
    transition: .3s all;
    margin-top: -10px;
}

.slick-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(images/chevron.svg);
    filter: brightness(20);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 17px;
}

.slick-prev:before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.slick-arrow:hover {
    background: #4387DB;
}

.slick-next {
    left: auto;
    right: -25px;
}

.blogSlider .postItem {
    margin: 0 12px;
}

.blogSlider .slick-list {
    padding-bottom: 10px;
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 24px);
}

.pageHeader {
    margin-top: 135px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 55px;
    padding: 55px;
    height: 730px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 80px;
    position: relative;
}

.breadCrumbs {
    display: flex;
    align-items: center;
    background: #fff;
    width: fit-content;
    margin: 0;
    padding: 12px 24px;
    border-radius: 15px;
}

.breadCrumbs li {
    display: flex;
    align-items: center;
}

.breadCrumbs li:after {
    content: '';
    width: 8px;
    height: 11px;
    background: url(images/chevron.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0);
    opacity: .7;
    margin: 0 15px;
}

.breadCrumbs li:first-child a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(images/home.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.breadCrumbs li:last-child:after {
    display: none;
}

.breadCrumbs li span,
.breadCrumbs li:nth-child(n+2) a {
    padding: 3px 12px;
    background: #E6E6EF;
    border-radius: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #1F1F23;
    line-clamp: 1;
    box-orient: vertical;
}

.phContent {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    color: #fff;
}

.phText {
    width: 63%;
}

.phText h1 {
    font-size: 96px;
    line-height: 100%;
    margin: 0;
    font-weight: 500;
}

.phText p {
    max-width: 675px;
    font-size: 32px;
    margin: 40px 0 0;
    line-height: 40px;
}

.phSliderWrap {
    position: relative;
    padding: 30px;
    background: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 30px;
    width: calc(26% - 60px);
}

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

.phItem span {
    display: block;
    font-size: 72px;
    font-weight: 500;
    line-height: 100%;
}

.phItem text {
    display: block;
    font-size: 24px;
    line-height: 32px;
    margin: 15px 0 0;
    max-width: 270px;
}

.phSlider .slick-dots {
    padding: 0;
    margin: 0 0 35px;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
}

.phSlider .slick-dots li {
    display: block;
    font-size: 0;
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
}

.phSlider .slick-dots button {
    width: 100%;
    height: 2px;
    background: #A4ADB8;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    transition: .3s all;
}

.phSlider .slick-dots .slick-active button,
.phSlider .slick-dots li:hover button {
    background: #fff;
}

.phSliderCount {
    position: absolute;
    top: 65px;
    right: 35px;
    font-size: 24px;
}

.phSlider .slick-arrow {
    transform: none;
    right: 4px;
    bottom: 3px;
    top: auto;
    left: auto;
    width: 30px!important;
    height: 30px!important;
    border: 1px solid #A4ADB8;
    background: hsl(213deg 12.35% 68.24% / 0%);
}

.phSlider .slick-arrow:hover {
    background: hsl(213deg 12.35% 68.24% / 100%);
}

.phSlider .slick-arrow:before {
    width: 10px;
    height: 15px;
}

.phSlider .slick-prev {
    right: 40px;
}

.aboutWrapSecond {
    background: -moz-linear-gradient(180deg, #EFF3F8 17.1%, #FFFFFF 168.92%);
    background: -webkit-linear-gradient(180deg, #EFF3F8 17.1%, #FFFFFF 168.92%);
    background: linear-gradient(180deg, #EFF3F8 17.1%, #FFFFFF 168.92%);
    margin-bottom: -80px;
}

.blockTitleWrapSecond {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.subTitle {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 30px;
}

.blockTitleWrapSecond .blockDesc {
    margin: 20px 0 0;
    max-width: 880px;
}

.aboutList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 45px 0 40px;
    padding: 55px 0 370px;
    background-position: center bottom !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.aboutItem {
    padding: 40px;
    background: #fff;
    border: 1px solid #E6E6EF;
    border-radius: 40px;
    margin: 0 12px;
    width: 520px;
}

.aboutItem > span {
    display: block;
}

.aboutItem h3 {
    margin: 40px 0 0;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
}

.aboutItem p {
    margin: 15px 0 0;
    font-size: 20px;
    line-height: 120%;
    opacity: .65;
}

.aboutItem + .aboutItem {
    margin-bottom: -165px;
    margin-top: 165px;
}

.valuesWrap {
    background: #fff;
    position: relative;
    z-index: 3;
	overflow: hidden;
}

.valueItem {
    border: 1px solid #E6E6EF;
    border-radius: 32px;
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 30px 30px;
    margin: 0 12px;
}

.valuesSlider {
    margin: 70px 0 0;
}

.valuesSlider .slick-list {
    margin: 0 -12px;
}

.blockDescSecond {
    margin: 28px 0 0 0;
}

.valuesSlider .slick-arrow,
.mainEventsSlider .slick-arrow {
    transform: none;
    top: -175px;
    right: 0;
    left: auto;
}

.valuesSlider .slick-prev,
.mainEventsSlider .slick-prev {
    right: 70px;
}

.valuesSlider .slick-arrow:before,
.mainEventsSlider .slick-arrow:before {
    background: url(images/arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.valueImage {
    height: 375px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 110px;
}

.valueContent {
    display: flex;
    align-items: flex-start;
}

.valueContent > span {
    color: #1469D2;
    font-size: 18px;
    width: 25px;
    margin-right: 25px;
    flex-shrink: 0;
    margin-top: 7px;
}

.valueText h4 {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
    font-weight: 500;
}

.valueText p {
    opacity: .65;
    margin: 15px 0 0;
}

.valuesSlider .slick-dots,
.mainEventsSlider .slick-dots,
.stackList .slick-dots {
    display: flex;
    margin: 40px 0 0;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.valuesSlider .slick-dots li,
.mainEventsSlider .slick-dots li,
.stackList .slick-dots li {
    display: block;
    width: 100%;
}

.valuesSlider .slick-dots button,
.mainEventsSlider .slick-dots button,
.stackList .slick-dots button {
    width: 100%;
    height: 4px;
    background: #E6E6EF;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    transition: .3s all;
}

.valuesSlider .slick-dots .slick-active button,
.valuesSlider .slick-dots li:hover button,
.mainEventsSlider .slick-dots .slick-active button,
.mainEventsSlider .slick-dots li:hover button,
.stackList .slick-dots .slick-active button,
.stackList .slick-dots li:hover button {
    background: #1469D2;
}

.aboutWrapThird {
    margin: 0;
    padding-top: 160px;
}

.blockTitleWrapSecond .blockTitle + .button {
    margin-top: 20px;
    margin-bottom: 15px;
}

.sliderWrapSecond {
    background: #EFF3F8;
    margin: 130px 0 0;
    padding-bottom: 220px;
}

.page-template-advantages .stackWrap {
    margin-top: 160px;
}

.page-template-advantages .sliderWrapSecond {
    padding-bottom: 120px;
}

.mainEventsWrap {
    background: #fff;
    margin-top: -75px;
    position: relative;
    z-index: 4;
}

.eventItem {
    height: 445px;
    position: relative;
    border-left: 1px dashed #A4ADB8;
}

.rulerWrap {
    display: flex;
    position: absolute;
    justify-content: space-between;
    left: 0;
    bottom: 0;
    height: 65px;
    width: calc(100% - 15px);
    padding-right: 15px;
}

.rulerWrap span {
    width: 1px;
    height: 100%;
    background: #A4ADB8;
    margin-left: -1px;
}

.rulerWrap span:last-child {
    position: absolute;
    left: 0;
    top: 0;
    background: #1469d2;
    width: 3px;
    height: 50%;
}

.mainEventsSlider {
    margin-top: 80px;
    display: flex;
    flex-direction: column-reverse;
}

.mainEventsSlider.scSlider {
    flex-direction: row;
    padding: 15px;
    margin: 80px -55px -15px -15px;
    overflow-x: auto;
    overflow-y: hidden;
    user-select: none;
}

.eventsScroll.two .scSlider::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.mainEventsSlider.scSlider .eventItem {
/*     width: 370px; */
	width:26%;
    flex-shrink: 0;
}
.mainEventsSlider.scSlider .eventItem:last-child{
/* 	    width: 340px; */
	width:21%;

}
.fakeScrollWrap .eventItem {
    opacity: 0;
    font-size: 0;
    height: 0;
}

.fakeScrollWrap {
    margin-top: -40px;
}

.slickFake {
    display: flex;
    gap: 0 12px;
}

.mainEventsWrap .slick-arrow {
    position: initial;
    width: 55px;
    height: 55px;
    display: block;
    cursor: pointer;
    margin: 0;
}

.mainEventsSlider.scSlider {
    width: calc(100% - 15px);
}

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

.eventsScroll {
    /* overflow: hidden; */
}

.mainEventsSlider .slick-dots {
    margin: -15px 0 65px;
}

.mainEventsSlider .slick-list {
    margin-right: -350px;
    margin-left: -15px;
    padding-left: 15px;
    padding-top: 15px;
    margin-top: -15px;
    width: calc(100% + 365px);
}

.eventItem > span {
    display: block;
    font-size: 72px;
    line-height: 100%;
    font-weight: 500;
    margin: 5px 25px 0;
}

.eventItem > text {
    display: block;
    opacity: .65;
    font-size: 18px;
    margin: 10px 25px 0;
}

.eventItem:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -13px;
    width: 21px;
    height: 21px;
    background: #fff;
    border: 2px solid #1469d2;
    border-radius: 50%;
}

.eventItem:after {
    content: '';
    position: absolute;
    top: 5px;
    left: -5px;
    background: #1469d2;
    border-radius: 50%;
    width: 9px;
    height: 9px;
}

.actionWrapSecond {
    margin: 160px 0 0;
}

.actionDouble {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.actionDouble > div {
    width: 47%;
}

.actionDouble > .actionRight {
    width: 45%;
}

.actionRight .blockDesc {
    margin: 0 0 40px;
}

.actionWrapSecond {
    margin: 160px 0 0;
    padding-bottom: 460px;
}

.actionWrapSecond:before {
    left: 50%;
    bottom: 0;
    top: auto;
    transform: translateX(-50%);
    right: auto;
    background: url(images/actionS.png);
    width: 670px;
    height: 475px;
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}

.actionWrap + .blogWrap {
    margin-top: -55px;
    position: relative;
    z-index: 2;
    background: #fff;
}

.blockDesc + .buttonType {
    margin-top: 30px;
}

.aboutTO .blockDesc + .buttonType {
    margin-top: 48px;
}

.aboutTO {
    padding-bottom: 210px;
}

.solutionsWrapOut {
    background: #fff;
    margin-top: 30px;
}

.solutionsWrapOut .solutionsWrap {
    margin-top: 5px;
}

.stackWrap + .projectsWrap {
    margin: -50px 0 0;
    background: #fff;
}

.whyWorkWrap {
    background: #EFF3F8;
    margin: -60px 0 0;
    padding-bottom: 120px;
}

.cardStack .cardList .card.cardType {
    height: 560px;
    background: #fff;
    transition: .6s all;;
}

.cardStack .cardList .card.cardType.inactive {
    background: #E0E0E0;
    border-color: #E0E0E0;
}

.cardStack .cardList .card.cardType.inactive:last-child {
    background: #fff;
    border-color: #fff;
}

.whyWorkWrap .cardStack .cardList .card.cardType:nth-child(1) {
    /* top: 0px; */
    filter: blur(0px);
    opacity: 1;
    /* background: rgba(0, 0, 0, 0.1); */
}

.whyWorkWrap .cardStack .cardList .card.cardType:nth-child(2) {
    /* top: 40px; */
    filter: blur(0px);
    opacity: 1;
    /* background: rgba(0, 0, 0, 0.05); */
}

.whyWorkWrap .cardStack .cardList .card.cardType:nth-child(3) {
    /* top: 80px; */
    width: 100%;
    filter: blur(0px);
    opacity: 1;
}

.cardType .cardContent > span {
    display: block;
    margin: 0;
}

.cardType .cardContent {
    position: initial;
    width: 50%;
    margin: 0 0 65px;
    padding-top: 65px;
    height: 430px;
    top: auto;
    transform: none;
    background: none;
    color: #1F1F23;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    opacity: 1;
    transition: .3s all;
}

.cardType.inactive .cardContent {
    opacity: .45;
}

.cardType .cardText {
    min-height: auto;
    padding: 0;
    align-items: center;
    max-width: 77%;
}

.cardType .cardText p {
    opacity: .65;
    margin: 35px 0 0;
}

.cardType .cardBack {
    position: absolute;
    top: 0;
    right: 0;
    width: 49%;
    height: 100%;
    background-position: right bottom !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 1;
    transition: .3s all;
}

.cardType.inactive .cardBack {
    opacity: .45;
}

.whyWorkWrap .cardStack {
    /* height: 640px; */
}

.howWorkWrap {
    background: #fff;
    margin-top: -60px;
    position: relative;
    z-index: 4;
}

.howWorkWrap .blockDesc {
    margin-right: 0;
}

.stepsList {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}

.stepItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    gap: 80px;
    background: -moz-linear-gradient(171.38deg, #EFF3F8 -3.28%, #FFFFFF 129.95%);
    background: -webkit-linear-gradient(171.38deg, #EFF3F8 -3.28%, #FFFFFF 129.95%);
    background: linear-gradient(171.38deg, #EFF3F8 -3.28%, #FFFFFF 129.95%);
    border-radius: 30px;
    width: calc(32% - 60px);
    margin-right: 2%;
    margin-bottom: 30px;
}

.stepItem:nth-of-type(3n) {
    margin-right: 0;
}

.stepItem h4 {
    display: flex;
    align-items: center;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0;
}

.stepItem h4 span {
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 50%;
    -moz-box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    -webkit-box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    margin-right: 24px;
    font-size: 40px;
    color: #1469D2;
    font-weight: 500;
    text-align: center;
    line-height: 66px;
    flex-shrink: 0;
}

.stepItem p {
    font-size: 20px;
    line-height: 120%;
    opacity: .65;
    margin: 0;
}

.aboutDir .blockDesc {
    max-width: 1050px;
}

.aboutDirList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 80px 0 0;
}

.aboutDirItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;
    gap: 65px;
    width: calc(49% - 80px);
    background: #fff;
    border-radius: 40px;
    min-height: 320px;
    margin-bottom: 30px;
}

.aboutDirText {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aboutDirText p {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    opacity: .65;
    max-width: 70%;
}

.aboutDirText > span {
    background: url(images/check.svg);
    margin: 0 0 0 40px;
}

.aboutDirItem > span {
    font-size: 48px;
    line-height: 48px;
    font-weight: 500;
}

.aboutWrapSecond + .aboutWrapSecond {
    padding-top: 40px;
}

.blockTitleImage {
    height: 555px;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 100%;
    max-width: 640px;
    margin: 50px 0 -20px;
}

.blockTitleWrapSecond .tagsList + .blockDesc {
    margin-top: 30px;
}

.blockTitleWrapSecond .tagsList span,
.blockTitleWrapSecond .tagsList a {
    opacity: 1;
}

.stackWrapSecond {
    background: #fff;
}

.stackSlider {
    margin: 65px 0 0;
}

.stackSlider .stackItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 560px;
    background: -moz-linear-gradient(349.96deg, rgba(194, 215, 240, 0.12) -5.82%, #FFFFFF 117.32%);
    background: -webkit-linear-gradient(349.96deg, rgba(194, 215, 240, 0.12) -5.82%, #FFFFFF 117.32%);
    background: linear-gradient(349.96deg, rgba(194, 215, 240, 0.12) -5.82%, #FFFFFF 117.32%);
    border: 1px solid #E6E6EF;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;
    margin: 0 12px;
}

.stackSlider .slick-list {
    margin: 0 -12px;
}

.stackSlider .stackImage {
    display: block;
    position: initial;
    width: 200px;
    height: 200px;
    background-position: left bottom !important;
}

.stackSlider .slick-dots,
.insideSlider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0 0;
    padding: 0;
}

.stackSlider .slick-dots li,
.insideSlider .slick-dots li {
    display: block;
    margin: 0 4px;
}

.stackSlider .slick-dots li button,
.insideSlider .slick-dots li button {
    width: 65px;
    height: 8px;
    font-size: 0;
    background: #EFF3F8;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: .3s all;
    padding: 0;
    margin: 0;
}

.stackSlider .slick-dots li.slick-active button,
.stackSlider .slick-dots li:hover button,
.insideSlider .slick-dots li.slick-active button,
.insideSlider .slick-dots li:hover button {
    background: #1469D2;
}

.blueWrap {
    background: -moz-linear-gradient(217.02deg, #1469D2 42.02%, #0F5FC2 89.4%);
    background: -webkit-linear-gradient(217.02deg, #1469D2 42.02%, #0F5FC2 89.4%);
    background: linear-gradient(217.02deg, #1469D2 42.02%, #0F5FC2 89.4%);
    color: #fff;
}

.doubleBlock {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 65px 0 0;
    padding-bottom: 220px;
}

.singleItem {
    padding: 40px;
    height: 560px;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 40px;
    width: calc(49% - 80px);
    position: relative;
    transition: .3s all;
    color: #fff!important;
}

.singleItem:hover {
    background: rgba(255, 255, 255, 0.35);
}

.singleItem h3 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    margin: 0;
}

.singleItem > p {
    font-size: 24px;
    line-height: 32px;
    max-width: 560px;
}

.singleItem > div {
    width: 525px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-position: right bottom !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 435px;
    pointer-events: none;
    transform: translate(0%, 0%) scale(1);
    transition: .3s all;
}

.singleItem:hover > div {
    transform: translate(-5%, -5%) scale(1.1);
}

.singleItem:before {
    content: '';
    width: 55px;
    height: 55px;
    position: absolute;
    top: 40px;
    right: 40px;
    background: url(images/link.svg);
    background-color: #fff;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    opacity: 1;
    transition: .3s all;
}

.singleItem:hover:before {
    opacity: .65;
}

.blueWrap + .stackWrap {
    margin-top: -60px;
}

.stackWrap + .blueWrap {
    margin-top: -60px;
    padding-bottom: 220px;
}

.rowList {
    margin-top: 70px;
}

.rowItem {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    width: calc(100% - 62px);
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0);
    border-radius: 30px;
    margin-bottom: 25px;
    position: relative;
    transition: .3s all;
}

.rowItem:hover {
    background: rgba(255, 255, 255, 0.28);
}

.rowItem > div {
    display: flex;
    align-items: center;
    width: 55%;
}

.rowItem > div > span {
    width: 80px;
    height: 80px;
    background: #fff;
    -moz-box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    -webkit-box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    border-radius: 50%;
    color: #1469D2;
    text-align: center;
    font-weight: 500;
    font-size: 40px;
    line-height: 82px;
    margin-right: 7%;
}

.rowItem > div > h4 {
    font-size: 32px;
    margin: 0;
    width: 36%;
    margin-right: 25px;
    font-weight: 500;
    line-height: 40px;
}

.rowItem > div > p {
    width: calc(57% - 105px);
    font-size: 20px;
    line-height: 120%;
    margin: 0;
    opacity: .65;
}

.rowItem > div + div {
    position: absolute;
    width: 455px;
    height: 240px;
    right: 15%;
    bottom: 0;
    background-size: contain !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
}

.rowItem:hover > div + div {
    opacity: 1;
}

.rowItem > text {
    border: 1px solid #E6E6EF;
    color: #fff;
    font-size: 18px;
    border-radius: 50px;
    padding: 6px 20px 7px;
}

.careerWhyWrap {
    background: #fff;
    margin-top: -60px;
    padding-top: 120px;
    margin-bottom: -45px;
}

.cwItem {
    display: flex;
}

.cwContent {
    width: 30.5%;
    margin-right: 2.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cwItem > img {
    width: 67%;
    border-radius: 40px;
    object-position: center;
    object-fit: cover;
}

.cwContent > div > span {
    display: block;
    margin: 0 0 40px;
}

.cwContent h3 {
    font-size: 48px;
    line-height: 48px;
    margin: 0;
    font-weight: 500;
}

.cwContent h3 span {
    color: #1469D2;
    font-weight: 500;
}

.cwContent p {
    opacity: .65;
    font-size: 20px;
    line-height: 120%;
    margin: 30px 0 0;
}

.cwContent .tagsList {
    margin: 30px 0 0;
}

.cwContent .tagsList span,
.cwContent .tagsList a {
    opacity: 1;
}

.cwContent .button {
    margin-top: 25px;
}

.cwItem {
    display: flex;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E6E6EF;
}

.cwItem:nth-child(2n) {
    flex-direction: row-reverse;
}

.cwItem:nth-child(2n) .cwContent {
    margin-left: 3.5%;
    margin-right: 0;
}

.cardStack .cardList[data-count="2"] .card:nth-child(1) {
    top: 0px;
    filter: blur(1px);
    opacity: .15;
}

.cardStack .cardList[data-count="2"] .card:nth-child(2) {
    top: 40px;
    filter: blur(0px);
    opacity: 1;
}

.sliderSecondWrap {
    background: #EFF3F8;
    padding-bottom: 140px;
}

.mainEventsSlider.notSlider {
    flex-direction: row;
    align-items: flex-end;
}

.mainEventsSlider.notSlider .eventItem {
    width: 100%;
    height: 590px;
}

.mainEventsSlider.notSlider .eventItem:nth-child(2) {
    height: 325px;
}

.mainEventsSlider.notSlider .eventItem > text {
    max-width: 330px;
}

.mainEventsWrap.notSliderWrap {
    padding-top: 5px;
    padding-bottom: 160px;
}

.stackWrap .blockDesc {
    margin-right: 0;
}

.hasBottomWrap {
    padding-bottom: 220px;
}

.pathWayWrap {
    background: #EFF3F8;
    position: relative;
    padding-bottom: 200px;
}

.pathWayWrap .blockTitle {
    margin-bottom: 65px;
}

.faqListWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 40px 40px;
    background: #fff;
    border-radius: 40px;
    margin-bottom: 25px;
}

.faqListData {
    width: 32%;
}

.faqListData h3 {
    font-size: 48px;
    line-height: 100%;
    font-weight: 500;
    margin: 25px 0 30px;
}

.faqText ul {
    padding: 0;
    margin-bottom: 0;
}

.faqText li {
    display: flex;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 10px;
    align-items: flex-start;
    color: hsl(240deg 6% 13% / 55%);
}

.faqText li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #1469D2;
    flex-shrink: 0;
    margin-right: 12px;
    border-radius: 50%;
    margin-top: 9px;
}

/* .faqItem:not(.open) .faqText ul,
.faqItem:not(.open) .faqText p {
    display: none;
} */

/* .faqItem.open .faqText ul,
.faqItem.open .faqText p {
    display: block;
} */

.noCount .faqText {
    width: 100%;
}

.faqListData .tagsList span {
    opacity: 1;
}

.faqWrap {
    background: #fff;
    position: relative;
    margin-top: -60px;
}

.faqWrap .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.faqWrap .faqList {
    width: calc(49% + 80px);
    flex-shrink: 0;
    margin-left: 5%;
}

.valuesWrap .blockTitleWrap .blockDesc {
    margin-right: 0;
}

.valuesSlider.notSlider {
    display: flex;
    flex-wrap: wrap;
}

.valuesSlider.notSlider .valueItem {
    margin: 0 2% 30px 0;
    width: calc(32% - 62px);
    margin-bottom: 30px;
}

.valuesSlider.notSlider .valueItem:nth-child(3n) {
    margin-right: 0;
}

.sliderWrap + .aboutWrapThird {
    margin-top: -60px;
    position: relative;
    z-index: 4;
}

.aboutBenefit {
    width: 34%;
    margin-right: 17%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.aboutBenefit .eventItem {
    height: 195px;
}

.benefitTab {
    align-items: normal;
}

.abText h3 {
    margin: 0 0 25px;
    font-size: 40px;
    font-weight: 500;
    line-height: 120%;
}

.abText p {
    font-size: 20px;
    line-height: 120%;
    opacity: .65;
    margin: 0 0 30px;
}

.achievementsWrap {
    background: #fff;
    position: relative;
    margin-top: 0;
}

.achievImage {
    margin: 70px 0 120px;
}

.achievementsWrap .mainEventsSlider.notSlider .eventItem {
    height: 330px;
}

.noBanner {
    margin-top: 135px;
}

.noBanner .breadCrumbs {
    background: #E6E6EF;
    margin-bottom: 65px;
}

.noBanner .breadCrumbs li span,
.noBanner .breadCrumbs li:not(:first-child) a {
    background: #fff;
}

.pageTitle {
    font-size: 96px;
    line-height: 96px;
    font-weight: 500;
    margin: 0 0 65px;
}

.noBanner + * {
    margin-top: 0;
}

.bfText .footerAddress {
    width: 100%;
    margin: 32px 0;
    padding: 32px 0 2px;
    border-top: 1px solid hsl(0deg 0% 100% / 15%);
    border-bottom: 1px solid hsl(0deg 0% 100% / 15%);
}

.bfText .faItem > span {
    background-color: #fff !important;
}

.bfText .faData text {
    font-size: 16px;
    margin-bottom: 8px;
}

.bfText .faData p {
    font-size: 18px;
}

.contactsData h3 {
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

.contactsData p {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 24px;
}

.mapWrap {
    margin-top: -220px;
    background: #fff;
    margin-bottom: 0;
    position: relative;
}

.blogList:not(.blogSlider) {
    flex-wrap: wrap;
}

.blogList:not(.blogSlider) .postItem {
    margin-bottom: 40px;
}

.blogList:not(.slick-slider) .postItem {
    margin-right: 2%;
    width: calc(32% - 2px);
}

.blogList:not(.slick-slider) .postItem:nth-child(3n) {
    margin-right: 0;
}

.blogMoreWrap {
    margin-bottom: 120px;
}

.pageDesc {
    max-width: 675px;
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 95px;
}

.pageTabs {
    margin: 0 0 50px;
    justify-content: flex-start;
}

.pagination {
    margin: 65px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0;
}

.pagination li {
    display: block;
}

.pagination li span,
.pagination li a {
    width: 55px;
    height: 55px;
    background: #fff;
    display: block;
    border-radius: 50%;
    text-align: center;
    color: #1F1F23;
    font-size: 18px;
    line-height: 55px;
    font-weight: 500;
    transition: .3s all;
}

.pagination li:hover a {
    color: #1469D2;
}

.pagination li.current span {
    background: #1469D2;
    color: #fff;
}

.pagination .prev a,
.pagination .next a {
    background: url(images/chevron.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.pagination .prev a {
    transform: rotate(180deg);
}

#map {
    height: 720px;
    margin: 65px auto 0;
    width: 100%;
    border-radius: 40px;
    overflow: hidden;
}

#map > ymaps ymaps ymaps ymaps:not(:last-child) {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

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

.actionWrapThird .blockDesc {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    max-width: 1050px;
    margin-top: 40px;
}

.actionWrapThird .actionLinks {
    margin: 55px auto 30px;
    width: fit-content;
}

.actionWrapThird + footer {
    position: relative;
    margin-top: -75px;
}

.actionWrapThird {
    padding-bottom: 605px;
}

.actionWrapThird:before {
    bottom: 145px;
}

.vacSearch {
    display: flex;
    align-items: stretch;
    margin: 50px 0 0;
    position: relative;
    height: 65px;
    max-width: 700px;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.vacSearch span {
    background: url(images/search.svg);
    background-color: #fff;
    background-position: right center;
    background-repeat: no-repeat;
    width: 50px;
    height: 65px;
    /*border-radius: 25px 0 0 25px;*/
    flex-shrink: 0;
}

.vacSearch .vacSearchResetButtonContainer {
    display: flex;
    align-items: center;
    background: #fff;
    padding-right: 15px;
    width: 32px;
}

.vacSearch i {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: #EFF3F8;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    font-size: 22px;
    /*position: absolute;
    top: 50%;
    left: 484px;
    transform: translateY(-50%);*/
    color: #1F1F23;
    font-style: normal;
    display: none;
}

.vacSearch i.view {
    display: block;
}

.vacSearch input {
    font-size: 24px;
    border: none;
    background: #fff;
    padding: 0 15px;
    width: 400px;
    color: #1F1F23;
    outline: none;
    flex-grow: 1;
    height: 100%;
}

.vacSearch input::placeholder {
    color: rgba(31, 31, 35, 0.65);
}

.vacSearch a {
    background: #1469D2;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    padding: 15px 10px 15px;
    width: 180px;
    border-radius: 0 25px 25px 0;
    text-align: center;
}

.vacSearch a:hover {
    background: #4387DB;
    color: #fff;
}

.vacPage {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 155px;
    justify-content: space-between;
    /*gap: 4%;*/
}

.sidebar {
    border: 1px solid #E6E6EF;
    /*padding: 30px;*/
    /*width: calc(25% - 63px);*/
    /*width: calc(22% - 80px);*/
    width: 22%;
    /*margin-right: 4%;*/
    border-radius: 35px;
}

.vacContent {
    width: 75%;
}

.vacContent .jobsList {
    max-width: 100%;
    margin-top: 50px;
}

.filterName {
    display: flex;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 25px;
    align-items: center;
}

.selected .filterName:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #1469d1;
    border-radius: 50%;
    margin-left: 8px;
}

.filterItem {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    cursor: pointer;
}

.checkboxWrap {
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: 12px;
    flex-shrink: 0;
}

.checkboxWrap span {
    width: 100%;
    height: 100%;
    border: 2px solid #A4ADB8;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
}

.checkboxWrap input {
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

.checkboxWrap input:checked + span {
    border: 2px solid #1469D2;
}

.checkboxWrap input:checked + span:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    background: #1469D2;
}

.checkboxWrap:not(.radioWrap) input:checked + span:before {
    background: url(images/checkX.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.filterItem text {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.filterItem text span {
    margin-left: 15px;
    flex-shrink: 0;
}

.filterToggle {
    color: #1469D2;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 0;
    cursor: pointer;
    transition: .3s all;
}

.filterWrap {
    padding: 30px;
}
.filterWrap + .filterWrap {
    padding-top: 0;
}
.filterWrap:last-child {
    margin-bottom: 0;
}

/*.filterWrap {
    margin-bottom: 40px;
}*/

.filterLetter {
    display: block;
    font-size: 20px;
    margin: 0 0 10px;
}

.filterWrap.open {
    position: relative;
}

.filterWrap.open .filterList {
    max-height: 300px;
    overflow-y: auto;
    position: relative;
    padding-right: 12px;
}

.filterWrap.open:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 45px;
    left: 0;
    bottom: 45px;
    background: -moz-linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 3;
    pointer-events: none;
}

.radioWrap span {
    border-radius: 50%;
}

.radioWrap input:checked + span:before {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
}

.sidebar > a,
.sidebar a.filter-btn {
    display: block;
    text-align: center;
    color: #1F1F23;
    background: #EFF3F8;
    font-size: 24px;
    font-weight: 500;
    padding: 10px 0;
    margin-bottom: 13px;
    border-radius: 20px;
}

.sidebar > a + a,
.sidebar a.filter-btn.submit-btn {
    background: #1469D2;
    color: #fff;
}

.sidebar > a:hover,
.sidebar a.filter-btn:hover {
    background: #d7dbdf;
}

.sidebar > a + a:hover,
.sidebar a.filter-btn.submit-btn:hover {
    background: #4387DB;
}

/* #sidebar[style] > div {
    width: 100% !important;
} */

.filterWrap:not(.open) .filterLetter {
    display: none;
}

.filterWrap:not(.open) .filterItem:nth-of-type(n+7) {
    display: none;
}

.vacSearchResult .blockTitle {
    font-size: 48px;
}

.tagsSearch span {
    display: flex;
    cursor: pointer;
    align-items: center;
    opacity: 1;
}

.tagsSearch span:after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(images/close.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 15px;
}

.tagsSearch span.all {
    background: #1469D2;
    border-color: #1469D2;
    color: #fff;
}

.tagsSearch span.all:after {
    filter: grayscale(1) brightness(10);
}

.jobsList .inCat {
    font-size: 32px;
    line-height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-weight: 500;
    color: #1F1F23;
}

.jobsList .inCat span {
    color: #1469D2;
    font-weight: 500;
    margin-left: 10px;
}

.jobsList .inCat:after {
    content: '';
    width: 12px;
    height: 15px;
    background: url(images/chevron.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 12px;
}

.vacContent .jobsList .jobItem {
    margin-bottom: 15px;
}

.vacContent .jobsList + .jobsList {
    margin-top: 65px;
}

.jobsList > .button {
    margin: 0 auto;
}

.jobsList > .button:after {
    transform: rotate(90deg);
}

.radarWrap {
    background: #EFF3F8;
    padding-bottom: 220px;
}

.radarWrap .container {
    background: #fff;
    border-radius: 55px;
    padding: 55px 0 0 55px;
    width: calc(100% - 135px);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.radarContent {
    max-width: 565px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.radarContent .blockTitle {
    margin: 60px 0 0;
}

.radarContent > p {
    font-size: 20px;
    line-height: 120%;
    opacity: .65;
    margin: 30px 0 0;
}

.radarContent .tagsList {
    margin: 40px 0 0;
}

.radarContent .tagsList span {
    opacity: 1;
}

.radarContent .button {
    margin: 120px 0 55px;
}

.radarBack {
    width: 65%;
    height: 650px;
    background-position: right bottom !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.whyAyaWrap {
    background: #fff;
    margin-top: -60px;
}

.whyList {
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0 0;
}

.whyItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    height: 260px;
    background: #EFF3F8;
    border-radius: 30px;
    width: calc(23.5% - 60px);
    margin-right: 2%;
}

.whyItem:nth-child(4n) {
    margin-right: 0;
}

.whyItem h4 {
    margin: 25px 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
}

.bottomFormWrap.withBack:before {
    content: '';
    position: absolute;
    left: 10%;
    bottom: -128px;
    width: 630px;
    height: auto;
    aspect-ratio: 1 / 1;
    background: url(images/formBack.png);
    background-position: left bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.singlePostWrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.spContent {
    width: 66.3%;
    margin-right: 4.4%;
}

.spBar {
    width: 29.3%;
}

.tagsListWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.share {
    width: 55px;
    height: 55px;
    background: url(images/share.svg);
    border-radius: 50%;
    background-color: #1469D2;
    background-position: center!important;
    background-size: 27px!important;
    background-repeat: no-repeat!important;
    cursor: pointer;
    transition: .3s all;
    margin-left: 35px;
    flex-shrink: 0;
    position: relative;
}

.spContent .pageTitle {
    font-size: 72px;
    line-height: 100%;
    margin: 45px 0 30px;
}

.spContent .spPreview {
    margin: 30px 0 55px;
    font-size: 32px;
    line-height: 120%;
}

.spImage img {
    width: 100%;
    border-radius: 40px;
    max-height: 640px;
    object-fit: cover;
    object-position: center;
}

.spImage {
    margin: 0 0 48px;
}

.spImage text {
    display: block;
    font-size: 24px;
    line-height: 32px;
    margin-top: 24px;
}

.spContent .postData {
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 120%;
    margin-bottom: 45px;
    margin-top: -16px;
}

.spContent p,
.spContent li {
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0 24px;
}

.spContent h2 {
    font-size: 48px;
    line-height: 100%;
    margin: 95px 0 40px;
    font-weight: 500;
}

.spComment {
    display: flex;
    flex-direction: column;
    background: #EFF3F8;
    padding: 40px;
    border-radius: 40px;
    margin: 45px 0;
}

.spComment p {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 0;
}

.spComment text {
    display: block;
    font-size: 20px;
    line-height: 120%;
    margin: 20px 0 0;
}

.spContent ul,
.spContent ol {
    margin: -5px 0 0;
    padding: 0;
}

.spContent h3 + ul,
.spContent h3 + ol {
    margin: -24px 0 0;
    padding: 0;
}

.spContent li {
    display: flex;
    align-items: flex-start;
    margin: 0 0 12px;
}

.spContent li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #1469D2;
    border-radius: 50%;
    flex-shrink: 0;
    margin: 12px 23px 0 0;
}

.spContent p +.spImage {
    margin-top: 40px;
}

.spContent ol {
    counter-reset: element;
    list-style: none;
}

.spContent ol li:before {
    counter-increment: element;
    content: counter(element);
    color: #1469D2;
    font-size: 18px;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    -moz-box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    -webkit-box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    box-shadow: 0px 3.42857px 4.57143px rgba(20, 105, 210, 0.24);
    margin: -2px 24px 0 0;
    text-align: center;
    font-weight: 500;
    line-height: 35px;
}

.spActionBlock {
    background: -moz-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
    background: -webkit-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
    background: linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
    border-radius: 40px;
    color: #fff;
    margin: 95px 0;
    padding: 40px;
    position: relative;
}

.spActionBlock:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34%;
    height: 100%;
    background: url(images/spAction.png);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.formText {
    opacity: .7;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 40px;
}

.pageWrap {
    margin: 0 0 370px;
    width: 100%;
}

.spContent h3 {
    margin: 48px 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

.spContent h3 + p {
    margin-top: -28px;
}

.spContent .spImage + p {
    margin-top: -5px;
}

.spContent p + .spImage {
    margin-top: 48px;
}

.spActionBlock h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 50px;
    max-width: 65%;
}

.menuContent {
    padding: 40px 40px 25px;
    background: #EFF3F8;
    border-radius: 40px;
}

.menuContent h3 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 25px;
    font-weight: 500;
}

.menuContent ul {
    margin: 0;
    padding: 0;
}

.menuContent li {
    margin-bottom: 15px;
    display: block;
}

.menuContent li a {
    color: #1F1F23;
    display: flex;
    align-items: flex-start;
    font-size: 24px;
    line-height: 32px;
}

.menuContent li a:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #1469D2;
    border-radius: 50%;
    margin-right: 24px;
    flex-shrink: 0;
    margin-top: 12px;
}

.menuContent ul ul {
    margin: 10px 0 0 35px!important;
}

.phContent .tagsList {
    margin-top: 40px;
}

.phContent .tagsList span {
    padding: 8px 24px;
    background: rgba(255, 255, 255, 0.16);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 25px;
    border: none;
    color: #fff;
    opacity: 1;
    font-weight: 300;
}

.shareMinBlock {
    display: flex;
    align-items: center;
}

.shareMinBlock .share {
    margin: 0;
    width: 63px;
    height: 63px;
    background: url(images/shareC.svg);
    background-color: #fff; 
}

.shareMinBlock .share + .button {
    margin-left: 15px;
}

.singleVac {
    margin-top: 150px;
}

.spContent > *:nth-child(1) {
    margin-top: 0;
}

.shareMinBlock.menuContent {
    padding: 40px;
    width: fit-content;
    margin-left: auto;
}

.jobsTextBig {
    max-width: 680px;
}

.jobsWrap + .radarWrap {
    margin-top: 150px;
}

.radarWrap + .aboutWrapThird {
    margin-top: -60px;
}

.aboutPlaceWrap {
    background: #EFF3F8;
    margin: 150px 0 0;
    padding-bottom: 200px;
}

.placeWhereList {
    margin: 70px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.pwItem {
    background: #fff;
    padding: 30px;
    border-radius: 40px;
    width: calc(32% - 60px);
    margin-right: 2%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 420px;
}

.pwItem:nth-child(3n) {
    margin-right: 0;
}

.pwItem > div > span {
    display: block;
    margin-bottom: 30px;
}

.pwItem h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0;
}

.pwItem p {
    opacity: .65;
    font-size: 20px;
    line-height: 120%;
    margin: 25px 0 0;
}

.fromInsideWrap {
    margin-top: -60px;
    background: #fff;
}

.insideSlider {
    margin-top: 70px;
    margin-left: -10px;
    margin-right: -10px;
}

.isImage {
    margin: 0 10px;
}

.insideSlider img {
    border-radius: 40px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.insideSlider .slick-dots {
    margin: -80px 0 0;
    position: relative;
    z-index: 3;
}

.slick-dots li:before {
    display: none;
}

.singleActionWrap {
    padding: 40px;
    background: -moz-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
    background: -webkit-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
    background: linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
    border-radius: 40px;
    margin: 96px 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 40px;
}

.saText h3 {
    font-size: 48px;
    line-height: 100%;
    margin: 0 0 30px;
}

.saText p {
    margin: 0;
}

.singleActionWrap .actionLinks {
    margin: 0;
    flex-shrink: 0;
}

.toBlog {
    display: flex;
    align-items: center;
    width: fit-content;
    color: #1F1F23;
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
}

.toBlog:before {
    content: '';
    width: 32px;
    height: 32px;
    background: url(images/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    background-color: #1469D2;
    margin-right: 16px;
    border-radius: 50%;
    margin-top: -4px;
    transform: rotate(180deg);
}

.mainRadarWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

.mrColumns {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.mrColumn,
.mrBlock {
    width: calc(26% - 62px);
}

.mrBlock {
    padding: 30px 30px 20px;
    background: #fff;
    border: 1px solid #A4ADB8;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), 0px 2px 6px 2px rgba(0, 0, 0, 0);
    border-radius: 25px;
    transition: .3s all;
    cursor: pointer;
    margin-bottom: 35px;
}

.mrBlock:hover,
.mrBlock.active {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}

.mrName {
    padding: 8px 21px;
    border: 1px solid #A4ADB8;
    border-radius: 25px;
    font-size: 18px;
    display: block;
    width: fit-content;
    background: #fff;
    color: #1F1F23;
    opacity: .75;
    transition: .3s all;
    font-weight: 500;
}

.mrBlock.active .mrName {
    border: 1px solid #1469D2;
    background: #1469D2;
    color: #fff;
    opacity: 1;
}

.mrListWrap {
    display: flex;
    align-items: flex-start;
    gap: 0 25px;
    margin: 30px 0 0;
}

.mrList span {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}

.mrList ul {
    display: block;
    padding: 0;
    margin: 5px 0 20px;
}

.mrList li {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    transition: .3s all;
}

.mrList li:hover {
    color: #1469D2;
}

.mainRadarBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 44%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

header .menuToggle {
    display: none;
    background: url(images/menuA.svg);
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.stackTrack {
    display: none;
}

.valuesSlider .slick-dots {
    margin: 25px 0 0;
}

.bannerBackM {
    display: none;
}

.solutionsList .solutionsBack {
    display: none;
}

.actionWrap .container:after {
	background: url('images/csAfter.png');
}

.jobTitle .jobData {
    display: none;
}

#innerList {
    display: none;
}

.menuMobileWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 25;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
}

.menuMobileWrap.open {
    opacity: 1;
    pointer-events: auto;
}

.mmHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #E6E6EF;
}

.mmHeader .logo {
    display: block;
}

.mmHeader .menuToggle {
    width: 40px;
    height: 40px;
    background: url(images/menuB.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.menuMobileWrap > ul {
    margin: 40px 0 0;
    padding: 0 15px;
}

.menuMobileWrap > ul > li {
    display: block;
    border-bottom: 1px solid #E6E6EF;
    padding-bottom: 15px;
}

.menuMobileWrap > ul > li > a {
    color: #1F1F23;
    font-size: 22px;
    font-weight: 500;
}

.menuMobileWrap > ul ul {
    margin: 5px 0 0;
    padding: 0;
}

.menuMobileWrap > ul ul li {
    display: block;
    font-size: 20px;
}

.menuMobileWrap > ul ul li a {
    color: #1F1F23;
    opacity: .7;
}

.menuMobileWrap > ul > li + li {
    margin-top: 15px;
}

.menuMobileWrap > ul > li:last-child {
    border: none;
}

.menuMobileWrap > a {
    position: absolute;
    left: 15px;
    width: calc(100% - 80px);
    justify-content: center;
    bottom: 32px;
}

.sidebarHeader {
    display: none;
}

.vacSearchResult .filtersToggle:after {
    content: '';
    width: 22px;
    height: 22px;
    background: url(images/filter.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.vacSearchResult .filtersToggle {
    display: none;
}

.mainRadar {
    margin: 90px 0;
    width: 808px;
    height: auto;
    aspect-ratio: 1 / 1;
    transform: scale(1);
    position: relative;
}

.mrCirclePart {
    width: 50%;
    height: 50%;
    background: hsl(0deg 0% 100% / 0%);
    position: absolute;
    top: 0;
    left: 0;
}

.mrCirclePart:nth-of-type(3) {
    left: auto;
    right: 0;
}
.mrCirclePart:nth-of-type(2) {
    top: auto;
    bottom: 0;
}
.mrCirclePart:nth-of-type(4) {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.mrCirclePart:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(0deg 0% 100% / 40%);
    z-index: 4;
    pointer-events: none;
    opacity: 1;
    transition: .3s all;
}

.mrCirclePart.active:before {
    opacity: 0;
}

.mrCirclePart span {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 30px;
    color: #1469D2;
    font-size: 16px;
    text-align: center;
    right: 0;
    bottom: 0;
    font-weight: 500;
    line-height: 30px;
    opacity: .65;
    transition: .3s all;
    cursor: pointer;
}

.mrCirclePart span.active,
.mrCirclePart span:hover {
    opacity: 1;
    z-index: 5;
}

.mrCirclePart span text {
    display: block;
    position: absolute;
    bottom: 38px;
    background: #fff;
    color: #1F1F23;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 7px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
    line-height: 16px;
    width: auto;
}

.mrCirclePart span:hover text {
    opacity: 1;
}

.mrCirclePart span text:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 3px;
}

.mrCirclePart:nth-of-type(1) span:nth-child(1) {
    right: 76px;
    bottom: 54px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(2) {
    right: 14px;
    bottom: 110px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(3) {
    right: 86px;
    bottom: 20px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(4) {
    right: 44px;
    bottom: 50px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(5) {
    right: 12px;
    bottom: 22px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(6) {
    right: 119px;
    bottom: 22px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(7) {
    right: 109px;
    bottom: 57px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(8) {
    right: 48px;
    bottom: 82px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(9) {
    right: 50px;
    bottom: 19px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(10) {
    right: 11px;
    bottom: 69px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(11) {
    bottom: 118px;
    right: 49px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(12) {
    right: 82px;
    bottom: 95px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(13) {
    bottom: 26px;
    right: 184px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(14) {
    right: 20px;
    bottom: 184px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(15) {
    right: 163px;
    bottom: 69px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(16) {
    bottom: 160px;
    right: 88px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(17) {
    right: 125px;
    bottom: 127px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(18) {
    right: 248px;
    bottom: 59px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(19) {
    right: 148px;
    bottom: 204px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(20) {
    bottom: auto;
    top: 54px;
    right: 59px;
}
.mrCirclePart:nth-of-type(1) span:nth-child(21) {
    right: auto;
    bottom: 205px;
    left: 128px;
}
.mrCirclePart:nth-of-type(3) span {
    right: auto;
    left: 0;
}
.mrCirclePart:nth-of-type(3) span:nth-child(1) {
    left: 11px;
    bottom: 132px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(2) {
    left: 41px;
    bottom: 119px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(3) {
    left: 12px;
    bottom: 93px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(4) {
    left: 45px;
    bottom: 84px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(5) {
    bottom: 103px;
    left: 69px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(6) {
    left: 94px;
    bottom: 80px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(7) {
    left: 69px;
    bottom: 55px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(8) {
    bottom: 40px;
    left: 121px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(9) {
    left: 18px;
    bottom: 52px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(10) {
    left: 11px;
    bottom: 20px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(11) {
    bottom: 21px;
    left: 49px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(12) {
    bottom: 19px;
    left: 91px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(13) {
    left: 55px;
    bottom: 172px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(14) {
    left: 171px;
    bottom: 61px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(15) {
    left: 113px;
    bottom: 136px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(16) {
    bottom: auto;
    top: 115px;
    left: 27px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(17) {
    top: 144px;
    bottom: auto;
    left: 95px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(18) {
    left: auto;
    right: 126px;
    bottom: 56px;
}
.mrCirclePart:nth-of-type(3) span:nth-child(19) {
    left: auto;
    bottom: auto;
    right: 146px;
    top: 153px;
}
.mrCirclePart:nth-of-type(2) span {
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
}
.mrCirclePart:nth-of-type(2) span:nth-child(1) {
    top: 18px;
    right: 111px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(2) {
    top: 15px;
    right: 68px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(3) {
    right: 46px;
    top: 45px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(4) {
    top: 53px;
    right: 94px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(5) {
    right: 58px;
    top: 86px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(6) {
    right: 17px;
    top: 71px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(7) {
    top: 14px;
    right: 17px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(8) {
    right: 19px;
    top: 112px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(9) {
    right: 161px;
    top: 59px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(10) {
    top: 140px;
    right: 91px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(11) {
    right: auto;
    left: 133px;
    top: 62px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(12) {
    right: 61px;
    top: auto;
    bottom: 130px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(13) {
    right: auto;
    left: 100px;
    top: auto;
    bottom: 221px;
}
.mrCirclePart:nth-of-type(2) span:nth-child(14) {
    right: auto;
    left: 196px;
    bottom: 120px;
    top: auto;
}
.mrCirclePart:nth-of-type(4) span {
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
}
.mrCirclePart:nth-of-type(4) span:nth-child(1) {
    left: 14px;
    top: 56px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(2) {
    left: 18px;
    top: 104px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(3) {
    left: 62px;
    top: 92px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(4) {
    left: 47px;
    top: 30px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(5) {
    left: 86px;
    top: 54px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(6) {
    left: 88px;
    top: 12px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(7) {
    left: 120px;
    top: 26px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(8) {
    left: 161px;
    top: 47px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(9) {
    left: 28px;
    top: 166px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(10) {
    left: auto;
    top: auto;
    right: 208px;
    bottom: 196px;
}
.mrCirclePart:nth-of-type(4) span:nth-child(11) {
    left: auto;
    top: 107px;
    right: 79px;
}

.mainRadar:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 100%;
    z-index: 5;
    background: #fff;
}

.circleLine {
    height: 16px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 5;
}

.circleLine text:nth-child(1) {
    margin-left: -25px;
}
.circleLine text:nth-child(2) {
    margin-left: -30px;
}
.circleLine text:nth-child(3) {
    margin-left: -30px;
}
.circleLine text:nth-child(4) {
    margin-right: 40px;
}
.circleLine text:nth-child(5) {
    margin-left: 40px;
}
.circleLine text:nth-child(6) {
    margin-right: -25px;
}
.circleLine text:nth-child(7) {
    margin-right: -30px;
}
.circleLine text:nth-child(8) {
    margin-right: -25px;
}

.mrMobile {
    display: none;
}

.achievementsWrap + .container + .radarWrap {
    margin-top: 80px;
}

.mrCirclePart {
    background-size: contain !important;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
}
.mrCirclePart[data-id="1"] {
    background-position: right top !important;
}
.mrCirclePart[data-id="2"] {
    background-position: left bottom !important;
}
.mrCirclePart[data-id="3"] {
    background-position: left top !important;
}

.atImage > span {
    position: absolute;
    top: 40px;
    left: 40px;
}

.prSliderCount,
.evSliderCount {
    pointer-events: none;
    position: absolute;
    bottom: -75px;
    left: 50%;
    transform: translateX(-50%);
}

.prSliderCount span,
.evSliderCount span {
    opacity: .7;
}

.customCursor {
    display: none;
    width: 120px;
    height: 120px;
    background: url(images/cursor.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1);
    pointer-events: none;
}

.insideSlider {
    cursor: none;
}

.footerMenu a:hover,
.faData p:hover {
    opacity: .65;
}

.faData p {
    transition: .3s all;
    opacity: 1;
}

.spContent .tagsList span,
.spContent .tagsList a {
    opacity: 1;
}

.samePosts {
    padding-top: 160px;
	margin-bottom:160px;
}

.insideSlider + * {
    margin-top: 88px !important;
}

.insideSlider + .singleActionWrap {
    margin-top: 144px !important;
}

ymaps[class*="marker"] > span {
    display: block;
    width: 70px;
    height: 45px;
    background: url(images/logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.sliderWrap + .jobsWrap {
    padding-top: 100px;
}

.menuContent ul {
    margin: 0 !important;
}

.bannerBacks {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 55px;
    overflow: hidden;
}

.bbMob {
    display: none;
}

.bannerBacks:before {
    border-radius: 55px;
}

.bannerBacks video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: unset;
    object-fit: cover;
    object-position: center;
}

.bannerBacks:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(0deg 0% 0% / 50%);
    z-index: 2;
    pointer-events: none;
}

.pageHeader > *:not(.bannerBacks) {
    position: relative;
    z-index: 3;
}

.shareInner {
    position: absolute;
    left: 0;
    bottom: 78px;
    background: #fff;
    border-radius: 32px;
    padding: 32px;
    width: 360px;
    cursor: default;
    opacity: 0;
    pointer-events: none;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    transition: .3s all;
    z-index: 2;
}

.shareInner.open {
    opacity: 1;
    pointer-events: auto;
}

.shareInner.toBottom {
    top: 78px;
    bottom: auto;
}

.shareTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    color: #1F1F23;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

.shareTitle span {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: #EFF3F8;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    font-size: 22px;
}

.shareList {
    display: flex;
    align-items: center;
    gap: 0 16px;
}

.shareList button {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    border: 0;
    cursor: pointer;
}

.shareList .shareGH {
    background: url(images/shGH.svg);
}
.shareList .shareTG {
    background: url(images/shTG.svg);
}
.shareList .shareVK {
    background: url(images/shVK.svg);
}
.shareList .shareWA {
    background: url(images/shWA.svg);
}

.shareLink {
    margin-top: 48px;
}

.shareLink text {
    font-size: 18px;
    display: block;
    line-height: 24px;
    color: #1F1F23;
    opacity: .65;
    margin-bottom: 8px;
}

.shareCopy {
    background: #E6E6EFA3;
    color: hsl(240deg 6.06% 12.94% / 65%);
    padding: 20px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.toCopy {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
    user-select: none;
}

.copyThis {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    margin-left: 10px;
    background: url(images/copy.svg);
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    cursor: pointer;
}

.copyThis.copied {
    background: url(images/checkC.svg);
    width: 14px;
}

.hidden-fields-container,
.screen-reader-response,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
    display: none;
}


.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form-control-wrap.error:after {
	display: none;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(images/error.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    margin-top: -2px;
}

.wpcf7-form-control-wrap.error + .thisInput:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(images/error.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 9px;
}

.achievImage video {
    width: 100%;
    height: 460px;
    border-radius: 40px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.bannerMain {
    position: relative;
}

.bannerMain .bbDesk video {
  width: 100%;
    right: 0;
    left: auto;
    object-fit: contain;
    object-position: top right;
    /* border-radius: 0 !important; */
    bottom: 0;
    top: 0;
	height:100%;
}

.bannerBacks.bbDesk,
.bannerBacks.bbMob {
    border-radius: 0!important;
}

.bannerMain .bannerBacks:before {
    display: none;
}

.valuesSlider:not(.notSlider) {
    margin: 70px 0 0;
    display: flex;
    flex-direction: row;
    padding: 0 0 56px;
    margin: 80px -55px -15px -25px;
    overflow-x: auto;
    overflow-y: hidden;
    user-select: none;
}

.valuesSlider:not(.notSlider) .valueItem {
    width: 380px;
    width: calc(25% - 83px);
    flex-shrink: 0;
}

.valuesSlider.one {
    display: none;
}

.valuesWrap .blockTitleWrap {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.valuesWrap .blockTitleWrap .blockTitle {
    margin-bottom: 32px;
}

.valuesWrap .blockTitleWrap .blockDesc {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.slickFakeX {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    gap: 0 12px;
    width: 72px;
}

.page-template-advantages .bottomFormWrap {
    margin-top: 218px;
}

.shareBack {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.shareBack.open {
    display: block;
}

.page-template-blog .bottomFormWrap {
    margin-top: 120px;
}

.singlePostWrap + .singlePostWrap .spContent > *:last-child,
.singleVac .spContent > *:last-child {
    margin-bottom: 0;
}

.sticky {
    position: fixed;
    z-index: 10;
}

.stop {
    position: relative;
    z-index: 10;
}

footer .actionLinks {
    display: none!important;
}

.page-template-contacts .bfText .fakeTitle {
    margin: 0;
    font-size: 32px;
    line-height: 40px;
}

.single .actionWrapThird {
    padding-bottom: 550px;
}

.single .actionWrapThird:before {
    bottom: 60px;
}

.noHH .shareInner {
    left: auto;
    right: 0;
}

.spContent h4 {
    font-size: 24px;
    margin: 24px 0 24px;
}

.pathWayWrap .faqListWrap .faqText {
    margin-right: 100px;
    max-width: 770px;
}

.pathWayWrap .faqListWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wpcf7-form.sent > * {
    /* display: none !important; */
}

.wpcf7-form.sent > .wpcf7-response-output {
    /* display: block !important;
    font-size: 18px; */
}

.wpcf7-form-control-wrap.error + .thisInput {
    position: absolute;
    top: 85px;
    left: 0;
    display: flex !important;
    align-items: center;
    background: #C31368;
    border-radius: 20px;
    padding: 6px 12px;
}

.formSentWrap {
    position: fixed;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
}

.fsBack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .65;
}

.fsBlock {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 720px;
    height: 430px;
    background: #fff;
    border-radius: 32px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fsBlock img {
    margin-bottom: 48px;
}

.fsBlock p {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
    font-weight: 500;
}

.fsBlock text {
    opacity: .65;
    font-size: 20px;
    line-height: 32px;
    margin: 20px 0 0;
}

.fsClose {
    position: absolute;
    top: 24px;
    right: 24px;
    background: #EFF3F8;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 53px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 25px;
}

/** cloudflare */
.cf-turnstile-wrap {
    padding: 0 !important;
    height: 50px !important;
}

/** 404 page */
body.error404 {
    height: 100vh;
    background-image: url('images/404bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}
@media (max-width: 1500px) {
    body.error404 {
        background-position: center 0;
    }
}
@media (max-width: 888px) {
    body.error404 {
        background-size: 850px;
        background-position: center 120%;
		min-height: 812px;
    }
}

body.error404 .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 16px 56px;
    background: #1F1F23;
    border-radius: 24px;
    color: #FFFFFF;
    border: 1px solid transparent;
}
@media (max-width: 1500px) {
    body.error404 .btn {
        padding: 12px 55px;
    }
}
body.error404 .btn_blue {
    background: #1469D2;
}
body.error404 .btn_icon {
    width: 24px;
    height: auto;
}
body.error404 .body {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 15vh 16px 16px 16px;
}
@media (max-width: 888px) {
    body.error404 .body {
        padding-top: 40px;
    }
}
body.error404 .body__title {
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 1%;
    margin-bottom: 40px;
}
@media (max-width: 1200px) {
    body.error404 .body__title {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 32px;
    }
}
@media (max-width: 888px) {
    body.error404 .body__title {
        font-size: 28px;
        line-height: 32px;
    }
}
body.error404 .body__btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}
body.error404 .body__list {
    display: none;
    list-style: none;
    padding: 0;
}
@media (max-width: 888px) {
    body.error404 .body__list {
        display: block;
        margin-top: 48px;
    }
}
body.error404 .body__link {
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #E6E6EF;
    color: #1F1F23;
    transition: .3s all;
    font-weight: 500;
}
body.error404 .body__link:hover {
    color: #1469D2;
}
body.error404 .body__link_icon {
    width: 20px;
    height: auto;
}

body.error404 footer {
    display: none !important;
}