/*@font-face {
     font-family: 'Golos-Text';
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Golos-Text_Regular.ttf');
}

@font-face {
    font-family: 'Golos-Text Medium';
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Golos-Text_Medium.ttf');
}

@font-face {
    font-family: 'Montserrat';
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'Montserrat Medium';
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat Semibold';
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: 'Montserrat Bold';
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Montserrat extraBold';
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Montserrat-ExtraBold.ttf');
}
*/
html,
body {
    height: 100vh;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text-color);
    font-size: 17px;
    line-height: 1.17;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: inherit;
}

:root {
    --site-bg1: #F5F4FF;
    --site-bg2: #fff;
    --card-bg: #E6E5FA;
    --text-color: #3A3D41;
    --second-color: #4C57D8;
    --border-color: #CFD5DD;
    --articles-color: #E8E7FF;
}

.carcas {
    background-color: var(--site-bg2);
    overflow: hidden;
}

.carcas.margin {
    margin-top: 76px;
}

.carcas.background {
    background-color: var(--site-bg1);
}

.bg_text {
    position: absolute;
    font-size: 217px;
    text-transform: uppercase;
    color: rgba(229, 227, 255, 0.7);
}

.page_title {
    font-family: 'Montserrat Semibold', sans-serif;
    font-weight: 600;
    font-size: 90px;
    line-height: 1.2;
}

.section_title {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: 'Montserrat Semibold', sans-serif;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 60px;
}

.section_title .bg_text {
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    white-space: nowrap;
    z-index: -1;
    pointer-events: none;
}

.services_card1_wrapper .h3,
.services_card2_wrapper .h3,
.h3,
h3 {
    font-family: 'Montserrat Medium', sans-serif;
    font-weight: 500;
    font-size: 30px;
}

.h4 {
    font-family: 'Montserrat Medium', sans-serif;
    font-weight: 500;
    font-size: 21px;
}

h5,
h6 {
    font-family: 'Montserrat Medium', sans-serif;
    font-weight: 500;
}

a {
    display: inline-block;
    text-decoration: none;
    color: #000;
}

span {
    display: inline-block;
}

ul li {
    list-style: none;
}

input,
select,
textarea {
    outline: none;
}

textarea,
input[type="text"] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: var(--text-color);
    background-color: #fff;
    border: 1px solid #ACACB1;
    border-radius: 15px;
    padding: 26px 26px 27px 26px;
    /* padding: 31px 30px 32px; */
}

textarea:focus,
input[type="text"]:focus {
    border: 1px solid var(--second-color);
}

textarea {
    resize: none;
}

button,
input[type="submit"] {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    color: #fff;
    background-color: var(--second-color);
    border: none;
    border-radius: 15px;
    outline: none;
    cursor: pointer;
    padding: 22px 44px 21px;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

button {
    border-radius: 10px;
    padding: 8px 37px;
}

button.disable,
input[type="submit"].disable {
    background-color: #5d629a;
    border: 1px solid white;
    pointer-events: none;
}

input[type="reset"] {
    font-size: 17px;
    color: var(--second-color);
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.checkBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

.checkBox input {
    display: none;
}

.checkBox .fake {
    position: relative;
    width: 21px;
    min-width: 21px;
    height: 21px;
    border: 1px solid #ACACB1;
    border-radius: 5px;
}

.checkBox.black .fake::before {
    display: none;
}

.checkBox .fake i {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
}

.checkBox .fake i::before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 9px;
    height: 2px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: var(--second-color);
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
}

.checkBox .fake i::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 5px;
    width: 16px;
    height: 2px;
    -webkit-transform: rotate(-52deg);
        -ms-transform: rotate(-52deg);
            transform: rotate(-52deg);
    background-color: var(--second-color);
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
}

.checkBox input:checked+.fake i {
    display: block;
}

.checkBox input:checked+.fake {
    border: 1px solid var(--second-color);
}

footer .checkBox input:checked+.fake {
    border: 1px solid #ACACB1;
}

footer .checkBox .fake i::before,
footer .checkBox .fake i::after {
    background-color: #ACACB1;
}

header,
section,
main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
}

section {
    position: relative;
    padding: 45px 0;
    z-index: 1;
}

.pb0 {
    padding-bottom: 0 !important;
}

.container_wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

section.z2 {
    z-index: 2;
}

.container {
    -ms-flex-preferred-size: 1280px;
        flex-basis: 1280px;
    max-width: 100%;
    padding: 0 10px;
}

.styled>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
}

.styled>li::before {
    content: '';
    display: inline-block;
    min-width: 10px;
    height: 4px;
    border-radius: 2px;
    background-color: #4C57D8;
}

.text li {
    list-style: inside;
    margin-bottom: 10px;
}

.text {
    line-height: 1.17;
}

.img img {
    width: 100%;
    height: 100%;
}

.obj_cover {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.obj_contain {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.lazy_bg {
    background-image: url(../../img/Loading_icon.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

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

.btn {
    min-width: 177px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    color: #fff;
    line-height: 1.6;
    background-color: var(--second-color);
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 8px 37px;
    -webkit-transition: -webkit-box-shadow 0.1s linear;
    transition: -webkit-box-shadow 0.1s linear;
    -o-transition: box-shadow 0.1s linear;
    transition: box-shadow 0.1s linear;
    transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
    cursor: pointer;
}

button a {
    color: #fff;
}

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

button:hover,
input[type="submit"]:hover,
.btn:hover {
    -webkit-box-shadow: 0px 5px 4px 0px #00000040;
            box-shadow: 0px 5px 4px 0px #00000040;
}

button:focus,
input[type="submit"]:focus,
.btn:focus {
    background-color: transparent !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #6967B2 !important;
    color: var(--second-color);
}

button:focus a {
    color: var(--second-color);
}

button:focus i::before,
button:focus i::after,
.btn:focus i::before,
.btn:focus i::after {
    background-color: #6967B2 !important;
}

/*=============  MODAL  =============*/

.modal {
    position: relative;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 9999;
}

.modal_wrap {
    position: relative;
    max-width: 790px;
    width: 100%;
    max-height: 90vh;
    background-color: #fff;
    border-radius: 15px;
    padding: 60px;
    overflow: auto;
}

.modal_inner {
    background-color: #E7E6FF;
    border-radius: 15px;
    padding: 60px 50px;
}

.modal_wrap::-webkit-scrollbar {
    width: 8px;
    border-radius: 5px;
}

.modal_wrap::-webkit-scrollbar-thumb {
    background-color: #A9A9A9;
    border-radius: 5px;
}

.modal_wrap::-webkit-scrollbar-track {
    background-color: transparent;
    border-right: 8px solid #D9D9D9;
    border-radius: 5px;
    margin: 30px 0;
}

.modal .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5;
    cursor: pointer;
}

.modal .close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 3px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    background-color: var(--second-color);
    border-radius: 1px;
}

.modal .close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 3px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    background-color: var(--second-color);
    border-radius: 1px;
}

.modal .close:hover::before,
.modal .close:hover::after {
    -webkit-box-shadow: 0 0 5px 1px var(--second-color);
            box-shadow: 0 0 5px 1px var(--second-color);
}

.modal .back {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.modal .back i {
    width: 100%;
    height: 3px;
    background-color: var(--second-color);
    border-radius: 1px;
}

.modal .back i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 3px;
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: left;
    background-color: var(--second-color);
    border-radius: 1px;
}

.modal .back i::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 3px;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: 0px -1px;
    background-color: var(--second-color);
    border-radius: 1px;
}

.modal_title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 30px;
}

.modal_subtitle {
    margin-bottom: 41px;
}

/*============ switch blocks ============*/

[data-switched],
[data-switchedMain] {
    display: none;
}

[data-switched].active,
[data-switchedMain].active {
    display: block;
}

[data-switched1] {
    display: none;
}

[data-switched1].active {
    display: block;
}

/*========================*/

header.scroll .header_topPanel {
    display: none;
}

.header_topPanel {
    display: flex;
    justify-content: center;
    width: 100%;
    box-shadow: 5px 0px 13px 0px #00000040;
    padding: 13px 14px;
}

.header_topPanel .topPanel_container {
    display: flex;
    justify-content: space-between;
    flex-basis: 1260px;
}

.header_topPanel .element {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header_topPanel .element img {
    max-width: 24px;
    max-height: 24px;
}

.header_topPanel .element a {
    position: relative;
    text-decoration: underline;
}

.header_topPanel .element a + a::before {
    content: '|';
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}

header.white .header_topPanel .element a:hover,
header div.header_topPanel div.element a:hover {
    color: var(--second-color);
    text-decoration: none;
}

.header_topPanel .element,
.header_topPanel .element a {
    color: #fff;
}

header.white .header_topPanel .element,
header.white .header_topPanel .element a,
header:hover .header_topPanel .element,
header:hover .header_topPanel .element a {
    color: var(--text-color);
}

header.white .header_topPanel .element img,
header:hover .header_topPanel .element img {
    filter: invert(1);
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 9999;
}

header.white {
    background-color: #fff;
}

header .before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    -webkit-transition: opacity 0.3s linear 1s ;
    -o-transition: opacity 0.3s linear 1s ;
    transition: opacity 0.3s linear 1s ;
}

header.menuActive .before {
    left: 121px;
    width: calc(100vw - 121px);
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: visible;
    opacity: 1;
}

header:hover {
    background-color: #fff;
}

header .standart {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
}

.logo {
    min-width: 76px;
    width: 76px;
    height: 76px;
}

.logo a,
.logo img {
    width: 100%;
    height: 100%;
}

.logo img {
    /* filter: brightness(0) invert(1); murad */
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

header:hover .logo img {
    -webkit-filter: none;
            filter: none;
}

header .menu>ul {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 54px;
       -moz-column-gap: 54px;
            column-gap: 54px;
}

header .menu>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
}

header.white .menu>ul>li>a {
    color: unset;
}

header .menu>ul>li>a {
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

header:hover .menu>ul>li>a {
    color: var(--text-color);
}

header .menu>ul>li:hover>a {
    color: var(--second-color);
}

.menu_item i {
    position: relative;
    display: inline-block;
    min-width: 11px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.menu_item i::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 8px;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.menu_item i::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    width: 8px;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

header.white .menu_item i::before,
header.white .menu_item i::after,
header:hover .menu_item i::before,
header:hover .menu_item i::after {
    background-color: var(--text-color);
}

header .menu_item:hover i {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.menu_item .drop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    padding-top: 10px;
}

.menu_item:hover .drop {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.menu_item .drop_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 30px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 9px 7px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 9px 7px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 40px 50px;
}

.menu_item .drop_inner .inner_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 25%;
}

.menu_item .drop_inner .inner_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: rgb(204, 204, 204);
    background: -o-radial-gradient(circle, rgba(76, 87, 216, 1) 15%, rgba(76, 87, 216, 0.1) 100%);
    background: radial-gradient(circle, rgba(76, 87, 216, 1) 15%, rgba(76, 87, 216, 0.1) 100%);
    overflow: hidden;
}

.menu_item .drop_inner .inner_wrap:last-child::before {
    display: none;
}

.menu_item .drop_inner .ul_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            /*justify-content: space-between;*/
    row-gap: 30px;
    max-width: 270px;
}

.menu_item .drop_inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    padding: 0 24px;
}

.menu_item .ul_wrap .h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
    margin-bottom: 10px;
}

.menu_item .ul_wrap .h4 .h4i {
    display: none;
}

.menu_item .ul_wrap .h4 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 9px;
       -moz-column-gap: 9px;
            column-gap: 9px;
    color: var(--second-color);
    transition: color 0.4s linear;
}

.menu_item .ul_wrap .h4 img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.menu_item .ul_wrap li a {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.menu_item .ul_wrap li a:hover {
    text-decoration: underline;
}

li.menu_item.company_punct {
    position: relative;
}

li.menu_item.company_punct > a {
    text-decoration: none;
}

header.scroll li.menu_item.company_punct {
    position: static;
}

li.menu_item.company_punct .drop {
    width: 300px;
}

li.menu_item.company_punct .drop .drop_inner {
    flex-direction:column;
    row-gap: 10px;
    padding: 30px 20px;
}

li.menu_item.company_punct .drop .drop_inner .ul_wrap {
    row-gap: 10px;
}

li.menu_item.company_punct .inner_wrap {
    width: 100%;
    justify-content: flex-start;
}

li.menu_item.company_punct .inner_wrap::before {
    display: none;
}

li.menu_item.company_punct .ul_wrap .h4 {
    font-size: 17px;
    color: var(--text-color);
    margin-bottom: 0;
}

header.scroll li.menu_item.company_punct .ul_wrap .h4 a {
    font-size: 21px;
    color: var(--second-color);
}

li.menu_item.company_punct .ul_wrap .h4 a {
    color: var(--text-color);
}

header.scroll .menu_item.company_punct .ul_inner .h4 .h4i {
    display: none;
}

header.scroll li.menu_item.company_punct .drop .drop_inner .ul_wrap {
    margin-bottom: 10px;
}

header .standart .btn {
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
    margin: auto 0 auto auto;
}

header .mobile_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    overflow: hidden;
}

.burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    cursor: pointer;
}

.burger i {
    display: inline-block;
    width: 17px;
    height: 2px;
    background-color: var(--second-color);
}

.burger i:nth-child(2) {
    width: 12px;
}

.burger_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 3px;
}

.mobile_networks {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 10px;
    margin: auto 0 49px;
}

.mobile_networks img {
    width: 35px;
    height: 35px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

header.scroll {
    width: 120px;
    background-color: #fff;
}

header.scroll .container>.standart .btn {
    opacity: 0;
}

header.scroll .container>.standart {
    -webkit-animation: headerStandart 0.5s linear 1 both;
            animation: headerStandart 0.5s linear 1 both;
    overflow: hidden;
    margin: 0;
}

@-webkit-keyframes headerStandart {
    to {
        width: 0;
        overflow: hidden;
    }
}

@keyframes headerStandart {
    to {
        width: 0;
        overflow: hidden;
    }
}

header.scroll .mobile_wrap {
    position: relative;
    -webkit-animation: mobileWrap 0.3s linear 0.5s 1 both;
            animation: mobileWrap 0.3s linear 0.5s 1 both;
    z-index: 1;
}

@-webkit-keyframes mobileWrap {
    0% {
        height: 0;
        overflow: hidden;
    }

    95% {
        height: 95vh;
        overflow: hidden;
    }

    100% {
        height: 100vh;
        overflow: visible;
    }
}

@keyframes mobileWrap {
    0% {
        height: 0;
        overflow: hidden;
    }

    95% {
        height: 95vh;
        overflow: hidden;
    }

    100% {
        height: 100vh;
        overflow: visible;
    }
}

header.scroll .mobile_wrap.close {
    -webkit-animation: mobileWrapClose 0.5s linear 0.3s 1 both;
            animation: mobileWrapClose 0.5s linear 0.3s 1 both;
}

@-webkit-keyframes mobileWrapClose {
    0% {
        height: 100vh;
        overflow: visible;
    }

    100% {
        height: 0;
        overflow: hidden;
    }
}

@keyframes mobileWrapClose {
    0% {
        height: 100vh;
        overflow: visible;
    }

    100% {
        height: 0;
        overflow: hidden;
    }
}

header.scroll .container {
    padding: 0;
}

header.scroll .mobile_wrap .standart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

header.scroll .standart .menu {
    position: absolute;
    top: 0;
    left: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
    width: auto;
    background-color: #fff;
    border-left: 1px solid #4C57D880;
    padding: 50px 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: -1;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}

header.scroll .standart .menu.close {
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    overflow: hidden;
}

header.scroll .menu_item i {
    display: none;
}

.site_search {
    max-width: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;

}

.mobile_panel {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    padding-left: 100px;
    margin-top: auto;
}

.mobile_panel a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 7px;
       -moz-column-gap: 7px;
            column-gap: 7px;
}

.mobile_panel img {
    height: 15px;
    width: 17px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

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

.site_search label {
    position: relative;
}

.site_search label img {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
/* 1 */
.site_search input {
    border-color: #C8C8D9;
    padding: 17px 57px 19px;
}

.site_search input::-webkit-input-placeholder {
    color: #C8C8D9;
    opacity: 1;
}

.site_search input::-moz-placeholder {
    color: #C8C8D9;
    opacity: 1;
}

.site_search input:-ms-input-placeholder {
    color: #C8C8D9;
    opacity: 1;
}

.site_search input::-ms-input-placeholder {
    color: #C8C8D9;
    opacity: 1;
}

.site_search input::placeholder {
    color: #C8C8D9;
    opacity: 1;
}

.site_search input:-ms-input-placeholder {
    color: #C8C8D9;
}

.site_search input::-ms-input-placeholder {
    color: #C8C8D9;
}

header.scroll .site_search {
    -webkit-animation: showSearch 0.3s 0.2s 1 forwards;
            animation: showSearch 0.3s 0.2s 1 forwards;
}

@-webkit-keyframes showSearch {
    to {
        max-width: unset;
        max-height: unset;
        opacity: 1;
        visibility: visible;
        padding: 0 64px 70px 100px;
    }
}

@keyframes showSearch {
    to {
        max-width: unset;
        max-height: unset;
        opacity: 1;
        visibility: visible;
        padding: 0 64px 70px 100px;
    }
}

header.scroll .menu_item .drop {
    height: 100vh;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}

header.scroll .menu_item:hover {
    background-color: var(--site-bg1);
}

header.scroll .menu_item:hover .drop {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1)
}

header.scroll .menu_item .drop_inner {
    position: relative;
    display: block;
    height: calc(100% - 150px);
    border-radius: 0;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    background-color: var(--site-bg1);
    overflow-y: auto;
    padding: 0 40px 0 50px;
    margin-top: 150px;
}

header.scroll .menu_item .drop_inner::-webkit-scrollbar {
    width: 8px;
    border-radius: 5px;
}

header.scroll .menu_item .drop_inner::-webkit-scrollbar-thumb {
    background-color: #A9A9A9;
    border-radius: 5px;
}

header.scroll .menu_item .drop_inner::-webkit-scrollbar-track {
    background-color: transparent;
    border-right: 8px solid #D9D9D9;
    border-radius: 5px;
}

header.scroll .menu_item .drop::before {
    content: '';
    position: absolute;
    bottom: 40px;
    left: 0;
    width: calc(100% - 60px);
    height: 64px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-14.63%, rgba(245, 244, 255, 0)), color-stop(70.98%, #F5F4FF));
    background: -o-linear-gradient(top, rgba(245, 244, 255, 0) -14.63%, #F5F4FF 70.98%);
    background: linear-gradient(180deg, rgba(245, 244, 255, 0) -14.63%, #F5F4FF 70.98%);
    z-index: 1;
}

header.scroll .menu_item .drop_inner .inner_wrap {
    width: 100%;
}

header.scroll .menu_item .drop_inner .inner_wrap::before {
    display: none;
}

header.scroll .mobile_wrap .standart .menu ul {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 20px;
}

header.scroll .menu>ul>li>a {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    padding: 30px 64px 30px 100px;
}

header.scroll .menu_item .ul_wrap {
    max-width: unset;
    width: 100%;
    row-gap: 0;
}

header.scroll .menu_item .ul_inner {
    width: 100%;
}

header.scroll .menu_item .ul_inner .h4 {
    position: relative;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    width: 100%;
    background-color: #E7E9FF;
    border-radius: 10px;
    padding: 18px 45px 18px 30px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
}

header.scroll .menu_item .ul_inner .h4 img {
    -webkit-filter: invert(1) brightness(0);
            filter: invert(1) brightness(0);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
}

header.scroll .menu_item .ul_inner .h4 .h4i {
    position: absolute;
    top: 27px;
    right: 30px;
    display: inline-block;
    width: 14px;
    height: 8px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
}

header.scroll .menu_item .ul_inner .h4.active .h4i {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

header.scroll .menu_item .ul_inner .h4 .h4i::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 2px;
    background-color: #000;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

header.scroll .menu_item .ul_inner .h4 .h4i::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 2px;
    background-color: #000;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

header.scroll .menu_item .ul_inner .h4:hover {
    color: var(--second-color);
}

header.scroll .menu_item .ul_inner .h4:hover img {
    -webkit-filter: unset;
            filter: unset;
}

header.scroll .menu_item .ul_inner .h4:hover .h4i::before,
header.scroll .menu_item .ul_inner .h4:hover .h4i::after {
    background-color: var(--second-color);
}

header.scroll .menu_item .ul_inner .h4.active {
    background-color: var(--second-color);
    color: #fff;
}

header.scroll .menu_item .ul_inner .h4.active a {
    color: #fff;
}

header.scroll .menu_item .ul_inner .h4.active img {
    -webkit-filter: invert(1) brightness(9);
            filter: invert(1) brightness(9);
}

header.scroll .menu_item .ul_inner .h4.active .h4i::before,
header.scroll .menu_item .ul_inner .h4.active .h4i::after {
    background-color: #fff;
}

header.scroll .menu_item .ul_inner ul {
    display: none;
}

header.scroll .menu_item .ul_wrap li a:hover {
    text-decoration: none;
    color: var(--second-color);
}

header.scroll .menu_item .drop {
    top: 0;
    left: 100%;
    width: 40vw;
    padding-top: 0;
    background-color: var(--site-bg1);
    padding: 40px 50px;
}

header.scroll .logo {
    width: 100%;
    height: 103px;
    border-bottom: 1px solid #4C57D880;
}

header.scroll .burger {
    margin: 50px 0;
}


header.scroll .mobile_wrap .standart .logo img {
    -webkit-filter: none;
            filter: none;
}

header.scroll .mobile_wrap .standart .menu>ul>li>a {
    font-size: 25px;
    color: var(--text-color);
}

header.scroll .mobile_wrap .standart .menu>ul>li:hover>a {
    color: var(--second-color);
}

header.scroll .mobile_wrap .standart .btn {
    display: none;
}

.breadcrumbs_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px auto 30px;
    padding: 0;
}

.breadcrumbs nav {
    display: block;
}

.breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 10px;
}

.breadcrumbs li a {
    text-decoration: underline;
}

.breadcrumbs li a:hover {
    text-decoration: none;
}

.breadcrumbs li::after {
    content: '/';
    margin: 0 30px;
}

.breadcrumbs li.active a {
    color: #B1B1C2;
    text-decoration: none;
    pointer-events: none;
}

.breadcrumbs li.active::after {
    display: none;
}

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

.banner {
    position: relative;
    height: 100vh;
    margin-bottom: 75px;
    padding: 0 0 75px;
    z-index: 5;
}

.banner > .container {
    position: absolute;
    max-width: 1280px;
    width: 100%;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 3;
}

.banner > .container .breadcrumbs li a,
.banner > .container .breadcrumbs li::after {
    color: #fff;
}

.banner > .container .breadcrumbs li.active a {
    color: #9D9D9D;
}

.banner .page_title {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 1270px;
    max-height: 0;
    color: #fff;
    overflow: hidden;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    margin-bottom: 50px;
    margin-left: calc((100vw - 1280px) / 2);
}

.banner .page_title .title_inner {
    position: relative;
    width: 100%;
    max-width: 90vw;
}

.banner .page_title .title_inner {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.banner .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #E6E5FA;
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #2F3959), color-stop(94%, #515585));
    background: -o-linear-gradient(left, #2F3959 9%, #515585 94%);
    background: linear-gradient(90deg, #2F3959 9%, #515585 94%);
}

.swiper-slide.removeWidth::before {
    -webkit-animation: removeWidth 0.8s ease-out 1 forwards;
            animation: removeWidth 0.8s ease-out 1 forwards;
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
}

.transitionAnimation {
    -webkit-animation: slideTransition 0.9s ease-in-out 1 forwards;
            animation: slideTransition 0.9s ease-in-out 1 forwards;
}

.banner .swiper-slide-active .page_title {
    -webkit-animation: titleMove 3s ease-in 1 forwards;
            animation: titleMove 3s ease-in 1 forwards;
}

.banner .swiper-slide-active .page_title.lastAnimation {
    -webkit-animation: titleMoveEnd 2s ease-out 1 forwards;
            animation: titleMoveEnd 2s ease-out 1 forwards;
}

@-webkit-keyframes titleMove {

    from {
        max-height: 0px;
    }

    to {
        max-height: 100%;
    }

}

@keyframes titleMove {

    from {
        max-height: 0px;
    }

    to {
        max-height: 100%;
    }

}

@-webkit-keyframes titleMoveEnd {

    from {
        max-height: 100%;
    }

    to {
        max-height: 0px;
    }

}

@keyframes titleMoveEnd {

    from {
        max-height: 100%;
    }

    to {
        max-height: 0px;
    }

}

@-webkit-keyframes slideTransition {

    from {
        width: 0;
    }

    to {
        width: 100%;
    }

}

@keyframes slideTransition {

    from {
        width: 0;
    }

    to {
        width: 100%;
    }

}

@-webkit-keyframes removeWidth {
    to {
        -webkit-transform: translateX(110%);
                transform: translateX(110%);
    }

}

@keyframes removeWidth {
    to {
        -webkit-transform: translateX(110%);
                transform: translateX(110%);
    }

}

.banner .swiper-wrapper {
    height: 100vh;
}

.banner .video {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    padding-bottom: 50px;
}

.banner .video video {
    position: absolute;
    top: 0;
    left: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    min-width: 100vw;
    min-height: 100vh;
    z-index: -1;
    -webkit-filter: brightness(0.6);
            filter: brightness(0.6);
}

.banner .video p {
    display: inline-block;
    position: static;
    z-index: 10;
    max-width: 463px;
    font-family: 'Montserrat';
    font-size: 30px;
    color: #fff;
    line-height: 1.23;
    margin-left: calc((100vw - 1280px) / 2);
}



.banner .bottom_panel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 20;
    padding-bottom: 50px;
}

.banner .bottom_panel .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    color: #fff;
}

.banner .bottom_panel .element {
    position: relative;
    width: calc(25% - 15px);
    border-top: 1px solid #C3C4D4;
    padding-top: 24px;
    cursor: pointer;
    -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
    -webkit-animation: ElementMove 3s ease-out 1 forwards;
            animation: ElementMove 3s ease-out 1 forwards;
}

@-webkit-keyframes ElementMove {

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

}

@keyframes ElementMove {

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

}

.banner .bottom_panel .element:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}

.banner .bottom_panel .element:nth-child(3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}

.banner .bottom_panel .element:nth-child(4) {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
}

.banner .bottom_panel .element i {
    position: absolute;
    top: -1px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #fff;
}

.banner .bottom_panel .element.active i {
    -webkit-animation: Myscrollbar linear 0.1s 1;
            animation: Myscrollbar linear 0.1s 1;
}

@-webkit-keyframes Myscrollbar {

    from {
        width: 0%;
    }

    to {
        width: 100%;
    }

}

@keyframes Myscrollbar {

    from {
        width: 0%;
    }

    to {
        width: 100%;
    }

}

.banner .bottom_panel .h4 {
    font-family: 'Montserrat Semibold';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.banner .bottom_panel .text {
    line-height: 1.3;
}

.banner .swiper-slide-active .video p {
    -webkit-animation: bannerP 0.8s ease-in 1 forwards;
            animation: bannerP 0.8s ease-in 1 forwards;
}

@-webkit-keyframes bannerP {

    0% {
        top: calc(30% + 160px);
        opacity: 0;
    }

    50% {
        top: calc(30% + 140px);
        opacity: 0.2;
    }

    100% {
        top: calc(30% + 120px);
        opacity: 1;
    }

}

@keyframes bannerP {

    0% {
        top: calc(30% + 160px);
        opacity: 0;
    }

    50% {
        top: calc(30% + 140px);
        opacity: 0.2;
    }

    100% {
        top: calc(30% + 120px);
        opacity: 1;
    }

}

.banner .swiper-slide-active .video p.backAnimation {
    -webkit-animation: bannerPback 2.5s ease-out 1 forwards;
            animation: bannerPback 2.5s ease-out 1 forwards;
}

@-webkit-keyframes bannerPback {

    to {
        top: calc(30% + 160px);
        opacity: 0;
    }

}

@keyframes bannerPback {

    to {
        top: calc(30% + 160px);
        opacity: 0;
    }

}

.our_services.show-hide_section .container_wrapper {
	flex-direction: column;
}

.our_services.show-hide_section .container {
	flex-basis: unset;
	max-width: 1280px;
	background-color: transparent;
	padding: 0 10px;
	margin: 0 auto;
}

.our_services.show-hide_section .show-hide_content {
	max-height: 880px;
}

.our_services.show-hide_section .show_all_wrap {
	max-width: 1280px;
	width: 100%;
	margin: 30px auto 0;
	padding: 0 10px;
}

.our_services.show-hide_section .show-hide_content.showAll + .show_all_wrap .show_all  .hide {
	display: block;
}

.our_services.show-hide_section .show-hide_content + .show_all_wrap .show_all  .hide,
.our_services.show-hide_section .show-hide_content.showAll + .show_all_wrap .show_all  .show {
	display: none;
}

.our_services {
    position: relative;
    z-index: 3;
    overflow: initial;
}

.our_services .container {
    position: relative;
}

.figure,
.figure1,
.figure2,
.figure3,
.figure4,
.figure5 {
    position: absolute;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

.our_services .figure1 {
    top: 249px;
    right: 0;
    z-index: -2;
}

.our_services .figure2 {
    top: 670px;
    left: 0;
    z-index: -2;
}

.our_services>.bg_text {
    top: 457px;
    right: 0;
    z-index: -1;
}

.our_services .cards1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    row-gap: 50px;
    margin-bottom: 50px;
}

.services_card1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
    /* width: 666px; */
    width: 100%;
    height: 100%;
    padding: 40px 35px 76px;
    background-color: var(--site-bg1);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.services_card1 .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services_card1 .top .img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    width: 78px;
    height: 78px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    transition: all 0.3s linear;
}

.services_card1:hover .top .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 78px;
    width: 78px;
    height: 78px;
    background-color: var(--second-color);
    border-color: var(--second-color);
    border-radius: 50%;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services_card1 .top .img img {
    max-width: 44px;
    max-height: 44px;
    width: unset;
    height: unset;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-animation: sc1_animaation 4s ease-in-out infinite;
            animation: sc1_animaation 4s ease-in-out infinite;
    filter: invert(1);
}

.services_card1:hover .top .img img {
    filter: invert(0);
}

/* @keyframes sc1_animaation {

    0% {
        transform: scale(0.7);
    }

    20% {
        transform: scale(1.1);
    }

    40% {
        transform: scale(1);
    }

}

.services_card1:nth-child(1) .top .img img {
    animation-delay: 1s;
}

.services_card1:nth-child(2) .top .img img {
    animation-delay: 3s;
}

.services_card1:nth-child(3) .top .img img {
    animation-delay: 4s;
}

.services_card1:nth-child(4) .top .img img {
    animation-delay: 6s;
} */

.services_card1 .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 13px;
       -moz-column-gap: 13px;
            column-gap: 13px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    row-gap: 10px;
}

