@charset "UTF-8";
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    background: #ffffff;
}
.close-lang {
    display: none;
}
.advantages-video {
    position: relative;
}
.advantages-video .first-image {
    width: 100%;
    height: 100%;

}
.play-btn {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
video[poster]{
    width: 100%;
    height: 100%;
}
.project-wrapper svg {
    height: unset;
}
.close-button {
    position: absolute;
    top: 20px;
    right: 20px;
}
input {
    color: #FFFFFF;
}
.close-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 20px;
}

.banner-wrapper-title span {
    font-size: 24px;
}

a {
    outline: none;
    cursor: pointer;
}

a img {
    border: none;
    cursor: pointer;
}

img {
    vertical-align: bottom;
}

p {
    margin: 0 0 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 700;
}

strong, b {
    font-weight: 700;
}

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

ul, ol {
    margin: 0;
    padding: 0;
}

ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

hr {
    border: 0;
}

*:focus, *:active {
    outline: none;
}
.triangle-style-btn {
    display: flex;
    align-items: center;
}

html {
    height: 100%;
}

.register-button.register-button-main.register-button-general span:hover {
    display: flex;
    width: 164px;
    height: 34px;
    border: double 2px transparent;
    border-radius: 20px;
    background-image: linear-gradient(#12162F, #12162F), linear-gradient(to left, rgb(1, 166, 243), rgb(117, 61, 150));
    background-origin: border-box;
    filter: drop-shadow(0px 10px 17px rgba(11, 49, 183, 0.15));
    background-clip: content-box, border-box;
    justify-content: center;
    align-items: center;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
}
.register-button-hidden:hover {
    display: flex;
    width: 238px;
    height: 47px;
    border: double 2px transparent;
    border-radius: 20px;
    background-image: linear-gradient(#12162F, #12162F), linear-gradient(to left, rgb(1, 166, 243), rgb(117, 61, 150));
    background-origin: border-box;
    filter: drop-shadow(0px 10px 17px rgba(11, 49, 183, 0.15));
    background-clip: content-box, border-box;
    justify-content: center;
    align-items: center;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    box-shadow: none !important;
    line-height: 21px;
    text-decoration: none;
    color: #FFFFFF;
}

.submit-message-wrapper, .fail-message-wrapper {
    display: none;
}
.career-form .select {
    width: 52%;
}
.career-form .first-content input {
    width: 86%;
}
.career-form .iti {
    width: 117% !important;
}
.close-button img {
    width: 40px;
    height: 40px;
}
body {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #12162F;
}
.career-wrapper .career-wrapper-inner .career-wrapper-item .border-gradient-career:hover{
    background: linear-gradient(226.23deg, #01A6F3 7.57%, #753D96 103.27%) !important;
    box-shadow: 0px 12px 17px rgb(11 49 183 / 15%) !important;
    border-radius: 20px;
    border: unset;
}
.carier-form .first-content input {
    width: 100%;
}
#extra-style {
    font-size: 17px !important;
    padding-left: 35px;
    line-height: 28px;
}

input.inputStyle.emailStyle {
    margin-left: 7px;
}
.carier-form .iti {
    width: 95% !important;
}
#formUp form{
    padding: 0 180px !important;
}
.carier-form .name-carier input {
    padding-left: 20px;
}
.carier-form .name-carier {
    width: 95%;
}
#modalContent {
    background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%), #FFFFFF;
    box-shadow: 0px 12.5414px 36.3702px rgba(7, 8, 23, 0.13);
    border-radius: 20px;
    display: flex;
    padding: 50px;
   width: 950px;
    margin: 0 auto;
}
#modalVacancy {
    max-width: 450px;
    background: #0D1022;
    border-radius: 20px;
    padding: 30px 27px;
    overflow-y: scroll;
    height: 500px;
    font-size: 18px;
}
.career-main-wrapper {
    position: relative;
}
.carier-form input {
    color: #868D9F !important;
}
#modalContent {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 312321321;
}
.added-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    max-width: 296px;
    margin-bottom: 30px;
}
.border-gradient:hover {
    background: linear-gradient(226.23deg, #01A6F3 7.57%, #753D96 103.27%) !important;
    box-shadow: 0px 12px 17px rgba(11, 49, 183, 0.15) !important;
    border-radius: 20px;
    border:  unset;
}
#modal {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1213;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);;
}

.advantages-video {
    text-align: center;
    object-fit: cover;
    margin: 60px 0;
}

.carier-form .hidden-header {
    display: none !important;
}
.carier-form .fcarier {
    display: none!important;
}
/*.scrollbar*/
/*{*/
/*    margin-left: 30px;*/
/*    float: left;*/
/*    height: 300px;*/
/*    width: 65px;*/
/*    background: #F5F5F5;*/
/*    overflow-y: scroll;*/
/*    margin-bottom: 25px;*/
/*}*/

.force-overflow
{
    min-height: 450px;
}
.style-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background: linear-gradient(0deg, #141833, #141833), #181C39;

}
.name-carier input {
    height: 55px;
    background: #0D1022;
    border-radius: 10px;
}


.carier-form textarea {
    height: 146px !important;
}
.carier-form .name-wrapper input {
    height: 55px;
    background: #0D1022;
    border-radius: 10px;
    margin-top: 0;
}

.carier-form .inputStyle.fname
{
    display: none !important;
}
.carier-form .select-delete{
    display: none !important;
}
.style-2::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar-thumb
{
    background: #3B4568;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
#phoneLeft{
    padding-right: 0 !important;
    padding-left: 45px !important;
    margin-left: 0 !important;
}
.triangle-style {
    position: absolute;
}
.upper-form.form-wrapper-item-inner.contact-inner-form.form-inner-box{
    padding: 40px 15px !important;
}
.carier-form.form-inner-box{
    padding: 0;
}
.name-wrapper {
    display: flex;
    width: fit-content;
}
.inputStyle input{
    margin-left: 3px;
}
.name-carier{
    width: 99%;
}
.carier-form .email-box{
    display: none !important;
}
.first-vacansy {
    max-width: 500px;
}
.first-vacansy ul {
  list-style:none;
}
.first-vacansy ul li:before {
    content: "\2022";
    color: white;
    font-weight: bold;
    display: inline-block;
    width: 1em;

}

#main-wrapper {
    flex: 1 0 auto;
    color: #fff;
    font-size: 18px;
    min-width: 100%;
    background: #12162F;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0;
}
.second-illustration {
    position: absolute;
    top: 30%;
    right: 10%;
    z-index: 1;
}
.career-wrapper {
    /*overflow-x: hidden;*/
    position: relative;
    z-index: 212312;
}
.hidden-form .form-wrapper {
    margin: unset;
}

.hidden-btn {
    display: flex;
    margin-bottom: 28px;
    align-items: center;
    justify-content: space-between;
}

.hidden-btn a:hover {
    background: linear-gradient(226.23deg, #01A6F3 7.57%, #753D96 103.27%), #919191;
    border-radius: 20px;
}

.hidden-btn-first {
    width: 280px;
    height: 54px;
    background: #0D1022;
    border-radius: 20px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    justify-content: center;
    line-height: 144.5%;
    text-decoration: none;
    align-items: center;
    color: #FFFFFF;
}
.hidden-btn-second {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 144.5%;
    text-decoration: none;
    align-items: center;
    color: #FFFFFF;
    width: 280px;
    height: 54px;
    display: flex;
    justify-content: center;
    background: #0D1022;
    border-radius: 20px;
}
.hidden-form h2 {
    display: none;
}
.hidden-form h3 {
    text-align: center;
    padding-top: 40px;
    margin: 0 auto !important;
}
.hidden-form .hidden-title {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 150%;
    /* identical to box height, or 57px */

    letter-spacing: 0.03em;

    color: #FFFFFF;
}
.hidden-form .form-inner-box {
    padding: 40px 180px 50px !important;
}

.form-wrapper.banner-form.contact-page-form {
    margin-top: 150px;
    margin-bottom: 130px;
}
.career-wrapper-inner {
    background: #272F4C;
    border-radius: 30px;
}
.works-illustration {
    position: absolute;
    right: 19%;
    top: 45px;
}
.form-wrapper {
    position: relative !important;
    z-index: 45465654 !important;
}
.down-left {
    position: absolute;
    top: 150px;
    left: -350px;
    z-index: -54;
}
.down-right {
    position: absolute;
    top: -138px;
    right: -358px;
    z-index: -54;
}

.main-wrapper-second {
    background: #12162F;
}

footer {
    background: #12162F;
}
.slick-list.draggable {
    margin-bottom: 80px;
}
#header {
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999999;
    top: 0;
    flex: 0 0 auto;
    padding: 15px 0px;
    width: 100%;
}
#header .header-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto;
}
#header .header-wrapper .logo-block {
    display: flex;
    padding-left: 140px;
}
#header .header-wrapper .logo-block a {
    display: flex;
    text-decoration: none;
    align-items: center;
}
#header .header-wrapper .logo-block a img {
    width: 63px;
    height: 35px;
}
#header .header-wrapper .logo-block a .logo-title {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}
#header .header-wrapper .left-side {
    display: flex;
    align-items: center;
}
#header .header-wrapper .left-side .main-navbar {
    font-family: "Roboto", sans-serif;
}
#header .header-wrapper .left-side .main-navbar .main-menu {
    display: flex;
    overflow: hidden;
}
#header .header-wrapper .left-side .main-navbar .main-menu .menu-item {
    padding-right: 30px;
}
#header .header-wrapper .left-side .main-navbar .main-menu .menu-item a {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    color: #FFFFFF;
}
#header .header-wrapper .right-side {
    display: flex;
    align-items: center;
}
#header .header-wrapper .right-side .register-button {
    background: linear-gradient(226.23deg, #01A6F3 7.57%, #753D96 103.27%);
    box-shadow: 0px 10px 17px rgba(11, 49, 183, 0.15);
    border-radius: 20px;
    width: 164px;
    height: 34px;
    display: flex;
    align-items: center;
    margin-left: 35px;
    cursor: pointer;
}
#header .header-wrapper .right-side .register-button a {
    justify-content: center;
    align-items: center;
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 30px;
    color: #FFFFFF;
    text-decoration: none;
    background: none;
}

