@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-BlackItalic.eot?45a508566961a4178c49e65c2f4222b5);
    src: local('Formular Black Italic'), local('Formular-BlackItalic'),
    url(../fonts/Formular-BlackItalic.eot?45a508566961a4178c49e65c2f4222b5?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-BlackItalic.woff2?275c0f08ef1297a1b057e588110f4a19) format('woff2'),
    url(../fonts/Formular-BlackItalic.woff?cc86b893d5b9820dd69b2d1e513251f5) format('woff'),
    url(../fonts/Formular-BlackItalic.ttf?94ad564caa4a752f17f4f98c7a73884d) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-MediumItalic.eot?b0bbbac9a8653a19e38350e46e287b1c);
    src: local('Formular Medium Italic'), local('Formular-MediumItalic'),
    url(../fonts/Formular-MediumItalic.eot?b0bbbac9a8653a19e38350e46e287b1c?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-MediumItalic.woff2?de70f523996c11ab0b978ad219a482ef) format('woff2'),
    url(../fonts/Formular-MediumItalic.woff?4df224f86aca4ec44ff99c79ad511352) format('woff'),
    url(../fonts/Formular-MediumItalic.ttf?9d5ca4584fdf6adb9e64c5a5f841706f) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-Italic.eot?2be3b94ac4deb2150e05470a0848f9bd);
    src: local('Formular Italic'), local('Formular-Italic'),
    url(../fonts/Formular-Italic.eot?2be3b94ac4deb2150e05470a0848f9bd?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-Italic.woff2?b886fadae71f723aa017f8dd44810634) format('woff2'),
    url(../fonts/Formular-Italic.woff?40660a730e640d314f5335e4642ec5c5) format('woff'),
    url(../fonts/Formular-Italic.ttf?2127cdd93a85c8eb64ea2a811e275b95) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-LightItalic.eot?b9943a01a829f59631b16e188ca04dd3);
    src: local('Formular Light Italic'), local('Formular-LightItalic'),
    url(../fonts/Formular-LightItalic.eot?b9943a01a829f59631b16e188ca04dd3?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-LightItalic.woff2?b803e0ca1528434f53715137939fa7b6) format('woff2'),
    url(../fonts/Formular-LightItalic.woff?7953a26bf372d7a83ece96d2a86cddd8) format('woff'),
    url(../fonts/Formular-LightItalic.ttf?9a4b432b8a713abf4d580166fc4620d7) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-Black.eot?94facc1499af36c3d07f24e0ca74dae6);
    src: local('Formular Black'), local('Formular-Black'),
    url(../fonts/Formular-Black.eot?94facc1499af36c3d07f24e0ca74dae6?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-Black.woff2?189721a2be64075e91a155b1b19543f6) format('woff2'),
    url(../fonts/Formular-Black.woff?2e3ac6f2f7c154eaac537bfdfba40438) format('woff'),
    url(../fonts/Formular-Black.ttf?7c65362b4b3387a0d012b9aac715c28c) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-Light.eot?3dac2de675eb298474e66483545d381c);
    src: local('Formular Light'), local('Formular-Light'),
    url(../fonts/Formular-Light.eot?3dac2de675eb298474e66483545d381c?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-Light.woff2?91907b54587b01cd3e56b920048ac719) format('woff2'),
    url(../fonts/Formular-Light.woff?40042297f1cebc2995f1259eeffb7df3) format('woff'),
    url(../fonts/Formular-Light.ttf?50fba62cdd46b12e7137532f32e63dc2) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular.eot?4fcc9e4548d839128a439d7cff833146);
    src: local('Formular'),
    url(../fonts/Formular.eot?4fcc9e4548d839128a439d7cff833146?#iefix) format('embedded-opentype'),
    url(../fonts/Formular.woff2?8e0d9e35afc128570c17219b3433c864) format('woff2'),
    url(../fonts/Formular.woff?254f9c824c206145dfc14eb89feaec37) format('woff'),
    url(../fonts/Formular.ttf?6d3c9849d2a87420722060c581c73100) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-Medium.eot?c2c47d2b49a706a91b7212691ecc34b7);
    src: local('Formular Medium'), local('Formular-Medium'),
    url(../fonts/Formular-Medium.eot?c2c47d2b49a706a91b7212691ecc34b7?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-Medium.woff2?24b26c423f21f3f41e1a183b5af91ebe) format('woff2'),
    url(../fonts/Formular-Medium.woff?7637d0b07e080a2003275005acf85f70) format('woff'),
    url(../fonts/Formular-Medium.ttf?122b8d1653db0a0522b2ce4140cbbb33) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-BoldItalic.eot?bc4b0a397a78a6e7f32113f27b2f64e1);
    src: local('Formular Bold Italic'), local('Formular-BoldItalic'),
    url(../fonts/Formular-BoldItalic.eot?bc4b0a397a78a6e7f32113f27b2f64e1?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-BoldItalic.woff2?f8005b744535c7f50fa19e8ab8c49a37) format('woff2'),
    url(../fonts/Formular-BoldItalic.woff?caccb335077965b63889ad3fa061b958) format('woff'),
    url(../fonts/Formular-BoldItalic.ttf?2ea1b7cd67cd35f2de9489bb1e704ea3) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url(../fonts/Formular-Bold.eot?eec3057f95a3cae260e6e88bccba140d);
    src: local('Formular Bold'), local('Formular-Bold'),
    url(../fonts/Formular-Bold.eot?eec3057f95a3cae260e6e88bccba140d?#iefix) format('embedded-opentype'),
    url(../fonts/Formular-Bold.woff2?106d48c834cfb3554b2dab6451c8f44c) format('woff2'),
    url(../fonts/Formular-Bold.woff?65f8c38e595ba05152220d5219fad8d2) format('woff'),
    url(../fonts/Formular-Bold.ttf?5db394c7c7a81319c8c40dc52904ec02) format('truetype');
    font-weight: bold;
    font-style: normal;
}