.services_card1 .links a {
    color: var(--second-color);
    border: 1px solid var(--second-color);
    border-radius: 15px;
    padding: 10px 30px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services_card1 .text span {
    color: var(--second-color);
}

.services_card1:hover {
    -webkit-filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.15));
}

.services_card1:hover .top {
    color: var(--second-color);
}

/* .services_card1:hover .top .img {
    background-color: var(--second-color);
    border-color: var(--second-color);
}

.services_card1:hover .top .img img {
    filter: invert(1) brightness(2)
} */

.services_card1 .links a:hover,
.services_card1 .links a.active {
    background-color: var(--second-color);
    color: #fff;
}

.services_card1_wrapper,
.services_card2_wrapper {
    position: relative;
    width: calc(50% - 10px);
}

.services_card2_wrapper {
    min-height: 473px;
}

.services_card1_wrapper .inner_cards {
    position: absolute;
    top: 100%;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100vw;
    left: calc(0px - (100vw - 1280px) / 2);
    background-color: var(--card-bg);
    z-index: 1;
    padding: 30px 10px;
    -webkit-transition-duration: 800ms !important;
         -o-transition-duration: 800ms !important;
            transition-duration: 800ms !important;
    box-shadow: rgb(196, 196, 196) 0px 7px 5px 0px;
}

.services_card1_wrapper:nth-child(even) .inner_cards {
    left: unset;
    right: calc(0px - (100vw - 1280px) / 2);
}

.services_card1_wrapper .inner_cards .cards {
    -ms-flex-preferred-size: 1428px;
        flex-basis: 1428px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.our_services .container_wrapper .cards {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
}

.services_card2 {
    width: 342px;
    background: var(--site-bg1);
    border-radius: 15px;
    padding: 40px 40px;
}

.services_card2 .h4 {
    margin-bottom: 47px;
}

.services_card2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
    margin-bottom: 26px;
}

.services_card2 .btn_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.services_card2 .btn {
    border: 1px solid var(--second-color);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services_card2 .btn:hover {
    color: var(--second-color);
    background-color: #fff;
}

.our_portfolio {
    overflow: initial;
}

.our_portfolio .figure1 {
    top: -50px;
    right: 0;
    z-index: -1;
}

.our_portfolio .figure2 {
    top: calc(100% - 450px);
    left: 0;
    z-index: -2;
}

.title_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    row-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 60px;
}

.title_wrap .section_title {
    margin-bottom: 0;
}

.title_wrap a {
    position: relative;
    z-index: 1;
    color: var(--second-color);
    text-decoration: underline;
}

.title_wrap a:hover {
    text-decoration: none;
}

.our_portfolio .switchTitles {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-bottom: 30px;
}

.swithcSection [data-switch] {
    width: 101px;
    min-width: 101px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    cursor: pointer;
}

.swithcSection [data-switch] .inner {
    position: relative;
    height: 485px;
}

.swithcSection [data-switch] .img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.swithcSection [data-switch] .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(95, 95, 95, 0.5);
}

.swithcSection [data-switch] .arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    display: none;
    width: 69px;
    height: 174px;
    background-color: #fff;
    background-image: url('../../img/arrow-back.webp');
    background-repeat: no-repeat;
    background-size: 23px 18px;
    background-position: center;
    border-radius: 25px 0 0 25px;
    cursor: pointer;
}

.swithcSection [data-switch] h3 {
    position: absolute;
    bottom: 50px;
    left: 62px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    color: #fff;
    white-space: nowrap;
}

.swithcSection [data-switch].active {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    cursor: default;
}

.swithcSection [data-switch].active h3 {
    display: none;
}

.swithcSection [data-switch].active .arrow {
    display: block;
}

.swithcSection [data-switch].active .img::before {
    background-color: rgba(100, 110, 229, 0.2);
}

.our_portfolio .content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

/* 2 */

.our_portfolio .content {
	width: 100%;
}

.our_portfolio .content .company,
.our_portfolio .content .info {
    width: 100%;
    min-height: 256px;
    padding: 40px 50px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 15px;
}

.our_portfolio .content .info {
    min-width: 583px;
    width: 583px;
}

.our_portfolio .content .company h3 a {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    color: var(--second-color);
    text-decoration: underline;
    margin-bottom: 50px;
}

.our_portfolio .content .company .text {
    max-width: 553px;
    font-size: 21px;
}

.our_portfolio .content .info .btn {
    margin-top: 30px;
}

.our_portfolio .content .info .btn a {
    color: #fff;
}

.our_portfolio [data-switch] .img .workerImg1 {
    display: none;
}

.our_portfolio [data-switch].active .img .workerImg1 {
    display: block;
}

.our_portfolio [data-switch].active .img .workerImg2 {
    display: none;
}

.show-hide_section {
    overflow: initial;
	transition: all 0.8s linear;
}

.show-hide_section .show-hide_content {
    position: relative;
	height: 100%;
    max-height: 409px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 30px;
    background: var(--card-bg);
    border-radius: 15px;
    padding: 50px 50px 0;
    overflow: hidden;
    margin-bottom: 30px;
	transition: all 0.8s linear;
    z-index: 2;
}

.show-hide_section .show-hide_content::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 130px;
    background: -webkit-gradient(linear, left bottom, left top, from(#EBEDFB), color-stop(25.67%, rgba(230, 229, 250, 0.2)));
    background: -o-linear-gradient(bottom, #EBEDFB 0%, rgba(230, 229, 250, 0.2) 25.67%);
    background: linear-gradient(0deg, #EBEDFB 0%, rgba(230, 229, 250, 0.2) 25.67%);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}

.show-hide_section .show-hide_content.showAll {
    max-height: 6000px;
    padding-bottom: 40px;
}

.show-hide_section .show-hide_content.showAll::before {
    display: none;
}

.module_card {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    width: calc(33.33% - 14px);
    background: var(--site-bg1);
    border-radius: 15px;
    padding: 47px 40px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.module_card .h4 {
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.module_card .h4 svg {
    min-width: 26px;
}

.module_card .h4 svg path {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.module_card:hover,
.module_card.active {
    -webkit-filter: drop-shadow(0px 7px 13px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 7px 13px rgba(0, 0, 0, 0.15));
}

.module_card:hover .h4 {
    color: var(--second-color);
}

.module_card:hover svg path {
    stroke: var(--second-color);
}

.module_card .bottom_panel {
	position: absolute;
	top: calc(100% - 10px);
	left: 0;
	width: 100%;
	max-height: 0;
	background: #fff;
	border-radius: 0 0 15px 15px;
	padding: 0 40px;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	overflow: hidden;
}

.module_card.active {
	z-index: 1;
}

.module_card.active .bottom_panel {
	max-height: 500px;
	padding: 57px 40px 58px;
}

.show-hide_section .show_all {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
    cursor: pointer;
}

.show_all .show_arrow {
    position: relative;
    width: 30px;
    height: 2px;
    background-color: var(--second-color);
    -webkit-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
}

.show_all:hover .show_arrow {
    width: 40px;
}

.show_all .show_arrow::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 9px;
    background-color: var(--second-color);
}

.show_all .show_arrow i {
    position: absolute;
    top: 50%;
    right: 5px;
    height: 7px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.show_all .show_arrow i::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 2px;
    background-color: var(--second-color);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
}

.show_all .show_arrow i::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 9px;
    height: 2px;
    background-color: var(--second-color);
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
}

.show-hide_section .show_all span {
    color: var(--second-color);
    text-decoration: underline;
}

.show-hide_section .show_all:hover span {
    text-decoration: none;
}

.show-hide_section .show-hide_content+.show_all .hide {
    display: none;
}

.show-hide_section .show-hide_content.showAll+.show_all .hide {
    display: block;
}

.show-hide_section .show-hide_content.showAll+.show_all .show {
    display: none;
}

.modules .figure1 {
    top: 0;
    right: 0;
    z-index: -1;
    max-height: 715px;
}

.modules .figure2 {
    bottom: 0;
    left: 0;
    max-height: 250px;
    z-index: -1;
}

.image_banner {
    padding: 75px 0;
}

.image_banner img {
    width: 100%;
}

.our_workers {
    display: block;
    overflow: initial;
}

.our_workers .container {
    margin-left: calc((100% - 1280px) /2);
}

.our_workers .section_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
}

.our_workers .switchTitles {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    min-width: 63%;
    z-index: 1;
}

.our_workers [data-switch] {
    width: 177px;
    overflow: hidden;
}

.our_workers [data-switch] .inner {
    height: 720px;
    max-height: 80vh;
}

.our_workers [data-switch] .inner::before {
    content: '';
    position: absolute;
    bottom: 69px;
    left: 0;
    width: 143px;
    height: 174px;
    background-color: #2E3264;
    border-radius: 0 25px 25px 0;
    z-index: 1;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.our_workers [data-switch] .arrow {
    top: unset;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    bottom: 69px;
}

.our_workers [data-switch] h3 {
    left: 104px;
    bottom: 97px;
    z-index: 2;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.our_workers [data-switch] .img .workerImg1 {
    display: none;
}

.our_workers [data-switch] .img {
    background: -webkit-gradient(linear, left top, left bottom, from(#E8D7FF), to(#96919D));
    background: -o-linear-gradient(top, #E8D7FF 0%, #96919D 100%);
    background: linear-gradient(180deg, #E8D7FF 0%, #96919D 100%);
}

.our_workers [data-switch].active .img {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #D2D6FF), to(#939AC4));
    background: -o-linear-gradient(top, #D2D6FF 20%, #939AC4 100%);
    background: linear-gradient(180deg, #D2D6FF 20%, #939AC4 100%);
}

.our_workers [data-switch].active .img .workerImg1 {
    display: block;
}

.our_workers [data-switch].active .img .workerImg2 {
    display: none;
}

.our_workers [data-switch].active .inner::before {
    width: 0;
}

.our_workers [data-switch].active h3 {
    display: block;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    left: 50px;
    bottom: 102px;
    max-width: 278px;
    white-space: initial;
}

.our_workers .content_inner h3 {
    position: relative;
    max-width: 530px;
    font-size: 35px;
    padding: 21px 0;
    margin-bottom: 50px;
    z-index: 1;
}

.our_workers .content_inner h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100vw;
    right: 0;
    height: 100%;
    background-color: #D2D6FF;
    border-radius: 0 15px 15px 0;
    z-index: -1;
}

.our_workers .content_inner .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
    max-width: 530px;
    margin-bottom: 30px;
}

.our_workers .all_personal {
    color: var(--second-color);
    text-decoration: underline;
}

.news_section {
    overflow: initial;
}

.news_section .figure1 {
    top: -80px;
    left: 0;
}

.news_section .cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 338px 20px 338px;
    grid-template-rows: repeat(2, 338px);
    gap: 20px;
}

.news_card {
    position: relative;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
}

.news_card .bg_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
    z-index: -1;
}

.news_card .inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    background: -o-linear-gradient(bottom, rgba(76, 87, 216, 0.9) -24.44%, rgba(0, 0, 0, 0) 99.7%);
    background: linear-gradient(360deg, rgba(76, 87, 216, 0.9) -24.44%, rgba(0, 0, 0, 0) 99.7%);
    padding: 50px;
}

.news_card .title {
    font-size: 25px;
    color: #fff;
    line-height: 1.6;
}

.news_section .news_card:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
}

.news_section .news_card:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
}

.news_section .news_card:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

.news_section .news_card:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

.cards_section .cards {
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 30px;
}

.cards_section .card {
    width: calc(33.33% - 14px);
    position: relative;
    z-index: 1;
    padding: 0 35px 10px;
    overflow: hidden;
}

.cards_section .card .card_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 240px;
    width: 100%;
    background-color: var(--card-bg);
    border-radius: 13px;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

.cards_section .card .img {
    width: 100%;
    height: 275px;
    -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
            transform: translateY(25px);
    border-radius: 13px;
    -webkit-box-shadow: 0 70px 10px 8px #58585880;
            box-shadow: 0 70px 10px 8px #58585880;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    overflow: hidden;
}

.cards_section .card:hover .img {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.cards_section .card:hover .card_bg {
    background-color: #CCCAFF;
}

.callback_section {
    z-index: 2;
}

.callback_section .bg_part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background-color: var(--card-bg);
    padding: 67px 0;
}

.callback_section form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
}

.callback_section .wrap {
    width: calc((100% / 3) - (40px / 3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
}

.callback_section textarea {
    width: calc((100% / 3) - (40px / 3));
}

.callback_section button {
    padding: 31px 30px 32px;
}

.confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 13px;
       -moz-column-gap: 13px;
            column-gap: 13px;
}

.confirm a {
    color: var(--second-color);
    text-decoration: underline;
}

.callback_section .confirm a:hover {
    text-decoration: none;
}

.seo_section .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
    max-height: 309px;
    overflow: hidden;
}

.seo_section .show-hide_content {
    padding-bottom: 50px;
}

.seo_section .show-hide_content.showAll .text {
    max-height: unset;
}

.seo_section .show-hide_content::before {
    height: 100px;
}

.articles_section .cards {
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 21px;
}

.articles_card {
    width: calc(33.33% - 14px);
    position: relative;
    z-index: 1;
    background-color: var(--card-bg);
    border-radius: 15px;
    overflow: hidden;
}

.articles_card .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.articles_card .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #7871FFC7;
}


.articles_card .card_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
    height: 100%;
    min-height: 319px;
    padding: 50px;
}

.articles_card h3 {
    max-width: 513px;
}

.articles_card .text {
    max-width: 513px;
    font-size: 21px;
    line-height: 1.6;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.articles_card .writer_info {
    max-width: 513px;
    color: var(--second-color);
    margin-top: auto;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.articles_card .writer_info .name {
    font-family: 'Golos-Text Medium', sans-serif;
    font-weight: 500;
    margin-bottom: 5px;
}

.articles_card:hover .text,
.articles_card:hover .writer_info {
    color: #fff;
}

.articles_card:first-child {
    width: 100%;
    min-height: 492px;
    margin-bottom: 10px;
}

.articles_card:hover .img,
.articles_card:first-child .img {
    opacity: 1;
    visibility: visible;
}

.articles_card:first-child:hover .img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.articles_card:first-child .img::before {
    background: -webkit-gradient(linear, left top, right top, color-stop(40.48%, #7771FF), to(rgba(231, 230, 255, 0)));
    background: -o-linear-gradient(left, #7771FF 40.48%, rgba(231, 230, 255, 0) 100%);
    background: linear-gradient(90deg, #7771FF 40.48%, rgba(231, 230, 255, 0) 100%);
}

.articles_card:first-child .card_content {
    color: #fff;
    padding-top: 90px;
}

.articles_card:first-child .text {
    font-size: 17px;
}

.articles_card:first-child .writer_info {
    color: #fff;
}

.reviews_section .cards,
.video_reviews .cards {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 30px;
    margin-bottom: 20px;
}

.reviews_card {
    width: calc(50% - 10px);
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.reviews_card .img {
    min-width: 150px;
    width: 150px;
    height: 150px;
}

.reviews_card .img a {
    width: 100%;
    height: 100%;
}

.reviews_card .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 63px;
       -moz-column-gap: 63px;
            column-gap: 63px;
    row-gap: 20px;
    width: 100%;
    height: 100%;
    padding: 70px 35px 60px 50px;
}

.reviews_card .h4 {
    margin-bottom: 15px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.reviews_card .h4 a {
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.reviews_card .text {
    line-height: 1.6;
}

.reviews_card .text a {
    color: var(--second-color);
}

.reviews_card:hover,
.video_card:hover {
    background: -o-linear-gradient(312deg, #F5F4FF 0%, #358dff42 53%, #fff 98%);
    background: linear-gradient(138deg, #F5F4FF 0%, #358dff42 53%, #fff 98%);
    border: none;
    -webkit-box-shadow: 0px 8px 11px 0px #00000040;
            box-shadow: 0px 8px 11px 0px #00000040;
}

.reviews_card:hover .inner ,
.video_card:hover .inner {
    border: 1px solid transparent;
}

.reviews_card:hover .h4 a {
    color: var(--second-color);
}

a.show_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

a.show_all img {
    width: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.show_all span {
    color: var(--second-color);
    text-decoration: underline;
}

.show_all span:hover {
    text-decoration: none;
}

.video_card {
    width: calc(50% - 10px);
    background-color: var(--site-bg1);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 50px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.video_card .video {
    width: 100%;
    height: 18vw;
    max-height: 320px;
    background-color: #e7e7e7;
    border-radius: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

.video_card .video video,
.video_card .video iframe {
    width: 100%;
    height: 100%;
}

.video_card .card_title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 1.6;
}

.video_card .card_subtitle {
    color: #65696E;
}

.video_card .text {
    margin-top: 20px;
}

.video_card .text a {
    color: var(--second-color);
    line-height: 1.7;
}

footer,
footer a {
    color: #fff;
}

footer a,
footer address p {
    font-style: normal;
    text-decoration: underline;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

footer a:hover,
footer address p:hover {
    text-decoration: none;
}

footer .mailing_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #5D629A;
    padding: 40px 0;
}

footer .mailing_form .h4 {
    margin-bottom: 20px;
}

footer .mailing_form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 5px;
    row-gap: 20px;
}

footer .mailing_form input,
footer .mailing_form button {
    width: calc(33.33% - 14px);
}

footer .confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 13px;
       -moz-column-gap: 13px;
            column-gap: 13px;
    width: 100%;
}

footer .confirm p,
footer .confirm a {
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
}

.footer_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #515585;
    padding: 31px 0 55px;

}

.footer_main .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
}

.footer_main .part1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

footer .logo {
    width: 102px;
    height: 88px;
}

footer .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3px;
       -moz-column-gap: 3px;
            column-gap: 3px;
    min-width: 220px;
}

footer .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.footer_main .part2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

footer .qr_code .img {
    min-width: 200px;
    width: 200px;
    height: 200px;
    margin-bottom: 12px;
}

footer .cards {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
    max-width: 864px;
}

.footer_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 187px;
    background-color: #5D629A;
    border-radius: 15px;
    padding: 17px 15px 17px 17px;
}

.footer_card:last-child {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 193px;
}

.footer_card .card_title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    line-height: 1.47;
    text-align: center;
    margin-bottom: 20px;
}

.footer_menu {
    width: 100%;
    min-height: unset;
}

.footer_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.footer_menu a {
    text-decoration: none;
}

/* 3 */

footer .networks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 13px;
       -moz-column-gap: 13px;
            column-gap: 13px;
    margin-top: auto;
    margin-bottom: 17px;
}

footer .networks li:last-child {
    margin-left: auto;
}

footer .networks img {
    width: 41px;
    height: 41px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

footer address,
footer .tels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 17px;
    margin-top: auto;
}

.topPanel_section {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    background-color: var(--articles-color);
    padding: 20px 0;
    overflow: hidden;
}

.topPanel_section .list_wrapper {
	position: relative;
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
	-webkit-row-gap: 25px;
       -moz-row-gap: 25px;
            row-gap: 25px;
	max-height: 42px;
	padding-right: 20px;
	overflow: hidden;
}

.topPanel_section .list_wrapper.open {
	max-height: 100%;
}

.topPanel_section .list_wrapper.open .points_btn {
	color: transparent;
	/*display: none;*/ 
}

.topPanel_section .points_btn {
	position: absolute;
	top: 10px;
	right: 0;
	width: 20px;
	height: 20px;
	font-weight: 700;
	cursor: pointer;
}

.topPanel_section .points_btn::before {
	content: '.';
	position: absolute;
	top: -7px;
	left: 0;
}

.topPanel_section .points_btn::after {
	content: '.';
	position: absolute;
	top: 7px;
	left: 0;
}

.topPanel_section .list_wrapper.open .points_btn::before {
	content: '';
	top: 0;
	left: 0;
	width: 26px;
	height: 2px;
	background-color: #000;
	transform: rotate(45deg);
	transform-origin: left;
}

.topPanel_section .list_wrapper.open .points_btn::after {
	content: '';
	top: 0;
	right: 0;
	left: unset;
	width: 26px;
	height: 2px;
	background-color: #000;
	transform: rotate(-45deg);
	transform-origin: right;
}

/*.topPanel_section .container {
    position: relative;
    margin-left: calc((100% - 1280px) /2);
}*/

.card_arrow {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 57px;
	height: 57px;
	transform: translateY(-50%);
	background: radial-gradient(268.63% 268.63% at 100% 8.82%, #02126d 0%, rgba(204, 233, 239, 0) 100%);
	box-shadow: 0px 7.616013526916504px 7.616013526916504px 0px #00000040;
	transition: all 0.5s;
	border-radius: 50%;
	z-index: 2;
	cursor: pointer;
}

.left_ar {
	left: 10vw;
}

.right_ar {
	right: 10vw;
}

.card_arrow span {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 3px;
	background-color: #fff;
}

.card_arrow span::before {
	content: '';
	position: absolute;
	width: 15px;
	height: 3px;
	background-color: #fff;
	transform: rotate(-49deg);
}

.card_arrow span::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 3px;
	background-color: #fff;
	transform: rotate(49deg);
}

.left_ar span::before {
	top: 0;
	left: 0;
	transform-origin: left;
}

.left_ar span::after {
	bottom: 0;
	left: 0;
	transform-origin: left;
}

.right_ar span::before {
	bottom: 0;
	right: 0;
	transform-origin: right;
}

.right_ar span::after {
	top: 0;
	right: 0;
	transform-origin: right;
}

.articles_list {
    padding: 10px 0;
}

.articles_list .swiper-slide {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
}

.btn2 {
    color: var(--second-color);
    white-space: nowrap;
    border-radius: 15px;
    border: 1px solid var(--second-color);
    padding: 10px 30px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
}

.btn2:hover {
    color: #fff;
    background-color: var(--second-color);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.24);
}

.publication_search_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    width: 275px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    color: #fff;
    line-height: 1.6;
    background-color: var(--text-color);
    border-radius: 10px;
    padding: 8px 37px;
    cursor: pointer;
}

.publication_search_btn img {
    max-width: 17px;
    max-height: 17px;
}

.owebs_wrapper {
    background-color: var(--articles-color);
    border-radius: 15px;
    padding: 40px 50px;
}

.artciles .main_card {
    margin-bottom: 30px;
}

.news_page .main_card .posts_card,
.artciles .main_card .posts_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.news_page .main_card .title,
.artciles .main_card .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 800;
    font-size: 30px;
    color: var(--second-color);
    line-height: 1.2;
    margin: 0;
}

.artciles .main_card .content_part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 48px;
    max-width: 543px;
}

.artciles .main_card .img {
    max-width: 572px;
    height: 405px;
}

.artciles .main_card .link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--second-color);
    text-decoration: underline;
    margin-top: auto;
}