.menu-item a:hover {
    color: #7BD1FF !important;
}


.lang-list img {
    width: 28px;
    height: 20px;
}

.lang-list a {
    text-decoration: none;
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    color: #FFFFFF;
}

.register-button-landing {
    filter: drop-shadow(0px 10px 17px rgba(11, 49, 183, 0.15));
    border-radius: 20px;
    width: 308px;
    height: 53px;
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.register-button-landing a {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    color: #FFFFFF;
    justify-content: center;
    align-items: center;
    padding: 25px 77px;
}

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

.sl-nav {
    display: inline;

}
.sl-nav a {
    color: #FFFFFF;
    text-decoration: none;
}
input.phone {
    padding-left: 70px;
}
input#phone-hidden {
    padding-left: 70px;
}
input#phoneDown {
    padding-left: 50px;
}


.sl-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;

    border-radius: 10px;
}

.sl-nav li {
    cursor: pointer;

}

.sl-nav li ul {
    display: none;
}

.sl-nav li:hover ul {
    position: absolute;
    top: 29px;
    right: -15px;
    display: block;
    display: inline-block;
    background: #3B4568;
    width: 120px;
    padding-top: 0px;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li:hover .triangle {
    position: absolute;
    top: 15px;
    right: -10px;
    z-index: 10;
    height: 14px;
    overflow: hidden;
    width: 30px;
    background: transparent;
}

.sl-nav li:hover .triangle:after {
    content: "";
    display: block;
    z-index: 20;
    width: 15px;
    transform: rotate(45deg) translateY(0px) translatex(10px);
    height: 15px;
    background: #3B4568;
    border-radius: 2px 0px 0px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li ul li {
    position: relative;
    text-align: left;
    background: transparent;
    padding: 15px 15px;
    padding-bottom: 0;
    z-index: 2;
    font-size: 15px;
    color: #3c3c3c;
}

.sl-nav li ul li:last-of-type {
    padding-bottom: 15px;
}

.sl-nav li ul li span {
    padding-left: 5px;
}

.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
    color: #146c78;
}

.sl-flag {
    display: inline-block;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    width: 28px;
    height: 20px;
    background: #aaa;
    position: relative;
    top: 2px;
    overflow: hidden;
}

.flag-de {
    background: url("/img/header/ru.png");
    background-size: cover;
    background-position: center center;
}

.flag-usa {
    background-size: cover;
    background-position: center center;
    background: url("/img/header/en.png");
}

.change-color {
    border-bottom: 0.5px solid #EDEDED;
}

.nav-wrapper span {
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 5px;
}

.hidden-form {
    background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%), #FFFFFF;
    border-radius: 20px;
    min-width: 945px;
    margin: 0 auto;
    display: none;
}

.hidden-form input {
    /*width: 50%;*/
    height: 55px;
    background: #0D1022;
    border-radius: 10px;
}
.form-wrapper {
    z-index: 5000;
    position: relative;
}
.contact-form form {
    padding: 50px 180px !important;
}

/*.hidden-form  .form-wrapper .form-wrapper-item-second .contact-wrapper {*/
/*    padding: 50px 180px !important;*/
/*}*/
.hidden-form .form-wrapper .form-wrapper-item-second {
    background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%);
    border-radius: 20px;
}

.hidden-form .contact-wrapper {
    min-width: 945px;
    margin: 0 auto !important;
}

.form-wrapper-namePhone, .form-wrapper-emailTheme {
    display: flex;
}

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

.register-1, .register-2 {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 144.5%;
    /* or 23px */
    display: block;
    align-items: center;
    padding: 15px 25px;
    color: #FFFFFF;
    background: #0D1022;
    border-radius: 20px;
    text-decoration: none;
    box-sizing: border-box;
}

.register-buttons {
    display: flex;
    justify-content: space-between;
    margin: 39px 0 28px;
}