:root {
    --container-width: 100%;
    --color-white: #fff;
    --color-red: #ff7439;
    --color-green: #28B292;
    --color-light-blue: #F1F7FF;
    --body-font-size: 22px;
    --body-background-color: #fff;
    --shadow-color: #ccc;
    --top-menu-background-color: linear-gradient(
            89.96deg,
            #172b50 4.61%,
            #19366b 33.43%,
            #3e5a8d 96.02%
    );
    --header-background-color: linear-gradient(
            55.22deg,
            #1e2844 1.44%,
            #303c72 46.79%,
            #3e5a8d 100%
    );
    --header-banner-background-color: radial-gradient(
            42.06% 55.05% at 82.29% 23.54%,
            #2d455b 0%,
            rgba(46, 71, 95, 0.71739) 28.26%,
            rgba(50, 76, 107, 0.43393) 56.61%,
            rgba(57, 84, 127, 0.15084) 84.92%,
            rgba(62, 90, 141, 0) 100%
    );
    --footer-banner-title-border: linear-gradient(180deg, #3C678E 0%, #2E988F 100%);
    --footer-banner-background-color: linear-gradient(
            267.68deg,
            #3a5381 7.8%,
            #263357 44.65%
    );
    --services-background-color: linear-gradient(
            0deg,
            #ffffff 0%,
            #eff5fd 54.39%,
            #e8f0fc 100%
    );
    --services-tabs-links-color: #9599ab;
    --services-tabs-active-links: #334277;
    --services-tabs-background-color: linear-gradient(
            90deg,
            #e8f0fc 0%,
            #eaf1fc 58.42%,
            #f1f6fd 81.36%,
            #fdfeff 98.03%,
            #ffffff 100%
    );
    --services-button-color: linear-gradient(
            75.38deg,
            #ff7439 2.42%,
            #fd793a 26.95%,
            #f9873b 55.11%,
            #f19e3e 84.94%,
            #edab3f 98.99%
    );
    --project-tabs-link-color: #71788f;
    --footer-background-color: #263357;
    --project-img-description-background: linear-gradient(267.68deg, #3A5381 7.8%, #263357 44.65%);
    --font-formular: Formular, Arial, Helvetica, sans-serif;
    --font-roboto: Roboto, Arial, Helvetica, sans-serif;
    --color-stripe-green: linear-gradient(
            89.98deg,
            #2e988f 0.18%,
            #3f608d 83.26%
    );
    --color-stripe-gray: linear-gradient(89.98deg, #324175 0.18%, #3f608d 83.26%);
    --color-stripe-blue: #121e44;
    --article-title-color: #28b292;
}

* {
    box-sizing: border-box;
}

*:hover {
    outline: none;
}

*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
main{
    position: relative;
	z-index:0;
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

body {
    background: var(--body-background-color);
    margin: 0;
    position: relative;
	overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
    font-family: 'Formular';
}

a {
    text-decoration: none;
}

.container-small {
    max-width: 1560px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1;
    position: relative;
}

.grid-12 {
    grid-column: 1/12;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

@media (max-width: 1580px) {
    .container-small {
        max-width: 1290px
    }
}

@media (max-width: 1280px) {
    .container-small {
        max-width: 998px;
    }
}

@media (max-width: 992px) {
    .container-small {
        width: 100%
    }
}

@media (max-width: 768px) {
    .container-small {
        width: 100%
    }
}


.container {
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    width: var(--container-width);
    max-width: 100%;
    box-shadow: 0 0 10px var(--shadow-color);
    margin: 0 auto;
    font: var(--font-formular);
    font-size: var(--body-font-size);
}

.box {
    width: 1160px;
    max-width: 100%;
}

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

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

.stripe-blue {
    background: var(--color-stripe-blue);
    height: 40px;
}

.stripe-green {
    position: relative;
    background: var(--color-stripe-green);
    height: 50px;
    opacity: 0.5;
}

.stripe-green2 {
    position: relative;
    background: var(--color-stripe-green);
    height: 50px;
    opacity: 0.5;
}

.stripe-gray {
    background: var(--color-stripe-gray);
    height: 50px;
    opacity: 0.5;
}

.stripes {
    position: absolute;
    left:0;
    right:0;
    z-index: 0;
    overflow: hidden;
    max-width: 98vw;
}

.stripes2 {
    position: absolute;
    left:0;
    right:0;
    z-index: 0;
    margin-top: 50%;
    overflow: hidden;
    max-width: 100%;
    min-width: 100%;
}

.article-title {
    z-index: 1;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: 50px;
    /*left: 11vw;*/
    font-family: Formular;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: var(--article-title-color);
    padding-left: 25px;
    border-left: 5px solid var(--article-title-color);
    text-align: left;
    /*transform: translateX(-15%);*/
    /*-webkit-transform: translateX(-15%);*/
    /*-moz-transform: translateX(-15%);*/
    /*-ms-transform: translateX(-15%);*/
    /*-o-transform: translateX(-15%);*/
}

.article-title-page {
    z-index: 1;
    text-transform: uppercase;

    font-family: Formular;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: var(--article-title-color);
    padding-left: 25px;
    border-left: 5px solid var(--article-title-color);
    text-align: left;
    grid-column: 1/13;
    margin: 35px 0;
}

.article-title2 {
    z-index: 1;
    text-transform: uppercase;
    padding: 70px 0 20px 0;
    font-family: Formular;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: var(--article-title-color);
    text-align: center;
}

.margin-top {
    padding-top: 0;
    margin-top: 30px;
}

.margin-top-big {
    padding-top: 0;
    margin-top: 20px;
}

.slick-slide {
    padding: 5px 15px;
    background: var(--color-white);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border: 1px solid rgb(247, 242, 242);
}

.slick-prev {
    position: absolute;
    /* top: -80px; */
    margin-top: -60px;
    background: none;
    left: 0.1%;
    z-index: 1;
}

.slick-next {
    position: absolute;
    background: none;
    z-index: 1;
    margin-top: -60px;
    right: 2.9%;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 70px;
    line-height: 1;

    opacity: 0.75;
    color: var(--article-title-color);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.above {
    z-index: 4;
}

.tabs1 {
    background: none;
}

@-webkit-keyframes slide-right {
    0% {
        transform: translateX(100vw);
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
    }
    100% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

@keyframes slide-right {
    0% {
        transform: translateX(100vw);
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
    }
    100% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

@-webkit-keyframes slide-right2 {
    0% {
        display: none;
        transform: translateX(100vw);
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
    }
    100% {
        display: block;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

@keyframes slide-right2 {
    0% {
        display: none;
        transform: translateX(100vw);
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
    }
    100% {
        display: block;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

@-webkit-keyframes slide-left {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
    99% {
        transform: translateX(100vw);
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
    }
    100% {
        display: none;
    }
}

@keyframes slide-left {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
    99% {
        transform: translateX(100vw);
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
    }
    100% {
        display: none;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fade-in {
    animation: fade-in .5s ease-in-out;
}

.projects-page {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
    margin: 10px auto;
}

.projects-page .article-title {
    grid-column: 1/12;
    /*left: 0;*/
    padding: 10px;
}

.grid_2_column {
    grid-column: 2/12;
    font-family: Formular;
    font-style: normal;
    padding: 10px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 50px;
}
.grid_1_column {
    grid-column: 1/13;
    font-family: Formular;
    font-style: normal;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 50px;
}

.project-desktop {
    width: 100%;
    border: 1px solid var(--services-tabs-active-links);
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}

.project-mobile {
    width: 100%;
    border: 1px solid var(--services-tabs-active-links);
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}

.project-name {
    display: flex;
    justify-content: center;
    margin: 0;
    background: var(--services-tabs-active-links);
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
}

.project-name p {
    font-family: Formular;
    font-style: normal;
    font-size: 70%;
    padding: 10px;
    text-align: center;
    margin: 0;
    background: #fff;
    border: 10px solid var(--services-tabs-active-links);
    z-index: 0;
}

.technology {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.technology img {
    /*max-width: 50px;*/
    /*margin: 20px;*/
    height:50px;
}

.technology span {
    font-size: 10px;
    padding-top: 5px;
}

.technology p {
    margin: 20px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.sertificate-slider {
    padding: 20px;
    background: var(--color-white);
    box-shadow: 0 0 20px var(--shadow-color);
    margin: 30px;
}

.sertificate-slider img {
    width: 1200px;
    max-width: 100%;
}

.our_projects {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-gap: 30px;
}

pre {
    font-family: 'Formular' !important;
}

.page-title {
    margin-top: 120px;
    font-family: Formular;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 29px;
    letter-spacing: 0.03em;
    color: var(--services-tabs-active-links);
    text-align: center;
}

.contact__grid_2column {
    padding-top: 50px;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 50px;
    margin-bottom: 100px;
}

.contact__grid_1column {
    padding-top: 50px;
    position: relative;
    width: 540px;
    max-width: 100%;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
    margin-bottom: 50px;
}

.adress-text {
    font-family: Formular;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: var(--services-tabs-active-links);
    text-align: center;
}

.adress_blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    align-items: flex-start;
}

.one-adress-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.contact-form-title {
    font-family: Formular;
    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #121e44;
}

.contact-form-text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #95a5cf;
}

.contact-form-text::-moz-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #95a5cf;
}

.contact-form-text:-ms-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #95a5cf;
}

.contact-form-text::placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #95a5cf;
}

.contact_form {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.contact_form input,
.contact_form select {
    outline: none;
    border: 0;
    background: transparent;
    margin: 0 10px 40px 0;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #374D7E;
}

.contact_form p {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.services-technologies-slider {
    display: none;
}

.technology-images-xxl {
    margin-right: 30px;
}

.regular.slider.margin-top.above.margin-top-big.slick-initialized.slick-slider {
    margin-top: -20px;
}

.header {
    background: var(--header-background-color);
    /*position: sticky;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 99;*/
}

/*section{*/
/*    position: relative;*/
/*}*/
.topmenu {
    z-index: 5;
    width: 100%;
    background: var(--top-menu-background-color);
    color: var(--color-white);
    /* display: grid;*/
    grid-template-columns: repeat(12, 1fr);
}

.topmenu__logo {
    grid-column: 1/ 2;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 10px 0 40px 0;
}

.topmenu__logo img {
    max-height: 90px;
    padding: 10px;
}

.logo {
    margin: 0;
    padding: 63px 0;
    width: 150px;
    max-width: 100%;
}

.topmenu__menu {
    grid-column: 3/13;
    align-self: center;
    max-height: 80vh;
    /* padding: 50px 0; */
}

.topmenu__menu-list {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 1;
}

.topmenu__menu-list-link {
    text-decoration: none;
    font-family: Formular;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 120%;
    color: var(--color-white);
    opacity: 1;
    padding-bottom: 15px;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}

.topmenu__menu-list-link:hover {
    border-bottom: 4px solid var(--color-green);
}

.topmenu__link-active {
    padding: 20px;
    border: 3px solid var(--color-red);
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.logo-w {
    cursor: pointer;
    background: linear-gradient(45deg, #ff7439 15.66%, #fd793a 33.37%, #f9873b 53.69%, #f19e3e 75.21%, #edab3f 85.36%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    margin-right: 10px;
}

.logo-w:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.header__banner {
    /* position: relative; */
    /* height: 1050px; */
    /* background: var(--header-banner-background-color);
      opacity: .3; */
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.banner-description {
    width: 100%;
    /* display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-basis: 100%; */
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.header__banner-logo {
    /* position: relative; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-basis: 50%;
}

.header__banner-img {
    position: relative;
    margin-top: -50px;
    align-self: flex-start;
    width: 500px;
    max-width: 100%;
}

.header__description {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    flex-basis: 50%;
    flex-grow: 1;
    align-self: stretch;
    padding: 7%;
}

.header__banner-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-size: 36px;
    line-height: 42px;
    text-align: right;
    letter-spacing: 0.02em;
    color: var(--color-green);
    margin: 0;
    padding-bottom: 40px;
}

.header__banner-description {
    margin: 0;
    padding-bottom: 55px;
    font-family: Formular;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    text-align: right;
    letter-spacing: 0.02em;
    color: var(--color-white);
}


.banner-buttons {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    max-height: 265px;
    overflow: hidden;
}

.banner-buttons-block {
    position: relative;
    cursor: pointer;
    height: 170px;
    width: 190px;
    max-width: 100%;
    margin: 100px 42px 0 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    border: 4px solid rgba(255, 255, 255, 0.329);
    border-top: 4px solid rgba(255, 255, 255, 0.329);
    border-right: 4px solid rgba(255, 255, 255, 0.329);
    border-bottom: 1px solid var(--color-stripe-blue);
    border-radius: 10px 10px 2px 2px;
    -webkit-border-radius: 10px 10px 2px 2px;
    -moz-border-radius: 10px 10px 2px 2px;
    -ms-border-radius: 10px 10px 2px 2px;
    -o-border-radius: 10px 10px 2px 2px;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
}

.banner-buttons-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    color: var(--color-red);
    margin: 0;
    padding: 30px 0 0 0;
}

.banner-button-text {
    font-family: Formular;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-white);
    padding: 0 10px;
}

.banner-buttons-block:hover {
    background: rgba(255, 255, 255, 0.2);
    height: 265px;
}

.green-star {
    display: none;
    padding: 10px 0 15px 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.banner-buttons-block:hover > .green-star {
    display: block;
    animation: fade-in .5s ease-in-out;
    -webkit-animation: fade-in .5s ease-in-out;
}

.banner-buttons-block:hover > .banner-button-text {
    padding-bottom: 35px;
}

.banner-buttons-block:hover > .banner-buttons-title {
    padding: 0;
}

.services {
    position: relative;
    background: var(--services-background-color);
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.services__tabs {
    background: var(--color-white);
    flex-basis: 50%;
    flex-grow: 1;
    align-self: stretch;
}

.services__tabs-links {
    margin: 150px auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* flex-basis: 100%;
    flex-grow: 1;  */
}

.services__tabs-links ul {
    padding-left: 0;
    width: 100%;
}

.services__tabs-links li {
    /*max-height: 65px;*/
    height: auto;
    position: relative;
    list-style: none;
    /* padding: 35px 0; */
    width: 100%;
}

.services__tabs-links p {
    cursor: pointer;
    padding: 0;
    position: relative;
    display: block;
    width: 100%;
    padding-left: 22%;
    text-decoration: none;
    font-family: Formular;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 120%;
    letter-spacing: 0.03em;
    color: var(--services-tabs-links-color);
}

.services__tabs-links li:hover > p::before {
    content: url(../images/green-arrow-right.svg?ff28e75a38ea76a9aa8e895d2759a53c);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -40px;
}

/* .services__tabs-links li:hover::after {
  content: url(../../images/arrows/white-arrow-right.svg);
  position: absolute;
  top: 0;
  right: -40px;
} */

.services__tabs-links li:hover {
    color: var(--services-tabs-active-links);
    /* background: var(--services-tabs-background-color); */
}

.services__tabs-links li:hover > p {
    color: var(--services-tabs-active-links);
}

.services__description {
    flex-basis: 50%;
    flex-grow: 1;
    /*align-self: stretch;
    */
    align-self: flex-start;
    padding: 10px;
    animation: fade-in .5s ease-in-out;
    -webkit-animation: fade-in .5s ease-in-out;
}

.services__description-title {
    margin-top: 70px;
    font-family: Formular;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 29px;
    letter-spacing: 0.03em;
    color: var(--services-tabs-active-links);
    text-align: center;
}

.services__description-image {
    /*margin: 40px 0;*/
   width: 700px;
    max-height:500px;
    max-width: 100%;
}

.services__description-text {
    display: block;
    /* width: 500px; */
    max-width: 95%;
    margin-bottom: 50px;
    font-family: Formular;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: var(--services-tabs-active-links);
}

.services__description-button {
    cursor: pointer;
    background: var(--services-button-color);
    color: var(--color-white);
    font-size: 20px;
    font-family: Formular;
    letter-spacing: 0.03em;
    font-weight: 400;
    border: none;
    padding: 20px 35px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.services__description-button:hover {
    box-shadow: 0 0 10px var(--shadow-color);
}

.active-tab {
    background: var(--services-tabs-background-color);
}

.active-tab p {
    color: var(--services-tabs-active-links);
}

.active-tab > p::before {
    content: url(../images/green-arrow-right.svg?ff28e75a38ea76a9aa8e895d2759a53c);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -40px;
}

.active-tab::after {
    /*content: url(../images/white-arrow-right.svg?068c20ef57b9ac9877bc2b67ac323c44);*/
    content:"";
    border-top: 43px solid transparent;
    border-left: 41px solid #fff;
    border-bottom: 43px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -40px;

}

.advantages-background {
    background: linear-gradient(
            0deg, #d3e0f3 1.49%, #ffffff 40.57%, #e8f0fc 100%);

}

.advantages {
    position: relative;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-basis: 100%;
}

.advantages-block-1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-basis: 60%;
    align-self: stretch;
}

.grid_2column {
    padding-top: 100px;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.advantages-block-2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    flex-basis: 50%;
}

.advantages-block2-img {
    padding: 121px 0;
    width: 670px;
    max-width: 100%;
}

.advantages-inner-blocks-left {
    position: relative;
    width: 80%;
    max-width: 100%;
    margin: 16px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.advantages-inner-blocks-right {
    position: relative;
    width: 80%;
    max-width: 100%;
    margin: 16px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.advantages-text {
    position: relative;
    margin-left: -20px;
    display: block;
    max-width: 150px;
    align-items: center;
    font-family: Formular;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: var(--services-tabs-active-links);
}

.advantages-numbers-before {
    position: relative;
    background: var(--color-white);
    box-shadow: 0 0 3px #f5f3f3;
    height: 100px;
    width: 115px;
    margin-right: 4px;
}

/*.advantages-numbers-before::before {*/
/*    z-index: 0;*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -14px;*/
/*    left: 7px;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    height: 100px;*/
/*    width: 100px;*/
/*    background: var(--color-white);*/
/*    box-shadow: 0 0 3px #f5f3f3;*/
/*}*/

.advantages-numbers {
    position: absolute;
    z-index: 1;
    min-height: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*padding: 31px 40px;*/
    /*background: var(--color-white);*/
    /*box-shadow: 0 0 3px #f5f3f3;*/
}


.how-we-work {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-basis: 100%;
}

.how-we-work-tabs {
    margin: 118px 0 50px 0;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;

    width: 100%;
    justify-items: center;
}

.work-tab {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    animation: fade-in .5s ease-in-out;
    -webkit-animation: fade-in .5s ease-in-out;
}

.work-image {
    width: 100%;
    /* max-width: fit-content; */
    align-self: center;
    object-fit: cover;
    max-height: 700px;
}

.circle-gray {
    cursor: pointer;
    /* margin: 0 75px; */
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    width: 90px;
    height: 90px;
    background: #aaaebc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.circle-gray > img {
    width: 40px;
}

.title-block-work {
    font-family: Formular;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: 0.02em;
    color: #121e44;
    text-align: center;
    margin-bottom: 100px;
}

.how-we-work-tabs_block {
    z-index: 1;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 200px;
}

.work-block-description {
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    /* align-items: center; */
    align-self: stretch;
    flex-grow: 1;
}

.work-block-description > p {
    font-family: Formular;
    position: relative;
    display: block;
    max-width: 500px;
    padding: 0 20px;
}

.work-block-description > p::before {
    content: url(../images/green-arrow-right.svg?ff28e75a38ea76a9aa8e895d2759a53c);
    position: absolute;
    margin-left: -50px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.active {
    background: linear-gradient(
            45deg,
            #ff7439 15.66%,
            #fd793a 33.37%,
            #f9873b 53.69%,
            #f19e3e 75.21%,
            #edab3f 85.36%
    );
}

.circle-gray:hover {
    position: relative;
    background: linear-gradient(
            45deg,
            #ff7439 15.66%,
            #fd793a 33.37%,
            #f9873b 53.69%,
            #f19e3e 75.21%,
            #edab3f 85.36%
    );
}

.work-circle {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 0;
    border-bottom: 10px solid #8d93a5;
}

.work-circle:hover {
    border-bottom: 10px solid #fd8c4e;
}

.active-block {
    border-bottom: 10px solid #fd8c4e;
}

.projects {
    position: relative;
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;

}

.project-tabs {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1px;
    background-color: var(--color-light-blue);
    border-radius: 50px 50px 0 0;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    -ms-border-radius: 50px 50px 0 0;
    -o-border-radius: 50px 50px 0 0;
}

.project-tabs-block {

    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-grow: 1;
    padding: 0 60px;
}

.project-tabs-image {
    margin: 0;
    padding: 26px 0;
}

.project-tabs-link {
    display: block;
    max-width: 200px;
    margin: 0;
    padding-bottom: 48px;
    text-decoration: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--project-tabs-link-color);
}

.active-project-block {
    background: var(--color-white);
    border-radius: 50px 50px 0 0;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    -ms-border-radius: 50px 50px 0 0;
    -o-border-radius: 50px 50px 0 0;
    box-shadow: 0px -12px 15px 4px rgba(219, 223, 236, 0.2);
}

.active-project-block > .project-tabs-link {
    color: var(--color-stripe-blue);
}

.project-tabs-block:hover {
    background: var(--color-white);
    border-radius: 50px 50px 0 0;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    -ms-border-radius: 50px 50px 0 0;
    -o-border-radius: 50px 50px 0 0;
    box-shadow: 0px -12px 15px 4px rgba(219, 223, 236, 0.2);
}

.project-tabs-block:hover > .project-tabs-link {
    color: var(--color-stripe-blue);
}

.all-projects {
    width: 100%;
    margin: 50px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    flex-basis: 100%;

}

.project-description {
    box-shadow: 0 0 5px var(--shadow-color);
    cursor: pointer;
    width: 100%;
    max-width: 95%;
    margin: 10px;
    animation: fade-in .5s ease-in-out;
    -webkit-animation: fade-in .5s ease-in-out;
    overflow: hidden;
    border-radius: 50px;
}

.project-images {
    width: 350px;
    max-width: 100%;
}

.project-image-descriptions {
    margin: 0;
    position: relative;
    height: 100px;
    padding: 15px;
    font-family: Formular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: var(--color-white);
    background: var(--project-img-description-background);
    text-align: center;
}

.project-image-descriptions::after {
    position: absolute;
    bottom: -4px;
    right: 0;
    content: url(../images/treugolnik.png?b37b34769fa1eca50ee364536169dd7f);
}

.cut-image:hover {
    overflow: hidden;
    z-index: 3;
}

.cut-image:hover > img {
    transition: 1s linear;

    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transition: 1s linear;
    -moz-transition: 1s linear;
    -ms-transition: 1s linear;
    -o-transition: 1s linear;
}

.cut-image {
    transition: 1s linear;
    height: 450px;
    max-height: 100%;
    overflow: hidden;
}


.sertificate {
    position: relative;
    background: linear-gradient(
            0deg,
            #eaf1fb 1.49%,
            #f3f7fd 49.48%,
            #ffffff 100%
    );
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 160%;
    overflow: hidden;

}

.center-sertificate {
    z-index: 1;
    margin-top: 150px;
    padding: 90px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1100px;
    max-width: 95%;

    background: var(--color-white);

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 0 0 20px var(--shadow-color);
}

.sertificate-image {
    width: 500px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    align-self: flex-start;
}

.sertificate-title {
    margin-top: 0;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.02em;
    padding: 25px 0;
    background: linear-gradient(90deg, #263357 0%, #3a5381 100%);
    color: #fefefe;
    align-self: stretch;
}

.sertificate-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.02em;
    padding: 0 25px;
    color: #121e44;
    align-self: stretch;
    flex-grow: 1;
    margin-top: 0;
}

.sertificate-center-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-grow: 1;
}

.sertificate-slider {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sertificate-slider > img {
    z-index: 1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sertificate-slider-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sertificate-slider-title {
    display: block;
    margin-left: -20px;
    padding-right: 20px;
    font-family: Formular;
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #28b292;
}

.sertificate-slider-description {
    margin-right: -40px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #121e44;
}

.footer-banner {
    background: var(--footer-banner-background-color);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
    z-index: 5;
    position: relative;
}

.footer-banner__image {
    z-index: 2;
    margin: 0;
    padding: 0;
    width: 490px;
    max-width: 100%;
    flex-basis: 40%;
    align-self: stretch;
}

.footer-banner-description {
    display: block;
    width: 100%;
    flex-basis: 60%;
    padding: 90px 0px 90px 90px;
}

.footer-banner-title {
    position: relative;
    max-width: 600px;
    font-family: Formular;
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0.02em;
    color: var(--color-green);
}

.footer-banner-title::before {
    position: absolute;
    margin-left: -50px;
    margin-top: -20px;
    content: url(../images/footer-title-border.svg?da323af1c56780b192469a0b7b7257c9);
}

.footer {
    background: var(--footer-background-color);
    font-family: Formular;
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    color: var(--color-white);
    position: relative;
    padding: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
}

.footer-contact-description {
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.footer-contact-information {
    flex-basis: 40%;
    align-self: stretch;
    align-items: flex-end;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
}

.footer-contact-description a {
    text-decoration: none;
    color: var(--color-green);
}

.footer-contact-information p {
    margin: 0;
    padding: 5px 0;
}

.footer-contact-information a {
    text-decoration: none;
    color: var(--color-white);
}

.footer__social-icons {
    cursor: pointer;
    padding: 0 0 20px 0;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.footer__social-icons:hover {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.mobile_menu {
    cursor: pointer;
    display: none;
    font-size: 60px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.fixed_menu {
    z-index: 6;
    position: fixed;
    max-width: 100vw;
    top: 0;
    left: 5px;
    right: 5px;
    max-height: 80px;
    border-bottom: 1px solid var(--color-green);
    margin: 0;
    padding: 0;
}

.mobile-size {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 5px;
    right: 5px;
    width: 100%;
    height: 100dvh;
    background: var(--color-white);
    filter: drop-shadow(0 0 10px var(--shadow-color));
    -webkit-filter: drop-shadow(0 0 10px var(--shadow-color));
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    overflow-y: auto;
}

.mobile-size > .topmenu__menu-list {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    padding-top: 70px;
}

.mobile-size > ul li > .topmenu__menu-list-link {
    color: var(--color-stripe-blue);
    font-size: 180%;
    line-height: 1.5em;
    text-align: center;
}

/* .mobile-size > ul.topmenu__menu-list::before {
  content: "x-close";
  color: #000;
  font-size: 15px;
  position: absolute;
  top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  cursor: pointer;
} */
.close {
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    cursor: pointer;
    color: var(--color-stripe-blue);
    font-size: 180%;
}

.fixed_menu > .topmenu__menu {
    align-self: baseline;
}

.close {
    display: none;
}

@media (max-width: 1280px) {
    .topmenu__logo {
        grid-column: 1/2;
    }

    .topmenu__menu {
        grid-column: 3 / span 10;
    }

    .topmenu__logo img {
        height: 80px;
        align-self: center;
    }

    .banner-buttons-block {
        margin: 100px 32px 0 32px;
    }

    .services__tabs-links p {
        font-size: 18px;
    }
}

@media (max-width: 1000px) {
    .contact__grid_2column {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .banner-buttons-block {
        margin: 100px 12px 0 12px;
    }

    .topmenu__menu-list-link {
        font-size: 18px;
    }

    .topmenu__logo {
        grid-column: 1/2;
    }

    .topmenu__menu {
        grid-column: 2 / span 11;
    }

    .topmenu__menu li {
        align-self: center;
    }

    .topmenu__logo img {
        height: 80px;
        align-self: center;
    }

    /* .services__tabs-links a {
      padding-left: 15%;
      font-size: 16px;
    } */
    .services__tabs-links p {
        padding-left: 15%;
        font-size: 16px;
    }

    .services__description-text {
        font-size: 16px;
    }

    .services__description-image {
        margin: 0;
        padding: 0 30px;
    }

    .services__description-title {
        padding: 0 20px;
        font-size: 20px;
    }

    .work-circle {
        /*width: 170px;*/
        /*padding-bottom: 53px;*/
    }

    .footer-banner-title {
        font-size: 25px;
    }

    .footer-banner__image {
        max-width: 50%;
    }

    .center-sertificate {
        flex-wrap: wrap;
    }

    .sertificate-image {
        order: 2;
        width: 100%;
    }

    .project-tabs-block {
        padding: 0 10px;
    }

    .banner-buttons-block {
        margin: 100px 22px 0 22px;
        height: 160px;
        max-height: 100%;
    }

    .banner-button-text {
        font-size: 16px;
    }

    .grid_2column {
        padding-top: 100px;
    }
}

@media (max-width: 800px) {
    /* .services__tabs-links ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
        padding-left: 10px;
      } */
    .grid_2column {
        grid-template-columns: 1fr;
    }

    .advantages-block2-img {
        width: 100%;
        padding: 40px 0;
    }

    .how-we-work-tabs_block {
        grid-template-columns: 1fr;
        margin-bottom: 20px;
    }

    .work-image {
        width: 100%;
    }

    .services {
        grid-template-columns: 1fr;
    }

    .services__tabs-links {
        margin: 90px 0 0 0;
    }

    .services__tabs-links li {
        padding: 0;
    }

    .services__tabs-links p {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
    }

    /* .services__tabs-links a {
      padding-left: 10%;
      font-size: 22px;
    } */
    .active-tab::after {
        content: "";
        border-top: unset;
        border-left: unset;
         border-bottom: unset;
        }

        .services__description {
            padding-bottom: 20px;
        }
    }

    @media (max-width: 768px) {
        .close {
            display: block;
        }

        .grid_cont {
            grid-template-columns: 1fr;
            grid-column-gap: 0;
        }

        .grid_3_8 {
            grid-column: 1/13;
            grid-row: 2/2;
        }

        .grid_9_11 {
            grid-column: 1/13;
            grid-row: 1/1;
        }

        .regular.slider.margin-top.above.margin-top-big.slick-initialized.slick-slider {
            margin-top: -70px;
        }

        .mob-hide {
            display: none;
        }

        .container {
            font-size: 18px;
        }

        .project-name p {
            font-size: 50%;
        }

        .article-title {
            top: 30px;
            font-size: 18px;
            line-height: 16px;
        }

        .md-none {
            display: none;
        }

        .services-technologies-slider {
            margin: 50px 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-width: 100%;
            padding: 0;
        }

        .services-images {
            max-height: 50px;
            width: 100px;
            margin: 0 10px;
        }

        .services__description-text {
            max-width: 100%;
        }

        .services__tabs-links {
            /* margin: 120px 0 20px 0; */
    }

    .services__tabs-links p {
        margin: 5px 0;
        padding-left: 14%;
    }

    /* .banner-description{
        grid-template-columns: 1fr;
      }
      */
    .header__banner-title {
        font-size: 32px;
    }

    .banner-buttons {
        display: none;
    }

    .header__banner-img {
        margin-top: 0px;
        min-width: 200px;
        max-width: 60%;
    }

    .topmenu__logo {
        justify-self: flex-start;
    }

    .topmenu {
        grid-template-columns: 1fr;
        height: 100px;
    }

    .topmenu__menu {
        display: none;
    }

    .mobile_menu {
        display: block;
    }

    .slick-prev {
        display: none;
    }

    .slick-next {
        display: none;
    }

    .how-we-work-tabs {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin: 120px 0 50px 0;
    }

    .title-block-work {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .project-tabs {
        grid-template-columns: 1fr 1fr;
    }

    .footer-banner {
        flex-wrap: wrap;
    }

    .footer-banner__image {
        max-width: 100%;
        flex-basis: 100%;
    }

    .footer-banner-title {
        font-size: 35px;
        min-width: 70vw;
        display: block;
        padding-right: 20px;
    }

    .footer {
        flex-wrap: wrap;
    }

    .footer-contact-information {
        flex-basis: 100%;
        align-self: stretch;
        align-items: center;
        flex-direction: column;
        display: flex;
        justify-content: center;
    }

    .footer-contact-description {
        flex-basis: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        order: 1;
    }

    .center-sertificate {
        padding: 10px;
    }

    .grid_2_column {
        grid-column: 1/13;
        grid-template-columns: 1fr;
    }

    .projects-page .article-title {
        /*left:5%;*/
    }

    .margin-top-big {
        /*margin-top: 75px;*/
        margin-top: 5px;
    }
}

@media (max-width: 560px) {
    /* .slick-slide{
        padding: 10px 20px 0px 20px;
      }  */
    .adress_blocks {
        grid-template-columns: 1fr;
    }

    .one-adress-block {
        border-bottom: 1px solid #0e1bbf70;
    }

    .contact__grid_2column {
        margin-bottom: 20px;
    }

    .article-title {
        /*left: 14vw;*/
        top: 30px;
        font-size: 18px;
        line-height: 16px;
    }

    .header__banner-title {
        font-size: 22px;
    }

    .header__banner-description {
        font-size: 18px;
    }

    .banner-description {
        grid-template-columns: 1fr;
    }

    .header__banner-title,
    .header__banner-description {
        text-align: center;
        padding: 10px;
    }

    .header__description {
        align-items: center;
    }

    /* .advantages-inner-blocks-right,
      .advantages-inner-blocks-left {
        width: 100%;
        justify-content: flex-start;
      } */
    .footer-banner {
        justify-content: center;
    }

    .footer-banner-title::before {
        content: "";
    }

    .footer-banner-title {
        font-size: 22px;
        text-align: center;
    }

    .footer-banner-description {
        padding: 10px;
        flex-basis: 98%;
    }

    /* .services__tabs-links a {
      padding-left: 10%;
      font-size: 16px;
    } */
    .services__tabs-links p {

        font-size: 14px;
    }

    .services__tabs-links li {
        padding: 5px 0;
    }

    .advantages-text {
        font-size: 18px;
    }

    .how-we-work-tabs {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin: 50px 0 0 0;
        grid-gap: 4px;
    }

    .work-circle {
        /*width: 100px;*/
        /*padding-bottom: 23px;*/
    }

    .circle-gray {
        width: 40px;
        height: 40px;
    }

    .circle-gray > img {
        width: 17px;
    }

    .project-tabs-link {
        max-width: 120px;

        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .advantages-inner-blocks-right,
    .advantages-inner-blocks-left {
        width: 100%;
        justify-content: flex-start;
    }

    .advantages-block-1 {
        justify-content: flex-start;
        margin-left: 5px;
    }

    .advantages-numbers {
        /* min-height: 40px; */
        max-height: 70px;
        padding: 10px 20px;
    }

    .advantages-text {
        margin-left: 10px;
        font-size: 16px;
    }

    .work-block-description > p {
        font-size: 16px;
        padding: 5px;
    }

    .project-tabs-block {
        padding: 0 10px;
        min-width: 50%;
    }

    .project-tabs-link {
        font-size: 12px;
        font-weight: bold;
    }

    .topmenu__logo img {
        max-height: 60px;
    }
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf?a8d6ac03c7b96b7acb6228ff2676139d);
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Bold.ttf?079ca05d3ded9bc107ab8a8da013be22);
}

/* import fonts */

.none {
    display: none !important;
}

.block, .visible {
    transition: .5s linear;
    display: block;
    -webkit-transition: .5s linear;
    -moz-transition: .5s linear;
    -ms-transition: .5s linear;
    -o-transition: .5s linear;
}


.footer-contact-information > p button#contact_us555 {
    font-size: 13px;
    background: inherit;
    padding: 5px;
    border-radius: 0;
    border-bottom: 2px solid #fff;
    margin-bottom: 10px;
}

.projects-page .grid_2_column {
    grid-column: 1/13;
}

.gradient-container {
    position: relative;
    background: linear-gradient(0deg, #eaf1fb 1.49%, #f3f7fd 49.48%, #ffffff 100%);
}

.answer-no .grid_2_column {
    grid-template-columns: 1fr;
}

.answer-no .mob-hide {
    display: none;
}

.answer-no .services-technologies-slider {
    display: none;
}


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

/*.swiper-slide {*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    !*background: #fff;*!*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.swiper-slide img {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

.fixed_menu .topmenu__menu {
    margin-bottom: 35px;
}

.projects-page-block {
    max-width: 350px;
}


.articles-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    gap: 10px;
}

.rectangle {
    background: var(--top-menu-background-color);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    flex: 1;
    min-width: 250px;
    max-height: 600px;
    aspect-ratio: 1/1;
    transition: .5s linear;
    position: relative;
    z-index: 1;
}

.articles-box {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 600px;
    overflow: hidden;
}

.articles-image {
    object-fit: cover;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    transition: .5s linear;
}

.rectangle a {
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Formular' !important;
}

li {
    font-family: 'Formular';
}

.articles-text {
    font-family: 'Formular';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    width: 95%;
    transition: .5s linear;
}

@media (max-width: 600px) {
    .rectangle {

        min-width: 100%;
    }
}

/*.rectangle:nth-child(2n) {*/
/*    background-color: #e74c3c;*/
/*}*/
/*.rectangle:nth-child(3n) {*/
/*    background-color: #27ae60;*/
/*}*/
@media (max-width: 768px) {
    .rectangle {
        width: 100%;
    }
}

.rectangle:hover .articles-image {
    transform: scale(1.5);
}

.rectangle:hover {
    box-shadow: 0 0 20px #ccc;
    /*border: 5px solid #fd793a*/
}

.rectangle::before {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    border: 5px solid transparent;
    transition: .5s linear;
    cursor: pointer;
}

.rectangle:hover::before {
    border: 5px solid #fd793a;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(-3deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(3deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.rectangle:hover .articles-text {
    animation: rotate .5s ease-in-out;
}

/* Стиль для текста кода */
.wp-block-code {
    /*background-color: #1a1a1a; !* Черный фон *!*/
    background: var(--top-menu-background-color);
    color: #ffffff; /* Белый текст */
    padding: 20px;
    border-radius: 5px;
    overflow: auto;
    /*max-width: 600px;*/
}

code {
    background: var(--top-menu-background-color);
    color: #ffffff; /* Белый текст */
    padding: 10px;
    border-radius: 5px;
    overflow: auto;
    font-family: 'Courier New', monospace;
    font-size: 18px;
    line-height: 1.4;

}

/* Стиль для подсветки синтаксиса */
code .keyword {
    color: #569CD6; /* Синий цвет для ключевых слов */
}

code .string {
    color: #CE9178; /* Коричневый цвет для строк */
}

code .comment {
    color: #6A9955; /* Зеленый цвет для комментариев */
}

code .number {
    color: #B5CEA8; /* Серый цвет для чисел */
}

.nav-links {
    font-family: 'Formular';
    font-size: 14px;
    font-weight: bold;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    color: var(--article-title-color);

}

.nav-next {
    display: flex;
    justify-content: end;
    text-align: end;
    flex-basis: 50%;
}

.nav-previous {
    display: flex;
    justify-content: start;
    text-align: start;
    flex-basis: 50%;
}

.nav-links a {
    color: var(--article-title-color);
    transition: .3s linear;
}

.nav-links a:hover {
    border-bottom: 1px solid var(--article-title-color);
}

.project-box {
    position: relative;
    box-shadow: 0 0 5px var(--shadow-color);
    cursor: pointer;
    min-width: 420px;
    max-width: 420px;
    min-height: 650px;
    padding: 40px 20px;
    margin: 10px 10px 30px 10px;
    animation: fade-in .5s ease-in-out;
    -webkit-animation: fade-in .5s ease-in-out;
    overflow: hidden;
    border-radius: 30px;
    transition: .5s linear;
}

.project-box__logo {
    max-width: 100%;
    /*height: auto;*/
    height: 60px;
}

.project-box__title {
    position: relative;
    z-index: 2;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 26px;
}

.project-box__description {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    font-weight: 200;
    font-size: 20px;
}

.project-box__image {
    z-index:0;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 90%;
    transition: 1s linear;
    max-height: 50%;
}

@media (max-width: 920px) {
    .project-box {
        min-width: 350px;
        max-width: 350px;
    }
}

@media (max-width: 768px) {

    .project-box {
        min-width: 260px;
        max-width: 95vw;
        width: 100%;
        margin: 20px 0;
        min-height: 600px;

    }

}

.project-box:hover {
    transform: scale(1.07);
}

.project-box:hover {
    transform: scale(1.07);
    box-shadow: 0 0 25px var(--shadow-color);
}

.project-box:hover .project-box__image {
    transform: scale(1.2);
}


@media (max-width: 768px) {
    .projects-page-block {
        max-width: 43%;
    }

    code {
        font-size: 14px;
    }

    .nav-links {
        flex-wrap: wrap;
        align-items: start;

    }

    .nav-previous {
        flex-basis: 100%;
        justify-content: start;
        text-align: start;
    }

    .nav-next {
        margin-top: 20px;
        flex-basis: 100%;
        justify-content: start;
        text-align: start;
    }

}

.rubrics-tabs {
    width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    font-family: 'Formular';
    color: #000;
}

.rubrics-button {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-right: 20px;
    color: #000;
    transition: .3s linear;

}

.rubrics-button:hover {
    background: linear-gradient(45deg, #ff7439 15.66%, #fd793a 33.37%, #f9873b 53.69%, #f19e3e 75.21%, #edab3f 85.36%);
    color: #fff;
}

.rubrics-button.active {
    color: #fff;
}

@media (max-width: 600px) {
	

    .projects-page-block {
        max-width: 100%;
    }

    .project-images {
        width: 100%;
        max-width: 100%;
    }
}

.swiper-slide .project-box {
    margin: 0;
    min-width: 97%;
    max-width: 97%;
    min-height: 650px;

}

.swiper-wrapper {
    padding: 50px 5px;
}

/*.swiper-slide {*/
/*    text-align: unset;*/
/*}*/
/*.swiper-slide img {*/
/*     display: unset;*/
/*     width: 100%;*/
/*     height: 100%;*/
/*     object-fit: cover;*/
/*}*/
.wp-block-image:not(.is-style-rounded) img {
    box-shadow: 0 0 10px #eee;
    padding: 20px;
    border-radius: 30px;
    background: #fff;
}

.wp-block-image figcaption {
    width: 100%;

    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 175%;
    text-align: center;
    color: #000;
    margin-bottom: 4vw;
}

.swiper-button-next, .swiper-button-prev {
    background: #72aee661;
    width: 63px !important;
    height: 63px !important;
    border-radius: 50%;
    transition: .3s ease-in-out;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
   transform: scale(.9);
}
.work-icon{
	max-width: 50%;
}
@media(max-width: 560px){
	.work-icon{
	max-width: 50%;
}
.header__banner-img {
    margin-top: 0px;
    min-width: 200px;
    max-width: 100%;
}
}

.footer-banner picture {
    align-self: stretch;
    min-height: 100%;
}
.footer-banner__image {
    max-width: 100%;
	min-height: 100%;
}
@media (max-width: 800px) {
    .services__description-title {
        margin-top: 5px;

    }
}
@media (max-width: 768px) {
    .footer-banner__image {
        width: 100%;
        min-height: 100%;
    }
}

@media (max-width: 1000px) {
    .footer-banner__image {
        max-width: 100%;
        min-height: 100%;
    }
}
@media (max-width: 1024px){
    .how-we-work-tabs {
        margin: 75px 0 0px 0;
    }
    .title-block-work {
        margin-bottom: 13px;
    }
    .work-block-description > p {
        max-width: 100%;
    }
    .how-we-work-tabs_block {
        z-index: 1;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
        margin-bottom: 30px;
    }
}
@media (max-width: 400px) {
	
.advantages-numbers-before {
    
    width: 82px;
}
}
.select-box{
	display: none;
}

@media (max-width: 800px) {
	#tabs_area_1{
		display: none;
	}
.select-box {
	display: block;
	max-width: 91vw;
    margin: 0 auto 20px;
    background-color: var(--services-tabs-background-color);
    color: #333; /* Dark grey text */
    padding: 10px; /* Some padding */
    font-size: 16px; /* Font size */
    border: 1px solid #ccc; /* Border color */
    border-radius: 4px; /* Rounded borders */
   /* -webkit-appearance: none;  Removes default styling for Webkit browsers */
    /*-moz-appearance: none;  Removes default styling for Firefox browsers */
    /*appearance: none;  Removes default styling for modern browsers */
	font-family: Formular;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.03em;
    color: var(--services-tabs-links-color);
}

/* Style for the dropdown arrow */
#.select-box::-ms-expand {
    display: none; /* Removes the default arrow in Internet Explorer */
}

}