.artciles .main_card .link:hover {
    text-decoration: none;
}

.artciles .main_card .text {
    line-height: 1.6;
}

.artciles .main_card .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #5D5F67;
    background-color: var(--articles-color);
    border-radius: 15px;
    padding: 11px 50px 12px;
    margin-top: 10px;
}

.artciles .main_card .info .part1 {
    width: 543px;
}

.artciles .main_card .info .part2 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 572px;
}

.artciles .main_card .card_infoPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
}

.artciles .main_card .card_infoPanel .part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 53px;
       -moz-column-gap: 53px;
            column-gap: 53px;
}

.artciles .main_card .author a {
    color: var(--second-color);
}

.card_infoPanel .element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 7px;
       -moz-column-gap: 7px;
            column-gap: 7px;
}

.card_infoPanel .element .icon,
.card_infoPanel .element svg {
    position: static;
    max-width: 26px;
    max-height: 26px;
    cursor: pointer;
}

.card_infoPanel .element svg rect,
.card_infoPanel .element svg path {
    fill: transparent;
    stroke: var(--text-color);
}

.card_infoPanel .element.active {
    color: var(--second-color);
}

.card_infoPanel .element.active svg rect,
.card_infoPanel .element.active svg path {
    fill: var(--second-color);
    stroke: transparent;
}

.posts_card .img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    min-height: 308px;
    border-radius: 15px;
    padding: 30px 30px 20px;
    z-index: 1;
    overflow: hidden;

}

.posts_card .img::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-20.65%, #4C57D8), color-stop(79.93%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, #4C57D8 -20.65%, rgba(0, 0, 0, 0) 79.93%);
    background: linear-gradient(360deg, #4C57D8 -20.65%, rgba(0, 0, 0, 0) 79.93%);
}

.posts_card .img img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.posts_links a {
    text-transform: uppercase;
    color: #000;
    background-color: #fff;
    border-radius: 15px;
    padding: 10px 30px;
    margin: 0 10px 15px 0;
}

.posts_card .card_infoPanel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #fff;
    z-index: 1;
}

.posts_card .card_infoPanel .icon {
    position: relative;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    z-index: 1;
}

.posts_card .card_infoPanel .part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 6px;
}

.posts_card .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-size: 21px;
    font-weight: 500;
    color: #17181A;
    margin: 30px 0 10px;
}

.posts_card .title a {
    color: #17181A;
}

.posts_card .title a:hover {
    color: var(--second-color);
}

.posts_cards {
    -webkit-column-gap: 45px;
       -moz-column-gap: 45px;
            column-gap: 45px;
    row-gap: 45px;
}

.posts_cards .posts_card {
    width: calc(33.33% - 30px);
}

.download_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
}

.artciles .figure {
    bottom: 0;
    left: 0;
    z-index: -1;
}

.artciles_section1 .container {
    position: relative;
}

.artciles_section1 .figure {
    top: -200px;
    right: -220px;
    z-index: -1;
}

.artciles_section2 .figure_right {
    position: absolute;
    bottom: -150px;
    right: 0;
    z-index: -1;
}

.artciles_section2 .figure_left {
    position: absolute;
    bottom: -170px;
    left: 0;
    z-index: -1;
}

.owebs_wrapper + .owebs_wrapper {
    margin-top: 30px;
}

.quotes_section .section_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 42px;
       -moz-column-gap: 42px;
            column-gap: 42px;
}

.quotes_section .figure {
    bottom: -200px;
    left: 0;
    z-index: -1;
}

.quotes_section .cards {
    width: calc(50% - 21px);
    row-gap: 20px;
}

.artciles_quote {
    width: calc(50% - 21px);
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 14px 0px #00000040;
            box-shadow: 0px 4px 14px 0px #00000040;
    padding: 40px 50px;
}

.artciles_quote .text {
    font-size: 21px;
    line-height: 1.6;
    color: #17181A;
    margin-bottom: 50px;
}

.user_card {
    width: 100%;
    background-color: var(--articles-color);
    border-radius: 15px;
    padding: 40px 50px;
}

.user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    line-height: 1.6;
}

.user .img {
    min-width: 56px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
}

.user .img a {
    width: 100%;
    height: 100%;
}

.user_info .name,
.user_info .name a {
    color: #17181A;
}

.user_info .profession,
.user_info .profession a,
.user_card .card_info ul,
.user_card .card_info ul a {
    color: #5D5F67;
}

.user_card .card_info {
    margin-top: 29px;
}

.user_card .card_info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 10px;
}

.publicationSearch .btns_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 20px;
    margin-bottom: 30px;
}

.publicationSearch .btns_wrapper .btn2.active {
    color: #fff;
    background-color: var(--second-color);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.24);
}

.publicationSearch input[type="text"] {
    width: 100%;
    margin-bottom: 30px;
}

.publicationSearch input[type="text"]::-webkit-input-placeholder {
    color: #B1B1C2;
    opacity: 1;
}

.publicationSearch input[type="text"]::-moz-placeholder {
    color: #B1B1C2;
    opacity: 1;
}

.publicationSearch input[type="text"]:-ms-input-placeholder {
    color: #B1B1C2;
    opacity: 1;
}

.publicationSearch input[type="text"]::-ms-input-placeholder {
    color: #B1B1C2;
    opacity: 1;
}

.publicationSearch input[type="text"]::placeholder {
    color: #B1B1C2;
    opacity: 1;
}

.publicationSearch input[type="text"]:-ms-input-placeholder {
    color: #B1B1C2;
}

.publicationSearch input[type="text"]::-ms-input-placeholder {
    color: #B1B1C2;
}

.publicationSearch .scroll_wrapper {
    position: relative;
    max-height: 243px;
    overflow: hidden;
    overflow-y: auto;
}

.publicationSearch .scroll_wrapper::-webkit-scrollbar {
    width: 8px;
    border-radius: 5px;
}

.publicationSearch .scroll_wrapper::-webkit-scrollbar-thumb {
    background-color: #A9A9A9;
    border-radius: 5px;
}

.publicationSearch .scroll_wrapper::-webkit-scrollbar-track {
    background-color: transparent;
    border-right: 8px solid #D9D9D9;
    border-radius: 5px;
}

.publicationSearch .checks_wrapper {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-width: 187px;
       -moz-column-width: 187px;
            column-width: 187px;
    -webkit-column-gap: 38px;
       -moz-column-gap: 38px;
            column-gap: 38px;
}

.publicationSearch .checks_wrapper .checkBox {
    margin-bottom: 30px;
}

.publicationSearch .botom_panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    row-gap: 20px;
    margin-top: 34px;
}

.publicationSearch .botom_panel .btn {
    line-height: 1.6;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 21px;
    margin-top: 30px;
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    row-gap: 5px;
    text-align: center;
}

.pagination a {
    min-width: 18px;
    color: #000;
    border-bottom: 1px solid transparent;
}

.pagination a:hover,
.pagination a.active {
    color: var(--second-color);
    border-bottom: 1px solid var(--second-color);
}

.articles2 .figure1 {
    top: 450px;
    left: 0;
    z-index: -1;
}

.articles2 .figure2 {
    top: 1260px;
    right: 0;
    z-index: -1;
}

.artciles_section4 .figure {
    bottom: -150px;
    right: 0;
    z-index: -1;
}

.new_net {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 30px;
}

.new_net .net_left {
    max-width: 940px;
    width: 100%;
}

.net_right {
    min-width: 300px;
    max-width: 301px;
}

.articles .title {
    text-align: left;
}

.artciles_inner {
    padding-top: 0;
    z-index: 2;
}

.artciles_inner_card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 442px;
    color: #fff;
    border-radius: 15px;
    padding: 50px;
    margin-bottom: 65px;
    z-index: 1;
    overflow: hidden;
}

.artciles_inner_card .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	filter: brightness(0.8);
}

.artciles_inner_card .title {
    max-width: 521px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 700;
    font-size: 30px;
    color: #fff;
    margin-bottom: 14px;
}

.artciles_inner_card .h4 {
    margin-bottom: 10px;
}

.artciles_inner_card .card_infoPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 53px;
       -moz-column-gap: 53px;
            column-gap: 53px;
    row-gap: 15px;
    margin-top: auto;
}

.artciles_inner_card .card_infoPanel .part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 53px;
       -moz-column-gap: 53px;
            column-gap: 53px;
}

.artciles_inner .bgl {
    display: flex;
    column-gap: 60px;
    width: 100%;
    background-color: var(--second-color);
    border-radius: 20px;
    padding: 20px 30px;
}

.artciles_inner .bgl strong,
section.descr strong {
    color: var(--second-color);
}

section.descr {
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}

section.prew {
    max-width: 575px;
    border: 1px solid #000;
    background-color: aquamarine;
}

section.descr pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    width: 100%;
    max-width: 94vw;
    background-color: #E8E5FF;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.95em;
    word-break: keep-all;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    color: #000;
    text-shadow: 0 1px white;
}

section.descr .ttl {
    color: #000;
    font-size: 20px;
    margin-top: 30px;
}

section.prew h3 {
    width: 100%;
    margin-top: 50px;
}

section.descr p {
    color: var(--text-color);
    line-height: 200%;
    margin: 30px 0 0;
}

.select {
    position: relative;
    color: var(--text-color);
    border: 1px solid var(--text-color);
    border-radius: 6px;
    cursor: pointer;
    padding: 10px 20px;
}

.select a {
    width: 100%;
    color: var(--text-color);
    padding: 10px 20px;
}

.select .visual_part {
    position: relative;
    padding-right: 20px;
}

.select .visual_part::before {
    content: '';
    position: absolute;
    top: 40%;
    right: 7px;
    width: 9px;
    height: 2px;
    background-color: #000;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.select .visual_part::after {
    content: '';
    position: absolute;
    top: 40%;
    right: 2px;
    width: 9px;
    height: 2px;
    background-color: #000;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.select .visual_part.active::before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.select .visual_part.active::after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.select .list {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    border: 1px solid var(--text-color);
    border-top: none;
    border-radius: 0 0 10px 10px;
    margin-top: 2px;
    overflow: hidden;
    z-index: 1;
}

.select .list > div {
    background-color: #fff;
}

.select .list > div:hover {
    background-color: #5398d9;
}

.select .list > div:hover a {
    color: #fff;
}

.net_right .select {
    margin-bottom: 30px;
    padding: 22px 18px 22px 26px;
    cursor: auto;
}

.net_right .select .visual_part {
    font-size: 18px;
    color: var(--title-color);
    cursor: pointer;
}

.net_right .select {
    border: 2px solid #CBCBCB;
    border-radius: 10px;
}

.net_right .select .list {
    top: calc(100% - 1px);
    border: 2px solid #CBCBCB;
    border-top: none;
    margin-top: 2px;
    overflow: hidden;
    z-index: 5;
}

.net_right .select a {
    font-size: 18px;
    color: var(--title-color);
}

.select .visual_part::before,
.select .visual_part::after {
    background-color: #858585;
}

.articles_switchs {
    margin-bottom: 50px;
}

.articles_switchs .switchTitles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.articles_switchs [data-switch] {
    width: 50%;
    text-align: center;
    background-color: #E8E5FF;
    border: 1px solid rgba(68, 198, 239, 0.2);
    cursor: pointer;
    padding: 25px 20px;
}

.articles_switchs [data-switch].active {
    color: var(--second-color);
    background-color: #D6D9FF;
    border: 1px solid #D6D9FF;
}

.articles_switchs [data-switched] {
    background-color: #D6D9FF;
    border-radius: 0 0 15px 15px;
    padding: 40px 30px 0;
}

.net_right .posts_card .img {
    min-height: 205px;
    padding: 30px 20px;
}

.net_right .posts_card .title {
    font-size: 17px;
    line-height: 1.6;
    margin: 10px 0 40px;
}

.advertising_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 50px;
    margin-top: 50px;
}

.advertising_card {
    position: relative;
    min-height: 443px;
    line-height: 1.6;
    background: -o-linear-gradient(309.12deg, #1C3695 6.19%, #4C57D8 116%);
    background: linear-gradient(140.88deg, #1C3695 6.19%, #4C57D8 116%);
    border-radius: 15px;
    padding: 40px 30px;
    overflow: hidden;
}

.advertising_card .content {
    position: relative;
    z-index: 1;
}

.advertising_card .img {
    position: absolute;
    bottom: -7px;
    right: 0;
}

.advertising_card .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 700;
    font-size: 21px;
    color: #fff;
    margin-bottom: 10px;
}

.advertising_card .title a {
    color: #fff;
}

.advertising_card .text {
    line-height: 1.6;
    color: #fff;
    margin-bottom: 30px;
}

.advertising_card .btn {
    background-color: #fff;
    color: var(--second-color);
    border: 1px solid #fff;
}

.table_wrap {
    overflow: hidden;
    overflow-x: auto;
}

.table_wrap::-webkit-scrollbar {
    height: 8px;
    border-radius: 5px;
}

.table_wrap::-webkit-scrollbar-thumb {
    background-color: #A9A9A9;
    border-radius: 5px;
}

.table_wrap::-webkit-scrollbar-track {
    background-color: transparent;
    border-bottom: 8px solid #D9D9D9;
    border-radius: 5px;
}

table {
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    border-collapse: separate;
    border-spacing: 0;
}

td {
    padding: 14px 40px;
    vertical-align: middle;
}

tbody tr:nth-child(even) {
    background: #E2E5FF;
}

td {
    border-bottom: 1px solid #cecfd5;
    border-right: 1px solid #cecfd5;
}

td:last-child {
    border-right: none;
}

tbody tr:last-child td {
    border-bottom: none;
}

.artciles_inner .table_wrap {
    margin-bottom: 34px;
}

.artciles_inner .net_left .text {
    line-height: 1.6;
}

/* 4 */

.list_block {
    margin-top: 50px;
}

.list_block .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    row-gap: 10px;
    margin-bottom: 10px;
}

.list_block .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 21px;
}

.list_block .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    color: var(--second-color);
    cursor: pointer;
}

.list_block .toggle .close {
    display: none;
}

.list_block .toggle i {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 6px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.list_block .toggle i::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 1px;
    background-color: var(--second-color);
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}

.list_block .toggle i::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 7px;
    height: 1px;
    background-color: var(--second-color);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
}

.list_block.open .toggle .close {
    display: block;
}

.list_block.open .open {
    display: none;
}

.list_block.open .toggle i {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.list_block ul,
.list_block ol {
    max-height: 82px;
    overflow: hidden;
}

.list_block.open ul,
.list_block.open ol {
    max-height: unset;
}

.artciles_inner ol,
.text ol {
    counter-reset: myCounter;
}

.artciles_inner ol li,
.text ol li {
    counter-increment: myCounter;
    list-style: none;
}

.artciles_inner ol li::before,
.text ol li::before {
    content: counter(myCounter) ".";
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

.list_block .text > ol{
    counter-reset: slider;
    padding-right: 7px;
}

.list_block .text > ol {
    margin-bottom: 0;
}

.list_block .text > ol .drop_li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    counter-increment: slider;
    list-style: none;
}

.list_block .text > ol .drop_li ol,
.list_block .text > ol .drop_li ul {
    width: 100%;
    padding-left: 20px;
}

.list_block .text > ol .drop_li::before {
    content: counter(slider) ".";
    width: 25px;
    text-align: right;
    margin-right: 10px;
}

.list_block .text > ol .drop_li:hover::before,
.list_block .text > ol .drop_li a:hover {
    color: var(--second-color);
}

.article_text .text ul,
.article_text .text ol {
    padding-left: 20px;
}

.article_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
    margin: 50px 0 30px;
}

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

.article_text .text p span {
    color: var(--second-color);
    text-decoration: underline;
}

.article_text .block_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    font-size: 21px;
    color: var(--second-color);
    line-height: 1.6;
    background-color: #E8E5FF;
    border: 1px solid var(--second-color);
    border-radius: 15px;
    padding: 56px 130px 57px;
    margin-bottom: 40px;
}

.article_text .block_title h2 {
    font-weight: 400;
    font-size: 21px;
}

.block_title .element {
    font-size: 25px;
    line-height: 1.3;
    text-decoration: none;
}

.advertising_card.big {
    min-height: 267px;
    padding: 40px 70px;
}

.advertising_card.big .title {
    font-size: 30px;
}

.advertising_card.big .text {
    max-width: 470px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 15px;
}

.advertising_card.big .img {
    right: 20px;
}

.form_wrapper {
    background-repeat: no-repeat;
    background-size: contain;
}

.article_text .form_wrapper {
    background-color: #E7E6FF;
    border-radius: 15px;
    padding: 60px 50px;
}

.article_text .form_wrapper .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px;
}

.article_text form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-top: 40px;
}

.article_text form .wrap {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
}

.article_text form button {
    min-height: 86px;
}

.artciles_inner .bottomPanel,
.news_inner .bottomPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    row-gap: 20px;
    margin: 50px 0 60px;
}

.artciles_inner .bottomPanel .link,
.news_inner .bottomPanel .link {
    color: var(--second-color);
    text-decoration: underline;
    margin-right: auto;
}

.artciles_inner .bottomPanel .user .name {
    color: var(--second-color);
}

.artciles_inner .other_posts {
    margin-bottom: 54px;
}

.artciles_inner .other_posts .title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 30px;
}

.artciles_inner .other_posts a {
    line-height: 1.6;
    color: var(--second-color);
    text-decoration: underline;
    margin-bottom: 5px;
}

.artciles_inner .other_posts a:hover {
    text-decoration: none;
}

.artciles_inner .other_posts .posts_links a {
    text-decoration: none;
    background-color: #E7E6FF;
    border: 1px solid #B9BEFF;
    margin-top: 30px;
}

.our_services2 .bg_part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background-color: #E7E5FA;
    padding: 30px 10px;
}

.our_services2 .cards {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
}

.services2_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px;
    background-color:var(--site-bg1);
    border-radius: 15px;
    padding: 40px;
}

.services2_card ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
    margin: 47px 0;
}

.services2_card li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
}

.services2_card li::before {
    content: '';
    display: inline-block;
    min-width: 10px;
    width: 10px;
    height: 2px;
    background-color: var(--second-color);
    margin: auto 0;
}

.services2_card .btn {
    min-height: 44px;
    margin: 0 auto;
}

.services2_card .btn:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: var(--second-color);
    background-color: #fff;
    border: 1px solid var(--second-color);
}

.comments_block {
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 50px 50px;
    overflow: hidden;
}

.comments_block textarea {
    width: 100%;
    min-height: 184px;
    background-color: transparent;
    padding: 20px 32px;
    margin-bottom: 20px;
}