.register-buttons .register-1:active {
    background: linear-gradient(226.23deg, #01A6F3 7.57%, #753D96 103.27%), #919191;
    border-radius: 20px;
}

.register-buttons .register-2:active {
    background: linear-gradient(226.23deg, #01A6F3 7.57%, #753D96 103.27%);
    border-radius: 20px;
}

.about-container-main {
    position: relative;
    z-index: 2;
}
.animate {
    position: absolute;
    top: 845px;
    z-index: -5;
    right: 0;
}
.animate-left {
    position: absolute;
    top: -20px;
    z-index: -500;
    left: 0;
}
.modal {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    /* Location of the box */
    width: 100%;
    /* Full width */
    height: 100vh;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    z-index: 10;
}

.register-btn {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    margin: 0 auto;
    color: #FFFFFF;
}

/* header */
.hamburger-menu input {
    position: absolute;
    display: none;
    z-index: 2;
    opacity: 1;
}

.c-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
}

input:checked ~ .c-checkbox span:nth-child(2) {
    transform: translateY(-50%) rotate(45deg);
}

input:checked ~ .c-checkbox span:nth-child(3) {
    transform: translateY(-50%) rotate(-45deg);
}

input:checked ~ .c-checkbox span:nth-child(1), input:checked ~ .c-checkbox span:nth-child(4) {
    width: 0%;
    transform: translateY(-50%);
    left: 50%;
    top: 50%;
}

input:checked ~ .c-checkbox .hamburger-menu1 {
    width: 0%;
    transform: translateY(50%);
    left: 50%;
}

.hidden-menu ul {
    display: flex;
    justify-content: flex-end;
}

.hidden-menu ul li {
    position: relative;
    padding: 20px 20px;
    list-style-type: none;
    cursor: pointer;
}
.hidden-menu ul li:not(:last-child):before{
    content: '';
    position: absolute;
    width: calc(100% - 120px);
    display: block;
    height: 1px;
    background: rgba(255,255,255, 0.1);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.hidden-menu ul li a {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    color: #FFFFFF;
}

.hidden-menu ul li:hover {
    color: #bbb;
}

.hidden-menu {
    visibility: hidden;
}

@media (max-width: 1024px) {
    .career-wrapper {
        padding: 0 20px;
    }
    .g-main-home-form {
        width: 95% !important;
    }
    .register-button-main {
        display: none !important;
    }
    .close-button {
        right: 100px !important;
    }
    #top-nav {
        display: none;
    }

    .hamburger-menu, .menu-wrapper {
        display: block !important;
    }

    #header .main-navbar {
        display: none;
    }

    .hamburger-menu {
        visibility: visible;
        cursor: pointer;
    }

    .hidden-menu nav {
        visibility: hidden;
        height: 0%;
        width: 0%;
    }

    .nav-change {
        width: 400px;
        height: 90vh;
        transition: height 2s;
        visibility: visible;
        background: #090A17;
        border-radius: 0px 0px 10px 0px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .navlist-change {
        max-height: 100%;
        transition: height 2s;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.c-checkbox span:nth-child(4), .c-checkbox span:nth-child(2), .c-checkbox span:nth-child(3), .c-checkbox span:nth-child(1) {
    left: 0;
    position: absolute;
    height: 11%;
    width: 100%;
    background-color: white;
    border-radius: 10px;
}

.c-checkbox span:nth-child(1) {
    top: 0px;
    transition: 0.25s ease-in-out;
}

.c-checkbox span:nth-child(2), .c-checkbox span:nth-child(3) {
    top: 50%;
    transform: translateY(-50%);
    transition: 0.25s ease-in-out;
}

.c-checkbox span:nth-child(4) {
    bottom: 0px;
    transition: 0.25s ease-in-out;
}

.hamburger-menu {
    cursor: pointer;
    z-index: 5;
    position: absolute;
    top: 50px;
    left: 20px;
}

.description {
    color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

#header .main-menu {
    text-align: center;
}

.hamburger-menu, .menu-wrapper {
    display: none;
    width: 0;
}

.register-button-hidden {
    background: linear-gradient(226.23deg, #01A6F3 7.57%, #753D96 103.27%);
    box-shadow: 0px 10px 17px rgba(11, 49, 183, 0.15);
    border-radius: 20px;
    width: 238px;
    height: 47px;
    display: flex;
    align-items: center;
}

.register-button-hidden span {
    justify-content: center;
    align-items: center;
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 14px;
    padding: 10px 30px;
    color: #FFFFFF;
    text-decoration: none;
    background: none;
}
.register-btn:hover {

}
.register-1, .register-2 {
    width: 49%;
}

.selectStyle {
    font-family: "Arial";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
    /* or 22px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

/*#header .header-wrapper .right-side .register-button:hover {*/
/*    background: red !important;*/
/*}*/

/*.about-container-main {*/
/*    background-image: url(/img/about/bg-1.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: top left;*/
/*    position: relative;*/
/*    z-index: 100;*/
/*}*/

/*.about-container-main:after {*/
/*    content: "";*/
/*    background-image: url(/img/about/bg-2.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: bottom right;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 54px;*/
/*    width: 671px;*/
/*    height: 1003px;*/
/*    z-index: -1;*/
/*}*/

.contaier {
    max-width: 1140px;
    margin: auto;
}

.banner {
    position: relative;
    background-image: url(/img/landing/img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.banner .landing-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 80px;
    line-height: 94%;
    color: #FFFFFF;
    padding-bottom: 20px;
}
.banner .landing-left-inner {
    max-width: 550px;
}
.banner .landing-left-inner .landing-subtitle {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 31px !important;
    line-height: 37px !important;
    color: #7BD1FF !important;
    margin-bottom: 15px;
    max-width: 450px;
}
.banner .landing-left-inner .landing-description {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    text-align: left;
    color: #FFFFFF;
    max-width: 477px;
}

.landing-subtitle {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 31px !important;
    line-height: 37px !important;
    color: #7BD1FF !important;
    margin-bottom: 10px;
    max-width: 450px;
}

.landing-description {
    max-width: 477px;
}
@media(min-width: 1024px) and (max-width: 1200px) {
   .career-form  {
       max-width: 960px !important;
    }
}
@media (max-width: 1024px) {
    .about-container-main:after {
        display: none;
    }
   .career-form .iti {
        width: 122% !important;
    }
   .career-form .form-wrapper > div {
        width: auto;
   }
   .career-form .form-inner-box  {
        padding: 40px 58px 50px !important;
    }
   .career-form {
       max-width: 1140px !important;
   }
    .career-form .first-content input {
        width: 81%;
    }
    .form-wrapper-item-second.career-down {
        margin-top: 20px !important;
    }
    .about-container-main {
        background-image: none;
    }
    #formDown {
        padding: 0 !important;
    }
}
footer {
    flex: 0 0 auto;
}
footer .footer-wrapper {
    background: rgba(0, 0, 0, 0.28);
    padding: 32px 0;
}
footer .footer-wrapper .left-side .logo-block {
    display: flex;
}
footer .footer-wrapper .left-side .logo-block a {
    display: flex;
    text-decoration: none;
}
footer .footer-wrapper .left-side .logo-block .logo-title {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}
footer .footer-wrapper .right-side .main-navbar .main-menu {
    display: flex;
}
footer .footer-wrapper .right-side .main-navbar .main-menu .menu-item a {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    color: #FFFFFF;
}

.menu-item-footer:not(:first-child) {
    padding-left: 30px;
}

.logo-block img {
    width: 63px;
    height: 35px;
    margin-right: 10px;
}

.copyright {
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright p {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    letter-spacing: 0.03em;
    padding: 40px 0 60px;
    color: #FFFFFF;
}

.footer-inner {
    display: flex;
    margin: 0 auto;
    max-width: 1140px;
    justify-content: space-between;
    align-items: center;
}

.main-menu-footer {
    display: flex;
}

.main-menu-footer a {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    color: #FFFFFF;
}

.about-wrapper {
    margin: 0 auto;
    max-width: 1140px;
    padding-bottom: 90px;
}

.about-container {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.about-container > div {
    flex: 1 1 200px;
}

.about-title {
    margin-top: 180px;
    text-align: center;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 57px;
    color: #FFFFFF;
}

.box {
    background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%);
    box-shadow: 0px 12.5414px 36.3702px rgba(7, 8, 23, 0.13);
    border-radius: 20px;
    padding: 30px 50px 20px;
}


.box-image {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 57px;
    color: #FFFFFF;
}

.box-description {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 128.69%;
    color: #FFFFFF;
    padding-top: 10px;
}

.description-center {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 128.69%;
    color: #FFFFFF;
    padding-top: 10px;
    text-align: center;
}
input#phoneUp {
    padding-left: 50px;
}
.box-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 33px;
    color: #FFFFFF;
    margin-top: 20px;
}

.title-center {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF;
}

.border-gradient {
    display: flex;
    width: 270px;
    height: 53px;
    border: double 2px transparent;
    border-radius: 20px;
    background-image: linear-gradient(#12162F, #12162F), linear-gradient(to left, rgb(1, 166, 243), rgb(117, 61, 150));
    background-origin: border-box;
    filter: drop-shadow(0px 10px 17px rgba(11, 49, 183, 0.15));
    background-clip: content-box, border-box;
    justify-content: center;
    align-items: center;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    color: #FFFFFF;
}

.our-project {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 180px;
}

.our-project-item p {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    /* or 25px */
    padding-top: 15px;
    color: #FFFFFF;
    max-width: 650px;
}

.project-item-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 150%;
    /* identical to box height, or 72px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

.project-item-info {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    /* or 25px */
    color: #FFFFFF;
}

.about-container-inner {
    display: flex;
    justify-content: space-between;
    padding-bottom: 170px;
}

.box-second {
    margin-right: 20px;
}

.advantages-wrapper .advantages-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 150%;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    text-align: center;
}
.advantages-wrapper .advantages-items {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.advantages-wrapper .advantages-items .advantages-item {
    width: 205px;
}
.advantages-wrapper .advantages-items .advantages-item .advantages-info {
    font-size: 25px;
}
.advantages-wrapper .advantages-items .advantages-item .advantages-description {
    padding-top: 10px;
}
.advantages-description {
    font-weight: 700;
    line-height: 21px;
    font-family: 'SFProDisplay', sans-serif;
}
.advantages-info span {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 71px;
    line-height: 97px;
    text-align: center;
    font-feature-settings: "salt" on, "liga" off;
    color: #FFFFFF;
}

.form-wrapper {
    display: flex;
    max-width: 1140px;
    margin: 0 auto;
}
.form-wrapper .form-wrapper-item {
    display: flex;
    align-items: stretch;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner {
    padding: 40px 30px 50px;
    background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%);
    border-radius: 20px;
    margin-right: 20px;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-title {
    max-width: 285px;
    margin-bottom: 10px;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-info {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    /* or 27px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-phone {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    /* identical to box height, or 27px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
    margin-top: 20px;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-number {
    margin-top: 10px;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 150%;
    /* identical to box height, or 32px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social p {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    /* or 27px */
    margin-top: 20px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .messengers {
    margin-top: 10px;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .messengers img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .social-platforms {
    margin-top: 10px;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .social-platforms .social-platforms-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    /* identical to box height, or 27px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .social-platforms img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
.form-wrapper .form-wrapper-item-second {
    background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%);
    border-radius: 20px;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner {
    padding: 40px 30px 60px;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-subtitle {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    /* identical to box height, or 42px */
    margin-bottom: 40px;
    letter-spacing: 0.03em;
    text-align: center;
    color: #FFFFFF;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone {
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
}
#phoneF {
    padding-left: 70px;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone > div {
    width: 50% !important;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone > div:first-child input  {
    width: calc(100% - 58px) ;
}
/*.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone > div:first-child {*/
/*    margin-right: 20px;*/
/*}*/
.modal .iti {
    width: 123% !important;
    margin-left: 8px;
}


/*.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone > div input {*/
/*    width: calc(100% - 67px) !important;*/
/*}*/
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone input {
    /*width: 50%;*/
    height: 55px;
    background: #0D1022;
    border-radius: 10px;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme {
    display: flex;
    justify-content: space-between;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme input {
    /*width: 47%;*/
    height: 55px;
    background: #0D1022;
    border-radius: 10px;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme .select select {
    width: 50%;
    height: 55px;
    background: #3B4568;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme .select select option {
    width: 50%;
    height: 55px;
    background: #3B4568;
    border-radius: 10px;
}

.form-wrapper > div {
    width: 50%;
}

.select {
    position: relative;
    background: #3B4568;
    border-radius: 10px;
    width: 47%;
    height: 55px;
}
.select select {
    -webkit-appearance: none;
    background-color: transparent;
    outline: 0;
    border: 0;
    display: block;
    width: 100%;
    padding: 0px 15px;
    height: 3rem;
    font-size: 1rem;
    font-weight: 400;
}
.select select:focus + fieldset {
    border: 2px solid #c5c5c7;
}
.select select:focus + fieldset legend {
    margin: -1px 0px 0px -1px;
}
.select select:hover + fieldset {
    border-color: #c5c5c7;
}
.select fieldset {
    position: absolute;
    border: 1px solid #e5e5e7;
    border-radius: 5px;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 10px;
}
#modalVacancy li::before {
    content: "\2022";
    color:  #FFFFFF;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.select legend {
    font-size: 12px;
    padding: 0 5px;
    line-height: 0;
    color: #757577;
}
.select svg {
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 0;
    margin: auto;
    height: 1.5rem;
    width: 1.5rem;
    fill: #757577;
    pointer-events: none;
}

.text-info {
    position: relative;
}

.text-info textarea {
    width: 100%;
    height: 175px;
    background: #0D1022;
    border-radius: 10px;
    border: none;
}

label.custom-file-upload::after {
    position: absolute;
    content: "";
    bottom: 40px !important;
    width: 11px;
    height: 22px;
    right: 20px;
    background: url("/img/form/Vector (4).svg") no-repeat;
    background-size: cover;
    cursor: pointer;
}

input:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 10px;
}
.carier-form .sendEmail {
    margin-top: 30px !important;
}
.carier-form .form-inner-box {
    padding-top: 0 !important;
}
input {
    border: none;
}

.form-registration {
    background: linear-gradient(226.23deg, #01A6F3 7.57%, #753D96 103.27%);
    box-shadow: 0px 10px 17px rgba(11, 49, 183, 0.15);
    border-radius: 20px;
    width: 268px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 45px auto 0;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}
.form-registration:hover {
    display: flex;
    width: 268px;
    height: 49px;
    border: double 2px transparent;
    border-radius: 20px;
    background-image: linear-gradient(#12162F, #12162F), linear-gradient(to left, rgb(1, 166, 243), rgb(117, 61, 150));
    background-origin: border-box;
    filter: drop-shadow(0px 10px 17px rgba(11, 49, 183, 0.15));
    background-clip: content-box, border-box;
    justify-content: center;
    align-items: center;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    color: #FFFFFF;
}
.form-wrapper-namePhone input::-moz-placeholder {
    padding-right: 15px !important;
}

.form-wrapper-namePhone input:-ms-input-placeholder {
    padding-right: 15px !important;
}

.form-wrapper-namePhone input::placeholder {
    padding-right: 15px !important;
}

.career-wrapper {
    margin: 0 auto;
    max-width: 1140px;
    /*background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%);*/
    box-shadow: 0px 12.5414px 36.3702px rgba(7, 8, 23, 0.13);
    border-radius: 20px;
    margin-top: 180px;
}
.career-wrapper .career-wrapper-inner {
    padding: 60px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.career-wrapper .career-wrapper-inner .career-wrapper-item-1 {
    width: 47%;
    margin-right: 60px;
}
.career-wrapper .career-wrapper-inner .career-wrapper-item-1 img {
    width: 100%;
}
.career-wrapper .career-wrapper-inner .career-wrapper-item {
    width: 51%;
}
.career-wrapper .career-wrapper-inner .career-wrapper-item p {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    /* or 25px */
    color: #FFFFFF;
}
.contact-img-illustration {
    position: absolute;
    width: 100%;
    right: 0;
    top: -115px;
    z-index: -5;
}
.contact-bg {
    position: absolute;
    top: -30%;
    right: 0;
}
.career-wrapper .career-wrapper-inner .career-wrapper-item .border-gradient-career {
    display: flex;
    width: 270px;
    height: 53px;
    border: double 2px transparent;
    border-radius: 20px;
    background-image: linear-gradient(#12162F, #12162F), linear-gradient(to left, rgb(1, 166, 243), rgb(117, 61, 150));
    background-origin: border-box;
    filter: drop-shadow(0px 10px 17px rgba(11, 49, 183, 0.15));
    background-clip: content-box, border-box;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    color: #FFFFFF;
}

.career-wrapper-title {
    margin-bottom: 10px;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    /* identical to box height, or 42px */
    letter-spacing: 0.03em;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.career-info {
    padding-bottom: 10px;
}

/*.pages-main-wrapper {*/
/*  background-image: url(/img/about/bg-1.png);*/
/*  background-repeat: no-repeat;*/
/*  position: relative;*/
/*  background-position: left 724px;*/
/*  z-index: 500;*/
/*}*/

.pages-main-wrapper:after {
    content: "";
    background-image: url(/img/about/bg-2.png);
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    top: 298px;
    right: 0;
    width: 500px;
    height: 730px;
    z-index: -60;
}
/*.pages-main-wrapper:after {*/
/*    content: "";*/
/*    background-image: url(/img/about/bg-2.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: right;*/
/*    position: absolute;*/
/*    top: 298px;*/
/*    right: 0;*/
/*    width: 500px;*/
/*    height: 730px;*/
/*    z-index: -60;*/
/*}*/

@media (max-width: 1024px) {
    .pages-main-wrapper:after {
        display: none;
    }

    .pages-main-wrapper {
        background-image: none;
    }
}
.slider-wrapper {
    background: #12162F;
}

.slider {
    margin: 90px 0 180px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/*.slider__item {*/
/*    width: 754px!important;*/
/*    height: 404px;*/
/*    padding: 20px;*/
/*}*/

/*.slider img {*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

.slide-item-inner{
    max-width: 754px;
    max-height: 404px;
    width: 100%;
}
.slide-item-inner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Слайдер запущен */
/* Слайдер с точками */
/* Ограничивающая оболочка */
.slick-list {
    overflow: hidden;
}

/* Лента слайдов */
.slick-track {
    display: flex;
}

/* Слайд */
/* Слайд активный (показывается) */
/* Слайд основной */
/* Слайд по центру */
/* Клонированный слайд */
/* Стрелка */
.slick-arrow {
    z-index: 999;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top;
    background-color: transparent;
    border: none;
    width: 64px;
    height: 64px;
    left: 50%;
    transform: translateX(-50%);
}
.slick-arrow:hover {
    cursor: pointer;
    opacity: 0.8;
}

/* Стрелка влево */
.slick-arrow.slick-prev {
    font-size: 0px;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    background-image: url("/img/slider/left-arrow.png");
}

/* Стрелка вправо */
.slick-arrow.slick-next {
    font-size: 0px;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    background-image: url("/img/slider/right-arrow.webp");
}
.slick-arrow.slick-prev:hover {
    font-size: 0px;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    background-image: url("/img/slider/left (1).png");
}

/* Стрелка вправо */
.slick-arrow.slick-next:hover {
    font-size: 0px;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    background-image: url("/img/slider/right (1).png");
}

/* Стрелка не активная */
/* Точки (булиты) */
.slick-dots {
    position: absolute;
    bottom: -26px;
    list-style: none;
    text-align: center;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slick-dots li {
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #E5E5E5;
    margin: 0px 10px;
    width: 18px;
    height: 18px;
    position: relative;
}
.slick-dots li:hover {
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0px;
    background-color: transparent;
    border: none;
}

.slick-dots .slick-active {
    background-color: white !important;
    border: 3px solid #E5E5E5 !important;
}
.slick-dots .slick-active button {
    position: absolute !important;
    height: 20px !important;
    width: 20px !important;
    border: 3px solid black !important;
    left: -1px !important;
    border-radius: 50% !important;
    top: -5% !important;
}
.menu-item-footer a:hover {
    color: #7BD1FF !important;
}
/*.banner-wrapper {*/
/*    background-image: url(/img/about/about-us/banner.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    margin-bottom: 80px;*/
/*}*/
.banner-wrapper .banner-wrapper-inner {
    max-width: 1140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner-wrapper .banner-wrapper-inner .banner-wrapper-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 80px;
    line-height: 94%;
    /* or 75px */
    color: #FFFFFF;
    z-index: 2331;
}
.banner-wrapper .banner-items {
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 0 auto;
    justify-content: space-between;
}
.banner-wrapper .banner-items .banner-item {
    width: 579px;
    height: 386px;
    max-width: 49%;
}
.banner-wrapper .banner-items .banner-item img {
    width: 100%;
    border-radius: 20px;
}

.container {
    max-width: 1140px;
    margin: auto;
}

.banner-items {
    display: flex;
    flex-wrap: wrap;
    max-width: 1180px;
    gap: 30px;
    margin: 0 auto;
    /* justify-content: space-between; */
}

.banner-item img {
    border-radius: 20px;
}

.banner-item {
    height: 386px;
}

.banner-fintech {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    /* or 25px */
    padding-top: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.fintech-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 27px;
    line-height: 141.5%;
    /* or 40px */
    padding: 15px 0 25px;
    color: #FFFFFF;
}

.about-us-wrapper {
    margin: 80px 0 160px;
}

.hiddenInfo {
    display: none;
    font-size: 20px !important;
    padding: 40px 38px 20px 38px;
}

.hidden-info-1 {
    font-size: 16px !important;
    padding-left: 35px;
    line-height: 50px;
}
ul#iti-0__country-listbox
 {
    background: lightgrey !important;
}

ul#iti-1__country-listbox {
    background: lightgrey !important;
}

.banner-item:hover .hiddenInfo {
    display: block;
    z-index: 80000;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    /* or 21px */
    max-width: 438px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

.banner-item {
    position: relative;
}

@media (max-width: 1200px) {
    .banner-item img {
        width: 100%;
        /*height: 382px;*/
    }
    .career-down {
        margin-top: 20px;
    }
    .header-wrapper {
        padding: 0 20px;
    }

    .about-us-wrapper {
        padding: 0 20px;
    }

    .footer-inner {
        padding: 0 20px;
    }
}
@media(max-width: 1320px) {
    .career-img {
        right: 85px !important;
    }
}
@media(max-width: 1400px) {
    .career-img {
        right: 15px !important;
    }
}
@media (max-width: 1044px) {
    .career-img {
        display:none;
    }
}

@media (min-width: 1044px) and (max-width: 1400px){
    .career-img {
        width: 492px !important;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .banner-item {
        width: 728px;
        height: 382px;
    }

    .banner-inner {
        margin: 0 auto;
    }
    .works-illustration {
        display: none;
    }
    .banner-item img {
        width: 100%;
        height: 100%;
    }

    .visible-img {
        display: none;
    }

    .hidden-img {
        display: block !important;
    }

    .banner-inner {
        margin: 0 auto;
    }
}
@media (min-width: 1024px)  and (max-width: 1250px){
    .works-illustration {
        right: 2%;
    }
    .project-wrapper-info {
        padding: 120px 0 0 30px;
    }
}
@media (max-width: 860px) {
    .second-illustration {
        display: none;
    }
}
@media (min-width: 200px) and (max-width: 768px) {
    .banner-item {
        width: 100%;
        height: 382px;
    }
    .career-wrapper .career-wrapper-inner .career-wrapper-item .border-gradient-career {
        margin: 40px auto 0 !important;
    }
    .close-button {
        right: 180px !important;
    }
    .hidden-btn {
        display: block !important;
    }
    .hidden-btn a {
        width: 100% !important;
    }
    .hidden-btn-second {
        margin-top: 20px;
    }
    /* .hidden-form  .form-wrapper .form-wrapper-item-second .contact-inner-form {
        padding: 50px 270px !important;
    } */
    .form-wrapper-item-second {
        margin-top: 20px;
    }
    .banner-inner {
        margin: 0 auto;
    }

    .banner-item img {
        width: 100%;
        height: 100%;
    }

    .banner-img {
        position: absolute;
        top: 50px;
    }

    .banner-wrapper-title {
        text-align: center;
        margin: 0 auto;
        font-size: 48px !important;
        z-index: 23123 !important;
    }

    .about-us-wrapper {
        margin: 200px 0 160px;
    }

    .banner-wrapper-title {
        padding-bottom: 200px;
    }

    .banner-wrapper {
        margin-bottom: 0px;
    }
    .g-form {
        width: 95% !important;

    }
}
/*.project-wrapper-inner {*/
/*    background-image: url("/img/projects/banner-projects.png");*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    padding: 0px 0 125px;*/
/*}*/

.project-wrapper-items {
    position: relative;
    display: flex;
    max-width: 1140px;
    justify-content: space-between;
    align-items: center;
}

.container {
    max-width: 1140px;
    margin: auto;
}

.project-items {
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 264px auto 140px;
    justify-content: space-between;
}

.project-inner-item img {
    border-radius: 20px;
}

.project-inner-item {
    overflow: hidden;
    height: 386px;
}
.project-inner-item:hover .animate-overlay {
    top: 0;
    border-radius: 20px;
}

.banner-project-fintech {
    position: relative;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    /* or 25px */
    padding-top: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.fintech-project-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 141.5%;
    /* or 40px */
    color: #FFFFFF;
    margin-bottom: 55px;
}

.banner-wrapper-info {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    /* or 25px */
    max-width: 435px;
    color: #FFFFFF;
}

.project-wrapper-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 80px;
    line-height: 94%;
    max-width: 440px !important;
    /* or 75px */
    padding-bottom: 25px;
    color: #FFFFFF;
}
.project-img {
    position: absolute;
    width: 88%;
    top: 0;
    right: 0;
}

.project-img img {
    width: 100%;
}

.project-wrapper-info {
    position: relative;
    z-index: 1;
    padding-top: 120px;
}

.hover-container {
    background: linear-gradient(217.77deg, #01A6F3 -11.26%, #753D96 87.29%);
    overflow: hidden;
    height: 250px;
    width: 250px;
    box-shadow: 0 22px 44px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.hover-container img {
    display: block;
}
.career-illustration {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
}
.career-img {
    position: absolute;
    top: 0%;
    right: 12%;
    width: 600px;
    z-index: 2;
}
.image {
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center center;
    background-size: 250px;
    transition: background-size 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.hover-title {
    position: absolute;
    z-index: 99;
    bottom: 50px;
    left: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    font-weight: lighter;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 10px #000;
}

.hover {
    background: linear-gradient(217.77deg, #01A6F3 -11.26%, #753D96 87.29%);
    position: absolute;
    background: rgba(45, 45, 55, 0.5);
    width: 500px;
    height: 500px;
    top: 220px;
    left: 40px;
    transform: rotate(45deg);
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.hover i {
    color: #fff;
    font-size: 40px;
    text-decoration: none;
    position: absolute;
    top: 100px;
    left: 10px;
    transform: rotate(-45deg);
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.hover-container:hover .image {
    background: linear-gradient(217.77deg, #01A6F3 -11.26%, #753D96 87.29%);
    background-size: 290px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.hover-container:hover p {
    display: none;
}

.hover-container:hover .hover {
    top: -135px;
    left: -80px;
}

.hover-container:hover .hover i {
    background: linear-gradient(217.77deg, #01A6F3 -11.26%, #753D96 87.29%);
    font-size: 90px;
    top: 50%;
    left: 50%;
    transform: rotate(-45deg) translateY(-50%) translateX(-50%);
}

.project-inner-item {
    position: relative;
}
.about-right-illustration {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
}
.banner-inner {
    overflow: hidden;
}
.animate-overlay {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s;
    z-index: 2;
    background: linear-gradient(217.77deg, #01A6F3 -11.26%, #753D96 87.29%);
}

.banner-item:hover .animate-overlay {
    top: 0;
    border-radius: 20px;
}

.hiddenText {
    margin: 0 auto;
    padding: 25px 35px 0 38px;
    line-height: 50px;
    font-size: 20px;
}

/*.project-inner-item:hover .hiddenText {*/
/*    opacity: 1;*/
/*    z-index: 80000;*/
/*    font-family: 'SFProDisplay', sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 14px;*/
/*    line-height: 150%;*/
/*    !* or 21px *!*/
/*    max-width: 456px;*/
/*    letter-spacing: 0.03em;*/
/*    margin: 0 auto;*/
/*    color: #FFFFFF;*/
/*    transition: 1.25s ease;*/
/*}*/

.hiddenTitle {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 38px !important;
    line-height: 150%;
    /* identical to box height, or 57px */
    color: #FFFFFF;
}

@media (max-width: 1024px) {
    .project-wrapper-info {
        padding-left: 20px;
    }

    .advantages-video video{
        width: 600px !important;
        height: auto !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    .project-wrapper-inner {
        background-position: right;
    }

    .project-items {
        justify-content: center;
    }
}
@media (max-width: 1100px) {
    .project-items {
        justify-content: center;
    }

    .project-inner-item {
        width: 100%;
    }
}
.contact-banner {
    padding-top: 120px;
}
.contact-banner .contact-banner-inner .container {
    max-width: 1140px;
    margin: auto;
}
.contact-banner .contact-banner-inner .container .contact-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-banner .contact-banner-inner .container .contact-inner .contact-info .contact-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px !important;
    line-height: 45px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
.contact-banner .contact-banner-inner .container .contact-inner .contact-info p {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    /* or 25px */
    max-width: 492px;
    color: #FFFFFF;
}
.contact-banner .about-contact {
    margin: 170px auto 60px;
    max-width: 945px;
    background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%), #FFFFFF;
    border-radius: 20px;
}
.contact-banner .about-contact .about-contact-inner {
    padding: 55px;
}
.contact-banner .about-contact .about-contact-inner .contact-title {
    text-align: center;
    padding-bottom: 20px;
}
.contact-banner .about-contact .about-contact-inner .contact-socials {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
.contact-banner .about-contact .about-contact-inner .contact-socials .contact-socials-item .contact-phone {
    line-height: 32px;
    padding-bottom: 20px;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    /* identical to box height, or 32px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
.contact-banner .about-contact .about-contact-inner .contact-socials .contact-socials-item .contact-number {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 150%;
    /* identical to box height, or 32px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
}
.contact-banner .about-contact .about-contact-inner .contact-socials .contact-socials-item .contact-messenger {
    padding-bottom: 15px;
    line-height: 32px;
}
.contact-banner .about-contact .about-contact-inner .contact-socials .contact-socials-item .social-contact-title {
    padding-bottom: 15px;
    line-height: 32px;
}

.fonts {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 150%;
    /* identical to box height, or 32px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

.contact-socials-item a {
    padding-right: 20px;
}

.contact-wrapper {
    min-width: 946px;
    margin: 0 auto !important;
}
.contact-page-form .inputStyle.email-box {
    width: 88% !important;
}
@media (min-width: 990px) {
    /*.modal .contact-wrapper .iti {*/
    /*    width: 116% !important;*/
    /*}*/

}

.form-wrapper .form-wrapper-item-second .contact-inner-form {
    padding: 50px 180px;
}

.banner-form {
    z-index: 100;
    position: relative;
}

.contact-wrapper-main {
    position: relative;
    z-index: 100000;
}


.contact-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 38px !important;
    line-height: 45px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

.contact-subtitle {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 150%;
    /* identical to box height, or 57px */
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

@media (min-width: 1024px) {
    .contact-inner {
        padding: 0 20px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    /* .contact-img {
      display: none;
    } */

    .contact-inner {
        padding: 0 20px;
    }

    .contact-wrapper-main::after {
        display: none;
    }

}
@media (max-width: 1180px) {
    .contact {
        padding: 0 20px !important;
    }
}
@media (max-width: 1024px) {
    .contact-wrapper-main::after {
        display: none;
    }
    .form-wrapper.banner-form.contact-page-form
    {
        margin-top: 20px !important;
        padding: 20px;
    }
    .contact-socials {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .vacancies-wrapper {
        padding: 0 20px;
    }
}
@media (max-width: 974px) and (min-width: 300px) {
    .form-subtitle {
        font-size: 28px !important;
    }

    /* .about-contact {
      max-width: 728px !important;
    } */

    /* .contact-img {
      display: none;
    } */

    /* .contact-inner {
      padding: 0 20px;
    } */

    .contact-banner {
        padding: 120px 20px 0 20px;
    }

    /* .about-contact-inner {
      text-align: center;
    } */

    .form-wrapper-namePhone input {
        width: 100%;
    }

    .form-wrapper-emailTheme {
        width: 100%;
    }
}

.career-main {
    /* background-image: url(/img/career/Карьера-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 835px; */
}

.career-main-wrapper .contact {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
}
.career-main-wrapper .contact .career-main-inner {
    padding: 120px 0 215px 0;
    position: relative;
    z-index: 5;
}
.career-main-wrapper .contact .career-main-inner .career-main-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 80px;
    color: #FFFFFF;
}
.career-main-wrapper .contact .career-main-inner .career-main-info {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    /* or 25px */
    max-width: 520px;
    color: #FFFFFF;
    padding-top: 25px;
}
.career-main-wrapper .contact .vacancies-wrapper .vacancies-wrapper-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.vacancies-wrapper-inner {
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    justify-content: space-between;
}

.vacancies-inner-item {
    background: linear-gradient(180deg, #28314E 0%, #1A1C33 134.81%);
    box-shadow: 0px 12.5414px 36.3702px rgba(7, 8, 23, 0.13);
    border-radius: 20px;
    width: 25%;
    padding: 40px 30px;
    margin-bottom: 20px;
}
.vacancies-inner-item:hover {
    background: linear-gradient(249.55deg, #01A6F3 -0.57%, #753D96 104.59%);
    box-shadow: 0px 12.5414px 36.3702px rgba(7, 8, 23, 0.13);
    border-radius: 20px;
    cursor: pointer;
}
#modalVacancy .vacansy-item-title {
    font-size: 22px;
    padding: 10px 10px;
}
#modalVacancy li {
    font-size: 20px;
    line-height: 140%;
}
.vacancies-wrapper {
    max-width: 1140px;
    margin: 0 auto 170px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.vacancies-info {
    max-width: 300px;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 128%;
    /* or 36px */
    color: #FFFFFF;
}

.vacancies-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 35px;
}

.vacancies-flex div:first-child {
    display: flex;
    align-items: center;
}

.vacancies-flex img {
    width: 32px;
    height: 32px;
    padding-right: 10px;
}

.vacancies-cost {
    padding-top: 30px;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 128%;
    /* identical to box height, or 27px */
    color: #FFFFFF;
}

.vacancies-duration {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */
    color: rgba(255, 255, 255, 0.5);
}

.career-gradient {
    margin: 0 auto;
    margin-top: 70px;
}

.vacancies-text {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.5%;
    /* or 25px */
    max-width: 615px;
    color: #FFFFFF;
}

.vacancy-title {
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 150%;
    /* identical to box height, or 72px */
    letter-spacing: 0.03em;
    color: #FFFFFF;

}

.vacancies-description {
    margin: 49px 0 40px;
}

@media (min-width: 1024px) {
    /* .career-main {
      background-image: url(/img/career/Карьера-1.png);
      background-repeat: no-repeat;
      background-position: -324px 19px;
      height: 835px;
    } */

    .vacancies-inner-item {
        width: 25% !important;
    }
}
/* @media (min-width: 1300px) {
  .career-main {
    background-image: url(/img/career/Карьера-1.png);
    background-repeat: no-repeat;
    background-position: -230px 19px;
    height: 835px;
  }
}
@media (min-width: 1350px) {
  .career-main {
    background-image: url(/img/career/Карьера-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 835px;
  }
} */
/* @media (max-width: 1023px) {
  .career-main {
    background-image: url(/img/career/Карьера.png);
    background-repeat: no-repeat;
  }
} */
@media (min-width: 768px) {
    .vacancies-inner-item {
        width: 40%;
    }
}

/* new style */
.flex {
    display: flex;
}
.banner {
    background: none;
}
.banner .container {
    position: relative;
    /* background: url(/img/landing/img.png) right center/cover no-repeat; */
    padding: 110px 20px 140px;
}
.form-wrapper {
    padding: 0 40px;
}
/*.career-wrapper {*/
/*    padding: 0 20px;*/
/*}*/
.about-container-main {
    padding: 0 20px;
}
.banner-inner {
    position: relative;
    z-index: 2;
}
.main-illustration {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 0;
}
.header-bg-illustration {
    position: absolute;
    bottom: 0;
    right: 0;
}
.landing-descr {
    font-family: 'SFProDisplay', sans-serif;
    font-weight: 400;
    max-width: 450px;
}
.advantages-item__number {
    font-family: 'SFProDisplay', sans-serif;
    font-weight: 400;
    font-size: 71px;
    text-align: center;
    color: #FFFFFF;
}
.advantages-item__number span {
    font-size: 29px;
    margin-left: 10px;
}
.advantages-description {
    text-align: center;
}
.career-wrapper-item_1024, .career-wrapper-item_768, .career-wrapper-item_375 {
    display: none;
}
/*.career-img {*/
/*    position: absolute;*/
/*    top: 3%;*/
/*    right: -7%;*/
/*    width: 600px;*/
/*}*/
/*.form-wrapper {*/
/*    margin: 180px auto 160px;*/
/*}*/
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone input {
    font-family: 'Arial';
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    padding: 0 20px;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme input {
    font-family: 'Arial';
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    padding: 0 20px;
}
.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme .select select {
    font-family: 'Arial';
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    padding: 0 15px;
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
}
.select {
    width: 54%;
}
.select svg {
    fill: #FFFFFF;
    height: 30px;
    width: 30px;
    top: 6px;
}
form .iti__selected-flag {

    padding: 0 9px 0 15px !important;
}
.text-info textarea {
    font-family: 'Arial';
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    padding: 20px 20px;
    box-sizing: border-box;
}
.form-title_1024 {
    display: none;
}
.messengers-title {
    margin: 20px 0 10px 0;
}
.select-width {
    width: 52%;
}
.register-1, .register-2 {
    text-align: center;
}
.contact-socials-item {
    margin-top: 10px;
}
.contact-banner .contact-banner-inner .container .contact-inner {
    position: relative;
}
.contact-banner .contact-banner-inner .container .contact-inner .contact-info .contact-title {
    max-width: 500px;
    margin-bottom: 20px;
}
.contact-img {
    position: absolute;
    top: -25%;
    right: 0;
}
.contact-info {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1200px) {
    .career-img {
        right: 0;
    }
}

@media screen and (max-width: 1140px) {
    .down-right {
        right: 0;
    }
}

@media screen and (max-width: 1023.98px) {
    /*.slider__item {*/
    /*    width: 100%!important;*/
    /*    height: 404px;*/
    /*    padding: 20px;*/
    /*}*/
    .banner .container {
        padding: 90px 20px 105px 20px;
    }
    .banner-wrapper .banner-wrapper-inner .banner-wrapper-title {
        font-size: 50px;
    }
    .about-container-main {
        padding: 0 20px;
    }
    .advantages-wrapper .advantages-title {
        font-size: 38px;
    }
    .about-container > div {
        flex: 1 1 1;
    }
    .about-title {
        margin-top: 130px;
        font-size: 38px;
    }
    .box-title {
        font-size: 24px;
    }
    .box-description {
        font-size: 18px;
    }
    .project-item-title {
        font-size: 28px;
    }
    .our-project-item p {
        font-size: 16px;
    }
    .career-wrapper {
        margin-top: 130px;
    }
    .career-wrapper-item-1 {
        display: none;
    }
    .career-wrapper-item_1024 {
        display: block;
        margin-right: 30px;
    }
    .career-wrapper-title {
        font-size: 23px;
    }
    .career-wrapper .career-wrapper-inner .career-wrapper-item p {
        font-size: 16px;
    }
    .career-wrapper .career-wrapper-inner .career-wrapper-item .border-gradient-career {
        margin-top: 30px;
    }
    .form-wrapper {
        flex-direction: column;
        margin: 130px auto;
        padding: 0 40px;
    }
    .form-wrapper > div {
        width: 100%;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner {
        margin-right: 0;
    }
    .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner {
        max-width: 700px;
        margin: 0 auto;
    }
    .form-wrapper .form-wrapper-item {
        display: block;
    }
    .form-wrapper .form-wrapper-item-second {
        margin-top: 20px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-title {
        display: none;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-info {
        display: none;
    }
    .form-title_1024 {
        display: block;
    }
    .form-title_1024 {
        font-family: 'SFProDisplay', sans-serif;
        font-weight: 700;
        font-size: 32px;
        letter-spacing: 0.03em;
        color: #FFFFFF;
        text-align: center;
    }
    .form-wrap_1024 {
        display: flex;
        align-items: flex-start;
        margin-top: 30px;
    }
    .socials {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .messengers {
        width: 55%;
        margin-top: 0;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .social-platforms {
        width: 43%;
        margin-top: 0;
    }
    .form-contacts {
        width: 39%;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-phone {
        margin-top: 0;
        font-size: 16px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-number {
        margin-top: 40px;
        font-size: 17px;
    }
    .messengers-title {
        margin: 0;
        margin-bottom: 10px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social p {
        margin-top: 0;
        font-size: 16px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .social-platforms .social-platforms-title {
        font-size: 16px;
        margin: 0;
        margin-bottom: 10px;
    }
    .select {
        width: 51%;
    }
    .contact-inner-form {
        padding: 30px 180px;
    }
    .register-1, .register-2 {
        padding: 15px 10px;
        font-size: 14px;
    }
    .banner-form {
        padding: 0;
        margin: 0;
    }
    .career-main-wrapper .contact .career-main-inner {
        padding: 120px 0 170px 0;
    }
    .vacancies-description {
        margin: 0;
        margin-bottom: 40px;
    }
    .contact-page-form {
        margin: 0 20px;
    }
    .contact-page-wrapper {
        min-width: auto;
        width: 100%;
    }
    .form-wrapper .form-wrapper-item-second .contact-page-inner {
        padding: 60px 70px;
    }
    .works-illustration {
        right: 0;
    }
    .second-illustration {
        top: 25%;
        right: 5%;
    }
    .advantages-wrapper .advantages-items {
        margin-top: 40px;
    }
    .advantages-wrapper .advantages-items .advantages-item {
        width: 190px;
    }
}

@media screen and (max-width: 991.98px) {
    .form-wrapper .form-wrapper-item-second {
        min-width: 100%;
    }
    .hidden-btn a {
        width: 248px ;
    }
    .contact-bg {
        /*right: -10%;*/
        top: -15%;
    }
    .hidden-form .form-wrapper .form-wrapper-item-second .contact-inner-form {
        padding: 50px 215px !important;
    }
    .career-main-wrapper .contact .career-main-inner .career-main-title {
        font-size: 65px;
    }
    .career-main-wrapper .contact .career-main-inner .career-main-info {
        font-size: 17px;
    }
    .project-wrapper-title {
        font-size: 65px;
    }
    .banner-wrapper-info {
        font-size: 17px;
        padding: 5px;
    }
    .contact-banner .contact-banner-inner .container .contact-inner .contact-info .contact-title {
        font-size: 43px !important;
    }
    .contact-banner .contact-banner-inner .container .contact-inner .contact-info p {
        max-width: 400px;
    }
    .career-img {
        position: absolute;
        top: 0;
        right: -10%;
        width: 550px;
    }
}
@media (min-height: 524px) and (max-width: 768px) {
    .banner-items {
         display: block !important;
    }
}
@media screen and (max-width: 400px) {
    /* .form-wrapper-items-modal {
        padding: 50px 130px !important;
    } */
}

    @media screen and (max-width: 575.98px) {
        .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme .select select {
            font-size: 13px;
            padding: 0 9px;

        }

        .contact-page-form .inputStyle.email-box {
            margin-left: 0;
            width: 100% !important;
        }

        .modal  .first-content{
            width: 100%;
        }
        .modal .first-content input {
            width: 79%;
        }
    .banner .landing-title {
        font-size: 48px;
        line-height: 45px;
    }
    .landing-subtitle {
        font-size: 21px !important;
        line-height: 25px !important;
        max-width: 340px;
    }
    .landing-descr {
        font-size: 16px;
        line-height: 23px;
        max-width: 450px;
    }
    .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone, .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme {
        display: block;
    }
        #formDown {
            padding: 50px 40px !important;
        }
    .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone input, .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme input, .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-emailTheme .select select, .select {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        margin-bottom: 10px;
    }
    .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner {
        padding: 40px 0 30px 0;
    }
    .form-wrapper-items {
        padding: 0 25px;
    }
    .nav-change {
        width: 100vw;
        height: 80vh;
    }
    .register-buttons {
        flex-direction: column;
        margin: 0;
    }
    .register-1, .register-2 {
        margin-bottom: 10px;
        width: 100%;
        font-size: 14px;
    }
    .form-registration {
        margin-top: 28px;
    }
    /* .contact-inner-form {
      padding: 30px 25px !important;
    } */
    .form-wrapper-items-modal {
        padding: 0;
    }
    .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-subtitle {
        margin-bottom: 30px;
    }
    .form-wrapper .form-wrapper-item-second .contact-inner-form {
        max-width: 30%;
    }
    .career-main-wrapper .contact .career-main-inner .career-main-title {
        font-size: 44px;
    }
    .career-main-wrapper .contact .career-main-inner .career-main-info {
        max-width: 440px;
        font-size: 16px;
    }
    .fintech-title {
        font-size: 24px;
    }
    .vacancy-title {
        font-size: 28px;
    }
    .vacancies-text {
        font-size: 16px;
    }
    .vacancies-info {
        font-size: 24px;
    }
    .vacancies-cost {
        font-size: 18px;
    }
    .vacancies-duration {
        font-size: 16px;
    }
    .about-us-wrapper {
        margin: 160px 0;
    }
    .banner-wrapper-title {
        padding-bottom: 160px;
    }
    .banner-wrapper-title {
        font-size: 35px !important;
    }
    .project-wrapper-title {
        font-size: 44px;
    }
    .banner-wrapper-info {
        font-size: 16px;
        padding: 5px;
    }
    .fintech-title {
        padding: 0 0 30px 0;
    }
    .fintech-project-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .form-wrapper .form-wrapper-item-second .contact-page-inner {
        max-width: 100%;
    }
    .contact-title {
        font-size: 28px !important;
    }
    .contact-banner .about-contact .about-contact-inner {
        padding: 25px 40px;
    }
    .contact-socials-item {
        margin-top: 20px;
    }
    .contact-banner .about-contact .about-contact-inner .contact-title {
        padding-bottom: 0;
    }
    .contact-banner .about-contact .about-contact-inner .contact-socials .contact-socials-item .contact-phone {
        padding-bottom: 0;
        font-size: 16px;
    }
    .contact-banner .about-contact .about-contact-inner .contact-socials .contact-socials-item .contact-number {
        font-size: 18px;
    }
    .fonts {
        font-size: 16px;
    }
    .contact-socials {
        flex-direction: column;
    }
    .contact-banner .contact-banner-inner .container .contact-inner .contact-info .contact-title {
        font-size: 28px !important;
        line-height: 150%;
        max-width: 400px;
    }
    .contact-banner .contact-banner-inner .container .contact-inner .contact-info p {
        font-size: 16px;
    }
    .advantages-wrapper .advantages-items {
        margin-top: 0;
    }
    .advantages-wrapper .advantages-items .advantages-item {
        margin: 0 auto;
        margin-top: 40px;
    }

    .advantages-wrapper .advantages-items {
        flex-direction: column;
    }
    .advantages-wrapper .advantages-items .advantages-item {
        width: 250px;
    }
    .advantages-item__number {
        font-size: 81px;
    }
    .advantages-item__number span {
        font-size: 48px;
    }
    .advantages-description {
        font-size: 21px;
        line-height: 25px;
    }
    .slider-wrapper {
        padding: 0 10px;
    }
    .hidden-form  .form-wrapper .form-wrapper-item-second .contact-inner-form {
        padding: 50px 337px !important;
    }
    .form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-subtitle {
        font-size: 21px !important;
    }
    .career-main-wrapper .contact .career-main-inner {
        padding: 100px 0 158px;
    }
    .project-items {
        margin: 100px 0;
    }
}

@media(max-width: 1027px){
   .carier-form.first-content input {
        width: 92% !important;
    }

.play-btn {
    width: 75px;
}
    #modalContent {
        width: 60%;
        flex-direction: column;
        margin-top: 170px;
    }
    #modalVacancy{
        margin-bottom: 40px;
        padding: 30px;
        max-width: 640px;
        height: fit-content;
    }
    .carier-form .form-wrapper-items.form-wrapper-items-modal{
        display: flex !important;
        width: 100%;
        justify-content: center;
    }
    .carier-form h2 {
        margin: 40px auto 20px;
    }
    #modal{
        width: 100%;
        z-index: 9999999;
    }
    .carier-form {
        width: unset;
    }
    .carier-form .text-info {
        height: 100%;
    }
    .carier-form .second-content {
       width: 100%;
   }
   .first-content {
       width: 330px;
       margin-right: 10px
   }
   #modal {
       padding: 20px;
   }
   .carier-form .name-carier {
       width: 95%;

   }
    input#phoneLeft {
        width: 93%;
    }
    .carier-form input.inputStyle.emailStyle {
        width: 96% !important;
        margin-left: 3px !important;
    }
    .carier-form .name-carier input {
        padding-left: 15px;
    }
   .carier-form .name-wrapper {
       display: flex;
       width: 100%;
       justify-content: space-between;
   }

    .carier-form .name-wrapper.inputStyle {
        width: 49%;
   }

    .carier-form .phone-box {
        width: 79%;
    }
    .select.select-width.inputStyle {
        margin-bottom: unset !important;
    }

}

@media(max-width: 600px) {
    .hiddenText {
        line-height: 32px;
    }

    /*.name-subcontainer {*/
    /*    width: 84%;*/
    /*}*/
    /*.carier-form .name-carier {*/
    /*    width: 100%;*/
    /*}*/
    .fail-message{
        width:70% !important;
        margin: 0 auto;
    }
    .play-btn {
        width: 65px;
    }
    .extra-submit {
        width: 400px !important;
        margin: 0 auto;
    }
    .submit-message {
        width: unset !important;
    }
    .fail-text {
        font-size: 24px !important;
    }
    .close-button {
        right: 250px !important;
    }
    .contact-page-form .form-registration {
        width: 200px;
    }
    .contact-page-form .select.select-delete.select-width.inputStyle {
        width: 100% !important;
    }
    .contact-page-form .inputStyle.email-box input {
        margin-left: 0;
        width: 100% !important;
    }
    .modal .first-content input {
        width: 79%;
    }
    .inputStyle.emailStyle {
        width: 95% !important;
    }
    #modalContent {
        margin-top: 345px;
    }
    .carier-form .first-content {
        width: 100%;
    }
    .carier-form .second-content {
        width: 100%;
    }
    .modal #topic_global{
        font-size: 11px;
    }
}
.modal .first-content input {
    width: 79%;
}

.modal .inputStyle {
    margin-left: 0;
}

.first-content {
    width: 100%;
}
.first-content input{
    width: 78%;
}

.carier-form .phone-box {
    width: 95%;
}
.carier-form .iti {
    width: 100% !important;
}
/*.carier-form form .inputStyle {*/
/*    width: auto !important;*/
/*}*/
.contact-page-form .inputStyle{
    width: 86% !important;
    margin-left: 0;
}
@media(max-width: 485px) {
    /*.name-subcontainer {*/
    /*    width: 84%;*/
    /*}*/
    /*.carier-form .name-carier {*/
    /*    width: 100%;*/
    /*}*/
    .hidden-info-1 {
        line-height: 25px;
        font-size: 14px !important;
        padding-left: 10px;
    }
    #extra-style-1 {
        line-height: 30px;
        padding: 20px 17px 5px 32px!important;
        font-size: 16px !important;
    }
    #extra-style {
        font-size: 14px !important;
        padding: 0px 17px 5px 32px!important;
    }
    .hiddenInfo {
        padding: 20px 5px  5px 10px!important;
        font-size: 14px !important;

    }
    .extra-fail {
        width: 90% !important;
        margin: 0 auto !important;
    }

    .fail-text {
        font-size: 24px !important;
        margin: 0 auto;
    }
}
@media(max-width: 392px) {
    /*.name-subcontainer {*/
    /*    width: 84%;*/
    /*}*/
    /*.carier-form .name-carier {*/
    /*    width: 100%;*/
    /*}*/
    .extra-fail {
        width: 350px !important;
        margin: 0 auto !important;
    }
    .play-btn {
        width: 45px;
    }
    .submit-text {
        font-size: 30px !important;
    }
    .fail-text {
        font-size: 20px !important;
        margin: 0 auto;
    }
    .extra-submit {
        width: 300px !important;
        margin: 0 auto;
    }
}
@media (max-width: 850px) {
    #modalContent {
        width: 65%;
        flex-direction: column;
        margin-top: 196px;
    }
    #modalVacancy {
        font-size: 14px;
    }

}
@media (min-height: 648px) and (max-width: 1025px) {
    #extra-style {
        max-width: 600px !important;
        padding-right: 15px !important;
    }
}
@media (max-width: 768px) {
    .contact-page-form .inputStyle{
        margin-left: 0;
        width: 77% !important;
    }
    .our-project-item {
        margin: 0 auto !important;
    }
    .contact-page-form .iti{
        width: auto !important;
    }
    .contact-page-form #phoneDown{
        width: 100% !important;
    }
    .contact-page-form .inputStyle.fname{
        width: auto !important;
    }
    .carier-form .form-inner-box {
        padding: 0 !important;
    }
    #modalContent {
        margin-top: 0;
        height: 80vh;
    }
    #modalVacancy {
        min-height: 465px;
    }
    .carier-form input#phoneLeft {
        width: 100% !important;
    }
    .footer-hidden {
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }
    .hidden-btn {
        display: block !important;
    }
    .hidden-btn a {
        width: 100% !important;
    }
    .footer-hidden a {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        text-decoration: none;
        color: #FFFFFF;
    }

    .footer-inner {
        display: none;
    }
    .advantages-video video{
        width: 450px !important;
        height: auto !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    .footer-hidden .menu-item {
        padding: 30px 0 0 0;
    }

    .footer-hidden .logo-block {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo-title-hidden {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        color: #FFFFFF;
    }
    .vacancies-inner-item {
        width: 100%;
    }
    .project-inner-item {
        width: 100%;
        height: 310px !important;
    }
    #formDown {
        padding: 0 !important;
    }

    .project-inner-item img {
        height: 100%;
        width: 100%;
    }

    .project-inner-items {
        padding: 0 20px;
    }
    .hiddenText {
        padding: 10px  0  0 15px;
    }
    /* .banner .container {
       background: url(/img/landing/img_768.png) right center/auto no-repeat;
   } */

    .advantages-wrapper .advantages-title {
        font-size: 28px;
    }
    .carier-form .first-content input{
        width: 100% !important;
    }
    .about-title {
        font-size: 28px;
    }
    .carier-form input#phoneLeft{
        width: 100% !important;
    }
    .box {
        padding: 40px 25px;
    }
    .our-project {
        margin-top: 114px;
        flex-direction: column;
        align-items: flex-start;
    }
    .border-gradient {
        margin-top: 30px;
    }
    .career-wrapper {
        margin-top: 100px;
    }
    .career-img {
        display: none;
    }
    .career-wrapper .career-wrapper-inner {
        flex-direction: column;
        padding: 40px 25px;
    }
    .career-wrapper-item {
        margin-top: 20px;
    }
    .career-wrapper-item_1024 {
        display: none;
    }
    .career-wrapper-item_768 {
        display: block;
    }
    .career-wrapper-item_768 img {
        width: 100%;
    }
    .career-wrapper .career-wrapper-inner .career-wrapper-item {
        width: auto;
    }
    .career-wrapper-title {
        font-size: 28px;
    }
    .career-wrapper .career-wrapper-inner .career-wrapper-item p {
        font-size: 18px;
    }
    .form-wrapper {
        margin: 100px auto;
        padding: 0 20px;
    }
    .form-title_1024 {
        display: none;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-title {
        display: block;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-info {
        display: block;
    }
    .form-wrap_1024 {
        flex-direction: column;
    }
    .socials {
        flex-direction: column;
        margin-top: 20px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-number {
        margin-top: 10px;
    }
    .form-contacts {
        width: auto;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .messengers {
        width: auto;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .social-platforms {
        margin-top: 20px;
        width: auto;
    }
    .nav-change {
        width: 50vw;
    }
    .banner-form {
        padding: 0;
        margin: 0;
    }
    .register-1, .register-2 {
        font-size: 13px;
    }
    .hidden-form {
        margin: 0 20px;
    }
    /*.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner {*/
    /*    max-width: 465px;*/
    /*}*/
    .career-main-wrapper .contact .career-main-inner .career-main-title {
        font-size: 65px;
    }
    .career-main-wrapper .contact .career-main-inner .career-main-info {
        max-width: 520px;
    }
    .fintech-title br {
        display: none;
    }
    .project-wrapper-title {
        font-size: 65px;
    }
    .project-items {
        margin: 40px 0 120px 0;
    }
    .contact-page-form {
        margin: 0 20px;
    }
    .contact-img {
        display: none;
    }
    #banner-img {
        display: none;
    }
    .works-illustration {
        display: none;
    }
    .second-illustration {
        display: none;
    }
    .slide-item-inner {
        width: 100vw;
    }
    .contact-bg {
        display: none;
    }
    .hidden-form .form-wrapper .form-wrapper-item-second .contact-inner-form {
        padding: 50px 270px ;
    }
    .career-main-wrapper .contact .career-main-inner {
        padding: 90px 0 171px;
    }
    .project-items {
        margin: 160px 0 120px;
    }
    .modal .first-content {
        width: auto;
        margin: 0 auto;
    }
    .modal .inputStyle input{
        margin-left: 0;
    }

    /*.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone > div input{*/
    /*    width: auto !important;*/
    /*}*/
    /*.modal .iti{*/
    /*    width: auto !important;*/
    /*}*/
    /*.modal #phoneUp{*/
    /*    margin-left: 2% !important;*/
    /*    width: 196px !important;*/
    /*}*/
    .modal .inputStyle.fname{
        padding: 0 28px !important;
    }
    #modalContent {
        margin-top: 278px;
    }
   /*.carier-form form .inputStyle {*/
   /*     width: unset !important;*/
   /* }*/
    .second-content {
        margin: 0 auto;
    }
    .carier-form .form-wrapper-items.form-wrapper-items-modal {
        display: block !important;
    }
    .carier-form .name-wrapper {
        display: block !important;
    }
    .carier-form .emailStyle  {
        width: 95%;
        margin: 10px 0  10px;
    }
    .carier-form .emailStyle input {
        padding-left: 15px;
    }
    .carier-form input#phoneLeft {
        margin-bottom: 10px;
    }
    .contact-page-form .second-content {
        width: 100%;
    }
    /*.second-content {*/
    /*    width: 45%;*/
    /*}*/
    .select.select-width.inputStyle {
        margin-bottom: 20px !important;
    }
    .name-subcontainer {
        margin-bottom: 20px;
    }
    input.inputStyle.emailStyle {
        padding-left: 15px !important;
    }

}


@media (min-width: 1027px) and (max-width: 1080px){
    #modalContent {
        padding: 30px;
    }


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

    #modal {
        padding: 0;
    }
    .modal .second-content {
        width: auto;

    }
    .carier-form .form-inner-box {
        padding: 0 !important;
    }
    #modalContent {
        overflow: auto;
        margin-top: 0;
        height: 80vh;
    }
    #modalVacancy {
        min-height: 346px;
    }
}
@media screen and (max-width: 550px) {
    #formDown {
        padding: 50px 20px !important;
    }
    .advantages-video video{
        width: 350px !important;
        height: auto !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    /*.form-wrapper .form-wrapper-item-second .form-wrapper-item-inner .form-wrapper-items .form-wrapper-namePhone > div input {*/
    /*    width: calc(100% - 90px) !important;*/
    /*}*/
}
@media (min-width: 410px) nad (max-width: 430px) {
    .slick-next {
        left: 358px !important;
    }
    .slick-prev {
        left: 67px !important;
    }
}

@media (min-width: 480px) nad (max-width: 490px) {
    .slick-next {
        left: 350px !important;
    }
    .slick-prev {
        left: 107px !important;
    }
}
@media screen and (max-width: 350px) {
    .slick-next {
        left: 270px !important;
    }
    .slick-prev {
        left: 44px !important;
    }
}
    @media screen and (max-width: 374.98px) {
    .banner .landing-title {
        font-size: 40px;
        padding-bottom: 10px;
    }

    #formDown {
        padding: 50px 1px !important;
    }
    .sendEmail {
        width: 225px !important;
    }
    select#topic_global {
        font-size: 14px;
    }

    .landing-subtitle {
        font-size: 20px !important;
        max-width: 310px;
        line-height: 25px !important;;
    }
        .advantages-video video{
            width: 260px !important;
            height: auto !important;
            text-align: center !important;
            margin: 0 auto !important;
        }
    .landing-descr {
        line-height: 141.5%;
        max-width: 275px;
        font-size: 14px;
    }
    .landing-descr p {
        display: inline;
    }
    .advantages-wrapper .advantages-title {
        font-size: 23px;
    }
    .about-container {
        margin-top: 30px;
    }
    .about-title {
        margin-top: 100px;
        font-size: 23px;
    }
    .box {
        padding: 40px 18px 25px 18px;
    }
    .box-title {
        font-size: 21px;
    }
    .box-description {
        font-size: 16px;
    }
    .our-project {
        align-items: center;
        margin-top: 100px;
    }
    .project-item-title {
        text-align: center;
    }
    .career-wrapper .career-wrapper-inner {
        padding: 40px 20px;
    }
    .career-wrapper-item_768 {
        display: none;
    }
    .career-wrapper-item_375 {
        display: block;
    }
    .career-wrapper-item_375 img {
        width: 280px;
    }
    .career-wrapper-title {
        font-size: 28px;
    }
    .career-wrapper .career-wrapper-inner .career-wrapper-item p {
        font-size: 16px;
    }
    .form-wrapper {
        margin: 100px auto 80px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner {
        padding: 40px 25px;
    }
    .form-wrap_1024 {
        margin-top: 18px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-title {
        font-size: 21px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-info {
        font-size: 15px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-phone, .form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social p, .form-wrapper .form-wrapper-item .form-wrapper-item-inner .contact-social .socials .social-platforms .social-platforms-title {
        font-size: 15px;
    }
    .form-wrapper .form-wrapper-item .form-wrapper-item-inner .form-number {
        font-size: 16px;
    }
    .banner-form {
        margin: 0;
    }
    .contact-banner .contact-banner-inner .container .contact-inner .contact-info .contact-title {
        font-size: 24px !important;
    }
}

/*.form-wrapper .form-wrapper-item {*/
/*    display: none;*/
/*}*/
.nav-change {
    width: 396px;
}
.career-form  {
    min-width: 1140px;
    margin: 0 auto;
}
.career-form .form-inner-box {
    padding: 40px 180px 50px !important;
}
.form-wrapper {
    margin: 130px auto;
}

.animate-left {
    display: none;
}

.iti__country-list {
    max-height: 200px !important;
    width: 270px !important;
    z-index: 99999999;
    position: absolute;
    left: 0 !important;
    top: 65px;
}

@media (max-width: 470px) {
    .close-button {
        top: 10px;
        right: 300px !important;
    }
    .close-button img {
        width: 40px;
        height: 40px;
    }

}