.wrtite_comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.comments_block textarea:focus {
    border: 1px solid #218FB1;
}

.comments_block .btn {
    min-height: 44px;
    margin-left: auto;
}


.comments_block  textarea::-webkit-input-placeholder {
    color: #B1B1C2;
    opacity: 1;
}


.comments_block  textarea::-moz-placeholder {
    color: #B1B1C2;
    opacity: 1;
}


.comments_block  textarea:-ms-input-placeholder {
    color: #B1B1C2;
    opacity: 1;
}


.comments_block  textarea::-ms-input-placeholder {
    color: #B1B1C2;
    opacity: 1;
}


.comments_block  textarea::placeholder {
    color: #B1B1C2;
    opacity: 1;
}

.comments_block  textarea:-ms-input-placeholder {
    color: #B1B1C2;
}

.comments_block  textarea::-ms-input-placeholder {
    color: #B1B1C2;
}

.comments_block .reviews {
    margin-top: 42px;
}

.comments_block .reviews_count {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-size: 21px;
    margin-bottom: 30px;
}

.comment {
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 20px 32px;
}

.comment .title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 5px;
}

.comment .visit_date {
    color: #B1B1C2;
}

.comment .text,
.artciles_inner .net_left .comment .text {
    line-height: 1.3;
    margin: 25px 0 40px;
}

.bottom_panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 26px;
       -moz-column-gap: 26px;
            column-gap: 26px;
    row-gap: 16px;
    color: #6D6D6D;
}

.bottom_panel .likes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    cursor: pointer;
}

.bottom_panel .answer_btn {
    cursor: pointer;
}

.bottom_panel .likes svg path {
    fill: transparent;
    stroke: var(--text-color);
}

.bottom_panel .likes svg.active path {
    fill: var(--second-color);
    stroke: transparent;
}

.bottom_panel .likes svg.active + span {
    color: var(--second-color);
}

.comment_wrap .answers_wrap {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 11px;
}

.answer .comment {
    position: relative;
    margin: 11px 0 0 80px;
}

.answer .comment::before {
    content: '';
    position: absolute;
    left: -40px;
    bottom: 0;
    width: 0.5px;
    height: calc(100% + 11px);
    background-color: var(--second-color);
}

.answer .comment .text span,
.answer .comment .text a {
    text-decoration: underline;
    color: var(--second-color);
}

.comment .answer_input {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 43px;
}

.comment .answer_input .btn {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.comment .answer_input textarea {
    min-height: 196px;
    background-color: #fff;
}

.show_comments,
.show_answers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    margin-left: auto;
    cursor: pointer;
}

.show_comments i,
.show_answers i {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 6px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.show_comments i::before,
.show_answers i::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 1px;
    background-color: #6D6D6D;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}

.show_comments i::after,
.show_answers i::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 1px;
    background-color: #6D6D6D;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
}

.show_comments.opened .open,
.show_comments .close,
.show_answers.opened .open,
.show_answers .close {
    display: none;
}

.show_comments.opened .close,
.show_answers.opened .close {
    display: block;
}

.show_comments.opened i,
.show_answers.opened i {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.comment_wrap + .comment_wrap {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 22px;
}

.reviews_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--second-color);
    margin-top: 25px;
}

.reviews_bottom .show_comments {
    margin: 0;
}

.show_comments i::before,
.show_comments i::after {
    background-color: var(--second-color);
}

.servicesPageFigure {
    position: absolute;
    z-index: -1;
}

.servicesPageFigure1 {
    left: 0;
    top: -900px;
}

.servicesPageFigure2 {
    left: 0;
    bottom: -90px;
}

.servicesPageFigure3 {
    right: 0;
    bottom: -400px;
}

.servicesPage.bg_text {
    top: -170px;
    right: 0;
}

.servicesSwiper .video p {
    min-width: 100% !important;
    margin-top: 20px;
}

.servicesSwiper .video .btns {
    position: relative;
    /* top: calc(30% + 180px); */
    left: calc((100vw - 1280px) / 2);
    z-index: 10;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-size: 30px;
    color: #fff;
    line-height: 1.23;
}

.servicesSwiper .video .btn {
    font-size: 17px;
    line-height: 1.6;
    margin: 0 30px 20px 0;
}

.servicesSwiper .video .btn:last-child {
    background-color: #6967B2;
}

.styled_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 17px;
}

.styled_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

.styled_list li::before {
    content: '';
    display: inline-block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../../img/list-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.servicesInnerPage.bg_text {
    top: -150px;
    left: 0;
    white-space: nowrap;
    z-index: -3;
}

.services_card2_wrapper .services_card1 {
    row-gap: 0;
}

.services_card2_wrapper .styled_list {
    border-left: 2px solid var(--second-color);
    padding-left: 71px;
    margin-bottom: 32px;
}

.services_card2_wrapper .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 14px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 30px;
    margin: 30px 0;
}

.services_card2_wrapper .wrapper_show {
    flex-direction: column;
    margin-left: 39px;
    overflow: hidden;
}

.services_card2_wrapper .text {
    margin-top: 38px;
}

.services_card2_wrapper .btns_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 15px;
}

.btn.details,
button.details {
    background-color: #6967B2;
}

button.details i {
    position: relative;
    display: inline-block;
    min-width: 11px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 11px;
}

button.details i::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 8px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

button.details i::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    width: 8px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.services_card2_wrapper.active .services_card1 {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    z-index: 1;
    -webkit-box-shadow: 0px 10px 16px 0px #00000040;
            box-shadow: 0px 10px 16px 0px #00000040;
}

.services_card2_wrapper.active .price span {
    color: var(--second-color);
}

.services_card2_wrapper.active .details i {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.servicesPageFigure3.sInner {
    bottom: -180px;
}

.works_stages {
    z-index: 3;
}

.works_stages .figure {
    top: -200px;
    left: 0;
    z-index: -3;
}

.works_stages .switchTitles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 20px;
}

.works_stages .switchTitles [data-switch] {
    width: calc(25% - 15px);
    min-height: 200px;
}

.works_stages [data-switch] .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#CFD5DD), to(#CFD5DD)), -webkit-gradient(linear, left bottom, left top, from(#F5F4FF), to(#F5F4FF));
    background: -o-linear-gradient(bottom, #CFD5DD, #CFD5DD), -o-linear-gradient(bottom, #F5F4FF, #F5F4FF);
    background: linear-gradient(0deg, #CFD5DD, #CFD5DD), linear-gradient(0deg, #F5F4FF, #F5F4FF);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 30px 35px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}

.works_stages [data-switch] .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.works_stages [data-switch] .count {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 208px;
    color: #3A3D4126;
    z-index: -2;
}

.works_stages [data-switch].active .inner {
    color: #fff;
}

.works_stages [data-switch].active .img {
    opacity: 1;
    visibility: visible;
}

.works_stages [data-switch].active .img::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.24%, #4C57D8), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, #4C57D8 0.24%, rgba(0, 0, 0, 0) 100%), -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background: linear-gradient(360deg, #4C57D8 0.24%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    z-index: 1;
}

.works_stages .content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
    background-color: var(--second-color);
    border-radius: 15px;
    padding: 40px 35px;
}

.works_stages .content .text {
    width: calc(50% - 10px);
    font-size: 21px;
    line-height: 1.2;
    color: #fff;
}

.works_stages .content .img {
    width: calc(50% - 10px);
}

.about_service .block_title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 21px;
    color: var(--second-color);
    background: #E8E5FF;
    border: 1px solid var(--second-color);
    border-radius: 15px;
    padding: 40px;
    margin-bottom: 30px;
}

.about_service .section_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 63px;
       -moz-column-gap: 63px;
            column-gap: 63px;
    row-gap: 40px;
}

.about_service .switchTitles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
    min-width: 559px;
}

.about_service [data-switch] .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 55px;
       -moz-column-gap: 55px;
            column-gap: 55px;
    row-gap: 20px;
    max-width: 535px;
    background: -webkit-gradient(linear, left bottom, left top, from(#CFD5DD), to(#CFD5DD)), -webkit-gradient(linear, left bottom, left top, from(#DCE2F8), to(#DCE2F8));
    background: -o-linear-gradient(bottom, #CFD5DD, #CFD5DD), -o-linear-gradient(bottom, #DCE2F8, #DCE2F8);
    background: linear-gradient(0deg, #CFD5DD, #CFD5DD), linear-gradient(0deg, #DCE2F8, #DCE2F8);
    border-radius: 200px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 18px 27px 19px;
}

.about_service [data-switch] .inner::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 100%;
    width: 0;
    height: 2px;
    background-color: var(--second-color);
    -webkit-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
}

.about_service [data-switch].active .inner::before {
    width: 63px;
}

.about_service [data-switch]:nth-child(3) .inner::before,
.about_service [data-switch]:nth-child(4) .inner::before {
    top: unset;
    bottom: 70px;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    background-color: none;
    width: 0;
    height: 0;
    background: url(../../img/as-icon.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    -webkit-transition: width 0.5s linear;
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;
}


.about_service [data-switch]:nth-child(3).active .inner::before,
.about_service [data-switch]:nth-child(4).active .inner::before {
    width: 65px;
    height: 329px;
}

.about_service [data-switch].active .inner {
    background: var(--second-color);
    color: #fff;
    margin-left: 24px;
}

.about_service [data-switch]:hover .inner {
    background: var(--second-color);
    color: #fff;
}

.about_service [data-switch] .img {
    min-width: 112px;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background-color: #7E7E7E;
    overflow: hidden;
}

.about_service .content .inner {
    max-width: 642px;
}

.about_service .content .video {
    max-height: 368px;
    height: 23vw;
    border: 2px solid var(--second-color);
    border-radius: 15px;
    padding: 13px 14px;
    margin-bottom: 40px;
}

.about_service .content .video iframe,
.about_service .content .video video {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.about_service .figure {
    top: -50px;
    right: 0;
    z-index: -1;
}

/* 5 */

.why_we {
    z-index: 0;
}

.why_we .figure {
    z-index: -1;
}

.why_we .figure1 {
    top: -400px;
    left: 0;
}

.why_we .figure2 {
    top: -300px;
    right: 0;
}

.why_we .figure3 {
    bottom: -180px;
    left: 0;
}

.why_we .figure4 {
    bottom: 200px;
    right: 0;
}

.why_we .cards {
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 60px;
}

.why_we .card {
    width: calc(33.33% - 14px);
}

.why_we .card .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 1;
    padding-left: 7px;
    border-left: 2px solid var(--second-color);
    margin-bottom: 30px;
}

.why_we .card .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
	color: #65696F;
}

.why_we .card .text b {
	color: var(--text-color);
}

.questions_section .questions_chat {
    margin-bottom: 30px;
}

.questions_chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 70px;
    max-height: 744px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-size: 21px;
    font-size: 21px;
    background-color: #f9fbff;
    border-radius: 15px;
    padding: 40px 35px 29px;
    overflow: hidden;
    overflow-y: auto;
}

.questions_chat::-webkit-scrollbar {
    width: 8px;
    border-radius: 5px;
}

.questions_chat::-webkit-scrollbar-thumb {
    background-color: #A9A9A9;
    border-radius: 5px;
}

.questions_chat::-webkit-scrollbar-track {
    background-color: transparent;
    border-right: 8px solid #D9D9D9;
    border-radius: 5px;
}

.questions_chat ._textContainer {
    display: none;
}

.questions_chat .question {
    position: relative;
    max-width: 670px;
    background-color: var(--card-bg);
    border-radius: 15px;
    -webkit-filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.25));
    padding: 20px 60px 35px 35px;
    margin-left: auto;
}

.questions_chat .question::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% - 10px);
	width: 0;
	height: 0;
	border-top: 30px solid var(--card-bg);
	border-right: 30px solid transparent;
    -webkit-filter: drop-shadow(12px -1px 4px rgba(0, 0, 0, 0.05));
            filter: drop-shadow(12px -1px 4px rgba(0, 0, 0, 0.05));
}

.questions_chat p {
    line-height: 1.3;
    color: #000;
}

.questions_chat .info {
    position: absolute;
    bottom: 10px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin-left: auto;
}

.questions_chat .info .time {
    color: #6C6C6C;
}

.questions_chat .answer {
    position: relative;
    max-width: 670px;
    background-color: #F8F8F9;
    border-radius: 15px;
    -webkit-filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.25));
    padding: 20px 60px 35px 35px;
}

.questions_chat .answer::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc(100% - 10px);
	width: 0;
	height: 0;
	border-top: 30px solid #F8F8F9;
	border-left: 30px solid transparent;
    -webkit-filter: drop-shadow(-12px -1px 4px rgba(0, 0, 0, 0.05));
            filter: drop-shadow(-12px -1px 4px rgba(0, 0, 0, 0.05));
}

.our_portfolio .lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
}

.our_portfolio .lists .part {
    width: calc(50% - 20px);
}

.our_portfolio .lists .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 10px;
}

.our_portfolio .lists ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
}

.our_portfolio .lists li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

.our_portfolio .lists li::before {
    content: '';
    display: inline-block;
    min-width: 11px;
    width: 11px;
    height: 11px;
    background-color: var(--second-color);
    border-radius: 50%;
}

.our_portfolio .content .info2 {
    min-width: 543px;
    min-height: 256px;
    width: 543px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 40px 50px;
}

.our_portfolio .content .info2 h3 {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    color: var(--second-color);
    margin-bottom: 65px;
}

.our_portfolio .content .info2 p {
    margin-bottom: 20px;
}

.our_portfolio_figure {
    position: absolute;
    top: -150px;
    right: 0;
    z-index: -1;
}

.portfolio_banner,
.courses_banner,
.portfolio,
.contacts {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: 100vh;
    color: #fff;
    padding: 106px 0 90px;
}

.portfolio_banner button:focus,
.courses_banner button:focus,
.portfolio button:focus,
.contacts button:focus,
.portfolio_banner .details:focus,
.courses_banner .details:focus,
.portfolio .details:focus,
.contacts .details:focus {
    background-color: #fff !important;
}

.portfolio_banner a,
.courses_banner a,
.portfolio a,
.contacts a {
    color: #fff;
}

.portfolio_banner .bg_img,
.courses_banner .bg_img,
.portfolio .bg_img,
.contacts .bg_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    z-index: -1;
    -webkit-filter: brightness(0.6);
            filter: brightness(0.6);
}

/*.portfolio_banner .bg_img {
    -webkit-filter: brightness(0.6) blur(10px);
            filter: brightness(0.6) blur(10px);
}*/

.portfolio_banner .section_content,
.courses_banner .section_content,
.portfolio .section_content,
.contacts .section_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}

.contacts .cards {
    -webkit-column-gap: 18px;
       -moz-column-gap: 18px;
            column-gap: 18px;
    row-gap: 18px;
}

.portfolio_banner .page_title,
.courses_banner .page_title,
.portfolio .page_title,
.contacts .page_title {
    margin-bottom: 30px;
}

.portfolio .subtitle,
.contacts .subtitle {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-size: 30px;
    margin-bottom: 186px;
}


.portfolio_banner,
.courses_banner {
    z-index: 2;
}

.portfolio_banner .subtitle,
.courses_banner .subtitle {
    max-width: 800px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-size: 30px;
    margin-bottom: 60px;
}

.portfolio_banner .detailsб
.courses_banner .details {
    line-height: 1.6;
}

.portfolio_banner .btns_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 20px;
}

.portfolio_banner.blur .container {
    position: relative;
    z-index: 1;
}

.portfolio_banner.blur::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    backdrop-filter: blur(6px);
    mask: linear-gradient(to right, rgba(0, 0, 0, 1) 58%, rgba(0, 0, 0, 0) 74.5%);
    z-index: 0;
}

.contacts_card {
    width: calc(33.33% - 12px);
    min-width: 400px;
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 40px 45px 56px;
}

.contacts_card .h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 11px;
       -moz-column-gap: 11px;
            column-gap: 11px;
    margin-bottom: 30px;
}

.contacts_card:last-child .h4 {
    margin-bottom: 20px;
}

.contacts_card .icon {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.contacts_card .card_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
}

.contacts_card .card_content .inner,
.contacts_card .card_content .net_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 10px;
}

.contacts_card .card_content .network_icon {
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.contacts_card .card_content span,
.contacts_card .card_content a {
    text-decoration: underline;
}

.contacts_card .card_content a:hover {
    text-decoration: none;
}

.map {
    height: 409px;
    margin-bottom: 80px;
}

.map iframe {
    width: 100% !important;
    height: 100% !important;
}

.bitrix .figure {
    bottom: -200px;
    left: 0;
    z-index: -1;
}

.bitrix_tab {
    margin-bottom: 20px;
}

.tab_content {
    display: none;
    flex-direction: column;
    row-gap: 15px;
    margin-top: 20px;
    padding: 0 20px;
}

.tab_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--second-color);
    color: #fff;
    border-radius: 15px;
    padding: 15px 25px;
}

.tab_top .toggle_btn {
    position: relative;
    display: inline-block;
    min-width: 11px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 11px;
}

.tab_top .toggle_btn::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 8px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.tab_top .toggle_btn::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    width: 8px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.bitrix_tab.active .toggle_btn {
    transform: rotate(180deg);
}

.bitrix .cards {
    row-gap: 20px;
}

.bitrix_card {
    background-color: var(--site-bg1);
    border-radius: 15px;
}

.bitrix_card .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 42px 60px 43px;
}

.bitrix_card .top .h4 {
    color: var(--second-color);
}

.bitrix_card .top .price {
    font-family: 'Montserrat Medium', sans-serif;
    font-weight: 500;
    font-size: 21px;
    margin-left: auto;
}

.bitrix_card .btns_wrapper {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

.bitrix_card .bottom {
    display: none;
    padding: 30px 60px;
}

.bitrix_card.active {
    -webkit-box-shadow: 0px 10px 16px 0px #00000040;
            box-shadow: 0px 10px 16px 0px #00000040;
}

.bitrix_card.active .details i {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.our_clients .figure {
    top: -500px;
    right: 0;
}

.our_clients .cards {
    position: relative;
    row-gap: 30px;
    -webkit-column-gap: 18px;
       -moz-column-gap: 18px;
            column-gap: 18px;
    margin-bottom: 20px;
    z-index: 1;
}

.clients_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 30px;
    width: calc(33.33% - 12px);
    min-height: 384px;
    background-color: var(--site-bg1);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 30px 20px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
}

.clients_card:hover {
    background: -o-linear-gradient(312deg, #F5F4FF 0%, #358dff42 53%, #fff 98%);
    background: linear-gradient(138deg, #F5F4FF 0%, #358dff42 53%, #fff 98%);
    border: none;
    -webkit-box-shadow: 0px 8px 11px 0px #00000040;
            box-shadow: 0px 8px 11px 0px #00000040;
}

.clients_card .img {
    max-width: 199px;
    max-height: 199px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.clients_card .text {
    max-width: 256px;
    max-height: 0;
    text-align: center;
    line-height: 1.7;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.clients_card:hover .text {
    opacity: 1;
    visibility: visible;
    max-height: 100%;
    /* max-height: unset; */
}

.clients_card:hover .img {
    max-height: 96px;
}

.reviews_figure {
    position: absolute;
    top: -400px;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

.portfolio_cards {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
    z-index: 1;
}

.portfolio_cards .figure1 {
    top: -100px;
    left: 0;
    z-index: -1;
}

.portfolio_cards .figure2 {
    top: 500px;
    right: 0;
    z-index: -1;
}

.portfolio_cards .figure3 {
    bottom: -170px;
    right: 0;
    z-index: -1;
}

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

.portfolio_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 65px;
       -moz-column-gap: 65px;
            column-gap: 65px;
    row-gap: 20px;
    background-color: var(--articles-color);
    border-radius: 15px;
    padding: 50px;
}

.portfolio_card .img {
    /*width: 31vw;*/
    width: auto;
    min-width: 400px;
    height: 381px;
    border-radius: 20px;
    overflow: hidden;
}

.portfolio_cards .pagination {
    width: 100%;
    margin: 30px 0 80px;
}

.portfolio_card .card_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    color: #000;
}

.portfolio_card .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 40px;
}

.portfolio_card .subtitle {
    font-size: 21px;
}

.portfolio_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 48px;
       -moz-column-gap: 48px;
            column-gap: 48px;
    margin: auto 0;
    padding: 10px 0;
}

.portfolio_info .element {
    position: relative;
    max-width: 180px;
    text-align: center;
}

.portfolio_info .element b {
    display: inline-block;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 40px;
    color: var(--second-color);
    margin-bottom: 20px;
}

.portfolio_info .element::before {
    content: '';
    position: absolute;
    top: 0;
    right: -23px;
    width: 3px;
    height: 100%;
    background: -o-radial-gradient(50% 48.25%, 51.75% 51.75%, #4C57D8 0%, rgba(76, 87, 216, 0) 100%);
    background: radial-gradient(51.75% 51.75% at 50% 48.25%, #4C57D8 0%, rgba(76, 87, 216, 0) 100%);
}

.portfolio_info .element:last-child::before {
    display: none;
}

.portfolio_card .btns_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 10px;
}

.portfolio_inner .about_company .figure {
    z-index: -1;
}

.portfolio_inner .about_company .pi_1 {
    top: 0;
    left: 0;
}

.portfolio_inner .about_company .pi_2 {
    top: -100px;
    right: -100px;
}

.portfolio_inner .project_target .cards {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.portfolio_inner .project_target .target_card {
    width: calc(25% - 15px);
    min-width: 267px;
}

.target_card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    z-index: 1;
    padding-top: 70px;
}

.target_card .count {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 260px;
    line-height: 1;
    color: #E5E3FFB2;
    z-index: -1;
}

.target_card .h4 {
    color: var(--second-color);
}

.portfolio_inner .project_target .pi_1 {
    bottom: -300px;
    left: 30vw;
}

.portfolio_inner .project_target .pi_2 {
    top: 200px;
    right: 0;
}

.portfolio_inner .desicion .center_text {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 21px;
    color: var(--second-color);
    text-align: center;
}

.portfolio_inner .desicion .section_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 60px;
}

.portfolio_inner .desicion_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 80px 120px;
    width: 100%;
    text-align: center;
    color: #000;
}

.portfolio_inner .desicion_info .element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    column-gap: 10px;
}

.portfolio_inner .desicion_info b {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 90px;
    color: var(--second-color);
}

.portfolio_inner .desicion_figure {
    display: none;
    min-width: 3px;
    background: -o-radial-gradient(50% 48.25%, 51.75% 51.75%, #4C57D8 0%, rgba(76, 87, 216, 0) 100%);
    background: radial-gradient(51.75% 51.75% at 50% 48.25%, #4C57D8 0%, rgba(76, 87, 216, 0) 100%);
}

.portfolio_inner .desicion .advertising_card {
    width: 100%;
    margin: 90px 0;
}

.portfolio_inner .site_development {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
}

.portfolio_inner .site_development .section_content {
    position: relative;
    max-width: calc((100vw - 1280px) / 2 + 544px);
    min-width: 40vw;
    padding: 100px 0 141px calc((100vw - 1280px) / 2);
    color: #fff;
    margin-right: auto;
}

.portfolio_inner .site_development .section_content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: -o-radial-gradient(13.93% -1.98%, 98.54% 680.14%, #4C57D8 0%, rgba(76, 87, 216, 0) 100%);
    background: radial-gradient(98.54% 680.14% at 13.93% -1.98%, #4C57D8 0%, rgba(76, 87, 216, 0) 100%);
    z-index: -1;
}

.portfolio_inner .site_development .img {
    max-height: 792px;
}

.portfolio_inner .schedule .section_title {
    max-width: 544px;
}

.portfolio_inner .schedule .schedule_img {
    margin-bottom: 30px;
}

.portfolio_inner .schedule .cards {
    row-gap: 20px;
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
}

.portfolio_inner .schedule .text,
.portfolio_inner .schedule .schedule_card {
    width: calc(33.33% - 14px);
}

.schedule_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    background-color: var(--site-bg1);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 50px;
}

.schedule_card .punct {
    width: 11px;
    height: 11px;
    min-width: 11px;
    border-radius: 50%;
}

.schedule_punct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

.schedule_card .punct_1 {
    background-color: #3565F2;
}

.schedule_card .punct_2 {

    background-color: #8779E9;
}
.schedule_card .punct_3 {
    background-color: #58E1EF;
}

.portfolio_inner .project_results {
    z-index: 2;
}

.portfolio_inner .project_results .section_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    color: #fff;
    background-color: #5963DB;
    padding: 70px 0;
}

.portfolio_inner .project_results .desicion_info b,
.portfolio_inner .project_results .desicion_info span {
    color: #fff;
}

.desicion_info span {
    max-width: 300px;
}

.portfolio_inner .project_results .desicion_figure {
    -webkit-filter: invert(1) brightness(9);
            filter: invert(1) brightness(9);
}

.portfolio_inner .project_results .cards2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
    margin-top: 70px;
}

.portfolio_inner .project_results .text_card {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 40px;
}

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

.text_section .admin_text {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 21px;
    color: var(--second-color);
}

.text_section .text_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 20px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

.text_section .text_container.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.text_section .text_container .img {
    height: 340px;
    min-width: 583px;
    border-radius: 15px;
    overflow: hidden;
}

.text_section .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
}

.text_section .text a,
.text_section .text span {
    color: var(--second-color);
}

.works_examples .figure {
    top: 100px;
    right: 100px;
    z-index: -1;
}

.works_examples .figure1 {
    bottom: -250px;
    right: 0;
    z-index: -1;
}

.works_examples .section_content .container:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-left: calc((100% - 1280px) /2);
}

.works_examples .section_content .container:nth-child(odd) {
    margin-right: calc((100% - 1280px) /2);
}

.works_examples .section_content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 120px;
       -moz-column-gap: 120px;
            column-gap: 120px;
}

.works_examples .section_content .container + .container {
    margin-top: 55px;
}

.works_examples .section_content .container .img {
    width: 747px;
    max-height: 440px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 9px 0px #00000040;
            box-shadow: 0px 4px 9px 0px #00000040;
    overflow: hidden;
}

.works_examples .section_content .container .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    width: 704px;
}

.design_screenshots {
    z-index: 2;
}

.design_screenshots .screenshots_slider {
    max-width: 1260px;
}

.design_screenshots .swiper-button-prev,
.design_screenshots .swiper-button-next {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background-color: var(--second-color);
}

.design_screenshots .swiper-button-prev::after {
    color: #fff;
    font-size: 30px;
    padding-right: 6px;
}

.design_screenshots .swiper-button-next::after {
    color: #fff;
    font-size: 30px;
    padding-left: 8px;
}

.design_screenshots .img {
    /* width: 874px;
    height: 492px; */
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 10px 0px #00000040;
            box-shadow: 0px 4px 10px 0px #00000040;
    overflow: hidden;
    margin: 10px auto;
}

.text_section .figure1 {
    top: -100px;
    left: 0;
    z-index: -1;
}

.text_section .figure2 {
    top: -500px;
    right: 0;
    z-index: -1;
}

.order_modal .modal_wrap,
.game_prize .modal_wrap,
.business_offer .modal_wrap,
.offer .modal_wrap,
.promo .modal_wrap,
.order_bitrix .modal_wrap {
    max-width: 1186px;
}

.order_modal form,
.game_prize form,
.business_offer form,
.offer form,
.promo form,
.order_bitrix form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
}

.order_modal form .part,
.game_prize form .part,
.business_offer form .part,
.offer form .part,
.promo form .part,
.order_bitrix form .part {
    width: calc(50% - 10px);
    max-width: 402px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
}

.order_modal form button,
.game_prize form button,
.business_offer form button,
.offer form button,
.promo form button,
.order_bitrix form button {
    min-height: 84px;
}

.order_cart .modal_title {
    text-align: center;
}

.order_cart table td {
    border-bottom: 1px solid #A0A8FF;
    border-right: 1px solid #A0A8FF;
    padding: 17px;
}

.order_cart .h4 {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    color: var(--second-color);
    margin-bottom: 10px;
}

.order_cart table {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    border-top: 1px solid #A0A8FF;
    border-bottom: 1px solid #A0A8FF;
    border-radius: 0;
}

.order_cart tbody tr:nth-child(odd) {
    background: #E2E5FF;
}

.order_cart tbody tr:nth-child(even) {
    background: #fff;
}

.order_cart .prod_wrap {
    max-height: 410px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 30px;
}

.order_cart .prod_wrap .prod_inner {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.order_cart .prod_wrap::-webkit-scrollbar {
    width: 8px;
    border-radius: 5px;
}

.order_cart .prod_wrap::-webkit-scrollbar-thumb {
    background-color: #A9A9A9;
    border-radius: 5px;
}

.order_cart .prod_wrap::-webkit-scrollbar-track {
    background-color: transparent;
    border-right: 8px solid #D9D9D9;
    border-radius: 5px;
}

.order_cart .delete_prod {
    position: relative;
    width: 23px;
    height: 23px;
    border: 1px solid var(--second-color);
    border-radius: 5px;
    cursor: pointer;
}

.order_cart .prod_title {
    min-width: 300px;
}

.order_cart .prod_price {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    white-space: nowrap;
}

.delete_prod::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 5px;
    width: 11px;
    height: 2px;
    transform: rotate(45deg);
    transform-origin: center;
    background-color: var(--second-color);
    border-radius: 1px;
}

.delete_prod::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 5px;
    width: 11px;
    height: 2px;
    transform: rotate(-45deg);
    transform-origin: center;
    background-color: var(--second-color);
    border-radius: 1px;
}

.order_cart .bottom_panel {
    align-items: center;
    justify-content: space-between;
}

.order_cart button {
    width: fit-content;
    min-width: 251px;
    min-height: 44px;
}

.order_cart .reset {
    color: var(--second-color);
    cursor: pointer;
}

.order_cart .total_price {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 21px;
    margin-bottom: 35px;
}

.order_cart .total_price .price {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: var(--second-color);
}

.order_cart_2 .modal_title {
    text-align: center;
    margin-bottom: 10px;
}

.order_cart_2 .modal_subtitle {
    text-align: center;
    margin-bottom: 30px;
}

.order_cart_2 form {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    max-width: 463px;
    margin: 0 auto;
}

.order_cart_2 button {
    width: fit-content;
    min-width: 251px;
    min-height: 44px;
    margin: 10px auto 5px;
}

.order_cart_2 .confirm {
    line-height: 1.6;
}

.order_cart_2 .checkBox .fake {
    margin-top: 3px;
}

.order_cart_success {
    text-align: center;
}

.order_cart_success .modal_title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 20px;
}

.order_cart_success .modal_subtitle {
    max-width: 470px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 30px;
    margin: 0 auto 30px;
}

.order_cart_success .modal_subtitle a {
    color: var(--second-color);
}

.order_cart_success .btn {
    min-width: 251px;
}

.card_fix {
    position: fixed;
    top: 50%;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border: 1px solid var(--second-color);
    background-color: var(--second-color);
    border-radius: 50%;
    z-index: 99;
}

.card_fix svg path {
    fill: #fff;
}

.card_fix .fix_count {
    position: absolute;
    bottom: -4px;
    right: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border: 1px solid var(--second-color);
    border-radius: 50%;
    z-index: 100;
}
.card_fix:hover,
.card_fix:hover .fix_count {
    box-shadow: 0px 5px 4px 0px #00000040;
}

.card_fix:focus {
    background-color: transparent;
}

.card_fix:focus svg path {
    fill: var(--second-color);
}

/* 6 */

.news_page .main_card h1.title {
    max-width: 577px;
    margin-bottom: 40px;
}

.news_page .main_card .text {
    max-width: 543px;
    line-height: 1.6;
    margin-bottom: 26px;
}

.news_page .main_card .posts_card {
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
}

.news_page .main_card .info {
    position: relative;
    margin: 24px 0 40px;
    padding-bottom: 40px;
}

.news_page .main_card .info::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: -o-radial-gradient(50% 48.25%, 51.75% 51.75%, #4C57D8 0%, rgba(76, 87, 216, 0) 100%);
    background: radial-gradient(51.75% 51.75% at 50% 48.25%, #4C57D8 0%, rgba(76, 87, 216, 0) 100%);
}

.news_page .main_card .info .part2,
.news_page .main_card .posts_card .img {
    max-width: calc(50% - 50px);
    width: 100%;
}

.news_page .main_card .posts_card .img {
    min-height: 370px;
}

.news_page .main_card .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
}

.news_page .main_card .info .card_infoPanel,
.news_page .main_card .info .card_infoPanel .part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}

.news_page .main_card .info .author a {
    color: var(--second-color);
}

.news_page .posts_cards {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

.news_page .posts_cards .posts_card {
    width: auto;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    margin-bottom: 40px;
}

.news_page .posts_cards .posts_card .img {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    min-height: 230px;
}

.news_page .posts_cards .posts_card .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    margin: 30px 0;
    padding-left: 7px;
    border-left: 2px solid var(--second-color);
}

.news_page .posts_cards .posts_card .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
    row-gap: 20px;
    color: #65696F;
    margin-bottom: 26px;
}

.news_page .posts_cards .posts_card .text b {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: var(--text-color);
}

section.first_figures .figure1 {
    top: -150px;
    left: 0;
}

section.first_figures .figure2 {
    top: -130px;
    right: 0;
}

section.first_figures .figure3 {
    top: 450px;
    left: 0;
}

section.first_figures .figure4 {
    top: 1200px;
    right: 0;
}

section.second_figures {
    z-index: 2;
}

section.second_figures .figure {
    top: 700px;
    right: 0;
}

.news_inner {
    padding-top: 0;
}

.news_inner .artciles_inner_card .content_part {
    margin: auto 0;
}

.news_inner .artciles_inner_card .content_part .title {
    margin-bottom: 30px;
}

.news_inner .artciles_inner_card .content_part .h4 {
    line-height: 1.5;
    margin-bottom: 15px;
}

.news_inner .artciles_inner_card .card_infoPanel {
    margin-top: 30px;
}

.news_inner .list_block .top {
    margin-bottom: 30px;
}

.news_inner .text {
    line-height: 1.6;
}

.news_inner .other_posts .title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
}

.news_inner .other_posts a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: var(--second-color);
    margin-bottom: 5px;
}

.news_inner .net_right .select {
    background-color: var(--site-bg1);
}

.news_inner .net_right .posts_card {
	width:  100%;
}

.news_inner .net_right .posts_card .img {
    min-height: 212px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 20px;
}

.white_text {
    background-color: var(--second-color);
    color: #fff;
    border-radius: 6px;
    padding: 0 2px;
}

.text_page {
    padding-top: 0;
}

.text_page .punct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-bottom: 60px;
}

.text_page .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
}

.text_page .punct .title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.8;
}

.text_page .punct .title a {
    color: var(--second-color);
    text-decoration: underline;
}

.text_page .punct .count {
    position: relative;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    color: #fff;
    line-height: 1;
    background-color: var(--second-color);
    border-radius: 0 15px 15px 0;
    padding: 19px 29px 19px 0;
    margin-top: 7px;
}

.text_page .punct .count::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 100vw;
    height: 100%;
    background-color: var(--second-color);
}

.text_page .punct ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.text_page .punct ul li {
    position: relative;
    list-style: none;
    padding-left: 20px;
    line-height: 1.8;
}

.text_page .punct ul li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: var(--second-color);
    border-radius: 50%;
}

.text_page .img {
    height: 422px;
    border-radius: 30px;
    margin-bottom: 60px;
    overflow: hidden;
}

.text_page .figure1 {
    top: 300px;
    right: 0;
}

.text_page .figure2 {
    top: 600px;
    left: 0;
}

.text_page .figure3 {
    bottom: 0;
    left: 30%;
}

.text_page .figure4 {
    bottom: -500px;
    right: 0;
    z-index: -5;
}

.info_section {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1;
    padding-bottom: 75px;
}

.info_section .bg_text {
    top: -160px;
    left: 36%;
    z-index: -1;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0.7;
}

.info_section .figure1 {
    top: 10px;
    left: calc((100vw - 1280px) / 2 - 120px);
}

.info_section .figure2 {
    top: -70px;
    left: 0;
}

.info_section .figure3 {
    top: -70px;
    right: 0;
}

.info_section .grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 230px 20px 230px;
    grid-template-rows: repeat(2, 230px);
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
}

.info_section .element .img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.info_section .element .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    background: -o-linear-gradient(323.74deg, #4C57D8 14.02%, rgba(102, 72, 223, 0.63) 104.33%);
    background: linear-gradient(126.26deg, #4C57D8 14.02%, rgba(102, 72, 223, 0.63) 104.33%);
    border-radius: 15px;
    padding: 20px 40px 20px 14px;
}

.info_section .element i {
    position: absolute;
    bottom: 0px;
    right: 25px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    pointer-events: none;
}

.info_section .element:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
}

.info_section .element:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
}

.info_section .element:nth-child(3) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
}

.info_section .element:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

.info_section .element:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

.company_page .info_section .page_title {
    margin-bottom: 50px;
}

.company_page .in_numbers {
    z-index: 2;
}

.company_page .in_numbers .figure {
    top: 0;
    left: 0;
}

.company_page .in_numbers .cards {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
}

.company_page .in_numbers::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(214, 217, 255, 0)), color-stop(70%, rgba(214, 217, 255, 0.5)), to(rgba(214, 217, 255, 0)));
    background: -o-linear-gradient(top, rgba(214, 217, 255, 0) 10%, rgba(214, 217, 255, 0.5) 70%, rgba(214, 217, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(214, 217, 255, 0) 10%, rgba(214, 217, 255, 0.5) 70%, rgba(214, 217, 255, 0) 100%);
    z-index: -1;
}

.number_card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(25% - 15px);
    min-height: 336px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    z-index: 1;
    padding: 20px;
}

.number_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #fff;
    border-radius: 15px;
    z-index: -1;
    -webkit-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
}

.number_card:hover::before {
    width: 100%;
}

.number_card .number {
    position: relative;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 700;
    font-size: 90px;
    line-height: 1;
    color: var(--second-color);
    padding-left: 30px;
    margin-bottom: 23px;
}

.number_card .number span {
    position: absolute;
    bottom: 0;
    left: 8px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 1;
}

.number_card p {
    font-size: 30px;
    text-transform: uppercase;
}

.number_card p span {
    color: var(--second-color);
}

.company_page .works_stages .figure {
    top: 100px;
    right: 0;
    left: unset;
}

.company_page .works_stages .section_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}

.company_page .works_stages .switchTitles {
    width: calc(50% - 15px);
    margin: 0;
}

.company_page .works_stages .switchTitles [data-switch] {
    width: calc(50% - 10px);
}

.company_page .works_stages .switchTitles [data-switch] .inner {
    padding: 20px;
}

.company_page .works_stages .switchTitles [data-switch] .inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--second-color);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.24%, var(--second-color)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, var(--second-color) 0.24%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(360deg, var(--second-color) 0.24%, rgba(0, 0, 0, 0) 100%);

    z-index: -1;
}

.company_page .works_stages .content {
    width: calc(50% - 15px);
}

.company_page .works_stages .content .inner {
    position: relative;
    display: block;
    height: 100%;
    background-color: transparent;
    z-index: 1;
    padding: 65px 40px;
    overflow: hidden;
}

.company_page .works_stages .content .inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--site-bg1);
    /* background: -o-linear-gradient(330deg, #a2b3f5ce 50%, rgba(255,255,255,0.6) 60%); */
    background: -o-linear-gradient(330deg, #a2b3f5ce 60%, rgba(255,255,255,0.6) 80%);
    background: linear-gradient(120deg, #a2b3f5ce 50%, rgba(255,255,255,0.6) 60%);
    z-index: -1;
}

.company_page .works_stages .content .inner .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.company_page .works_stages .content .text {
    width: auto;
    max-width: 376px;
    font-size: 17px;
    color: #1a1c1e;
    /* color: var(--text-color); */
}

.switch_section .switchTitles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 20px;
    margin-bottom: 40px;
}

.switch_section .switchTitles [data-switch],
.switch_section .switchTitles [data-switchMain] {
    color: var(--second-color);
    border: 1px solid var(--second-color);
    border-radius: 15px;
    padding: 10px 27px;
    cursor: pointer;
}

.switch_section .switchTitles [data-switch]:hover,
.switch_section .switchTitles [data-switch].active,
.switch_section .switchTitles [data-switchMain]:hover,
.switch_section .switchTitles [data-switchMain].active {
    background-color: var(--second-color);
    color: #fff;
}

.team_section .figure1 {
    top: 0;
    left: 0;
}

.team_section .figure2 {
    bottom: 100px;
    right: 0;
}

.team_section .figure3 {
    bottom: -300px;
    left: 20%;
}

.team_grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(12, 1fr);
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
}

.team_card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    min-height: 302px;
    color: #fff;
    border-radius: 15px;
    z-index: 1;
    padding: 30px 20px;
    overflow: hidden;
    z-index: 1;
}

.team_card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: var(--site-bg1);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-24.44%, rgba(76, 87, 216, 0.9)), color-stop(99.7%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(76, 87, 216, 0.9) -24.44%, rgba(0, 0, 0, 0) 99.7%);
    background: linear-gradient(360deg, rgba(76, 87, 216, 0.9) -24.44%, rgba(0, 0, 0, 0) 99.7%);
    z-index: -1;
}

.team_card .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.team_card .name {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 5px;
}

.team_card:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    min-height: 624px;
}

.team_card:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    grid-column: 5/9;
}

.team_card:nth-child(3) {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-column: 9/13;
}

.team_card:nth-child(4) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-column: 5/8;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

.team_card:nth-child(5) {
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-column: 8/13;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

.team_card:nth-child(6) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
}

.team_card:nth-child(7) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    grid-column: 5/9;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
}

.team_card:nth-child(8) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/5;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
}

.team_card:nth-child(9) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    grid-column: 5/9;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
}

.team_card:nth-child(10) {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-column: 9/13;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3/5;
}

.technology_stack {
    z-index: 3;
}

.technology_stack .figure {
    bottom: -500px;
    left: 0;
}

.technology_stack .cards {
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 20px;
}

.technology_card {
    text-align: center;
    width: calc(33.33% - 14px);
    background-color: var(--site-bg1);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 30px 20px;
    -webkit-transition: -webkit-box-shadow 0.2s linear;
    transition: -webkit-box-shadow 0.2s linear;
    -o-transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
}

.technology_card:hover {
    -webkit-box-shadow: 0px 10px 16px 0px #00000026;
            box-shadow: 0px 10px 16px 0px #00000026;
}

.technology_card h3 {
    color: var(--second-color);
    margin-bottom: 15px;
}

.technology_card ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.technology_card ul li {
    color: var(--second-color);
    background-color: #fff;
    border-radius: 15px;
    padding: 10px 25px;
}

.technology_card ul li a {
    color: var(--second-color);
}

.achievements {
    z-index: 4;
}

.achievements .cards {
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 20px;
}

.achievements .show-hide_content {
    position: relative;
    overflow: hidden;
    max-height: 1250px;
    margin-bottom: 40px;
}

.achievements .show-hide_content::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 285px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(87.67%, #FFFFFF));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 87.67%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 87.67%);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    z-index: 1;
}

.achievements .show_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
}

.achievements .show-hide_content.showAll {
    max-height: unset;
    overflow: initial;
}

.achievements .show_all .hide,
.achievements .show-hide_content.showAll::before,
.achievements .show-hide_content.showAll + .show_all .show {
    display: none;
}

.achievements .show-hide_content.showAll + .show_all .hide {
    display: block;
}

.achievements .achievement_card {
    width: calc(33.33% - 14px);
}

.achievement_card {
    background-color: var(--site-bg1);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 30px 25px;
    -webkit-transition: -webkit-box-shadow 0.2s linear;
    transition: -webkit-box-shadow 0.2s linear;
    -o-transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
}

.achievement_card:hover {
    -webkit-box-shadow: 0px 10px 16px 0px #00000040;
            box-shadow: 0px 10px 16px 0px #00000040;
}

.achievement_card .main_img {
    height: 250px;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
}

.achievement_card .main_img img {
    width: 100%;
    height: 100%;
    border-radius: 13px;
    -webkit-transition: -webkit-filter 0.2s linear;
    transition: -webkit-filter 0.2s linear;
    -o-transition: filter 0.2s linear;
    transition: filter 0.2s linear;
    transition: filter 0.2s linear, -webkit-filter 0.2s linear;
}

.achievement_card .img {
    position: relative;
    margin-bottom: 30px;
}

.achievement_card .img:hover > img {
    -webkit-filter: blur(4px);
            filter: blur(4px);
}

.achievement_card .img .panel.active,
.achievement_card .img:hover .panel {
    opacity: 1;
    visibility: visible;
}

.achievement_card .img .panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #3642C680;
    border-radius: 13px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -o-transition: opacity 0.2s linear, visibility 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear;
}

.achievement_card .img .panel .open_btn {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

.achievement_card .img .img_popup {
    display: none;
}

.achievement_card .panel.active .img_popup {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #0000004D;
    z-index: 9999;
    padding: 130px;
}

.achievement_card .panel.active .popup_inner {
    position: relative;
    max-width: 1100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
}

.achievement_card .panel.active .popup_inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    border-radius: 0;
}

.achievement_card .panel.active .popup_inner .close_btn {
    position: absolute;
    top: -80px;
    left: calc(100% + 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.achievement_card .panel.active .popup_inner .close_btn i {
    position: relative;
    width: 21px;
    height: 22px;
}

.achievement_card .panel.active .popup_inner .close_btn i::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background-color: var(--second-color);
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}

.achievement_card .panel.active .popup_inner .close_btn i::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 4px;
    background-color: var(--second-color);
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
}

.achievement_card .h4 {
    margin-bottom: 10px;
}

/* 7 */

.about_agency .section_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
}

.about_agency .text_part {
    min-width: calc(50% - 25px);
}

.about_agency .video {
    min-width: calc(50% - 25px);
}

.about_agency .video video {
    width: 100%;
    border-radius: 15px;
}

.about_agency h3 {
    position: relative;
    max-width: 530px;
    font-size: 35px;
    padding: 21px 0;
    margin-bottom: 30px;
    z-index: 1;
}

.about_agency h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100vw;
    right: 0;
    height: 100%;
    background-color: #D2D6FF;
    border-radius: 0 15px 15px 0;
    z-index: -1;
}

.about_agency .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    font-size: 21px;
}

.courses_banner .bg_img {
    -webkit-filter: brightness(0.4);
            filter: brightness(0.4);
}

.courses_page .info_section {
    padding: 150px 0;
}

.courses_page .info_section .h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
}

.courses_page .info_section .figure1 {
    top: -300px;
    left: 0;
}

.courses_page .info_section .figure2 {
    top: 350px;
    left: 0;
}

.courses_page .info_section .figure3 {
    top: 70px;
    right: 0;
}

.courses_switches {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 4;
    padding-bottom: 75px;
}

.courses_switches .figure1 {
    top: -100px;
    left: 45%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.courses_switches .figure2 {
    top: 400px;
    left: 0;
}

.courses_switches .figure3 {
    top: 60%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
}

.courses_switches .figure4 {
    bottom: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.courses_switches .figure5 {
    bottom: -200px;
    left: 0;
}

.courses_switches .cards {
    display: flex;
    flex-wrap: wrap;
    column-gap: 21px;
    row-gap: 20px;
}

.courses_card {
    position: relative;
    width: calc(33.33% - 14px);
    background-color: var(--site-bg1);
    border-radius: 12px;
}

.courses_card.active {
    z-index: 1;
}

.courses_card .card_inner {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 50px;
}

.courses_card .certificated_img {
    position: absolute;
    top: -10px;
    right: -10px;
}

.courses_card .certificated_img svg {
    max-width: 73px;
}

.courses_card h3 {
    margin-bottom: 47px;
}

.courses_card .info span,
.courses_card .time span,
.courses_card:hover h3 {
    color: var(--second-color);
}

.courses_card .card_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

.courses_card .part {
    width: 203px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.courses_card .card_content .img {
    max-height: 140px;
}

.courses_card .time {
    margin-bottom: 20px;
}

.courses_card .details {
    margin-top: auto;
    line-height: 1.6;
}

.courses_card .bottom_panel {
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    width: 100%;
    display: none;
    background-color: var(--site-bg1);
    box-shadow: 0px 8px 10px 0px #00000040;
    border-radius: 0 0 12px 12px;
    z-index: -1;
}

.courses_card .bottom_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    padding: 40px 50px;
    color: var(--text-color);
}

.courses_card .video {
    width: 100%;
}

.courses_card .video video {
    width: 100%;
    border-radius: 10px;
}

.courses_card .show_all img {
    max-width: 22px;
}

.courses_card .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 21px;
}

.courses_card .order_panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 10px;
}

.courses_card .open_btn {
    line-height: 1.6;
}

.courses_card input[type="text"] {
    width: 100%;
    padding: 26px 26px 27px;
    margin-bottom: 16px;
}

.courses_card .course_order {
    display: none;
}

.courses_card .order_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 20px;
}

.courses_card .course_order button {
    width: 100%;
    min-height: 75px;
    border-radius: 15px;
    margin: 3px 0 20px;
}

.courses_card.active {
    -webkit-box-shadow: 0px 8px 10px 0px #00000040;
            box-shadow: 0px 8px 10px 0px #00000040;
}

.courses_card.active .details {
    background-color: transparent !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #6967B2 !important;
    color: var(--second-color);
}

.courses_card.active .details i {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.courses_card.active .details i::before,
.courses_card.active .details i::after {
    background-color: var(--second-color);
}

.courses_switches .switchTitles {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 600px;
    background-color: var(--site-bg1);
    border-radius: 15px;
    padding: 20px 30px;
}

.courses_switches .section_content {
    position: relative;
}

.courses_switches .mainSwitch {
    position: absolute;
    top: 0;
    right: 0;
}

.interesting_courses {
    z-index: 2;
}

.interesting_courses .cards {
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
    row-gap: 14px;
}

.interesting_courses .card {
    width: calc(25% - 11px);
    background-color: var(--site-bg1);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 40px;
}

.interesting_courses .card .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 30px;
}

.interesting_courses .card ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
}

.interesting_courses .send_part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 21px;
    margin-top: 30px;
}

.interesting_courses input[type="text"],
.interesting_courses button {
    width: calc(33.33% - 14px);
}

.modules_page {
    padding-top: 0;
}

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

.module_card a.btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: auto;
}

.modules_page .cards {
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 21px;
    margin: 50px 0 150px;
}

.modules_page .module_card {
    min-height: 283px;
}

.modules_page .bottom_panel .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 30px;
}

.modules_page .figure1 {
    top: 350px;
    right: 0;
}

.modules_page .figure2 {
    top: 55%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
}

.modules_page .figure3 {
    bottom: -500px;
    right: 0;
}

.modules_popup .modal_wrap {
    max-width: 1280px;
    background-color: transparent;
    padding: 0;
}

.modules_popup .modal_inner {
    background-color: #fff;
}

.modules_popup .top_part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    margin-bottom: 40px;
}

.modules_popup .top_part .img {
    min-width: calc(50% - 15px);
    min-height: 288px;
    border-radius: 15px;
    overflow: hidden;
}

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

.modules_popup .title_wrap {
    margin: 0;
}

.outstaffing_services {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 75px 0;
    z-index: 3;
}

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

.outstaffing_services .bg_text {
    position: absolute;
    top: -160px;
    left: 180px;
}

.outstaffing_services .price {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 30px;
    margin-top: 20px;
}

.outstaffing_services .price span {
    color: var(--second-color);
}

.outstaffing_services .btns_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 10px;
}

.outstaffing_services .links {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
    margin-top: 20px;
}

.outstaffing_services .figure1 {
    top: -900px;
    left: 0;
}

.outstaffing_services .figure2 {
    bottom: 0;
    left: 0;
}

.outstaffing_services .figure3 {
    bottom: -800px;
    right: 0;
}

.outstaffing_services .figure4 {
    bottom: -450px;
    left: 20%;
}

/* personal_page */
.personal_page {
    padding-top: 0;
}

.personal_page .figure1 {
    top: 0;
    right: -80px;
}

.personal_page .figure2 {
    top: 300px;
    left: -520px;
}

.personal_page .figure3 {
    top: 1600px;
    right: 300px;
}

.personal_page .figure4 {
    bottom: 500px;
    right: 0;
}

.personal_page .figure5 {
    bottom: 300px;
    left: 0;
}

.personal_page .figure6 {
    position: absolute;
    bottom: -580px;
    left: 50px;
    z-index: -1;
}

.personal_page .cards_wrapper {
    margin-top: 40px;
}

.personal_page .cards_text {
    font-size: 40px;
    color: var(--second-color);
    line-height: 1.6;
    margin-bottom: 30px;
}

.personal_page .cards {
    gap: 20px;
}

.personal_card {
    width: calc(33% - (40px / 3));
    background-color: #E8E7FF;
    border-radius: 15px;
    padding: 40px 27px;
}

.personal_card .img {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    gap: 10px;
    height: 437px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #f1f1f1;
    border-radius: 15px;
    margin-bottom: 10px;
    padding: 10px;
}

.personal_card .img a {
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: 15px;
    padding: 10px 30px;
}

.personal_card .card_title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 800;
    font-size: 30px;
    color: var(--second-color);
    margin-bottom: 5px;
}

.personal_card .card_subtitle {
    font-size: 21px;
    color: #5D629A;
    line-height: 1.6;
    margin-bottom: 10px;
}

.personal_card .text {
    line-height: 1.5;
}

/* cr_page */

.cr_page {
    padding-top: 0;
}

.cr_page h1 {
    margin-bottom: 60px;
}

.cr_page .section_content {
    position: relative;
}

.cr_page .cards {
    gap: 20px;
}


.cr_page .mainSwitch {
    position: absolute;
    top: 0;
    right: 0;
}

.cr_page .cr_card {
    width: calc(33% - (40px / 3));
}

.cr_card {
    background-color: #F5F4FF;
    border: 1px solid #CFD5DD;
    border-radius: 15px;
    padding: 40px 30px;
}

.cr_card .img {
    position: relative;
    height: 276px;
    background-color: #C8C8D9;
    border-radius: 15px;
    margin-bottom: 30px;
    overflow: hidden;
}

.cr_card .img .scanShow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: #3642C680;
    text-decoration: underline;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    backdrop-filter: blur(5px);
}

.cr_card .img:hover .scanShow {
    display: flex;
}

.cr_card .img a {
    width: 100%;
    height: 100%;
}

.cr_card .h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}

.cr_card .h4 a {
    color: var(--text-color);
}

.cr_page .figure1 {
    top: -200px;
    left: 0;
}

.cr_page .figure2 {
    width: 700px;
    top: -100px;
    right: -100px;
}

.cr_page .figure3 {
    top: 700px;
    left: -200px;
}

.cr_page .figure4 {
    width: 700px;
    top: 1350px;
    right: 0;
}

.cr_page .figure5 {
    width: 400px;
    top: 1600px;
    left: 350px;
}

.cr_page .figure6 {
    width: 550px;
    position: absolute;
    top: 2150px;
    left: 0;
    z-index: -1;
}

.gallary .modal_wrap {
    width: auto;
    overflow: initial;
    background-color: transparent;
}

.gallary .close {
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
}

.gallary .close::before,
.gallary .close::after {
    left: 12px;
    width: 25px;
}

.gallary img {
    max-width: 80vw;
    max-height: 80vh;
    box-shadow: 0px 9px 11px 0px #00000040;
    border-radius: 13px;
}

.page404 {
    position: relative;
    background-color: #D2E4FF;
    padding-top: 120px;
    overflow: hidden;
}

.page404 footer {
    position: relative;
    z-index: 2;
}

.page404 .figure404 {
    z-index: 1;
    opacity: 1;
}

.page404 .figure1 {
    top: 120px;
    left: 6%;
}

.page404 .figure2 {
    top: 100px;
    left: 4%;
}

.page404 .figure3 {
    bottom: 500px;
    right: 20px;
}

.page404 .figure4 {
    bottom: 400px;
    right: -70px;
}

.page404 .figure5 {
    bottom: 300px;
    left: 0;
}

.content404 {
    position: relative;
    max-width: 774px;
    text-align: center;
    padding: 0 10px;
    margin: 0 auto 120px;
    z-index: 2;
}

.content404 .text {
    max-width: 650px;
    font-size: 40px;
    margin: 0 auto;
}

.content404 .btn {
    min-width: 251px;
    font-size: 17px;
    padding: 8px 16px;
    margin-top: 70px;
}

.cookies {
    position: fixed;
    left: calc((100vw - 1280px) / 2);
    bottom: 40px;
    background-color: #9298dfe6;
    z-index: 9999;
    max-width: 636px;
    border-radius: 15px;
    padding: 20px 30px;
    margin-right: 20px;
}

.cookies_title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    line-height: 1.2;
    font-size: 30px;
    color: var(--second-color);
    margin-bottom: 10px;
}

.cookies p {
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
}

.cookies p a {
    color: var(--second-color);
    text-decoration: underline;
}

.cookies p a:hover {
    text-decoration: none;
}

.cookies .btn {
    width: fit-content;
}

.partners_page {
    position: relative;
    z-index: 1;
}

.partners_page .page_figure {
    position: absolute;
    z-index: -1;
}

.partners_page .page_figure.f1 {
    top: 0;
    left: 0;
}
.partners_page .page_figure.f2 {
    top: 1500px;
    left: 25%;
}
.partners_page .page_figure.f3 {
    top: 0;
    right: 0;
}
.partners_page .page_figure.f4 {
    top: 520px;
    left: 0;
}
.partners_page .page_figure.f5 {
    top: 1300px;
    right: 0;
}
.partners_page .page_figure.f6 {
    bottom: 0;
    left: 0;
}
.partners_page .page_figure.f7 {
    bottom: 520px;
    left: 20%;
}
.partners_page .page_figure.f8 {
    bottom: 1100px;
    right: 0;
}
.partners_page .page_figure.f9 {
    top: 2200px;
    left: 0;
}

.partners_banner {
    padding-top: 0;
}

.partners_banner .banner_wrapper {
    position: relative;
    background-color: #E8E7FF;
    border-radius: 15px;
    padding: 50px;
    margin-top: 60px;
    overflow: hidden;
    z-index: 1;
}

.partners_banner .banner_wrapper .section_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
}

.partners_banner .banner_wrapper .section_bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #E8E7FF 0%, rgba(232, 231, 255, 0.66) 100%);
}

.partners_banner .banner_wrapper .section_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.partners_banner .banner_wrapper .title {
    max-width: 1000px;
    /* font-family: 'Montserrat Semibold', sans-serif; */
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.3;
    color: var(--second-color);
    margin-bottom: 30px;
}

.partners_banner .h3 {
    max-width: 740px;
    margin-bottom: 20px;
}

.partners_banner .bottom_panel {
    max-width: 950px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.partners_banner .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 408px;
    height: 75px;
}

.partners_banner ul {
    max-width: 300px;
    font-size: 21px;
    color: var(--text-color);
    line-height: 1.5;
}

.partners_banner ul li {
    position: relative;
    margin-bottom: 10px;
}

.partners_banner ul li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    background-color: var(--second-color);
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 3px;
}

.partner_conditions .section_title {
    margin-bottom: 10px;
}

.partner_conditions .subtitle {
    /* font-family: 'Montserrat', sans-serif; */
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-size: 30px;
    color: var(--second-color);
    margin-bottom: 30px;
}

.partner_conditions .item {
    display: flex;
    column-gap: 15px;
    font-size: 21px;
    margin-bottom: 30px;
}

.partner_conditions .item .figure {
    position: static;
    width: 10px;
    min-width: 10px;
    background-color: var(--second-color);
    opacity: 1;
}

.partner_conditions .item a,
.partner_conditions .item span {
    color: var(--second-color);
}

.partnership_benefits .cards {
    gap: 20px 21px;
}

.partnership_benefits .card {
    width: calc(33.33% - 14px);
    background-color: #F5F4FF;
    border-radius: 15px;
    padding: 30px;
}

.partnership_benefits .card .h4 {
    color: var(--second-color);
    margin-bottom: 15px;
}

.partnership_benefits .card p {
    max-width: 290px;
}

.partnership_advantages .cards {
    gap: 20px;
}

.partnership_advantages .card {
    display: flex;
    align-items: center;
    gap: 15px;
    width: calc(25% - 20px);
    font-size: 21px;
}

.partnership_advantages .card .count {
    /* font-family: 'Montserrat Semibold'; */
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 90px;
    color: var(--second-color);
}

.partners_services .content {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.partners_services .cards {
    max-width: 650px;
    width: 100%;
    gap: 40px;
}

.partners_services .card {
    position: relative;
    width: calc(50% - 20px);
    border-bottom: 1px solid var(--second-color);
    padding: 20px 20px 40px;
}

.partners_services .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: calc(100% - 20px);
    background-color: var(--second-color);
}

.partners_services .card:nth-child(4n + 3)::before,
.partners_services .card:nth-child(4n + 4)::before {
    display: none;
}

.partners_services .card:nth-child(6n + 5),
.partners_services .card:nth-child(6n + 6) {
    border-bottom: none;
}

.partners_services .card .h3 {
    margin-bottom: 15px;
}

.partners_services .images {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    max-width: 535px;
    flex-grow: 1;
}

.partners_services .images img {
    width: 100%;
    height: 411px;
    border-radius: 15px;
}

.partners_services .images img[src=""] {
    background-color: #7c7c7c;
}

.partners_services .images img:nth-child(2n + 2) {
    height: 252px;
}

.faq_card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    min-height: 110px;
    background-color: #F5F4FF;
    border: 1px solid #D9D9D9;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 20px;
    transition: all 0.4s linear;
}

.faq_card .title {
    max-width: 475px;
}

.faq_card .bottom {
    display: none;
    line-height: 1.5;
}

.faq_card .btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    gap: 11px;
}

.faq_card .btn i {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 6px;
    transition: transform 0.4s linear;
}

.faq_card .btn i::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 8px;
    height: 2px;
    transform: rotate(45deg);
    transform-origin: left;
    background-color: #fff;
    border-radius: 1px;
}

.faq_card .btn i::after {
    content: '';
    position: absolute;
    top: 1px;
    right: 0;
    width: 8px;
    height: 2px;
    transform: rotate(-45deg);
    transform-origin: right;
    background-color: #fff;
    border-radius: 1px;
}

.faq_card.active {
    padding-bottom: 104px;
}

.faq_card.active .title {
    color: var(--second-color);
}

.faq_card.active .btn {
    background-color: transparent;
    border: 1px solid #6967B2;
    color: #6967B2;
}

.faq_card.active .btn i {
    transform: rotate(-180deg);
}

.faq_card.active .btn i::before,
.faq_card.active .btn i::after {
    background-color: #6967B2;
}

.partners_callback .section_title {
    margin-bottom: 15px;
}

.partners_page + .reviews_section .section_title .bg_text {
    left: 105px;
}

.partners_callback .h3 {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    color: var(--second-color);
    line-height: 1.2;
    margin-bottom: 30px;
}

.partners_callback .content {
    display: flex;
    justify-content: space-between;
    background-color: #E7E6FF;
    border-radius: 15px;
    padding: 40px 30px 40px 40px;
}

.partners_callback .content .img {
    position: relative;
}

.partners_callback .content .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(231, 230, 255, 0) 0%, #E7E6FF 100%);
    z-index: 1;
}

.partners_callback form {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    max-width: 463px;
    width: 100%;
}

.partners_callback .fake_wrap {
    margin: 5px 0;
}

label.radio {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    color: var(--second-color);
}

label.radio input {
    display: none;
}

label.radio .fake {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    width: 21px;
    height: 21px;
    border: 1px solid var(--second-color);
    border-radius: 50%;
    padding: 1px;
    cursor: pointer;
}

label.radio .fake i {
    display: none;
    width: 100%;
    height: 100%;
    background-color: var(--second-color);
    border-radius: 50%;
}

label.radio input:checked + .fake i {
    display: inline-block;
}

.partners_callback form button {
    min-height: 75px;
}

/* present page */

.present_page > img {
    position: absolute;
    z-index: -1;
}

.present_page > .figure1 {
    top: 0;
    left: 0;
}

.present_page > .figure2 {
    top: 0;
    right: 0;
}

.present_page > .figure3 {
    top: 550px;
    left: -50px;
}

.present_page > .figure4 {
    bottom: -300px;
    right: 0;
}

.present_page > .figure5 {
    bottom: -500px;
    right: 0;
    transform: scale(1.5);
}

.present_page .page_title span {
    color: var(--second-color);
}

.present_page .new_clients {
    position: relative;
    border-radius: 15px;
    padding: 50px;
    overflow: hidden;
    z-index: 1;
    margin: 80px 0;
}

.new_clients .bg_img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

.new_clients .title {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 40px;
    color: var(--second-color);
    margin-bottom: 30px;
}

.new_clients .text {
    font-size: 30px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.new_clients .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 408px;
    height: 75px;
    margin-left: auto;
}

.present_page .how_it_works {
    margin-bottom: 80px;
}

.how_it_works .inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.how_it_works .element {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    min-width: 220px;
    text-align: center;
}

.how_it_works .arr {
    object-fit: contain;
}

.present_page .complex {
    margin-bottom: 80px;
}

.complex .cards {
    justify-content: center;
    gap: 20px;
}

.complex .card {
    width: calc(50% - 10px);
    background-color: #F5F4FF;
    border-radius: 15px;
    padding: 40px 20px;
}

.complex .card .card_title {
    display: flex;
    gap: 15px;
    font-size: 30px;
    color: #5D629A;
    margin-bottom: 20px;
}

.complex .card .count {
    font-family: Verdana, Geneva, Tahoma, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 90px;
    line-height: 65px;
    color: var(--second-color);
}

.complex .card ul li {
    list-style: disc;
    list-style-position: inside;
    font-size: 21px;
    margin-bottom: 5px;
}

.offer_target .cards {
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

.offer_target .card {
    display: flex;
    column-gap: 20px;
}

.offer_target .card .decor {
    width: 10px;
    min-width: 10px;
    background-color: var(--second-color);
}

.offer_target .card .h3 {
    max-width: 355px;
    color: #515585;
}

.offer_target .text {
    font-size: 21px;
    line-height: 1.6;
}

.full-pic {margin: 0 0 60px; padding: 0;}
.full-pic .top-bar {position: absolute; top: 0; left: 0; width: 100%; z-index: 2; font-size: 18px; height: 30px; background: #515585; border-radius: 15px; text-align: center; line-height: 30px; color: #fff;}
.full-pic .pic {position: relative;}
.full-pic .pic img {box-shadow: 0px 4px 42.4px 0px #00000040; border-radius: 15px; display: block; width: 100%;}

.work-steps .section_content {margin-top: -30px;}
.work-steps .blocks {padding: 60px 0 0 0; flex-wrap: wrap; display: flex; justify-content: space-between;}
.work-steps .blocks .block {font-size: 21px; line-height: 140%; color: #3A3D41; margin: 0 0 20px; width: calc(50% - 10px); border-radius: 15px; background: #E5E3FFB2; padding: 40px 20px;}
.work-steps .blocks .block .top-title {margin: 0 0 20px; height: 63px; display: flex; align-items: center; margin: 0 0 20px; font-size: 30px; color: #5D629A;}
.work-steps .blocks .block .top-title .num {font-family: 'Montserrat Semibold', sans-serif; color: #4C57D8; margin: 0 15px 0 0; display: block; font-size: 90px; line-height: 63px; font-weight: 600;}
.work-steps .blocks .block ul li {position: relative; padding-left: 35px;}
.work-steps .blocks .block ul li:before {background: #3A3D41; content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 11px; left: 15px;}
.work-steps .blocks .block.full {padding: 0; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #F5F4FF; text-align: center; width: 100%; height: 100px; background: #4C57D8;}


.design-slider .section_title {max-width: 1260px; width: 100%; margin-left: auto; margin-right: auto;}
.design-slider .screenshots_slider {position: relative; margin: -30px auto 0; max-width: 1260px; overflow: visible;}
.design-slider .screenshots_slider .swiper-slide {opacity: 0; transition: opacity 0.3s ease;}
.design-slider .screenshots_slider .swiper-slide.swiper-slide-active {opacity: 1;}
.design-slider .screenshots_slider .swiper-slide .full-pic {margin: 0 0 30px;}
.design-slider .screenshots_slider .swiper-slide .full-pic .pic {height: 700px; max-height: 60vw;}
.design-slider .screenshots_slider .swiper-slide .full-pic .pic img {width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.design-slider .screenshots_slider .descr .title {font-family: 'Montserrat Semibold', sans-serif;font-size: 30px; margin: 0 0 20px; font-weight: 600; color: #4C57D8;}


.design-slider .swiper-button-prev {left: -116px; top: 370px;}
.design-slider .swiper-button-next {right: -116px; top: 370px;}
.design-slider .swiper-button-prev,
.design-slider .swiper-button-next {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background-color: var(--second-color);
}

.design-slider .swiper-button-prev::after {
    color: #fff;
    font-size: 30px;
    padding-right: 6px;
}

.design-slider .swiper-button-next::after {
    color: #fff;
    font-size: 30px;
    padding-left: 8px;
}


.adaptive-version .blocks {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1280px; margin: -30px auto -20px;}
.adaptive-version .blocks .block {box-shadow: 0px 4px 42.4px 0px #0000001A; border-radius: 15px; width: calc(25% - 20px); margin: 0 10px 20px; background: top center/cover no-repeat;}
.adaptive-version .blocks .block .top-bar {border-radius: 15px 15px 0 0;}
.adaptive-version .blocks .pic:before {content: ''; display: block; padding-top: 205%;}


.review-block .block {margin: -30px 0 0 0; display: flex; justify-content: space-between;}
.review-block .block .video {width: calc(50% - 10px);}
.review-block .block .video video {border-radius: 20px; width: 100%;}
.review-block .block .txt {width: calc(50% - 10px);}
.review-block .block .txt p + p {padding-top: 15px;}

section.more .title{
    font-size: 30px;
    font-weight: 600;
    color: #4C57D8;
    margin-bottom: 20px;
}
section.more ul{
    margin-bottom: 15px;
}
section.more ul li{
    list-style: disc;
    line-height: 35px;
    margin-left: 25px;
}

@media (max-width: 1530px) {

    header.scroll {
        -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
        height: 100vh;
        max-height: 120px;
        -webkit-box-shadow: 0px 4px 4px 0px #00000040;
                box-shadow: 0px 4px 4px 0px #00000040;
        border-bottom-right-radius: 20px;
        opacity: 0.5;
    }

    header.scroll:hover {
        opacity: 1;
    }

    header.scroll + .breadcrumbs_section {
        margin: 30px 0 30px 130px;
    }

    header.scroll.menuActive {
        background-color: #fff;
        overflow: initial;
        max-height: 100vh;
        border-bottom-right-radius: 0;
        overflow: initial;
        -webkit-animation: headerOpen 0.5s linear forwards;
                animation: headerOpen 0.5s linear forwards;
        -webkit-animation-delay: 2s;
                animation-delay: 2s;
        -webkit-box-shadow: none;
                box-shadow: none;
        opacity: 1;
    }

    @-webkit-keyframes headerClose {

        to {
            height: 100vh;
        }
    }

    @keyframes headerClose {

        to {
            height: 100vh;
        }
    }

    header.scroll .container {
        height: 100%;
        padding: 0;
        margin-bottom: auto;
    }

    header.scroll.menuActive .mobile_wrap {
        max-height: 100vh;
        -webkit-animation: leftPanel 0.5s linear forwards;
                animation: leftPanel 0.5s linear forwards;
    }

    @-webkit-keyframes leftPanel {

        to {
            height: 100vh;
        }
    }

    @keyframes leftPanel {

        to {
            height: 100vh;
        }
    }

    header.scroll .mobile_wrap {
        -webkit-animation: unset;
                animation: unset;
        overflow: initial;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        min-height: 120px;
        -webkit-animation: leftPanelClose 1.9s linear forwards;
                animation: leftPanelClose 1.9s linear forwards;
    }

    @-webkit-keyframes leftPanelClose {

        to {
            height: 120px;
        }
    }

    @keyframes leftPanelClose {

        to {
            height: 120px;
        }
    }

    header.scroll .mobile_wrap .menu.close {
        -webkit-transition-delay: 0s;
             -o-transition-delay: 0s;
                transition-delay: 0s;
        opacity: 0;
    }

    header.scroll .logo {
        max-height: 0;
        max-width: 0;
        visibility: hidden;
        opacity: 0;
        padding: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        margin: auto;
    }

    header.scroll.menuActive .logo {
        max-height: 100%;
        max-width: 100%;
        width: 100%;
        height: 103px;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        border-bottom: 1px solid #4C57D880;
        visibility: visible;
        opacity: 1;
    }

    .mobile_networks {
        visibility: hidden;
        opacity: 0;
        margin: auto 0 49px;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        -webkit-transition-delay: 0.2s;
             -o-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }

    header.scroll.menuActive .mobile_networks {
        visibility: visible;
        opacity: 1;
    }

    .burger,
    .burger_inner {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s linear, visibility 0.3s linear, margin 0.3s linear;
        -o-transition: opacity 0.3s linear, visibility 0.3s linear, margin 0.3s linear;
        transition: opacity 0.3s linear, visibility 0.3s linear, margin 0.3s linear;
        -webkit-transition-delay: 0.6s;
             -o-transition-delay: 0.6s;
                transition-delay: 0.6s;
    }

    header.scroll .burger {
        opacity: 1;
        visibility: visible;
    }

    header.scroll .burger_inner {
        opacity: 1;
        visibility: visible;
    }

}

@media (max-width: 1520px) {
.design-slider .swiper-button-prev {left: 20px;}
.design-slider .swiper-button-next {right: 20px;}
}

@media (max-width: 1460px) {

    .banner .bottom_panel .text {
        display: none;
    }

    .banner .video p,
    .servicesSwiper .video .btns {
        left: 10px;
    }

    .services_card1 {
        width: 100%;
    }

    .services_card1_wrapper {
        width: calc(50% - 10px);
    }

    .banner .bottom_panel .h4 {
        font-size: 18px;
    }

}

@media (max-width: 1300px) {
.adaptive-version .blocks .block .top-bar {font-size: 15px;}
.design-slider .swiper-button-prev::after, .design-slider .swiper-button-next::after {font-size: 22px;}
.design-slider .swiper-button-next {right: 10px; top: 40vw; margin-top: -35px; width: 50px; height: 50px;}
.design-slider .swiper-button-prev {left: 10px; top: 40vw; margin-top: -35px; width: 50px; height: 50px;}
    .header_topPanel {
        display: none !important;
    }

    .banner .page_title,
    .banner .video p {
        margin-left: 20px;
    }

    .cookies {
        left: 20px;
    }

    .text_page .img {
        height: 33vw;
    }

    .portfolio_inner .works_examples .section_content .container {
        -webkit-column-gap: 60px;
           -moz-column-gap: 60px;
                column-gap: 60px;
        margin-right: 0;
        margin-left: 0;
    }

    .portfolio_inner .site_development .section_content {
        max-width: 544px;
        padding-left: 10px;
    }

    .our_portfolio .content .info2 {
        min-width: 460px;
    }

    .topPanel_section .container,
    .our_workers .container {
        margin-left: 0;
    }

    .our_workers .section_inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        row-gap: 30px;
    }

    .our_workers .content_inner h3,
    .our_workers .content_inner .text {
        max-width: unset;
    }

    .footer_main .container {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

}

@media (max-width: 1270px) {

    .offer_target .cards {
        justify-content: flex-start;
    }

    header.scroll li.menu_item.company_punct {
        position: relative;
    }

    header.scroll .menu_item i {
        display: block;
        position: absolute;
        top: 40px;
        right: 10px;
        transform: scale(1.5) !important;
    }

    footer .mailing_form input, footer .mailing_form button {
        width: calc(50% - 12px);
        min-height: 75px;
    }

    footer .confirm {
        width: calc(50% - 12px);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .footer_main .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .footer_main .part1 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-top: 28px;
    }

    .footer_main .part2 {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .qr_code {
        max-width: 150px;
    }

    footer .qr_code .img {
        min-width: 150px;
        width: 150px;
        height: 150px;
    }

    .menu_item .drop_inner .ul_wrap {
        max-width: unset;
    }

    section .breadcrumbs {
        margin-left: 130px;
        margin-bottom: 30px;
    }

    header.scroll .menu_item .ul_inner .h4 {
        cursor: pointer;
    }

    .outstaffing_services .cards1 {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
        row-gap: 30px;
    }

    .modules_popup {
        padding: 20px 10px;
    }

    .interesting_courses .card {
        padding: 40px 20px;
    }

    .carcas.margin {
        /* margin-top: 50px;
        margin-top: 110px;  */
        margin-top: 0;
    }

    .new_net {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .new_net .net_left {
        max-width: unset;
        min-width: unset;
    }

    .net_right {
        max-width: unset;
        min-width: unset;
        padding: 0 10px;
        margin-bottom: 75px;
    }

    .articles_switchs .cards {
        -webkit-column-gap: 21px;
           -moz-column-gap: 21px;
                column-gap: 21px;
        row-gap: 20px;
    }

    .articles_switchs .posts_card {
        width: calc(33.33% - 14px);
        min-width: 270px;
    }

    .advertising_card {
        min-height: 267px;
    }

    .services_card1_wrapper .inner_cards {
        width: calc(100vw - 40px);
        left: 0;
    }

    .services_card1_wrapper:nth-child(even) .inner_cards {
        right: 0;
    }

    .banner .bottom_panel .element i {
        top: -2px;
        height: 3px;
    }

    .banner .bottom_panel .h4 {
        display: none;
    }

    header.scroll .standart .menu {
        overflow-x: hidden;
        overflow-y: auto;
    }

    header.scroll .standart .menu::-webkit-scrollbar {
        width: 8px;
        border-radius: 5px;
    }

    header.scroll .standart .menu::-webkit-scrollbar-thumb {
        background-color: #A9A9A9;
        border-radius: 5px;
    }

    header.scroll .standart .menu::-webkit-scrollbar-track {
        background-color: transparent;
        border-right: 8px solid #D9D9D9;
        border-radius: 5px;
    }

    header .menu>ul>li {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    header.scroll .menu_item .drop {
        position: static;
        width: 100%;
        max-width: 690px;
        height: auto;
        min-height: 400px !important;
        -webkit-transform: unset !important;
            -ms-transform: unset !important;
                transform: unset !important;
        visibility: visible;
        opacity: 1;
        padding-top: 0;
    }

    header.scroll .menu_item .drop::before {
        display: none;
    }

    header.scroll .standart .menu {
        width: 703px;
        overflow-y: auto;
    }

    header.scroll .standart .menu::-webkit-scrollbar {
        width: 8px;
        border-radius: 5px;
    }

    header.scroll .standart .menu::-webkit-scrollbar-thumb {
        background-color: #A9A9A9;
        border-radius: 5px;
    }

    header.scroll .standart .menu::-webkit-scrollbar-track {
        background-color: transparent;
        border-right: 8px solid #D9D9D9;
        border-radius: 5px;
    }

    header.scroll .menu_item.open {
        background-color: var(--site-bg1);
    }

    header.scroll .mobile_wrap .standart .menu_item.open > a {
        color: var(--second-color);
    }

    header .menu_item:hover i {
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
    }

    header.scroll .menu_item .drop_inner {
        height: auto;
        margin-top: 0;
    }

    header.scroll .menu_item .ul_inner .h4.active .h4i {
        -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }

}

@media (max-width: 1200px) {

    .complex .card {
        width: 100%;
        max-width: 720px;
    }

    .how_it_works .inner {
        flex-wrap: wrap;
    }

    .how_it_works .arr {
        display: none;
    }

    .user_card .card_info ul {
        flex-direction: column;
    }

    .team_card:nth-child(1) {
        min-height: unset;
    }

    .courses_card h3 {
        padding-right: 40px;
    }

    .courses_card .bottom_inner,
    .courses_card .card_inner {
        padding: 40px 20px;
    }

    .achievements .achievement_card {
        width: calc(50% - 11px);
    }

    .technology_card {
        width: 405px;
    }

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

    .team_card {
        width: calc(33.33% - 14px);
        min-height: 250px;
    }

    .company_page .works_stages .section_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 20px;
    }

    .company_page .works_stages .content .text {
        max-width: 100%;
        min-height: 250px;
    }

    .company_page .works_stages .content,
    .company_page .works_stages .switchTitles {
        width: 100%;
    }

    .number_card {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        width: calc(50% - 10px);
    }

    .number_card::before {
        width: 100%;
    }

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


    .info_section .element:nth-child(5),
    .info_section .element:nth-child(2),
    .info_section .element:nth-child(3) {
        width: calc(50% - 10px);
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        max-height: 30vw;
    }

    .info_section .element:nth-child(5),
    .info_section .element:nth-child(4) {
        width: calc(50% - 10px);
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .info_section .element:nth-child(1) {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .text_section .text_container .img {
        height: 23vw;
        min-width: 40vw;
    }

    .portfolio_inner .site_development .section_content {
        min-width: 50vw;
    }

    .portfolio_card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .portfolio_card .img {
        max-width: unset;
        width: 100%;
    }

    .works_stages .switchTitles [data-switch] {
        width: calc(33.33% - 14px);
    }

    .posts_cards {
        -webkit-column-gap: 18px;
           -moz-column-gap: 18px;
                column-gap: 18px;
    }

    .posts_cards .posts_card {
        width: calc(33.33% - 12px);
    }

    .artciles .main_card .posts_card,
    .about_service .section_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 30px;
    }

    .about_service .switchTitles {
        min-width: unset;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-column-gap: 18px;
           -moz-column-gap: 18px;
                column-gap: 18px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .about_service .switchTitles [data-switch] {
        width: calc(50% - 9px);
    }

    .about_service [data-switch].active .inner {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
        margin-left: 0;
    }

    .about_service [data-switch] .inner {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }

    .about_service [data-switch] .inner::before {
        display: none !important;
    }

    .about_service .content .inner {
        max-width: 100%;
    }

    .about_service .content .video {
        max-height: unset;
        height: 55vw;
    }

    .about_service [data-switch] .img {
        min-width: 70px;
        width: 70px;
        height: 70px;
    }

    .artciles .main_card .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 20px;
        text-align: center;
    }

    .artciles .main_card .info .part1 {
        width: auto;
    }

    .artciles .main_card .img{
        max-width: unset;
        height: 50vw;
        min-width: unset;
    }

    .artciles .main_card .content_part {
        max-width: unset;
    }

    .cards_section .card {
        min-width: 370px;
    }

    .cards_section .cards {
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }

    .news_card .inner {
        padding: 30px;
    }

}

@media (max-width: 1100px) {

    .about_agency .section_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        row-gap: 30px;
    }

    .about_agency h3 {
        max-width: unset;
    }

    .our_services2 .cards {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .reviews_card .inner {
        -webkit-column-gap: 50px;
           -moz-column-gap: 50px;
                column-gap: 50px;
    }

    .reviews_card .img {
        min-width: 100px;
        width: 100px;
        height: 100px;
    }

	.work-steps .blocks .block .top-title .num {font-size: 70px;}
	.work-steps .blocks .block .top-title {font-size: 25px;}
	.work-steps .blocks .block {font-size: 18px;}

}

@media (max-width: 992px) {

    .how_it_works .inner {
        justify-content: space-evenly;
    }

    .partners_services .content {
        flex-direction: column;
    }

    .partners_services .images,
    .partners_services .cards {
        max-width: unset;
    }

    .partnership_benefits .card {
        width: calc(50% - 11px);
    }

    .partnership_advantages .card {
        width: calc(50% - 10px);
    }

    .page404 .figure1 {
        top: 40px;
    }

    .page404 .figure2 {
        top: 20px;
        left: 3%;
    }

    .page404 .figure3 {
        bottom: 600px;
        right: -200px;
    }

    footer .container {
        position: relative;
        -ms-flex-preferred-size: 664px;
            flex-basis: 664px;
    }

    .footer_main .part2 {
        position: relative;
        padding-left: 200px;
        padding-top: 103px;
    }

    .footer_menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .qr_code {
        position: absolute;
        top: 103px;
        left: 0;
    }

    .footer_card:last-child {
        -webkit-box-flex: unset;
            -ms-flex-positive: unset;
                flex-grow: unset;
    }

    .footer_card:nth-child(3) {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        width: 100%;
    }

    .qr_code {
        max-width: 180px;
        font-size: 15px;
    }

    footer .qr_code .img {
        min-width: 180px;
        width: 180px;
        height: 180px;
    }

    .footer_main .part1 {
        position: absolute;
        top: 300px;
        left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .personal_card,
    .cr_page .cr_card {
        width: calc(50% - 20px);
    }

    .services_card1_wrapper .inner_cards {
        width: calc(100vw - 20px);
    }

    .services_card2_wrapper.active .services_card1 {
        position: static;
    }

    .modules_popup .top_part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .modules_popup .title_wrap {
        margin-bottom: 40px;
    }

    .modules_popup .top_part .img {
        min-width: unset;
        min-height: unset;
    }

    .modules_page .cards {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }

    .interesting_courses .card {
        width: calc(33.33% - 10px);
    }

    .courses_switches .mainSwitch,
    .cr_page .mainSwitch {
        position: static;
    }

    .switch_section .switchTitles {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
        row-gap: 15px;
        margin-bottom: 30px;
    }

    .team_card .name {
        font-size: 25px;
    }

    .achievement_card .panel.active .img_popup {
        padding: 90px 40px;
    }

    .achievement_card .panel.active .popup_inner .close_btn {
        left: unset;
        right: -30px;
    }

    .news_page .main_card .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 10px;
    }

    .news_page .main_card h1.title,
    .news_page .main_card .text,
    .news_page .main_card .info .part2,
    .news_page .main_card .posts_card .img {
        max-width: 100%;
    }

    .news_page .main_card .info::before {
        width: 100%;
    }

    .news_page .main_card .posts_card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        row-gap: 30px;
    }

    .order_bitrix form button,
    .game_prize form button,
    .order_modal form button ,
    .offer form button,
    .promo form button,
    .business_offer form button {
        min-height: 64px;
    }


    .portfolio_inner .works_examples .section_content .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 30px;
    }

    .design_screenshots .img {
        width: calc(100% - 20px);
        margin: 10px;
    }

    .portfolio_inner .works_examples .section_content .container .img,
    .portfolio_inner .works_examples .section_content .container .text {
        width: 100%;
    }

    .text_section .text_container.reverse,
    .text_section .text_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .text_section .text_container .img {
        height: 300px;
    }

    .schedule_card {
        padding: 30px 20px;
    }

    .portfolio_inner .site_development .section_content {
        max-width: 750px;
        padding: 70px 0 70px 10px;
    }

    .portfolio_inner .site_development .img {
        display: none;
    }

    .clients_card {
        width: calc(50% - 9px);
    }

    .bitrix_card .top {
        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
        padding: 42px 30px 43px;
    }

    .bitrix_card .bottom {
        padding: 30px;
    }

    .bitrix_card .btns_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 10px;
    }

    .contacts .cards {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .contacts_card {
        width: calc(50% - 9px);
        padding: 40px 30px 56px;
        min-width: unset;
    }

    .why_we .cards {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }

    .why_we .card,
    .works_stages .switchTitles [data-switch] {
        width: calc(50% - 10px);
    }

    .works_stages .content .inner,
    .quotes_section .section_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 30px;
    }

    .works_stages .content .text,
    .works_stages .content .img,
    .artciles_quote,
    .quotes_section .cards,
    .posts_cards .posts_card,
    .services_card2_wrapper {
        width: 100%;
    }

    .posts_cards .posts_card .img {
        height: 50vw;
    }

    .news_page .posts_cards {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }

    .news_page .posts_cards .posts_card .img {
        height: 230px;
    }

    .our_portfolio {
        display: none;
    }

    footer .mailing_form form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    footer .mailing_form input,
    footer .mailing_form button,
    footer .confirm {
        width: 100%;
        max-width: 644px;
    }

    footer .mailing_form {
        text-align: center;
    }

    textarea,
    input[type="text"] {
        padding: 21px 30px 22px;
    }

    .callback_section button,
    .article_text form button{
        min-height: unset;
        padding: 21px 30px 22px;
    }

    .site_search input {
        padding: 17px 57px 19px;
    }

    footer .confirm p {
        max-width: 460px;
        text-align: left;
    }

    .video_reviews .cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .video_card {
        width: 100%;
    }

    .video_card .video {
        height: 45vw;
        max-height: unset;
    }

    .our_workers [data-switch] .inner {
        height: 620px;
    }

    .our_workers [data-switch].active h3 {
        left: 20px;
        bottom: 75px;
    }

    .our_workers [data-switch] h3 {
        left: 85px;
        bottom: 85px;
    }

    .our_workers [data-switch] {
        width: 140px;
        min-width: 140px;
    }

    .our_workers [data-switch] .inner::before {
        width: 115px;
    }

    .our_workers .switchTitles {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }

    .articles_section .cards {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
        row-gap: 20px;
    }

    .articles_card,
    .articles_card:first-child {
        width: calc(50% - 10px);
    }

    .articles_card .img {
        opacity: 1;
        visibility: visible;
    }

    .articles_card .text,
    .articles_card .writer_info {
        color: #fff;
    }

    .articles_card:nth-child(2) {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }

    .articles_section [data-aos] {
        -webkit-transition-delay: 0 !important;
             -o-transition-delay: 0 !important;
                transition-delay: 0 !important;
    }

    .callback_section form {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .callback_section .wrap,
    .callback_section textarea,
    .callback_section button {
        min-width: calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .callback_section .wrap:last-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
        width: 100%;
    }

    header.scroll .standart .menu {
        width: 620px;
    }

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

    .news_section .news_card {
        min-height: 338px;
        width: calc(50% - 10px);
    }

    .our_portfolio .switchTitles {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        row-gap: 20px;
    }

    .our_portfolio [data-switch] {
        width: calc(50% - 10px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .our_portfolio [data-switch].active {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
    }

    .our_portfolio [data-switch] .inner {
        height: auto;
        width: 100%;
        padding: 20px;
    }

    .our_portfolio [data-switch].active .arrow {
        display: none;
    }

    .our_portfolio [data-switch].active h3 {
        display: block;
    }

    .our_portfolio [data-switch] .img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .our_portfolio [data-switch] h3 {
        position: static;
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
                transform: rotate(0);
        white-space: normal;
        text-shadow: 0 0 20px #000;
    }

    .page_title {
        font-size: 55px;
    }

    .banner .video p {
        font-size: 25px;
    }

    .services_card1_wrapper {
        width: 100%;
    }

    .our_portfolio .content .info {
        min-width: 50%;
    }

    .module_card {
        width: calc(50% - 10px);
    }

    .reviews_card {
        width: 100%;
    }

    .reviews_card .inner {
        -webkit-column-gap: 63px;
           -moz-column-gap: 63px;
                column-gap: 63px;
    }

    .reviews_card .img {
        min-width: 150px;
        width: 150px;
        height: 150px;
    }

    .portfolio_inner .site_development .section_content::before {
        background-color: var(--second-color);
    }

}

@media (max-width: 810px) {

    footer .cards {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .footer_card:last-child {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
    }

    .footer_card:first-child {
        width: 100%;
    }

}

@media (max-width: 768px) {
.full-pic {margin: 20px 0 40px;}
.work-steps .blocks {padding-top: 30px;}
.work-steps .section_content {margin-top: 0;}
.work-steps .blocks .block {padding: 25px 20px; font-size: 16px;}
.work-steps .blocks .block .top-title {margin: 0 0 10px; font-size: 20px; height: 50px;}
.work-steps .blocks .block .top-title .num {font-size: 45px; line-height: 50px;}
.work-steps .blocks .block ul li:before {top: 8px; left: 9px;}
.work-steps .blocks .block ul li {padding-left: 26px;}
.work-steps .blocks .block.full {height: 75px; font-size: 22px;}
.design-slider .screenshots_slider {margin-top: 0;}
.design-slider .screenshots_slider .descr .title {font-size: 24px;}
.review-block .block {margin: 0; display: block;}
.review-block .block .video {width: 100%; margin: 0 0 20px;}
.review-block .block .txt {width: 100%;}
.adaptive-version .blocks {justify-content: flex-start; flex-wrap: nowrap; -ms-overflow-style: none; scrollbar-width: none; overflow: auto; margin: -40px -10px -30px; width: calc(100% + 20px); padding: 40px 10px;}
.adaptive-version .blocks::-webkit-scrollbar {width: 0; height: 0;}
.adaptive-version .blocks .block {margin: 0 20px 0 0; width: 290px; min-width: 290px;}
.adaptive-version .blocks .block:last-child {margin-right: 10px;}
.work-steps .blocks .block {width: 100%;}
    .partners_banner .banner_wrapper .title {
        font-size: 31px;
    }

    .partners_callback .h3,
    .partner_conditions .subtitle,
    .partners_banner .h3 {
        font-size: 25px;
    }

    .partners_banner .banner_wrapper {
        padding: 30px 20px;
    }

    .faq_card .title {
        max-width: 300px;
    }

    header.scroll .menu_item i {
        top: 28px;
        right: 30px;
    }

    .content404 .text {
        max-width: 490px;
        font-size: 30px;
    }

    .personal_card,
    .cr_page .cr_card {
        width: 100%;
    }

    .company_page .info_section .page_title {
        margin-bottom: 30px;
    }

    .modules_page .cards {
        margin: 50px 0;
    }

    .modules_page .bottom_panel .text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .interesting_courses input[type="text"],
    .interesting_courses button {
        width: calc(50% - 11px);
        min-height: 60px;
    }

    .interesting_courses .card {
        width: calc(50% - 7px);
    }

    .courses_card .details {
        padding: 8px 20px;
    }

    .team_card .name {
        font-size: 21px;
    }

    .team_card .profession {
        font-size: 14px;
    }

    .works_stages [data-switch] .inner {
        height: auto;
        min-height: 76px;
        padding: 10px;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .works_stages [data-switch] .inner h3 {
        font-size: 23px;
    }

    .works_stages .switchTitles [data-switch] {
        min-height: unset;
    }

    .works_stages [data-switch] .count {
        font-size: 88px;
    }

    .number_card {
        width: 100%;
    }

    .text_page .img {
        border-radius: 15px;
    }

    .order_bitrix form .part,
    .game_prize form .part,
    .business_offer form .part,
    .offer form .part,
    .promo form .part,
    .order_modal form .part {
        width: 100%;
        max-width: 100%;
    }

    .design_screenshots .img {
        height: 55vw;
        min-height: 300px;
    }

    .portfolio_inner .project_results .cards2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 40px;
    }

    .portfolio_inner .schedule .cards {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }

    .portfolio_inner .schedule .schedule_card {
        width: calc(50% - 10px);
    }

    .portfolio_inner .schedule .text {
        width: 100%;
    }

    .portfolio_inner .desicion_info b {
        font-size: 50px;
    }

    .portfolio_inner .desicion_info .element {
        row-gap: 24px;
        font-size: 16px;
    }

    .portfolio_inner .desicion .section_content {
        row-gap: 40px;
    }

    .portfolio_inner .desicion .advertising_card {
        margin: 55px 0 0;
    }

    .bitrix_card .top {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        row-gap: 20px;
    }

    .bitrix_card .top .h4 {
        width: 100%;
    }

    .bitrix_card .btns_wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .bitrix_card .top .price {
        margin: 0 auto 0 0;
    }

    /* .about_service .switchTitles [data-switch] {
        width: 100%;
    } */

    .about_service .switchTitles {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .about_service .switchTitles [data-switch] {
        min-width: 300px;
    }

    .about_service [data-switch] .inner {
        padding: 10px 15px;
    }

    .about_service [data-switch] .img {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }

    .about_service [data-switch].active .inner,
    .about_service [data-switch] .inner {
        margin: 0 auto;
    }

    .banner .page_title {
        font-size: 63px;
    }

    .banner .video p {
        max-width: 600px;
        min-width: unset !important;
    }

    .article_text .block_title {
        padding: 50px;
    }

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

    .article_text form .wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    .article_text form button {
        min-height: 44px;
    }

    .artciles_inner .bottomPanel .user {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        width: 100%;
    }

    .comments_block {
        padding: 40px 20px 50px;
    }

    .advertising_card .img {
        -webkit-filter: brightness(0.7);
                filter: brightness(0.7);
    }

    .artciles_quote,
    .user_card,
    .owebs_wrapper {
        padding: 40px 20px;
    }

    .artciles .main_card .info {
        padding: 11px 20px 12px;
    }

    .our_workers [data-switch] .inner {
        height: 620px;
    }

    .our_workers [data-switch] h3 {
        left: 65px;
        bottom: 85px;
    }

    .our_workers [data-switch] {
        width: 100px;
        min-width: 100px;
    }

    .our_workers [data-switch] .inner::before {
        width: 85px;
    }

    .our_workers .switchTitles {
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
    }

    .articles_card,
    .articles_card:first-child {
        width: 100%;
    }

    .articles_card:nth-child(2) {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }

    .news_card .inner {
        padding: 30px 20px;
    }

    .news_card .title {
        font-size: 22px;
        line-height: 1.3;
    }

    .our_portfolio .content .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 20px;
    }

    .our_portfolio .content .info {
        width: 100%;
        min-width: unset;
    }

    .module_card {
        width: 100%;
    }

    header.scroll {
        width: 113px;
    }

    header.scroll.menuActive .logo {
        display: none;
    }

    header.scroll .standart .menu {
        left: 113px;
        width: calc(100vw - 113px);
        padding: 30px 0 40px;
    }

    @-webkit-keyframes showSearch {
        to {
            max-width: unset;
            max-height: unset;
            opacity: 1;
            visibility: visible;
            padding: 0 40px 40px;
        }
    }

    @keyframes showSearch {
        to {
            max-width: unset;
            max-height: unset;
            opacity: 1;
            visibility: visible;
            padding: 0 40px 40px;
        }
    }

    header.scroll .menu>ul>li>a {
        padding: 15px 40px;
    }

    header.scroll .menu_item .drop {
        padding: 0 50px 40px 0;
    }

    header.scroll .menu_item .drop_inner {
        padding: 0 40px 50px;
    }

    header.scroll .menu_item .ul_inner .h4 {
        padding: 10px 45px 10px 30px;
    }

    header.scroll .menu_item .ul_inner .h4 .h4i {
        top: 19px;
    }

    .site_search input {
        width: 100%;
        max-width: 324px;
        font-size: 18px;
        padding: 13px 57px 14px;
    }

    .mobile_networks {
        margin: auto 0 39px;
    }

    header.scroll .mobile_panel {
        padding-left: 40px;
    }

    .contacts .subtitle {
        margin-bottom: 50px;
    }

    .portfolio_cards .pagination {
        width: 100%;
        margin: 30px 0 50px;
    }

    .reviews_card .inner {
        padding: 30px 35px 30px 50px;
    }

}

@media (max-width: 690px) {

    .present_page .new_clients {
        padding: 50px 20px;
    }

    .qr_code,
    .footer_menu {
        position: static;
    }

    .footer_main .part1 {
        top: 0;
        left: 10px;
        margin: 0;
        min-height: 210px;
    }

    .qr_code {
        margin-left: auto;
    }

    .footer_main .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .footer_main .part2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 30px;
        padding: 0;
    }

    .footer_card:nth-child(1) {
        -webkit-box-ordinal-group: -1;
            -ms-flex-order: -2;
                order: -2;
    }

    footer .container {
        -ms-flex-preferred-size: 464px;
            flex-basis: 464px;
    }

}

@media (max-width: 660px) {

    .team_grid {
        -webkit-column-gap: 12px;
           -moz-column-gap: 12px;
                column-gap: 12px;
        row-gap: 10px;
    }

    .team_card {
        width: calc(50% - 6px);
    }

    .achievements .achievement_card,
    .articles_switchs .posts_card {
        width: 100%;
        min-width: unset;
    }

    .callback_section .wrap,
    .callback_section textarea,
    .callback_section button {
        min-width: 100%;
        width: 100%;
    }

    .callback_section .wrap:last-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .why_we .card,
    .our_portfolio [data-switch] {
        width: 100%;
    }

    .our_portfolio .content .company,
    .our_portfolio .content .info {
        padding: 30px 20px;
    }

    header.scroll .menu_item .drop {
        padding: 0 40px 40px 0;
    }

    .banner .page_title .title_inner {
        max-width: 85vw;
    }

    .banner .video p {
        top: calc(40% + 120px);
    }

    /* .banner .video .btns {
        top: calc(40% + 200px);
    } */


    @-webkit-keyframes bannerP {

        0% {
            top: calc(40% + 160px);
            opacity: 0;
        }

        50% {
            top: calc(40% + 140px);
            opacity: 0.2;
        }

        100% {
            top: calc(40% + 120px);
            opacity: 1;
        }

    }


    @keyframes bannerP {

        0% {
            top: calc(40% + 160px);
            opacity: 0;
        }

        50% {
            top: calc(40% + 140px);
            opacity: 0.2;
        }

        100% {
            top: calc(40% + 120px);
            opacity: 1;
        }

    }

    @-webkit-keyframes bannerPback {

        to {
            top: calc(40% + 160px);
            opacity: 0;
        }

    }

    @keyframes bannerPback {

        to {
            top: calc(40% + 160px);
            opacity: 0;
        }

    }

    .banner .bottom_panel .container {
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
    }

    .banner .bottom_panel .element {
        width: calc(25% - 8px);
    }

    .order_cart_success .modal_title {
        font-size: 30px;
    }

    .order_cart_success .modal_subtitle {
        font-size: 20px;
    }

}

@media (max-width: 630px) {

    .partners_callback form {
        max-width: unset;
    }

    .partners_callback .content .img {
        display: none;
    }

    .faq_card {
        padding-bottom: 104px;
    }

    .faq_card .title {
        max-width: unset;
    }

    .servicesPageFigure3.sInner {
        bottom: -70px;
    }

    .artciles .main_card .card_infoPanel .part:first-child {
        -webkit-column-gap: 105px;
           -moz-column-gap: 105px;
                column-gap: 105px;
    }

    .portfolio_banner .page_title,
    .courses_banner .page_title,
    .portfolio .page_title,
    .contacts .page_title,
    .portfolio_banner .subtitle,
    .courses_banner .subtitle,
    .portfolio .subtitle,
    .contacts .subtitle {
        text-align: center;
    }

    .portfolio_banner .btns_wrapper,
    .courses_banner .btns_wrapper,
    .portfolio .btns_wrapper,
    .contacts .btns_wrapper {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .artciles_quote .text {
        font-size: 18px;
    }

    .courses_page .info_section,
    .outstaffing_services {
        padding: 40px 0;
    }

    .courses_switches {
        padding-bottom: 40px;
    }

    .info_section .element:nth-child(4) {
        width: 100%;
    }

    .info_section .element:nth-child(5) {
        width: 100%;
        min-height: 170px;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .news_page .posts_cards {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }

    .portfolio_inner .site_development .section_content {
        padding: 40px 0 40px 10px;
    }

    .portfolio_inner .desicion_info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 20px;
    }

    .portfolio_inner .desicion_figure {
        width: 80%;
        height: 3px;
        margin: 0 auto;
    }

    .portfolio_cards .pagination {
        margin: 30px 0 10px;
    }

    .portfolio_info .element b {
        font-size: 30px;
        margin-bottom: 7px;
    }

    .portfolio_info {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }

    .portfolio_info .element::before {
        display: none;
    }

    .clients_card,
    .contacts_card,
    .works_stages .switchTitles [data-switch] {
        width: 100%;
    }

    .works_stages .switchTitles {
        row-gap: 10px;
    }

    .works_stages [data-switch] .count {
        font-size: 55px;
    }

    .works_stages [data-switch] .inner {
        min-height: unset;
    }

    .works_stages [data-switch] .inner {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .works_stages .content .inner {
        padding: 30px 20px;
    }

    .works_stages .switchTitles [data-switch] h3 {
        text-align: center;
    }

    .servicesPage.bg_text {
        top: -120px;
    }

    .posts_card .title {
        margin-top: 15px;
    }

    .artciles .title_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .artciles .main_card .card_infoPanel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        row-gap: 10px;
    }

    section {
        padding: 25px 0;
    }

    .net_right {
        margin-bottom: 30px;
    }

    .title_wrap {
        margin-bottom: 40px;
    }

    .callback_section .bg_part {
        padding: 40px 0;
    }

    .banner {
        padding: 0 0 40px;
    }

    .image_banner {
        padding: 20px 0;
    }

    .bg_text {
        font-size: 165px;
    }

    .our_services .cards1 {
        margin-bottom: 0;
    }

    .our_workers .switchTitles {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 10px;
    }

    .our_workers [data-switch] {
        width: 100%;
        min-width: 100%;
    }

    .swithcSection [data-switch].active .arrow {
        display: none;
    }

    .our_workers [data-switch] .inner::before {
        bottom: 0;
        left: 0;
        width: 60%;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, color-stop(13.68%, #2E3264), color-stop(94.97%, rgba(46, 50, 100, 0)));
        background: -o-linear-gradient(left, #2E3264 13.68%, rgba(46, 50, 100, 0) 94.97%);
        background: linear-gradient(90deg, #2E3264 13.68%, rgba(46, 50, 100, 0) 94.97%);
        border-radius: 15px 0 0 15px;
    }

    .our_workers [data-switch] .inner {
        height: 92px;
    }

    .swithcSection [data-switch] h3 {
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
        left: 30px;
        bottom: 28px;
    }

    .our_workers [data-switch].active h3 {
        left: 30px;
        bottom: 35px;
    }

    .our_workers [data-switch].active {
        height: 500px;
    }

    .our_workers [data-switch].active .inner {
        height: 100%;
    }

    .reviews_card .inner {
        -webkit-column-gap: 40px;
           -moz-column-gap: 40px;
                column-gap: 40px;
        padding: 30px 20px 30px 20px;
    }

}

@media (max-width: 540px) {

    .offer_target .card .decor {
        width: 6px;
        min-width: 6px;
    }

    .offer_target .card {
        column-gap: 10px;
    }

    .offer_target .card .h3,
    .complex .card .card_title {
        font-size: 24px;
    }

    .complex .card .count {
        font-size: 50px;
        line-height: 1;
    }

    .new_clients .title {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .new_clients .text {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .new_clients .btn {
        width: unset;
        height: unset;
    }

    .partnership_advantages .card,
    .partnership_benefits .card {
        width: 100%;
    }

    .partners_services .card {
        width: 100%;
    }

    .partners_services .card:nth-child(4n + 3)::before,
    .partners_services .card:nth-child(4n + 4)::before {
        display: block;
    }

    .partners_services .card:nth-child(6n + 5),
    .partners_services .card:nth-child(6n + 6) {
        border-bottom: 1px solid var(--second-color);
    }

    .cookies {
        padding: 20px;
    }

    .cookies_title {
        font-size: 24px;
    }

    .page404 {
        padding-top: 80px;
    }

    .content404 {
        margin-bottom: 80px;
    }

    .content404 .text {
        max-width: 330px;
        font-size: 20px;
    }

    .reviews_card .text {
        position: relative;
        max-height: 50px;
        overflow: hidden;
    }

    .reviews_card .text::before {
        content: '...';
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #fff;
        line-height: 1;
        padding: 0 20px 0 5px;
    }

    .reviews_card:hover .text::before {
        display: none;
    }

    .reviews_card .img {
        min-width: 100px;
        width: 100px;
        height: 100px;
    }

    .works_stages [data-switch] .inner h3 {
        font-size: 18px;
    }

    .company_page .works_stages .switchTitles [data-switch] .inner {
        padding: 10px;
    }

    section .breadcrumbs {
        margin-left: 0;
    }

    header.scroll + .breadcrumbs_section {
        margin: 30px 0 30px 100px;
    }

    .about_agency h3 {
        font-size: 28px;
        padding-right: 10px;
    }

    .about_agency .text {
        font-size: 17px;
    }

    .interesting_courses input[type="text"],
    .interesting_courses button,
    .interesting_courses .card,
    .company_page .works_stages .switchTitles [data-switch] {
        width: 100%;
    }

    .modal_inner {
        padding: 40px 20px;
    }

    .design_screenshots .swiper-button-prev,
    .design_screenshots .swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .design_screenshots .swiper-button-prev::after,
    .design_screenshots .swiper-button-next::after {
        font-size: 22px;
    }

    .portfolio_card .img {
        min-width: unset;
    }

    .portfolio_card {
        text-align: center;
        padding: 30px 20px;
    }

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

    .portfolio_info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        row-gap: 20px;
    }

    .portfolio_card .btns_wrapper {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .artciles_inner_card,
    .advertising_card,
    .advertising_card.big {
        padding: 40px 20px;
    }

    .article_text .block_title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        padding: 20px 10px;
    }

    .comment {
        padding: 20px 15px;
    }

    .answer .comment {
        margin: 11px 0 0 25px;
    }

    .answer .comment::before {
        left: -17px;
    }

    header.scroll .standart .menu {
        padding: 18px 0 40px;
    }

    .video_card {
        padding: 20px;
    }

    .reviews_card .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }

    .our_workers .content_inner h3 {
        font-size: 28px;
    }

    .news_section .news_card {
        width: 100%;
    }

    .show-hide_section .show-hide_content {
        padding: 40px 20px 0;
    }

    .banner .page_title .title_inner {
        max-width: calc(100vw - 40px);
    }

    header.scroll {
        width: 87px;
        max-height: 87px;
    }

    header.scroll .burger {
        margin: 37px 0;
    }

    header.scroll .standart .menu {
        left: 87px;
        width: calc(100vw - 87px);
    }

    header.scroll .menu_item .drop_inner {
        padding: 0 0 50px 40px;
    }

    header.scroll .menu_item .drop_inner::-webkit-scrollbar {
        width: 8px;
        border-radius: 5px;
    }

    header.scroll .menu_item .drop_inner::-webkit-scrollbar-thumb {
        background-color: transparent;
        border-radius: 5px;
    }

    header.scroll .menu_item .drop_inner::-webkit-scrollbar-track {
        background-color: transparent;
        border-right: 8px solid transparent;
        border-radius: 5px;
    }

    header.scroll .menu_item .drop {
        padding: 0 20px 40px 0;
    }

    header.scroll .menu>ul>li>a {
        padding: 15px 35px;
    }

    .site_search input {
        width: 100%;
        max-width: 324px;
        font-size: 18px;
        padding: 13px 57px 14px;
    }

    @-webkit-keyframes showSearch {
        to {
            max-width: unset;
            max-height: unset;
            opacity: 1;
            visibility: visible;
            padding: 0 35px 30px;
        }
    }

    @keyframes showSearch {
        to {
            max-width: unset;
            max-height: unset;
            opacity: 1;
            visibility: visible;
            padding: 0 35px 30px;
        }
    }

}

@media (max-width: 480px) {

    header.scroll li.menu_item.company_punct .ul_wrap .h4 a {
        font-size: 18px;
    }

    .partners_callback .content {
        padding: 40px 20px;
    }

    .partners_banner .btn {
        height: 50px;
    }

    .partners_page section .section_title {
        text-align: left;
    }

    .footer_main .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .footer_main .part1 {
        position: static;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        min-height: unset;
    }

    footer .copyright {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .qr_code {
        margin: 0 auto;
    }

    footer .container {
        -ms-flex-preferred-size: 270px;
            flex-basis: 270px;
    }

    .footer_card,
    .footer_card:last-child {
        width: 100%;
    }

    .personal_card,
    .cr_page .cr_card {
        padding: 20px 20px 40px;
    }

    .personal_card .card_title {
        font-size: 26px;
    }

    .cr_card .img {
        margin-bottom: 20px;
    }

    .banner .bottom_panel {
        padding-bottom: 40px;
    }

    .company_page .works_stages .content .inner {
        padding: 30px 15px;
    }

    .portfolio_banner, .courses_banner, .portfolio, .contacts {
        padding: 70px 0 70px;
    }

    header.scroll + .breadcrumbs_section {
        margin: 17px 0 30px 60px;
    }

    .outstaffing_services .btns_wrapper {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .module_card a.btn {
        margin: auto auto 0;
    }

    .achievement_card .panel.active .img_popup {
        padding: 50px 10px;
    }

    .text_page .section_title {
        text-align: left;
    }

    .achievement_card .panel.active .popup_inner .close_btn {
        top: -40px;
        right: 0;
        width: 40px;
        height: 40px;
    }

    .achievement_card .panel.active .popup_inner .close_btn i {
        width: 18px;
        height: 21px;
    }

    .achievement_card .panel.active .popup_inner .close_btn i::before,
    .achievement_card .panel.active .popup_inner .close_btn i::after {
        width: 25px;
    }

    .text_page .img,
    .text_page .punct {
        margin-bottom: 40px;
    }

    .text_page .punct {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 10px;
    }

    /* .carcas.margin {
        margin-top: 50px;
    } */

    .news_page .main_card .title {
        font-size: 24px;
    }

    .portfolio_inner .schedule .schedule_card {
        width: 100%;
    }

    .portfolio_info {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        row-gap: 20px;
        padding: 20px 0;
    }

    .portfolio_info .element {
        max-width: 150px;
    }

    .portfolio .subtitle,
    .contacts .subtitle {
        font-size: 24px;
    }

    .why_we .card .title {
        border-left: none;
    }

    .breadcrumbs li::after {
        margin: 0 10px;
    }

    .artciles_inner .other_posts .posts_links a {
        margin-top: 14px;
    }

    .article_text .form_wrapper {
        padding: 30px 20px;
    }

    .comment .bottom_panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .show_answers {
        margin-left: 0;
    }

    header.scroll .standart .menu {
        padding: 5px 0 40px;
    }

    .services_card2 {
        width: 100%;
        padding: 30px 20px;
    }

    .section_title {
        width: 100%;
        font-size: 28px;
        text-align: center;
        margin-bottom: 40px;
    }

    .portfolio_inner .project_target .cards {
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .section_title .bg_text {
        left: 0;
    }

    .our_workers [data-switch] .inner {
        height: 65px;
    }

    .swithcSection [data-switch] h3 {
        bottom: 17px;
    }

    .our_workers [data-switch].active {
        height: 100vw;
    }

    .our_workers [data-switch] h3 {
        max-width: 245px;
        font-size: 25px;
    }

    .page_title,
    .banner .page_title {
        font-size: 40px;
    }

    .banner .video p {
        width: 90vw;
    }

    .cards_section .card {
        width: 100%;
        min-width: unset;
    }

    .module_card,
    .services_card1 {
        text-align: center;
    }

    .module_card .h4,
    .services_card1 .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 20px;
    }

    .services_card2_wrapper .services_card1 {
        padding: 30px 20px 40px;
    }

    .services_card2_wrapper.active .wrapper_show {
        margin-left: 0;
    }

    .services_card2_wrapper .styled_list {
        /* align-items: center; */
        row-gap: 20px;
        padding: 20px 0 0;
        border: none;
    }

    .services_card2_wrapper .price,
    .services_card2_wrapper .btns_wrapper {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .styled_list li {
        /* flex-direction: column; */
        text-align: left;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    header.scroll {
        width: 55px;
        max-height: 55px;
    }

    header.scroll .burger {
        margin: 21px 0;
    }

    header.scroll .standart .menu {
        left: 54px;
        width: calc(100vw - 55px);
        border-left: none;
        padding-right: 10px;
    }

    header.scroll .menu>ul>li>a {
        padding: 15px;
    }

    @-webkit-keyframes showSearch {
        to {
            max-width: unset;
            max-height: unset;
            opacity: 1;
            visibility: visible;
            padding: 0 0 30px;
        }
    }

    @keyframes showSearch {
        to {
            max-width: unset;
            max-height: unset;
            opacity: 1;
            visibility: visible;
            padding: 0 0 30px;
        }
    }

    header.scroll .menu_item .drop_inner {
        padding: 0 0 50px 10px;
    }

    header.scroll .menu_item .drop {
        padding: 0 0 40px 0;
    }

    header.scroll .menu_item .ul_inner .h4 {
        font-size: 18px;
        padding: 10px 37px 10px 20px;
    }

    header.scroll .menu_item .ul_inner .h4 .h4i {
        top: 17px;
        right: 20px;
    }

    header.scroll .mobile_panel {
        padding-left: 20px;
    }

}

@media (max-width: 430px) {

    .partners_callback .h3, .partner_conditions .subtitle, .partners_banner .h3 {
        font-size: 23px;
    }

    .content404 .text {
        margin-top: 40px;
    }

    .gallary .close {
        right: 0;
        transform: scale(0.7);
        transform-origin: right;
    }

    .team_card {
        width: 100%;
    }

    .number_card{
        min-height: 280px;
    }

    .number_card .number {
        font-size: 70px;
    }

    .number_card .number span {
        font-size: 17px;
    }

    .number_card p {
        font-size: 23px;
    }

    .info_section .element:nth-child(2),
    .info_section .element:nth-child(3) {
        width: 100%;
        max-height: 53vw;
    }

    .about_service .block_title {
        padding: 20px;
    }

    .about_service [data-switch] .inner {
        padding: 10px;
    }

    .artciles_inner_card .title {
        font-size: 25px;
    }

    .artciles_inner_card .h4 {
        font-size: 18px;
    }

    .comments_block textarea {
        padding: 14px 20px;
    }

    .artciles .main_card .img,
    .posts_cards .posts_card .img {
        height: 370px;
    }

    .artciles .main_card .card_infoPanel .part {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .modal_wrap {
        padding: 60px 20px;
    }

}

@media (max-width: 380px) {

    .complex .card .card_title {
        flex-direction: column;
    }

    .courses_card h3,
    .about_agency h3 {
        font-size: 25px;
    }

    .portfolio_info .element {
        max-width: 200px;
    }

    .achievements .achievement_card,
    .portfolio_card {
        padding: 20px 10px;
    }

    .portfolio .subtitle,
    .contacts .subtitle {
        font-size: 21px;
    }

    .questions_chat {
        font-size: 16px;
    }

    .questions_chat .answer,
    .questions_chat .question {
        padding: 20px 10px 35px 10px;
    }

    .questions_chat .info {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        line-height: 1;
    }

    .questions_chat .info svg {
        max-width: 24px;
        height: auto;
    }


    .banner .page_title {
        top: 180px;
    }

    .banner .video p {
        top: 250px;
    }

    .banner .video .btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
        row-gap: 10px;
        top: calc(100vh - 240px);
    }

    .servicesSwiper .video .btn {
        min-width: unset;
        padding: 8px 20px;
        margin: 0;
    }

    .banner .bottom_panel {
        bottom: -50px;
    }

    .page_title,
    .banner .page_title {
        font-size: 38px;
    }

    .artciles_inner_card .title {
        font-size: 22px;
    }

    .advertising_card.big .title {
        font-size: 25px;
    }

    .advertising_card.big .text {
        font-size: 18px;
    }

    .article_text .form_wrapper {
        padding: 30px 10px;
    }

    .comments_block {
        padding: 40px 10px 50px;
    }

    .answer .comment {
        margin: 11px 0 0 13px;
    }

    .answer .comment::before {
        left: -10px;
    }

    .posts_card .card_infoPanel .part{
        row-gap: 10px;
    }

    .posts_card .card_infoPanel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 10px;
    }

    .footer_card {
        width: 100%;
    }

    .our_workers [data-switch] h3 {
        font-size: 22px;
    }

    .cards_section .card {
        padding: 0 20px 10px;
    }

    .module_card {
        padding: 40px 20px;
    }

    header.scroll .menu_item .ul_inner .h4 img {
        display: none;
    }

}