body, html {
    margin: 0;
    padding: 0;
    background-color: #fff;
    scroll-behavior: smooth;
    outline: none;
    height: 100%;
    min-height: 100%;
}
*, ::after, ::before {
    box-sizing: border-box;
}
body {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
}
input,
textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
*,
*:focus,
button:focus {
    outline: none!important;
}

a {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    color: rgb(56, 205, 241);
    transition: all .3s ease;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

p {
    margin: 0;
    padding: 0;
    outline: none;
}

img {
    max-width: 100%;
}

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

ul li::before {
    content: "";
    width: 6px;
    min-width: 6px;
    height: 6px;
    margin: 0 6px 0 0;
    border-radius: 8px;
    display: inline-flex;
    background-color: rgb(56, 205, 241);
}
ul li {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.mobile-html {
    max-height: 100%;
    overflow: hidden;
}

.content {
    width: 100%;
    flex: 1 0 auto;
}
.cursor-pointer {
    cursor: pointer;
}

.g-recaptcha {
    width: fit-content;
    margin-inline: auto;
}
.captcha-error {
    width: fit-content;
    margin-inline: auto;
    color: red;
    display: none;
    margin-top: 10px;
}

.lazy-image {
    filter: blur(5px);
    transition: filter .5s;
}

.lazy-image.loaded {
    filter: blur(0)
}

/*fonts combination*/
.font-35 {
    font-family: 'Muli', sans-serif;
    font-size: 2.19em;
    line-height: 126%;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}
.font-32 {
    font-family: 'Muli', sans-serif;
    font-size: 2em;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
.font-25 {
    font-family: 'Muli', sans-serif;
    font-size: 1.56em;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
}
.font-24 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}
.font-20 {
    font-size: 1.25em;
}
.font-21 {
    font-family: 'Muli', sans-serif;
    font-size: 1.31em;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
.font-18 {
    font-size: 1.13em;
}
.font-17 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.06em;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
}
.font-16 {
    font-size: 1em;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
}
.font-12 {
    font-size: 0.75em;
}
/*Container that the modal scrolls within*/
.iv-modal {
    -webkit-backface-visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    overflow: hidden;
    outline: 0;
    animation-delay: .3s;
    transition: opacity .1s ease-out;
}
.iv-modal.show {
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
}
.iv-modal.fade {
    opacity: 0;
    transition: opacity .3s ease-out;
}
.iv-modal.fade.show {
    opacity: 1;
}
.iv-overlay {
    background: #00000040;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    transition: background .1s ease;
}
.iv-modal.fade .iv-modal-dialog {
    display: inline-block;
    position: relative;
    left: 50%;
    top: 50%;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    animation-timing-function: ease;
    animation-name: in;
    animation-duration: 500ms;
    animation-fill-mode: both;
}
.iv-modal.show .iv-modal-dialog {
    animation-timing-function: ease;
    animation-name: out;
    animation-duration: 500ms;
    animation-fill-mode: both;
}
/*end of dialog block*/
/*content*/
.iv-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 300px;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
}
.iv-modal-header {
    display: -webkit-box;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.iv-modal-body {
    position: relative;
    padding: 15px;
}
#sendCvPopup .iv-modal-close {
    border: none;
    position: absolute;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    background: transparent;
    transition: all 0.25s ease-in-out;
    outline: none;

    max-width: 45px;
    right: 20px;
    top: 15px;
}
#company-explained .iv-modal-close {
    border: none;
    position: absolute;
    cursor: pointer;
    padding: 0;
    right: 29px;
    top: 28px;
    z-index: 10;
    background: transparent;
    transition: all 0.25s ease-in-out;
    outline: none;
}
#company-explained .iv-modal-header,
#sendCvPopup  .iv-modal-header,
#company-explained .iv-modal-body {
    padding: 0;
}
#company-explained .iv-modal-body,
#company-explained .iv-modal-body #popup-content {
    height: 100%;
}
#company-explained  .iv-modal-dialog {
    width: 85%;
    height: 80%;
    background-color: rgb(0, 0, 0);
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px 0;
    border-radius: 30px;
}
#company-explained .iv-modal-content {
    display: block;
    background-color: rgb(0, 0, 0);
    border: none;
    overflow: hidden;
    position: relative;
    padding: 0 95px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
#sendCvPopup-success-modal .iv-modal-header,
#contact-us-modal .iv-modal-header {
    display: none;
}
#sendCvPopup-success-modal .iv-overlay,
#sendCvPopup .iv-overlay,
#contact-us-modal .iv-overlay {
    background: linear-gradient(138deg, rgba(0, 0, 0, 0.5) 8%, rgba(0, 0, 0, 0.2) 68%, rgba(0, 0, 0, 0.2) 99%);
}
#sendCvPopup-success-modal .text-contact,
#contact-us-modal .text-contact {
    display: none;
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: #414647;
}
#sendCvPopup-success-modal .text-contact > *,
#contact-us-modal .text-contact > * {
    font-size: 1em;
}
#sendCvPopup-success-modal .iv-modal-body,
#contact-us-modal .iv-modal-body {
    padding: 35px 65px;
}
#sendCvPopup-success-modal .iv-modal-content,
#contact-us-modal .iv-modal-content {
    background-color: #fcfcfc;
}
#sendCvPopup-success-modal .iv-modal-dialog,
#contact-us-modal .iv-modal-dialog {
    border-radius: 10px;
    box-shadow: 4px 4px 40px 5px rgba(3, 4, 94, 0.1);
}
#sendCvPopup .iv-modal-content {
    border-radius: 20px;
}
#sendCvPopup .iv-modal-body {
    padding: 75px 30px 40px 30px;
}
#sendCvPopup.iv-modal .iv-modal-dialog {
    max-width: 660px;
}
/*end of popup*/

.home-slider {
    background: #000;
}
.home-slider-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}
.home-slider-slide picture {
    width: 100%;
}
.home-slider img.slider-bg {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    max-height: 100vh;
    object-fit: cover;
}
.home-slider .home-slider-content {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 55px;
}
.home-slider .home-slider-content .home-slider-title {
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
    font-size: 40px;
    margin: 0 0 20px 0;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(215, 216, 228);
}
.home-slider .home-slider-content .home-slider-title .blue {
    color: #38cdf1;
}
.home-slider .home-slider-content .home-slider-title > * {
    font-size: 1em;
}
.home-slider .home-slider-content .home-slider-description {
    display: block;
    max-width: 60%;
    margin: 20px 0 30px;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: rgb(215, 216, 228);
}
.home-slider .home-slider-content .home-slider-button {
    display: inline-block;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid rgb(0, 211, 250);
    font-family: 'Muli', sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgb(215, 216, 228);
    font-size: 18px;
    cursor: pointer;
    padding: 9px 46px;
    transition: all 0.3s ease-in-out 0s;
}
.home-slider .home-slider-content .home-slider-button:hover,
.home-slider .home-slider-content .home-slider-button:focus {
    background-color: rgb(0, 211, 250);
    outline: none !important;
}
.home-slider .home-slider-content .home-slider-button:hover .text,
.home-slider .home-slider-content .home-slider-button:focus .text,
.home-slider .home-slider-content .home-slider-button .text {
    color: rgb(215, 216, 228);
    font-size: inherit;
    text-decoration: none;
}
.home-slider-pagination.slider-pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    align-items: center;
    z-index: 2;
}
.home-slider-pagination.slider-pagination .swiper-pagination-bullet .bullet-text {
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(83, 86, 95);
    border-bottom: 2px solid transparent;
    padding: 8px 11px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    outline: none !important;
}
.home-slider-pagination.slider-pagination .swiper-pagination-bullet .bullet-line {
    width: 20px;
    height: 1px;
    opacity: 0.5;
    background: rgb(59, 62, 72);
    transition: background 0.3s ease-in-out 0s;
    margin: 0 4px;
    padding: 0;
}
.home-slider-pagination.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-line {
    background: rgb(56, 205, 241);
}
.home-slider-pagination.slider-pagination .swiper-pagination-bullet {
    display: flex;
    align-items: center;
    position: relative;
    background: transparent;
    width: unset;
    height: unset;
    margin: 0;
    opacity: 1;
}
.home-slider-pagination.slider-pagination .swiper-pagination-bullet:last-child .bullet-line {
    display: none;
}
.home-slider-pagination.slider-pagination .swiper-pagination-bullet::after {
    content: "";
    width: 100%;
    height: 2px;
    opacity: 0.2;
    background: rgb(86, 87, 95);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.home-slider-pagination.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet:hover .bullet-text,
.home-slider-pagination.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-text {
    color: rgb(56, 205, 241);
    border-bottom: 2px solid rgb(56, 205, 241);
}
.oval-block {
    display: flex;
    margin: 60px auto;
    text-align: center;
    width: 138px;
}
.oval-block .oval {
    width: 12px;
    height: 12px;
    background-color: rgb(56, 205, 241);
    border-radius: 12px;
    margin-right: 17px;
    margin-left: 17px;
}
.seo-block {
    margin: 60px 0 100px;
}
.seo-block .seo-title {
    font-weight: 800;
    text-transform: uppercase;
    color: rgb(65, 70, 71);
    text-align: center;
    margin-bottom: 20px;
}
.seo-block .seo-title.centered {
    margin: 0 auto 20px;
    max-width: 45%;
}
.seo-block .seo-text {
    display: block;
    max-width: 85%;
    text-align: center;
    color: rgb(65, 70, 71);
    margin: 0 auto;
}
.banner-block {
    position: relative;
}
.banner-block .Container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
    background-color: rgb(3, 3, 5);
}
.banner-block .arrow-display {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin-bottom: 14px;
    cursor: pointer;
    animation: 5s ease 0s infinite normal none running move;
}
.banner-block .arrow-display .button-scroll .button-scroll-picture,
.banner-block .arrow-display .button-scroll .button-scroll-picture img {
    max-width: 30px;
    max-height: 30px;
}
.banner-block .arrow-display .button-scroll {
    display: block;
    text-align: center;
}
.banner-block .arrow-text {
    font-weight: normal;
    line-height: normal;
    color: rgb(215, 216, 228);
    padding-bottom: 7px;
}
.banner-block .Header__Image {
    width: 100%;
    min-height: 100vh;
    object-fit: cover;
    position: absolute;
}
.banner-block .content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    -webkit-box-align: center;
    align-items: center;
}
.banner-block .content .content-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
}
.banner-block .HeaderBlock {
    display: flex;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding-top: 60px;
    box-sizing: border-box;
    overflow: hidden;
    transition: height 99999s ease 0s;
    margin: 0 55px;
    padding-bottom: 60px;
}
.banner-block .HeaderBlock .HeaderContent {
    z-index: 2;
    box-sizing: unset;
    width: 100%;
    text-align: center;
}

.banner-block .HeaderBlock .HeaderContent .author-photo-block {
    display: block;
    margin: 42px auto 20px;
}
.banner-block .HeaderBlock .HeaderContent .author-photo-block img {
    width: 93px;
    height: 93px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.banner-block .HeaderBlock .HeaderContent .author_name-block {
    display: block;
    text-align: center;
    margin: 20px auto 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.banner-block .HeaderBlock .HeaderTitle {
    font-family: 'Muli', sans-serif;
    margin: 0 0 20px;
    font-weight: 800;
    line-height: normal;
    font-size: 3.75em;
    color: rgb(215, 216, 228);
    padding: 0;
    position: relative;
}
.banner-block .HeaderBlock .HeaderTitle .head_title_text {
    display: block;
}
.banner-block .HeaderBlock .HeaderTitle.dotted-font {
    font-family: 'Ubuntu', sans-serif;
}
.banner-block .HeaderBlock .HeaderTitle.big-text {
    font-size: 100px;
}
.banner-block .HeaderBlock .HeaderTitle.white {
    color: rgb(255, 255, 255);
}
.banner-block .HeaderBlock .HeaderTitle h1 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    font-weight: inherit;
    line-height: inherit;
}
.banner-block .HeaderBlock .title-top-image {
    position: absolute;
    bottom: 101%;
    left: 0;
    right: 0;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.banner-block .HeaderBlock .HeaderTitle.align-text-left .title-top-image {
    justify-content: flex-start;
}
.banner-block .HeaderBlock .title-top-image .top-text {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: rgb(56, 205, 241);
}
.banner-block .HeaderBlock .HeaderTitle.align-text-left .title-top-image .top-text {
    text-align: left;
}
.banner-block .HeaderBlock .title-top-image img {
    max-width: 100%;
    object-fit: contain;
}
.banner-block .HeaderBlock .HeaderDescription {
    display: block;
    text-align: center;
    max-width: 70%;
    margin: auto;
    color: rgb(215, 216, 228);
    font-weight: normal;
}
.banner-block .HeaderBlock .HeaderTitle.align-text-left .head_title {
    text-align: left;
}
.banner-block .HeaderBlock .HeaderDescription.align-text-left {
    margin: auto auto auto 0;
    text-align: left;
}
.banner-block .HeaderBlock .banner-dots-block {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 6px;
    margin: 30px 0 10px;
}
.banner-block .HeaderBlock .HeaderTitle.align-text-left .banner-dots-block {
    text-align: left;
}
.banner-block .HeaderBlock .banner-dots-block .banner-dot {
    display: inline-block;
    margin: 0 16px;
    text-align: center;
    width: 4px;
    height: 4px;
    background-color: rgb(56, 205, 241);
    border-radius: 50%;
    font-size: 6px;
}
.banner-block .HeaderBlock .HeaderTitle.align-text-left .banner-dots-block .banner-dot {
    text-align: left;
}
.Breadcrumb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    list-style-type: none;
    font-style: normal;
    font-family: 'Muli', sans-serif;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    z-index: 99;
    padding: 10px 0 5%;
    flex-wrap: wrap;
}
.Breadcrumb .NotActive,
.Breadcrumb .NotActive a {
    font-weight: 300;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    color: rgb(215, 216, 228);
}

.Breadcrumb .Separator {
    color: rgb(215, 216, 228);
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
}
.Breadcrumb .Active {
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    color: rgb(33, 159, 189);
}
.banner-block .HeaderBlock .HeaderTitle .head_title img {
    max-width: 100%;
    object-fit: contain;
}
.Container-Block {
    background: white;
    padding: 0 0 15px;
}
.Wrapper-Block {
    margin: auto;
}

.full_width_block {
    display: block;
    margin: 100px 0;
    text-align: center;
}
.full_width_block img {
    object-fit: contain;
    min-width: 75%;
    max-width: 100%;
}
.title + .full_width_block {
    margin-top: 30px;
}
.team-block .members-block .member-block .member-photo img {
    width: unset;
}
.title-with-icon-items .item .item-title .picture {
    margin-right: 30px;
}
.three-columns-with-image .main-block .title-item-block .picture {
    margin-right: 20px;
}
.title-with-icon-items .item .item-title .picture img,
.three-columns-with-image .main-block .title-item-block .picture img {
    margin-right: 0;
}
.title-with-icon-items .item .item-title img,
.value-people-slider .review-photo img,
.three-columns-with-image .main-block .title-item-block img,
.three-columns-with-full-image .main-block .item .image-block img,
.testimonial-carousel .testimonial-arrow.testimonial-arrow-right,
.testimonial-carousel .testimonial-arrow.testimonial-arrow-left,
.testimonial-four-images-block .testimonial-item img,
.technologies-image-block img,
.small-title-with-dotted-desc .features-bl.image-block img,
.services-provided .provided-block .provided-block-item-image img,
.banner-block .HeaderBlock .HeaderTitle .head_title img,
.banner-block .HeaderBlock .title-top-image img,
.advantages-block-with-list .columns-block .column .img-block img,
.loop-image-with-title-text-block .items-block .item .image-block img,
.title-with-subtitle-block .right-column img,
.title-list-photo-block .column img,
.small-title-with-dotted-list .small-title-block img,
.full-width-image-text-with-list img,
.development-services-block .items-block .item .image-block img,
.development-block .collapse-block .main-block .development-slide-left-col .mobile-img img,
.development-block .collapse-block .main-block .development-slide-right-col img,
.development-block .collapse-block .main-block .item-block img.item-block-img,
.design-development .img-block img,
.combine-image-nodotted-list-block .combine-block .column img,
.title-list-photo-block .column img,
.containered-image img,
.title-list-description-top-photo-left-block .parent-block .column img,
.containered-image-with-title .image-column img,
.full_width_block img {
    width: unset;
    height: unset;
}
.two_text_column_block {
    display: block;
    margin: 100px 0;
}
.big-title {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: rgb(65, 70, 71);
    margin: 0 0 20px;
}
.two_text_column_block .column_block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 0 auto 100px;
}
.two_text_column_block .column_block .column_text {
    display: block;
    width: 100%;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.full_width_image_text_block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 100px 0 110px;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.full_width_image_text_block .left-column {
    display: flex;
    align-items: center;
    grid-column-end: span 6;
}
.full_width_image_text_block .right-column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-column-end: span 5;
    padding: 0;
    text-align: left;
}
.full_width_image_text_block img {
    object-fit: contain;
    max-width: 100%;
}
.column-full-right .full_width_title {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: rgb(65, 70, 71);
    font-weight: 800;
}
.column-full-right .full_width_text {
    width: 100%;
    position: relative;
    font-weight: normal;
    color: rgb(65, 70, 71);
    margin-bottom: 0;
}
.column-full-right .full_width_text p {
    display: block;
    margin: 0;
}
.full_width_image_text_block .column-full-left {
    padding-right: 10px;
}
.column-full-right {
    padding: 0 10px;
}
.background-text-block {
    display: block;
    border-radius: 20px;
    padding: 50px;
    margin: -50px;
    box-shadow: rgba(3, 4, 94, 0.1) 4px 4px 50px 1px;
    background-color: rgb(252, 252, 252);
}
.background-text-block-shadow {
    margin: 150px auto;
}
.background-text-block .title {
    display: block;
    width: 100%;
    padding: 0 5px;
    margin: 0 auto 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.background-text-block .text {
    display: block;
    width: 100%;
    text-align: center;
    color: rgb(65, 70, 71);
}
.background-text-block .text,
.loop-blocks-with-dots .text p,
.background-text-block .text p {
    margin: 0;
    padding: 0;
}
.loop-blocks-with-dots.text-justify .loop-item-text,
.loop-blocks-with-dots.text-justify .loop-item-text p {
    text-align: justify;
}
.loop-blocks-with-dots {
    display: block;
    width: 100%;
    margin: 60px 0 0;
}
.loop-blocks-with-dots .big-title {
    margin-bottom: 60px;
}
.loop-blocks-with-dots .text {
    display: block;
    width: 100%;
    padding: 0;
    margin: 20px auto 30px;
    text-align: center;
    color: rgb(65, 70, 71);
}
.loop-blocks-with-dots .title {
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.loop-blocks-with-dots .loop-blocks {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    width: 100%;
}
.loop-blocks-with-dots .loop-item {
    display: flex;
    grid-column-end: span 6;
    margin-bottom: 60px;
    flex-direction: column;
    max-width: 100%;
}
.loop-blocks-with-dots .bullet-block {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 0 20px;
    color: rgb(65, 70, 71);
}
.loop-blocks-with-dots .bullet-block .bullet-block-image-picture {
    margin-right: 20px;
}
.loop-blocks-with-dots .bullet-block .bullet-block-image-picture img {
    margin-right: 0;
}
.loop-blocks-with-dots .bullet-block .bullet-block-image {
    margin-right: 20px;
    height: 60px;
    width: 60px;
    object-fit: contain;
}
.loop-blocks-with-dots .bullet-block .bullet {
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    border-radius: 8px;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-flex;
    background-color: rgb(56, 205, 241);
}
.loop-blocks-with-dots .bullet-block .bullet-text {
    display: block;
    word-break: break-word;
    margin: 0;
    font-weight: 800;
    line-height: 1.2;
    color: rgb(65, 70, 71);
}
.loop-blocks-with-dots .loop-item-text p,
.loop-blocks-with-dots .loop-item-text {
    color: rgb(65, 70, 71);
    margin: 0;
}
.serve-block .title {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0 5px;
    text-align: center;
    color: rgb(65, 70, 71);
}
.serve-block .title,
.serve-block .title > * {
    font-family: 'Muli', sans-serif;
    font-size: 32px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-weight: 800;
}
@media (max-width: 768px) {
    .serve-block .title,
    .serve-block .title  > *{
        font-size: 16px;
    }
}
.serve-block .title > * {
    margin-bottom: unset;
}
.serve-block .text {
    display: block;
    width: 100%;
    margin: 20px auto;
    font-weight: normal;
    text-align: center;
    color: rgb(65, 70, 71);
}
.serve-block .sub-title {
    display: block;
    width: 100%;
    margin: 40px auto;
    font-weight: bold;
    text-align: center;
    color: rgb(65, 70, 71);
}
.serve-block .serve-loop-block {
    display: grid;
    grid-template-columns: repeat(12, auto);
    margin: 40px auto 0;
    grid-column-gap: 40px;
}
.serve-block .serve-item {
    display: block;
    grid-column-end: span 3;
    width: 100%;
    text-align: center;
}
.serve-block .serve-item .serve-text {
    display: inline-block;
    text-align: center;
    padding: 6px 8px;
    width: 120px;
    border-radius: 10px;
    background-color: rgb(243, 243, 243);
    font-weight: normal;
    color: rgb(65, 70, 71);
    margin-bottom: 40px;
}
.serve-block .serve-item a {
    color: rgb(65, 70, 71);
}
.serve-block {
    display: block;
    max-width: 80%;
    margin: 20px auto 80px;
}
.serve-block-items {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 40px auto 0;
    border-radius: 20px;
    box-shadow: #03045e1a 4px 4px 50px 1px;
    background-color: #fcfcfc;
}
.serve-block-item {
    display: flex;
    flex-direction: row;
    grid-column-end: span 4;
    width: 100%;
    text-align: center;
    padding: 20px 20px 60px;
    border-right: 2px solid rgb(215, 216, 228);
    border-top: 2px solid rgb(215, 216, 228);
}
.serve-block-item:first-child,
.serve-block-item:nth-child(2),
.serve-block-item:nth-child(3) {
    border-top: none;
}
.serve-block-item .serve-block-title {
    display: block;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(65, 70, 71);
    text-align: left;
    margin: 0 0 10px;
}
.serve-block-item .serve-block-text {
    display: block;
    line-height: 1.3;
    font-family: 'Muli', sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    margin: 0;
    color: #929190;
}
.serve-block.full-width {
    max-width: 100%;
}
.serve-block-item .picture {
    margin-right: 30px;
}
.serve-block-item .picture img {
    display: inline-block;
    object-fit: contain;
    max-width: 80px;
    width: 80px;
    min-width: 80px;
    padding: 0;
    height: unset;
}
.bottom-block {
    display: block;
    margin: 60px auto;
}
.bottom-block .title {
    font-weight: 800;
    text-transform: uppercase;
    color: rgb(65, 70, 71);
    text-align: center;
    margin-bottom: 20px;
}
.bottom-block .text {
    display: block;
    max-width: 85%;
    text-align: center;
    color: rgb(65, 70, 71);
    margin: 0 auto;
}

.bottom-block .contact-button {
    display: block;
    background: transparent;
    margin: 60px auto;
    border: none;
    cursor: pointer;
}
.bottom-block .contact-button a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(56, 205, 241);
    border-radius: 50%;
    width: 104px;
    height: 104px;
    text-decoration: none;
}
.bottom-block .contact-button .text-button {
    text-transform: uppercase;
    text-align: center;
    color: rgb(255, 255, 255);
}
.title-with-subtitle-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 40px auto 100px;
    width: 100%;
}
.title-with-subtitle-block .title {
    margin-bottom: 10px;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.title-with-subtitle-block .text {
    color: rgb(65, 70, 71);
    margin-top: 20px;
}
.title-with-subtitle-block .subtitle {
    font-weight: bold;
    margin: 20px 0 0 0;
    color: rgb(65, 70, 71);
}
.title-with-subtitle-block .left-column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-column-end: span 6;
}
.title-with-subtitle-block .right-column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-column-end: span 6;
    align-items: center;
}
.title-with-subtitle-block .right-column img {
    z-index: 1;
    object-fit: contain;
    max-width: 100%;
}
.vacancy-description-content .item,
.title-with-subtitle-block .left-column .item-loop-block {
    display: block;
    width: 100%;
    text-align: left;
}
.title-with-text-in-row {
    display: block;
    width: 100%;
    margin: 100px 0 60px;
}
.title-with-text-in-row .description {
    display: block;
    text-align: center;
    color: rgb(65, 70, 71);
    max-width: 95%;
    margin: 20px auto;
}
.title-with-text-in-row .title {
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    margin: 0 0 20px;
    color: rgb(65, 70, 71);
}
.title-with-text-in-row .block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 20px auto 40px;
    grid-column-gap: 60px;
}
.title-with-text-in-row .block-item {
    grid-column-end: span 6;
    margin-bottom: 30px;
    display: flex;
    width: 100%;
    position: relative;
}
.title-with-text-in-row .block-item .bullet {
    position: absolute;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-flex;
    background-color: rgb(56, 205, 241);
}
.title-with-text-in-row .block-item .bullet-text {
    display: block;
    word-break: break-word;
    padding-left: 18px;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.title-with-text-in-row .block-item .bullet-text p {
    display: inline;
}
.title-with-text-in-row .block-item .bullet-bolt {
    display: inline;
    font-family: "Open Sans", sans-serif;
    margin: 0 5px 0 0;
    font-weight: bold;
    line-height: 1.76;
    color: rgb(65, 70, 71);
}
.title-with-icon-block {
    display: block;
    width: 100%;
    margin: 60px 0 0;
}
.title-with-icon-block .title {
    margin: 0 0 20px;
}
.title-with-icon-block .title > * {
    margin-bottom: unset;
}  
.title-with-icon-block .title,
.title-with-icon-block .title > * {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: rgb(65, 70, 71);
    font-family: 'Muli', sans-serif;
    font-size: 32px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
@media screen and (max-width: 768px) {
    .title-with-icon-block .title,
    .title-with-icon-block .title > * {
        font-size: 16px;
    }
}
.title-with-icon-block .description {
    display: block;
    max-width: 90%;
    margin: 20px auto 40px;
    font-weight: normal;
    text-align: center;
    color: rgb(65, 70, 71);
}
.title-with-icon-items {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 60px auto 0;
    grid-column-gap: 60px;
}
.title-with-icon-items .item {
    display: flex;
    grid-column-end: span 6;
    margin-bottom: 60px;
    flex-direction: column;
    max-width: 100%;
}
.title-with-icon-items .item .item-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 0 20px;
    color: rgb(65, 70, 71);
}
.title-with-icon-items .item .item-title img {
    display: inline-block;
    object-fit: contain;
    max-width: 90px;
    margin-right: 30px;
    padding: 0;
}
.title-with-icon-items .item .item-text {
    display: block;
    color: rgb(65, 70, 71);
}
.title-with-icon-items .item .item-text .item-subtitle {
    display: block;
    margin: 0 0 15px;
}

.title-with-icon-items .item .item-text .item-subtitle,
.title-with-icon-items .item .item-text .item-subtitle > * {
    font-family: 'Muli', sans-serif;
    font-size: 25px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: 800;
}
@media screen and (max-width: 768px) {
    .title-with-icon-items .item .item-text .item-subtitle,
    .title-with-icon-items .item .item-text .item-subtitle > * {
        font-size: 12px;
    }
}
.title-with-icon-items .item .item-text .item-subtext {
    display: block;
    font-weight: bold;
    color: rgb(65, 70, 71);
}
.title-with-icon-items .item .item-text .item-subtext,
.title-with-icon-items .item .item-text .item-subtext > * {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .title-with-icon-items .item .item-text .item-subtext,
    .title-with-icon-items .item .item-text .item-subtext > * {
        font-size: 12px;
    }
}

.title-with-icon-items .item .item-text .item-subtext > * {
    margin: unset;
}
.title-with-icon-items .item .item-full-text {
    display: block;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.title-with-icon-items .item .item-full-text,
.title-with-icon-items .item .item-full-text p {
    margin: 0;
    padding: 0;
}
.main-block-links {
    display: block;
    width: 100%;
    margin: 60px auto 40px;
}
.main-block-links.simple-block .big-title {
    margin-bottom: 20px;
}
.main-block-links .description {
    display: block;
    max-width: 90%;
    margin: 20px auto;
    font-weight: normal;
    text-align: center;
    color: rgb(65, 70, 71);
}
.big-title-block {
    display: block;
    margin: 20px 0 100px;
}
.big-title-block .big-title {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 800;
    margin: 20px auto;
    text-align: center;
    color: rgb(65, 70, 71);
}
.big-title-block .next-title {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Muli', sans-serif;
    font-size: 1.56em;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: rgb(65, 70, 71);
    text-align: center;
    margin: 0;
}
.big-title-block .text,
.big-title-block .text p {
    color: rgb(65, 70, 71);
    margin: 0;
    padding: 0;
}
.big-title-block .text {
    font-weight: normal;
    margin: 20px auto;
    text-align: center;
}
.title-with-text-in-row .block-item .title {
    display: block;
    word-break: break-word;
    padding-left: 18px;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.dotted-title-with-photo-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 60px auto;
    width: 100%;
}
.dotted-main-block {
    margin: 100px 0 40px;
}
.title-with-subtitle-block .dotted-main-title {
    display: block;
    width: 100%;
    grid-column-end: span 12;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 800;
    color: rgb(65, 70, 71);
    text-transform: uppercase;
}
.title-with-subtitle-block .dotted-main-text {
    display: block;
    max-width: 95%;
    grid-column-end: span 12;
    text-align: center;
    font-weight: normal;
    color: rgb(65, 70, 71);
    margin: 20px auto 30px;
}
.title-with-subtitle-block .dotted-main-text.after {
    margin: 70px auto 0;
}
.note-block {
    display: block;
    margin: 0 0 100px auto;
}
.note-block .note-block-back {
    display: block;
    width: 100%;
    background-color: rgb(242, 247, 248);
    margin: 60px 0 80px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.note-block .note-block-back .note-text {
    display: block;
    font-style: italic;
    font-weight: normal;
    color: rgb(65, 70, 71);
    padding: 40px 14% 40px 40px;
    margin: 0;
}
.full-width-image-text-with-list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 100px auto 100px 0;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.full-width-image-text-with-list.reverse {
    margin: 100px 0 100px auto;
}
.full-width-image-text-with-list .left-column {
    display: flex;
    align-items: center;
    grid-column-end: span 6;
}
.full-width-image-text-with-list.reverse .left-column {
    justify-content: flex-end;
}
.full-width-image-text-with-list.reverse .right-column {
    grid-column-end: span 6;
}
.full-width-image-text-with-list .right-column {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    grid-column-end: span 5;
    padding: 0;
    text-align: left;
}
.full-width-image-text-with-list .right-column .column-full-right {
    padding: 0;
}
.full-width-image-text-with-list.reverse {
    width: 90%;
}
.full-width-image-text-with-list img {
    object-fit: contain;
    max-width: 100%;
}
.full-width-image-text-with-list picture,
.full-width-image-text-with-list img {
    width: 100%;
}
.full-width-image-text-with-list .title {
    text-transform: uppercase;
    margin-bottom: 40px;
    color: rgb(65, 70, 71);
    font-weight: 800;
}
.full-width-image-text-with-list .text {
    width: 100%;
    position: relative;
    font-weight: normal;
    color: rgb(65, 70, 71);
    margin-bottom: 30px;
}
.full-width-image-text-with-list .text p {
    display: block;
    margin: 0;
}
.full-width-image-text-with-list .sub-title {
    font-weight: bold;
    color: rgb(65, 70, 71);
    margin: 0 0 20px 0;
    text-align: left;
    text-transform: inherit;
}

.full-width-image-text-with-list .items-block {
    display: grid;
    grid-template-columns: repeat(12, auto);
    margin: 20px 0 0 0;
}
.full-width-image-text-with-list .items-block .item {
    display: block;
    position: relative;
    grid-column-end: span 6;
    margin-bottom: 20px;
}
.full-width-image-text-with-list .items-block .item .bullet {
    position: absolute;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-flex;
    margin: 0;
    background-color: rgb(56, 205, 241);
}
.full-width-image-text-with-list .items-block .item .bullet-text {
    margin: 0;
    max-width: 90%;
    padding-left: 18px;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.title-list-photo-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 100px 0 100px auto;
    width: 92%;
    padding: 0;
    overflow: hidden;
}
.image-title-subtitle-text-block {
    margin: 60px 0;
}
.image-title-subtitle-text-block .custom-text {
    max-width: 85%;
    margin: 20px auto 50px;
    text-align: center;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.image-title-subtitle-text-block .column .column-full-right .custom-image-title.big-title {
    text-align: left;
}
.image-title-subtitle-text-block .column .column-full-right .custom-text {
    max-width: 100%;
    margin: 20px auto 10px;
    text-align: left;
}
.title-list-photo-block.photo-right .column {
    align-items: flex-end;
}
.image-title-subtitle-text-block .title-list-photo-block.reverse {
    margin: 0 auto 60px 0;
}
.image-title-subtitle-text-block .title-list-photo-block {
    margin: 0 0 60px auto;
}
.image-title-subtitle-text-block .title-list-photo-block .column .items-block {
    margin: 0;
}
.image-title-subtitle-text-block .features-item {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    color: rgb(65, 70, 71);
}
.image-title-subtitle-text-block .features-item .features-title {
    display: inline;
    margin: 0 5px 0 0;
    font-weight: bold;
}
.image-title-subtitle-text-block .features-item p {
    display: inline;
}
.title-list-photo-block .column {
    grid-column-end: span 6;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: left;
}
.title-list-photo-block .column picture,
.title-list-photo-block .column img {
    width: 100%;
}
.title-list-photo-block .column img {
    object-fit: contain;
    max-width: 100%;
}
.title-list-photo-block .column .title {
    margin-bottom: 17px;
    text-transform: uppercase;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.title-list-photo-block .column .subtitle {
    display: block;
    text-align: left;
    width: 100%;
    font-weight: bold;
    color: rgb(65, 70, 71);
    margin: 20px 0 15px;
}
.title-list-photo-block .column .text {
    color: rgb(65, 70, 71);
    font-weight: normal;
    margin: 20px 0;
}
.title-list-photo-block .column .items-block {
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
}

.title-list-photo-block .column .items-block:not(:has(.item)) {
    margin: unset;
}

.title-list-photo-block .column .items-block .item {
    display: block;
    position: relative;
    margin-bottom: 20px;
}
.title-list-photo-block .column .item .bullet {
    position: absolute;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-flex;
    margin: 0;
    background-color: rgb(56, 205, 241);
}
.title-list-photo-block .column .item .bullet-text {
    max-width: 80%;
    padding-left: 18px;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.title-list-photo-block.reverse {
    margin: 100px auto 100px 0;
}
.three-columns-dotted.simple-block .items-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 30px auto 65px;
    grid-column-gap: 60px;
    width: 100%;
}
.main-block-links.simple-block .items-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 40px auto 65px;
    grid-column-gap: 60px;
    width: 100%;
}
.title-list-description-top-photo-left-block .parent-block .column .items-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
}
.main-block-links.simple-block .items-block .item,
.title-list-description-top-photo-left-block .parent-block .column .item {
    display: block;
    grid-column-end: span 6;
}
.three-columns-dotted.simple-block .items-block .item {
    display: block;
    grid-column-end: span 4;
}
.main-block-links.simple-block .items-block .item .bullet-block {
    display: flex;
    position: relative;
    align-items: center;
    max-width: 530px;
    margin: 0 auto 10px;
    color: rgb(65, 70, 71);
}
.vacancy-description-content .item .bullet-block,
.title-with-subtitle-block .left-column .item-loop-block .bullet-block,
.three-columns-dotted.simple-block .items-block .item .bullet-block,
.small-title-with-dotted-desc .item .bullet-block {
    display: flex;
    position: relative;
    align-items: center;
    margin: 0 0 10px;
    color: rgb(65, 70, 71);
}
.title-list-description-top-photo-left-block .parent-block .column .item .bullet-block {
    display: flex;
    position: relative;
    align-items: center;
    margin: 0 0 5px;
    color: rgb(65, 70, 71);
}
.vacancy-description-content .item .bullet,
.title-with-subtitle-block .left-column .item-loop-block .bullet,
.main-block-links.simple-block .items-block .item .bullet,
.title-list-description-top-photo-left-block .parent-block .column .item .bullet,
.small-title-with-dotted-desc .item .bullet,
.three-columns-dotted.simple-block .items-block .item .bullet {
    position: absolute;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-flex;
    margin: 0;
    background-color: rgb(56, 205, 241);
}
.vacancy-description-content .item .bullet-text,
.title-with-subtitle-block .left-column .item-loop-block .bullet-text,
.main-block-links.simple-block .items-block .item .bullet-text,
.three-columns-dotted.simple-block .items-block .item .bullet-text {
    width: 100%;
    padding-left: 18px;
    word-break: break-word;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.small-title-with-dotted-desc .item .bullet-text {
    display: block;
    font-weight: bold;
    padding-left: 18px;
    text-align: center;
    color: rgb(65, 70, 71);
}
.title-list-description-top-photo-left-block .parent-block .column .item .bullet-text {
    max-width: 90%;
    padding-left: 18px;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.three-columns-dotted .description {
    display: block;
    max-width: 90%;
    margin: 20px auto 40px;
    font-weight: normal;
    text-align: center;
    color: rgb(65, 70, 71);
}
.title-list-description-top-photo-left-block {
    display: block;
    margin: 50px auto 100px;
}
.title-list-description-top-photo-left-block .big-title {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.title-list-description-top-photo-left-block .big-title,
.title-list-description-top-photo-left-block .big-title > * {
    font-family: 'Muli', sans-serif;
    font-size: 32px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-weight: 800;
}
.title-list-description-top-photo-left-block .big-title > * {
    margin-bottom: unset;
}
@media screen and (max-width: 768px) {
    .title-list-description-top-photo-left-block .big-title,
    .title-list-description-top-photo-left-block .big-title > * {
        font-size: 16px;
    }
}
.title-list-description-top-photo-left-block .description {
    max-width: 90%;
    font-weight: normal;
    color: rgb(65, 70, 71);
    text-align: center;
    margin: 0 auto 55px;
}
.title-list-description-top-photo-left-block .parent-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 30px 0 0;
}
.title-list-description-top-photo-left-block .parent-block .left-column {
    display: flex;
    align-items: center;
    object-fit: contain;
    padding-right: 25px;
    grid-column-end: span 6;
}
.title-list-description-top-photo-left-block .big-title {
    margin-bottom: 30px;
}
.title-list-description-top-photo-left-block .parent-block .right-column {
    display: block;
    object-fit: contain;
    grid-column-end: span 5;
}
.title-list-description-top-photo-left-block .parent-block .column img {
    max-width: 100%;
    object-fit: contain;
}
.title-list-description-top-photo-left-block .parent-block .column .right-text {
    display: block;
    text-align: left;
    margin: 15px 0 0;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.small-title-with-dotted-desc .title {
    width: 100%;
    text-align: center;
    font-weight: 800;
    color: rgb(65, 70, 71);
    margin: 30px 0;
}
.small-title-with-dotted-desc .description {
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px auto 40px;
}
.small-title-with-dotted-desc .text,
.small-title-with-dotted-desc .text p {
    color: rgb(65, 70, 71);
    margin: 0;
    padding: 0;
}
.small-title-with-dotted-desc .items-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    width: 100%;
}
.small-title-with-dotted-desc .items-block .item {
    display: flex;
    grid-column-end: span 6;
    margin-bottom: 50px;
    flex-direction: column;
    max-width: 100%;
}
.small-title-with-dotted-desc .features-top-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 30px auto 60px;
}
.small-title-with-dotted-desc .features-bl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-column-end: span 6;
}
.small-title-with-dotted-desc .features-bl.image-block {
    justify-content: flex-end;
    flex-direction: row;
}
.small-title-with-dotted-desc .features-bl.image-block.left-position {
    justify-content: flex-start;
}
.small-title-with-dotted-desc .features-bl.image-block img {
    object-fit: contain;
    max-width: 100%;
}
.small-title-with-dotted-desc .features-bl .features-item {
    color: rgb(65, 70, 71);
    margin-bottom: 20px;
}
.small-title-with-dotted-desc .features-bl .features-title {
    display: inline;
    margin: 0 5px 0 0;
    font-weight: bold;
}
.small-title-with-dotted-desc .features-bl p {
    display: inline;
}
.three-columns-with-image {
    margin: 100px 0;
}
.three-columns-with-image .big-title {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: rgb(65, 70, 71);
    margin-bottom: 20px;
}
.three-columns-with-image .description {
    display: block;
    width: 100%;
    font-weight: normal;
    color: rgb(65, 70, 71);
    text-align: center;
    margin: 0 auto 60px;
}
.three-columns-with-image .main-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 90px;
    margin: 60px auto 0;
}
.three-columns-with-image .main-block .item {
    grid-column-end: span 4;
    margin-bottom: 20px;
}
.three-columns-with-image .main-block .title-item-block {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 30px;
    font-weight: 800;
    color: rgb(65, 70, 71);
    min-height: 60px;
    text-align: left;
}
.three-columns-with-image .main-block .title-item-block .title-item {
    display: inline-flex;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 800;
}
.three-columns-with-image .main-block .title-item-block img {
    display: inline-block;
    object-fit: contain;
    max-width: 100px;
    margin-right: 20px;
}
.three-columns-with-image .main-block .text-item {
    display: inline-flex;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.main-blog-block {
    display: grid;
    grid-template-columns: repeat(12, 8.3333%);
    margin: 0 auto;
    width: 90%;
    background-color: rgb(255, 255, 255);
}
.main-blog-block .blog-block-item {
    grid-column-end: span 4;
    padding: 0 40px;
}
.main-blog-block .blog-block-item a {
    text-decoration: none;
}
.blog-align-block {
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    transition: transform 0.2s linear 0s;
}
.blog-align-block:hover {
    transform: scale(0.97);
}
.blog-align-block img {
    display: block;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
    height: 100%;
}
.blog-align-block .blog-title {
    display: block;
    font-family: 'Muli', sans-serif;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(65, 70, 71);
    text-align: left;
    margin: 26px 0 10px;
    min-height: 54px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-align-block .blog-text {
    display: block;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    margin: 0;
    color: rgb(6, 5, 4);
}
.blog-align-block .blog-text,
.blog-align-block .blog-text > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-align-block .blog-text > * {
    margin: 0;
    font-size: 1em;
}
.articles-global-block {
    display: block;
    text-align: center;
    margin: 70px 0 85px;
}
.articles-global-block .sub-title {
    opacity: 0.4;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4.8px;
    color: rgb(3, 3, 45);
    margin: 0 0 15px;
    text-transform: uppercase;
}
.articles-global-block .title {
    margin: 15px 0 60px;
    font-weight: 800;
    color: rgb(1, 1, 30);
    text-transform: uppercase;
}
.subtitle-title-text-block {
    display: block;
    width: 100%;
    text-align: center;
    margin: 60px 0;
}
.subtitle-title-text-block .sub-title {
    opacity: 0.4;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4.8px;
    color: rgb(3, 3, 45);
    margin: 0 0 8px;
    text-transform: uppercase;
}
.subtitle-title-text-block .title {
    margin: 8px 0 40px;
    font-weight: 800;
    color: rgb(1, 1, 30);
    text-transform: uppercase;
}
.subtitle-title-text-block .text {
    font-weight: 400;
    text-align: center;
    color: rgb(1, 1, 30);
    margin: 0 0 60px 0;
}
.subtitle-title-text-block .technologies-wrapper {
    text-align: left;
    margin: 40px 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 70px;
}
.subtitle-title-text-block .technologies-wrapper .image-block {
    display: flex;
    align-items: center;
    grid-column-end: span 6;
    width: 100%;
    text-align: left;
}
.wrap .technologies-wrapper:nth-child(2n) .image-block {
    order: 1;
    text-align: right;
}
.subtitle-title-text-block .technologies-wrapper .image-block picture,
.subtitle-title-text-block .technologies-wrapper .image-block img {
    width: 100%;
}
.subtitle-title-text-block .technologies-wrapper .image-block img {
    max-width: 100%;
    width: 100%;
    height: unset;
    object-fit: contain;
}
.subtitle-title-text-block .technologies-wrapper .left-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-column-end: span 6;
}
.subtitle-title-text-block .technologies-wrapper .left-block .left-block-image-block {
    display: block;
    width: 100%;
}

.subtitle-title-text-block .technologies-wrapper .left-block .left-block-image-block img {
    max-width: 80%;
    width: 100%;
    height: unset;
    object-fit: contain;
}
.subtitle-title-text-block .technologies-wrapper .left-block .left-block-text {
    margin: 20px 0 15px 0;
    display: block;
    font-weight: normal;
    color: rgb(1, 1, 30);
}

.subtitle-title-text-block .technologies-wrapper .left-block .left-block-text h2,
.subtitle-title-text-block .technologies-wrapper .left-block .left-block-text h3 {
    font-family: Muli, sans-serif;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
}
@media screen and (max-width: 767px) {
    .subtitle-title-text-block .technologies-wrapper .left-block .left-block-text h2,
    .subtitle-title-text-block .technologies-wrapper .left-block .left-block-text h3 {
        font-size: 12px;
    }
}
.subtitle-title-text-block .technologies-wrapper .left-block .technologies-block-title {
    margin: 15px 0 20px;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.subtitle-title-text-block .technologies-wrapper .left-block .technologies-text {
    display: block;
    width: 100%;
    margin: 0 0 50px;
    color: rgb(1, 1, 30);
    font-weight: normal;
}
.subtitle-title-text-block .technologies-wrapper .left-block .technologies-text ul {
    line-height: 1;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 80%;
    grid-column-gap: 20px;
}
.subtitle-title-text-block .technologies-wrapper .left-block .technologies-text ul li {
    display: inline-flex;
    line-height: 1.76;
    margin-bottom: 10px;
    grid-column-end: span 4;
}
.subtitle-title-text-block .technologies-wrapper .technologies-link {
    border-radius: 6px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 0;
    padding: 8px 46px;
    cursor: pointer;
    border: 2px solid rgba(56, 205, 241, 0.5);
    background: transparent;
    text-decoration: none;
    font-family: Muli, sans-serif;
    font-size: 1em;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: rgb(89, 88, 107);
    transition: all 0.3s ease-in-out 0s;
}
.subtitle-title-text-block .technologies-wrapper .technologies-link:hover {
    background-color: rgb(56, 205, 241);
    color: rgb(255, 255, 255);
}
.subtitle-title-text-block .technologies-wrapper .technologies-link.desctop-hide {
    display: none;
}
.explore-button-block {
    display: block;
    width: 100%;
    text-align: center;
    margin: 60px 0;
}
.explore-button-block .big-title {
    margin: 0 0 30px;
    font-weight: 800;
    color: rgb(1, 1, 30);
    text-transform: uppercase;
}
.explore-button-block .text {
    font-weight: normal;
    color: rgb(1, 1, 30);
    margin: 0 0 40px;
}
.explore-button-block .link-block {
    border-radius: 6px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
    padding: 8px 45px;
    cursor: pointer;
    border: 2px solid rgba(56, 205, 241, 0.5);
    background-color: rgb(56, 205, 241);
    text-decoration: none;
    font-family: 'Muli', sans-serif;
    font-weight: 900;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out 0s;
}
.explore-button-block .link-block:hover {
    border: 2px solid rgba(56, 205, 241, 0.5);
    background: transparent;
    color: rgb(89, 88, 107);
}
.add-z-index {
    z-index: 10;
}
.testimonial-four-images-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 70px;
    padding: 40px 0 70px;
    margin: 0 auto;
    width: 100%;
}
.blue-background {
    background-color: rgb(1, 1, 30);
    display: block;
    text-align: center;
    margin: 0 0 -1px 0;
    padding: 0
}
.testimonial-four-images-block .testimonial-item {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column-end: span 3;
    margin-bottom: 30px;
    padding: 0 5px;
}
.testimonial-four-images-block .testimonial-item picture,
.testimonial-four-images-block .testimonial-item img {
    width: 100%;
}
.testimonial-four-images-block .testimonial-item:nth-child(4n + 1) {
    justify-content: flex-start;
}
.testimonial-four-images-block .testimonial-item:nth-child(4n) {
    justify-content: flex-end;
}
.testimonials-slider-block {
    padding: 80px 0 64px;
}
.blue-width {
    width: 90%;
    margin: 0 auto;
}
.testimonials-slider-block .sub-title {
    opacity: 0.5;
    margin: 0 0 15px;
}
.testimonials-slider-block .sub-title,
.testimonials-slider-block .sub-title > * {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 4.8px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}
.testimonials-slider-block .sub-title > * {
    margin: unset;
}
.testimonials-slider-block .title {
    margin: 8px 0 64px;
}
.testimonials-slider-block .title,
.testimonials-slider-block .title > * {
    font-size: 35px;
    line-height: 44px;
    font-weight: 800;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}
.testimonials-slider-block .title > * {
    margin: unset;
}
.testimonials-slider-block .testimonial-carousel {
    max-width: 1180px;
    margin-inline: auto;
}
.testimonials-slider-block .testimonial-slider {
    width: 100%;
}
.testimonials-slider-block .testimonial-slider .swiper-slide {
    height: unset;
}
.testimonials-slider-block .testimonial-carousel__item {
    display: flex;
    align-items: center;
    border-radius: 16px;
    background: linear-gradient(93.53deg, #03212F -0.76%, #001A28 100%);
    border: 1.5px solid #0E3C4E;
    height: 100%;
    padding: 48px;
    position: relative;
    gap: 30px;
}
.testimonials-slider-block .testimonial-carousel .testimonial-image {
    border-radius: 50%;
    border: 1.5px solid #367A8D;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.testimonials-slider-block .testimonial-carousel__name {
    font-family: 'Muli', sans-serif;
    font-weight: 800;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 25px;
    margin-top: 16px;
    display: block;
}
.testimonials-slider-block .testimonial-carousel__position {
    font-family: 'Open Sans', sans-serif;
    color: #42BEDC;
    margin-top: 4px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    display: block;
}
.testimonials-slider-block .testimonial-carousel__description {
    font-family: 'Open Sans', sans-serif;
    color: #42BEDC;
    margin-top: 4px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #D1D5DB;
    display: block;
}
.testimonials-slider-block .testimonial-carousel__info {
    text-align: start;
    max-width: 250px;
}
.testimonials-slider-block .testimonial-carousel__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.testimonials-slider-block .testimonial-carousel__wrapper {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    text-align: left;
    width: 60%;
    margin-left: auto;
    font-family: 'Muli', sans-serif;
}
.testimonials-slider-block .testimonial-carousel__wrapper.active .testimonial-carousel__text {
    display: initial;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;  
    overflow: initial;
}
.testimonials-slider-block .testimonial-carousel__wrapper .testimonial-carousel__show-more svg{
    transform: rotate(180deg);
}
.testimonials-slider-block .testimonial-carousel__wrapper .testimonial-carousel__show-more {
    cursor: pointer;
    display: flex;
}
.testimonials-slider-block .testimonial-carousel__wrapper.active .testimonial-carousel__show-more svg {
    transform: rotate(0);
}
.testimonials-slider-block .testimonial-carousel__quote svg {
    display: block;
}
.testimonials-slider-block .testimonial-carousel__quote {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testimonials-slider-block .testimonial-carousel__quote .testimonial-carousel__show-more {
    font-family: 'Open Sans', sans-serif;
    color: #42BEDC;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    font-weight: 600;
    gap: 4px;
}
.testimonials-slider-block .testimonial-carousel__quote:first-of-type {
    margin-right: auto;
    margin-bottom: 8px;
}
.testimonials-slider-block .testimonial-carousel__quote:last-of-type {
    margin-left: auto;
    margin-top: 8px;
}
.testimonials-slider-block .testimonial-carousel__quote:last-of-type svg {
    margin-left: auto;
}
.testimonials-slider-block .testimonial-slider-navigation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
}
.testimonials-slider-block .testimonial-arrow svg {
    display: block;
    z-index: 1;
    position: relative;
}
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-left,
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-right {
    padding: 16px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-left:before,
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-right:before {
    position: absolute;
    content: '';
    background-color: #01354B;
    transition: background-color 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out;
    border-radius: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-left:hover:before,
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-right:hover:before {
    background-color: #00BCD4;
}
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-left:hover:before,
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-right:hover:before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
}
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-left {

}
.testimonials-slider-block .testimonial-arrow.testimonial-arrow-right {

}
.testimonial-slider-pagination.slider-pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    gap: 8px;
    align-items: center;
}
.testimonial-slider-pagination .swiper-pagination-bullet {
    background: #686F7D;
    transition: width 0.3s ease-out;
    opacity: 1;
    border-radius: 12px;
    width: 12px;
    height: 12px;
}
.testimonial-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00BCD4;
    width: 44px;
}
.swiper-container-horizontal > .testimonial-slider-pagination.slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    outline: 0;
    margin: 10px;
    border: none;
    opacity: 1;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background-color: rgb(124, 124, 124);
    transition: all 0.3s ease-in-out 0s;
}
.swiper-container-horizontal > .testimonial-slider-pagination.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
    background-color: rgb(56, 205, 241);
}
.swiper-container-horizontal > .testimonial-slider-pagination.slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background-color: rgb(56, 205, 241);
}
.services-provided .sub-title {
    opacity: 0.5;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4.8px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    margin: 0 auto 15px;
}
.services-provided .title {
    margin: 15px 0 70px;
    font-weight: 800;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}
.services-provided .provided-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 30px;
    width: 100%;
    margin: auto;
}
.services-provided .provided-block .provided-block-item {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    grid-column-end: span 3;
    border-radius: 10px;
    border: 1px solid rgb(45, 45, 65);
    padding: 41px 15px 26px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
}
.services-provided .provided-block .provided-block-item:hover {
    transform: translateY(-20px);
    border: 1px solid rgb(151, 151, 151);
}
.services-provided .provided-block .provided-block-item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    margin-bottom: 20px;
    cursor: pointer;
}
.services-provided .provided-block .provided-block-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.services-provided .provided-block .provided-block-item-title {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: rgb(233, 229, 229);
    text-transform: uppercase;
    margin: 20px 0 17px;
}
.services-provided .provided-block .provided-block-item-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: center;
    color: rgb(255, 255, 255);
    opacity: 0.7;
}
.services-provided {
    padding: 100px 0 150px;
}
.company-explained {
    background-color: rgb(255, 255, 255);
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.company-explained .company-explained-desktop-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.company-explained .wrap {
    display: grid;
    box-sizing: border-box;
    grid-template-columns: repeat(9, 1fr);
    margin: 0 auto;
    position: relative;
    padding: 185px 60px;
    width: 100%;
    max-width: 100%;
}
.company-explained .wrap .button-block {
    display: flex;
    grid-column-end: span 5;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
.company-explained .wrap .button-block.button-block--desktop-left {
    order: 1;
}
.company-explained .wrap .button-block img {
    object-fit: contain;
    max-width: 100%;
    cursor: pointer;
    z-index: 1;
}
.company-explained .wrap .right-text-block {
    display: flex;
    grid-column-end: span 4;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-width: 100%;
}
.company-explained .wrap .right-text-block .title {
    font-family: 'Muli', sans-serif;
    margin: 0 0 18px;
    font-size: 35px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    max-width: 80%;
    color: rgb(1, 3, 24);
    text-transform: uppercase;
}
.company-explained .wrap .right-text-block .text {
    display: block;
    margin: auto;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.company-explained .wrap .about-mobile {
    display: none;
}
.contact-overlay {
    width: 100%;
    overflow: hidden auto;
    position: relative;
    transition-property: transform;
    transition-duration: 0.5s;
    background-color: rgb(1, 1, 27);
}
.send_cv-overlay {
    width: 100%;
    height: 100%;
    overflow: hidden auto;
    position: relative;
    transition-property: transform;
    transition-duration: 0.5s;
    background: rgb(4, 4, 4);
}
.send_cv-overlay .contact-overlay-image,
.contact-overlay .contact-overlay-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact-overlay .contact-modal-page {
    width: 83%;
    display: block;
    margin: 225px auto 142px;
    border-radius: 10px;
    box-shadow: rgba(3, 4, 94, 0.1) 4px 4px 50px 1px;
    background-color: rgb(252, 252, 252);
    position: relative;
    padding: 60px 112px;
}
.send_cv-overlay .wrapper {
    display: flex;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    padding-top: 156px;
    box-sizing: border-box;
    overflow: hidden;
    transition: height 99999s ease 0s;
    margin: 0 55px;
}
.send_cv-overlay .wrapper .title {
    width: 100%;
    margin: 0 0 50px;
    font-family: 'Muli', sans-serif;
    font-size: 1.88em;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: center;
    color: rgb(212, 212, 212);
}
.send_cv-overlay .wrapper .title > h1,
.send_cv-overlay .wrapper .title > h2 {
    font-size: 1em;
    line-height: inherit;
    padding: 0;
    margin: 0;
}
.send_cv-overlay .wrapper .dots-block {
    display: flex;
    margin: 0 auto 50px;
    text-align: center;
    width: 100%;
    justify-content: center;
}
.send_cv-overlay .wrapper .dots-block .dot {
    display: inline-block;
    margin: 0 8px;
    width: 4px;
    height: 4px;
    background-color: rgb(56, 205, 241);
    border-radius: 50%;
}
.send_cv-overlay .title-for-apply {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: rgb(212, 212, 212);
    margin: 0 0 40px;
}
.send_cv-overlay .title-for-apply > h5 {
    font-size: 1em;
    margin: 0;
    font-weight: 800;
}
.send_cv-overlay .send-cv-form {
    border-radius: 10px;
    box-shadow: rgba(3, 4, 94, 0.1) 4px 4px 50px 1px;
    background-color: rgb(252, 252, 252);
    padding: 51px 95px 48px;
    margin: 0 0 140px;
}
.send_cv-overlay .send-cv-form .content {
    display: grid;
    grid-template-columns: repeat(12, 8.3333%);
}
.send_cv-overlay .send-cv-form .content .field-style {
    color: rgb(38, 79, 110);
    grid-column-end: span 6;
    padding: 0 17px;
}
.send_cv-overlay .send-cv-form .content .field-style.c-12 {
    grid-column-end: span 12;
}
.send_cv-overlay .send-cv-form .content .field-style label {
    display: block;
    font-weight: bold;
    color: rgb(65, 70, 71);
    margin-bottom: 9px;
}
.send_cv-overlay .send-cv-form .content .field-style label .grey {
    color: rgb(143, 143, 143);
}
.send_cv-overlay .send-cv-form .content .input-field {
    width: 100%;
    padding: 10px;
    margin-bottom: 23px;
    box-sizing: border-box;
    outline: none;
    font-size: 1em;
    border-radius: 5px;
    font-weight: 600;
    border: 1px solid rgb(209, 209, 209);
    background-color: rgb(248, 248, 248);
    color: rgb(65, 70, 71);
}
.send_cv-overlay .send-cv-form .content .input-field.invalid {
    border: 1px solid rgb(239, 60, 80);
}
.send_cv-overlay .send-cv-form .content #file.input-field.invalid + .label-wrapper-file label {
    color: rgb(239, 60, 80);
}
.send_cv-overlay .send-cv-form .content #file.input-field {
    height: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
    display: none;!important;
    border: unset!important;
    box-shadow: none;
}
.send_cv-overlay .send-cv-form .content .field-style.button-centered {
    display: block;
    text-align: center;
}
.send_cv-overlay .send-cv-form .content .field-style.button-centered button.send-cv-button {
    display: inline-block;
    padding: 8px 48px;
    text-align: center;
    cursor: pointer;
    font-family: 'Muli', sans-serif;
    font-weight: 800;
    color: rgb(253, 253, 254);
    border-radius: 6px;
    border: 2px solid rgb(56, 205, 241);
    background-color: rgb(56, 205, 241);
    opacity: 1;
    margin-top: 10px;
    transition: all .3s ease;
}
.send_cv-overlay .send-cv-form .content .label-wrapper-file {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 9px;
}
.send_cv-overlay .send-cv-form .content .label-wrapper-file label {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}
.send_cv-overlay .send-cv-form .content .file-name-attached {
    display: none;
    align-items: center;
    align-self: stretch;
    color: rgb(132, 156, 173);
    font-weight: 300;
    margin-left: 15px;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
}
.send_cv-overlay .send-cv-form .content .label-wrapper-file svg {
    width: 16px;
    height: 18px;
    margin-right: 13px;
}
#cv-success,
#cv-error {
    display: none;
    padding-top: 2em;
    color: #414647;
}
#cv-error a {
    color: #264f6e;
    font-weight: 500;
}
.send_cv-overlay .send-cv-form .content .field-style.button-centered button.send-cv-button:disabled {
    opacity: 0.96;
    cursor: auto;
}
.send_cv-overlay .send-cv-form .content .optional-text {
    font-family: 'Muli', sans-serif;
    font-size: 0.63em;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(65, 70, 71);
    margin: 4px 0 20px;
}
.form-send-wrapper {
    display: block;
    width: 100%;
}
.contact-modal-page-prev {
    display: block;
    width: 100%;
    font-weight: 800;
    color: rgb(65, 70, 71);
    text-align: center;
    margin: 0 0 8px;
}
.contact-modal-page-prev > h3 {
    font-size: 1em;
}
.contact-modal-page-full {
    display: block;
    width: 100%;
    text-align: center;
    margin: 7px 0 40px;
    font-weight: bold;
    color: rgb(65, 70, 71);
}
.contact-modal-page-full > h5 {
    font-size: 1em;
}
.contact-modal-page-prev > * {
    margin: 0;
}
.contact-us-modal-form {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 34px;
    width: 100%;
}
.contact-us-modal-form .field-style {
    grid-column-end: span 6;
    padding-bottom: 20px;
    position: relative;
}
.contact-us-modal-form .field-style.last {
    grid-column-end: span 12;
}
.contact-us-modal-form .field-style .input-field {
    display: block;
    width: 100%;
    padding: 11px 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 1.06em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    letter-spacing: normal;
    color: rgb(65, 70, 71);
    margin: 0 0 10px;
    border-radius: 5px;
    border: 1px solid rgb(209, 209, 209);
    background-color: rgb(248, 248, 248);
}
.contact-us-modal-form .field-style .input-field:active,
.send_cv-overlay .send-cv-form .content .input-field:active,
.contact-us-modal-form .field-style .input-field:hover,
.send_cv-overlay .send-cv-form .content .input-field:hover,
.send_cv-overlay .send-cv-form .content .input-field:focus,
.contact-us-modal-form .field-style .input-field:focus {
    border: 1px solid rgb(209, 209, 209) !important;
    background-color: rgb(248, 248, 248) !important;
}
.contact-us-modal-form .field-style .input-field:-webkit-autofill,
.send_cv-overlay .send-cv-form .content .input-field:-webkit-autofill,
.contact-us-modal-form .field-style .input-field:-webkit-autofill:hover,
.send_cv-overlay .send-cv-form .content .input-field:-webkit-autofill:hover,
.contact-us-modal-form .field-style .input-field:-webkit-autofill:focus,
.send_cv-overlay .send-cv-form .content .input-field:-webkit-autofill:focus,
.send_cv-overlay .send-cv-form .content .input-field:active,
.contact-us-modal-form .field-style .input-field:-webkit-autofill:active {
    box-shadow: rgb(248, 248, 248) 0 0 0 50px inset !important;
    -webkit-text-fill-color: rgb(65, 70, 71) !important;
    color: rgb(65, 70, 71) !important;
}
.contact-us-modal-form .field-style .input-field::-webkit-input-placeholder { color: #b3b3b3; }
.contact-us-modal-form .field-style .input-field::-moz-placeholder { color: #b3b3b3; }
.contact-us-modal-form .field-style .input-field:-ms-input-placeholder { color: #b3b3b3; }
.contact-us-modal-form .field-style .input-field:-moz-placeholder { color: #b3b3b3; }
.contact-us-modal-form .field-style textarea.input-field {
    resize: none;
}
.contact-us-modal-form .field-style .error-text {
    display: none;
    position: absolute;
    bottom: 10px;
    font-size: 14px;
    color: rgb(239, 60, 80);
    transition: all 0.3s ease 0s;
}
.contact-us-modal-form .field-style .input-field.invalid {
    border: 1px solid rgb(239, 60, 80);
}
.contact-us-modal-form .field-style .input-field.invalid + .error-text {
    display: block;
}
.contact-us-modal-form .contact-send-button {
    opacity: 0.96;
    border-radius: 6px;
    border: 2px solid rgb(56, 205, 241);
    padding: 9px 48px;
    height: unset;
    text-align: center;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    margin-top: 10px;
    color: rgb(64, 206, 240);
    background-color: transparent;
}
.contact-us-modal-form .field-style.last.with-button {
    text-align: center;
}
.contact-us-modal-form .contact-send-button.enabled {
    background-color: rgb(56, 205, 241);
    color: rgb(253, 253, 254);
}
.development-block {
    background-color: rgb(255, 255, 255);
    text-align: center;
    display: block;
    margin: 100px 0 150px;
}
.development-block .title-block {
    background-color: rgb(255, 255, 255);
}
.development-block .sub-title {
    opacity: 0.8;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4.8px;
    color: rgb(1, 1, 30);
    margin-bottom: 10px;
}
.development-block .title {
    margin: 10px 0 40px;
    font-weight: 800;
    color: rgb(1, 1, 30);
    text-transform: uppercase;
}
.development-block .collapse-block {
    background-color: rgb(255, 255, 255);
    padding-top: 40px;
}
.development-block .collapse-block .main-block {
    display: grid;
    grid-template-columns: repeat(12, 8.333%);
    margin: 0 auto;
    max-width: 100%;
}
.development-block .collapse-block .main-block .item-block:first-child {
    margin-right: 35px;
}
.development-block .collapse-block .main-block .item-block:last-child {
    margin-left: 35px;
}
.development-block .collapse-block .main-block .item-block {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    grid-column-end: span 6;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 10px 60px 10px;
    background-color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out 0s;
    padding: 60px 40px 45px;
    cursor: pointer;
}
.development-block .collapse-block .main-block .item-block:hover {
    transform: translateY(-20px);
}
.development-block .collapse-block .main-block .item-block img.item-block-img {
    margin-bottom: 20px;
    max-height: 120px;
    max-width: 100%;
    object-fit: contain;
    cursor: pointer;
}
.development-block .collapse-block .main-block .item-block .item-title {
    margin: 20px 0 20px;
    font-weight: 900;
    text-align: center;
    color: rgb(65, 70, 71);
}
.development-block .collapse-block .main-block .item-block .item-title > * {
    font-size: 1em;
    margin: 0;
    padding: 0;
}
.development-block .collapse-block .main-block .item-block .item-text {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.94em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: center;
    color: rgb(1, 1, 30);
    padding: 0 20px;
}
.development-block .collapse-block .main-block .development-slide-content {
    display: grid;
    grid-template-columns: repeat(12, 8.3333%);
}
.development-block .collapse-block .main-block .development-slide-left-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    text-align: left;
    flex-direction: column;
    grid-column-end: span 8;
    margin-right: 25px;
}
.development-block .collapse-block .main-block .development-slide-left-col .mobile-img,
.development-block .collapse-block .main-block .block-for-collapse .collapse_back.hide-desktop,
.swiper-container.development-block-slider .swiper-wrapper .slide-hr {
    display: none;
}
.development-block .collapse-block .main-block .development-slide-left-col .development-slide-title {
    display: block;
    width: 100%;
    font-family: 'Muli', sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(65, 70, 71);
    margin: 0 0 20px;
}
.development-block .collapse-block .main-block .development-slide-left-col .development-slide-text {
    display: block;
    width: 100%;
    font-weight: normal;
    color: rgb(65, 70, 71);
    margin: 0;
}
.development-block .collapse-block .main-block .development-slide-right-col {
    display: flex;
    place-content: center;
    grid-column-end: span 4;
    margin-left: 25px;
}
.development-block .collapse-block .main-block .development-slide-right-col img {
    max-width: 100%;
    object-fit: contain;
}
.dev-arrow-left img,
.dev-arrow-right img {
    max-width: 30px;
    object-fit: contain;
    cursor: pointer;
}
.swiper-button-disabled.dev-arrow-left img,
.swiper-button-disabled.dev-arrow-right img{
    cursor: default;
}
.dev-arrow-left {
    position: absolute;
    left: 0;
    z-index: 1;
}
.dev-arrow-right {
    position: absolute;
    right: 0;
    z-index: 10;
}
.development-block .collapse-block .main-block .block-for-collapse {
    display: none;
    grid-column-end: span 12;
}
.development-block .collapse-block .main-block .children-collapse {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 100px;
}
.slider-dev-wrapper {
    display: flex;
    max-width: 100%;
    padding: 0 110px;
    align-items: center;
}
.development-pagination.slider-pagination .bullet-dev {
    display: block;
    width: 50px;
    height: 52px;
    margin: 0 25px;
    padding: 0;
    cursor: pointer;
    object-fit: contain;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s ease-in-out 0s;
    filter: grayscale(1);
    opacity: .5;
    flex-shrink: 0;
}
.development-pagination.slider-pagination .bullet-dev:hover,
.development-pagination.slider-pagination .bullet-dev.swiper-pagination-bullet.swiper-pagination-bullet-active {
    filter: grayscale(0);
    opacity: 1;
}
.development-block .collapse-block .main-block .block-for-collapse .development-pagination.slider-pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    max-width: 90%;
    margin: 0 auto;
}
.development-block .collapse-block .main-block .block-for-collapse .collapse_back {
    font-family: 'Muli', sans-serif;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: normal;
    text-align: center;
    color: rgb(0, 1, 58);
    margin-bottom: 45px;
    background: transparent;
    border: none;
    cursor: pointer;
}
.development-block .collapse-block .main-block .block-for-collapse .collapse_back .collapse_arrow {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    color: rgb(56, 205, 241);
    font-size: 30px;
    animation: 2s ease-in-out 0s infinite normal none running arrow-move;
}
.project-description-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 60px auto;
    width: 100%;
}
.project-description-block .description-block {
    display: block;
    grid-column-end: span 8;
}
.project-description-block .title {
    display: block;
    margin-bottom: 20px;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.project-description-block .description-block .description {
    display: block;
    padding: 0 20px 0 0;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.project-description-block .service-loop-block {
    display: block;
    grid-column-end: span 4;
}
.project-description-block .service-loop-block .item-block {
    display: inline-block;
    border-radius: 10px;
    background-color: rgb(243, 243, 243);
    padding: 6px 14px 8px 13px;
    margin: 0 15px 15px 0;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.project-description-block .service-loop-block .item-block a.item {
    cursor: pointer;
}
.project-description-block .service-loop-block .service-loop-block-wrapper .item-block:last-child {
    margin: 0;
}
.project-description-block .service-loop-block .item-block > * {
    font-size: 1em;
}
.project-description-block .service-loop-block .item-block .item {
    color: rgb(65, 70, 71);
    text-decoration: none;
}
.technologies-serve {
    margin: 100px auto;
}
.technologies-serve .title {
    display: block;
    width: 100%;
    font-size: 1.56em;
    font-weight: 800;
    text-align: center;
    color: rgb(65, 70, 71);
}
.technologies-serve .technologies-loop-block.margin-grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 90%;
    margin: 25px auto 0;
    align-items: center;
    justify-content: center;
}
.technologies-serve .technologies-loop-block.margin-grid .item-block {
    display: flex;
    margin: 15px 60px 0 0;
    align-items: center;
}
.technologies-serve .technologies-loop-block.grid {
    display: flex;
    justify-content: space-between;
    grid-template-columns: repeat(10, 1fr);
    max-width: 85%;
    margin: 40px auto 0;
}
.technologies-serve .technologies-loop-block.grid .item-block {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    min-width: 0;
}
.technologies-serve .technologies-loop-block-chunked .technologies-loop-block.grid {
    margin-top: 0
}
.technologies-serve .technologies-loop-block-chunked .technologies-loop-block.grid:first-child {
    margin-top: 40px
}
.technologies-serve .technologies-loop-block .item-block-bullet {
    display: flex;
    align-items: center;
    position: relative;
}
.technologies-serve .technologies-loop-block .item-block .bullet {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-flex;
    margin: 0;
    background-color: rgb(56, 205, 241);
}
.technologies-serve .technologies-loop-block .item-block .item {
    padding-left: 15px;
    font-weight: 600;
    color: rgb(65, 70, 71);
    text-align: left;
}
.technologies-image-block {
    display: block;
    margin: 0 auto 60px;
    text-align: center;
}
.technologies-image-block img {
    z-index: 1;
    object-fit: contain;
    max-width: 100%;
    max-height: 400px;
}
.containered-image-with-title {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 90px;
    margin: 100px auto;
}
.containered-image-with-title .title {
    display: block;
    margin-bottom: 20px;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.containered-image-with-title .sub-title {
    display: block;
    margin: 10px 0 20px;
    font-weight: bold;
    color: rgb(65, 70, 71);
}
.containered-image-with-title .text {
    display: block;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.containered-image-with-title .column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-column-end: span 7;
}
.containered-image-with-title .image-column {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column-end: span 5;
}
.containered-image-with-title .column .description {
    color: rgb(65, 70, 71);
}
.containered-image-with-title .image-column.reverse {
    justify-content: flex-end;
}
.containered-image {
    display: block;
    margin: 110px auto;
    text-align: center;
    max-width: 80%;
}
.containered-image img {
    z-index: 1;
    object-fit: contain;
    max-width: 100%;
}
.design-development {
    display: block;
    margin: 110px auto;
    text-align: center;
}
.design-development .title {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.design-development .img-block {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    max-width: 80%;
}
.design-development .img-block img {
    z-index: 1;
    object-fit: contain;
    max-width: 100%;
}
.design-development .design-bottom-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 30px;
    margin: 0 auto 150px;
}
.design-development .design-bottom-block .color-block {
    display: block;
    grid-column-end: span 2;
}
.design-development .design-bottom-block .custom-title {
    display: block;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.design-development .design-bottom-block .color-block .inventory-block {
    display: block;
    text-align: left;
}
.design-development .design-bottom-block .color-block .inventory-block .item-color {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 20px 20px 0;
    border-radius: 50%;
    background-color: transparent;
}
.design-development .design-bottom-block .fonts-block {
    display: block;
    grid-column-end: span 8;
    text-align: center;
}
.design-development .design-bottom-block .fonts-block .fonts-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
}
.design-development .design-bottom-block .fonts-block .fonts-grid .left-column {
    display: block;
    grid-column-end: span 8;
    text-align: left;
}
.design-development .design-bottom-block .fonts-block .fonts-grid .right-column {
    display: block;
    grid-column-end: span 4;
    text-align: left;
}
.design-development .design-bottom-block .fonts-block .custom-title {
    text-align: center;
}
.design-development .design-bottom-block .fonts-block .fonts-grid .small-title-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.design-development .design-bottom-block .fonts-block .fonts-grid .small-title {
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: rgb(77, 113, 155);
    margin: 0 6px 0 0;
}
.design-development .design-bottom-block .fonts-block .fonts-grid .small-sub-title {
    display: block;
    font-weight: normal;
    color: rgb(204, 211, 223);
}
.design-development .design-bottom-block .fonts-block .fonts-grid .small-text {
    display: block;
    font-weight: normal;
    color: rgb(38, 38, 46);
}
.design-development .design-bottom-block .headers-block {
    display: flex;
    grid-column-end: span 2;
    justify-content: flex-end;
}
.design-development .design-bottom-block .headers-block .block {
    display: block;
}
.design-development .design-bottom-block .headers-block .block .header-item {
    display: block;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: rgb(95, 95, 101);
    margin-bottom: 5px;
}
.design-development .design-bottom-block .headers-block .block .header-item.item-1 {
    font-size: 18px;
    line-height: 1.67;
}
.design-development .design-bottom-block .headers-block .block .header-item.item-2 {
    font-size: 14px;
    line-height: 2.14;
}
.case-studies-blog {
    display: block;
    background: white;
    margin: 60px 0 85px;
}
.case-studies-blog .ovals {
    display: flex;
    margin: 0 auto 60px auto;
    text-align: center;
    width: 138px;
}
.case-studies-blog .ovals .oval {
    width: 12px;
    height: 12px;
    background-color: rgb(56, 205, 241);
    border-radius: 12px;
    margin-right: 17px;
    margin-left: 17px;
}
.case-studies-blog .title {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 60px;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.case-studies-blog .case-studies-blog-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 40px;
    margin: auto;
    background-color: rgb(255, 255, 255);
}
.case-studies-blog .case-studies-blog-block .case-blog-block {
    grid-column-end: span 4;
}
.case-studies-blog .case-studies-blog-block .case-blog-block .link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    font-family: 'Muli', sans-serif;
    font-weight: 800;
    height: 100%;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(65, 70, 71);
    transition: transform 0.2s linear 0s;
}
.case-studies-blog .case-studies-blog-block .case-blog-block .link:hover {
    transform: scale(0.97);
}
.case-studies-blog .case-studies-blog-block .case-blog-align {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
}
.case-studies-blog .case-studies-blog-block .case-blog-align img {
    display: block;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}
.case-studies-blog .case-studies-blog-block .case-blog-align::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(1, 0, 0, 0.7);
}
.case-studies-blog .case-studies-blog-block .case-blog-title {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 20px;
    position: absolute;
    word-break: break-word;
    font-weight: 800;
    color: rgb(255, 255, 255);
    margin: 0;
    cursor: pointer;
}
.small-title-with-dotted-list {
    display: block;
    margin: 100px 0;
}
.small-title-with-dotted-list .small-title-block {
    display: flex;
    font-weight: 800;
    color: rgb(65, 70, 71);
    align-items: center;
    padding-left: 0;
    margin: 0 0 20px 0;
}
.small-title-with-dotted-list .small-title-block img {
    max-width: 70px;
    max-height: 70px;
    margin-right: 30px;
    object-fit: contain;
}
.small-title-with-dotted-list .small-title-block .title {
    margin: 0;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.small-title-with-dotted-list .items-block {
    display: grid;
    grid-template-columns: repeat(12, auto);
    margin: 20px auto 0;
    grid-column-gap: 60px;
}
.small-title-with-dotted-list .items-block .item {
    display: block;
    grid-column-end: span 6;
    position: relative;
    margin: 0 0 20px 0;
}
.small-title-with-dotted-list .items-block .item .bullet {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 12px;
    border-radius: 8px;
    display: inline-flex;
    margin: 0;
    background-color: rgb(56, 205, 241);
}
.small-title-with-dotted-list .items-block .item .bullet-text {
    display: block;
    padding-left: 18px;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.small-title-with-dotted-list .items-block .item .bullet-text p {
    display: inline;
}
.small-title-with-dotted-list .text {
    display: block;
    width: 100%;
    text-align: left;
    margin: 30px 0 20px;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.small-title-with-dotted-list .items-block .item .bullet-text .bold-text {
    display: inline-flex;
    margin: 0 5px 0 0;
    font-weight: bold;
    color: rgb(65, 70, 71);
}
.loop-image-with-title-text-block {
    display: block;
    margin: 100px 0;
}
.loop-image-with-title-text-block .items-block {
    display: grid;
    grid-template-columns: repeat(12, auto);
    grid-column-gap: 60px;
}
.loop-image-with-title-text-block .items-block .item {
    display: flex;
    grid-column-end: span 6;
    position: relative;
    flex-flow: column wrap;
    justify-content: flex-start;
}
.loop-image-with-title-text-block .items-block .item .image-block {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.loop-image-with-title-text-block .items-block .item .image-block img {
    object-fit: contain;
    max-width: 100%;
}
.loop-image-with-title-text-block .items-block .item .title {
    display: block;
    margin: 0 0 20px;
    font-weight: bold;
    color: rgb(65, 70, 71);
}
.loop-image-with-title-text-block .items-block .item .text {
    display: block;
    margin: 20px 0 0;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.combine-image-nodotted-list-block .main-title {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    font-weight: 800;
    color: rgb(65, 70, 71);
    text-transform: uppercase;
}
.combine-image-nodotted-list-block .combine-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 60px auto;
    width: 100%;
}
.combine-image-nodotted-list-block .combine-block .column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-column-end: span 6;
}
.combine-image-nodotted-list-block .combine-block .column.image-column {
    align-items: flex-end;
}
.combine-image-nodotted-list-block .combine-block .column img {
    object-fit: contain;
    max-width: 100%;
}
.combine-image-nodotted-list-block .combine-block.bullet-block {
    display: block;
    position: relative;
    margin-bottom: 30px;
}
.combine-image-nodotted-list-block .combine-block .bullet-block .title {
    display: block;
    font-weight: 800;
    word-break: break-word;
    padding: 0;
    margin: 0 0 20px 0;
    color: rgb(65, 70, 71);
}
.combine-image-nodotted-list-block .combine-block .column .text,
.combine-image-nodotted-list-block .combine-block .column .text p {
    color: rgb(65, 70, 71);
    margin: 0;
    padding: 0;
}
.combine-image-nodotted-list-block .combine-block .combine-item {
    display: flex;
    grid-column-end: span 6;
    position: relative;
    flex-flow: column wrap;
    justify-content: flex-start;
    margin-bottom: 60px;
}
.combine-image-nodotted-list-block .combine-block .combine-item .sub-title {
    margin: 0 0 20px 0;
    font-weight: 800;
    color: rgb(65, 70, 71);
    text-align: left;
    text-transform: inherit;
}
.combine-image-nodotted-list-block .combine-block .combine-item .sub-text {
    position: relative;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.values-slider-block {
    display: block;
    margin: 100px auto;
}
.values-slider-block .title {
    width: 100%;
    text-transform: uppercase;
    font-weight: 800;
    color: rgb(65, 70, 71);
    text-align: center;
    margin: 0 0 45px;
}
.slider-value-wrapper {
    margin: auto;
    display: flex;
    width: 80%;
    padding: 0 100px;
    align-items: center;
    position: relative;
}
.slider-value-wrapper .value-arrow-left,
.slider-value-wrapper .value-arrow-right {
    position: absolute;
    z-index: 1;
}
.slider-value-wrapper .value-arrow-right {
    right: 0;
}
.slider-value-wrapper .value-arrow-left {
    left: 0;
}
.slider-value-wrapper .value-arrow-left img,
.slider-value-wrapper .value-arrow-right img {
    object-fit: contain;
    max-width: 30px;
    cursor: pointer;
    width: 25px;
    height: 55px;
}
.slider-value-wrapper .value-arrow-left img {
    margin-right: 80px;
}
.slider-value-wrapper .value-arrow-right img {
    margin-left: 80px;
}
.slider-value-wrapper .value-arrow-left.swiper-button-disabled img,
.slider-value-wrapper .value-arrow-right.swiper-button-disabled img {
    cursor: default;
}
.value-slide-content .value-slide-title {
    display: block;
    width: 100%;
    font-weight: 800;
    color: rgb(65, 70, 71);
    text-align: center;
    margin: 0 0 25px;
}
.value-slide-content .value-slide-text {
    display: block;
    width: 100%;
    font-weight: normal;
    text-align: center;
    color: rgb(65, 70, 71);
    margin: 0;
}
.values-slider-block .value-pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 125px auto 0;
    padding: 0;
    max-width: 90%;
    line-height: 0;
}
.values-slider-block .value-pagination .swiper-pagination-bullet {
    margin: 0 15px;
    display: flex;
    align-items: stretch;
    width: unset;
    height: unset;
    flex-grow: 1;
    border-radius: unset;
    opacity: 1;
    flex-basis: 0;
    padding: 20px 13px 18px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 10px 40px 0;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    transition: box-shadow 0.3s ease 0s;
}
.values-slider-block .value-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0;
}
.values-slider-block .value-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}
.values-slider-block .content-value-align {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    cursor: pointer;
}
.values-slider-block .value-pagination .swiper-pagination-bullet:hover,
.values-slider-block .value-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: rgba(18, 41, 52, 0.08) 4px 4px 14px 10px;
}
.values-slider-block .value-pagination .bullet-value-img {
    display: block;
    text-align: center;
    min-height: 74px;
    max-height: 90px;
    margin-bottom: 20px;
}
.values-slider-block .value-pagination .bullet-value-img img {
    max-width: 100%;
    max-height: 90px;
    object-fit: contain;
}
.values-slider-block .value-pagination .bullet-value {
    display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgb(65, 70, 71);
}
.advantages-block-with-list {
    display: block;
    margin: 60px 0;
}
.advantages-block-with-list .big-title {
    text-align: center;
    margin: 0 0 30px;
}
.advantages-block-with-list .big-title,
.advantages-block-with-list .big-title > * {
    font-family: 'Muli', sans-serif;
    font-size: 32px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-weight: 800;
}
@media (max-width: 768px) {
    .advantages-block-with-list .big-title,
    .advantages-block-with-list .big-title > * {
        font-size: 16px;
    }
}
.advantages-block-with-list .big-title > * {
    margin-bottom: unset;  
}
.advantages-block-with-list .description {
    display: block;
    width: 100%;
    font-weight: normal;
    text-align: center;
    color: rgb(65, 70, 71);
    margin: 30px 0 20px;
}
.advantages-block-with-list .columns-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 40px auto 100px;
}
.advantages-block-with-list .columns-block .column {
    grid-column-end: span 6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.advantages-block-with-list .columns-block .column.space {
    justify-content: space-between;
}
.advantages-block-with-list .columns-block .column .text-for-image {
    font-weight: normal;
    color: rgb(65, 70, 71);
    margin: 0 0 70px 0;
}
.advantages-block-with-list .columns-block .column .img-block {
    display: block;
    text-align: center;
}
.advantages-block-with-list .columns-block .column .img-block img {
    object-fit: contain;
    max-width: 100%;
}
.advantages-block-with-list .columns-block .column .sub-title {
    display: block;
    padding-left: 18px;
    margin: 0 0 20px 0;
    font-weight: 800;
    color: rgb(65, 70, 71);
    text-align: left;
    text-transform: inherit;
}
.advantages-block-with-list .columns-block .column .items-block .item {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}
.advantages-block-with-list .columns-block .column .items-block .item .bullet {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 12px;
    border-radius: 8px;
    display: inline-flex;
    margin: 0;
    background-color: rgb(56, 205, 241);
}
.advantages-block-with-list .columns-block .column .items-block .item .bullet-text {
    display: block;
    padding-left: 18px;
    font-weight: normal;
    color: rgb(65, 70, 71);
}
.advantages-block-with-list .columns-block .column .items-block .item .bullet-text .bold-text {
    display: inline-flex;
    margin: 0 5px 0 0;
    font-weight: bold;
    color: rgb(65, 70, 71);
}
.advantages-block-with-list .columns-block .column .items-block .item .bullet-text .bold-text,
.advantages-block-with-list .columns-block .column .items-block .item .bullet-text .bold-text > * {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    font-weight: bold;
}
@media (max-width: 768px) {
    .advantages-block-with-list .columns-block .column .items-block .item .bullet-text .bold-text,
    .advantages-block-with-list .columns-block .column .items-block .item .bullet-text .bold-text > * {
        font-size: 12px;
    }
}
.advantages-block-with-list .columns-block .column .items-block .item .bullet-text .bold-text > * {
    margin: unset;
}
.advantages-block-with-list .columns-block .column .items-block .item:last-child {
    margin-bottom: 0;
}
.development-services-block {
    margin: 60px 0;
}
.development-services-block .text {
    font-weight: normal;
    line-height: 1.76;
    letter-spacing: normal;
    text-align: center;
    color: rgb(65, 70, 71);
    margin: 20px 0 60px 0;
}
.development-services-block .items-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 90%;
    margin: 60px auto;
}
.development-services-block .items-block.full-width {
    max-width: 100%;
}
.development-services-block  .items-block .item {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 30px 20px;

}
.development-services-block  .items-block .item .image-block {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.development-services-block  .items-block .item .image-block img {
    min-width: 200px;
    max-height: 200px;
    object-fit: contain;
}
.development-services-block  .items-block .item .image-title {
    display: block;
    font-weight: bold;
    line-height: 1.29;
    text-align: center;
    color: rgb(47, 50, 51);
}
.three-columns-with-full-image {
    display: block;
    margin: 60px 0 140px;
}
.three-columns-with-full-image .big-title {
    margin: 0 0 20px;
}
.three-columns-with-full-image .text {
    font-weight: normal;
    line-height: 1.76;
    letter-spacing: normal;
    text-align: center;
    color: rgb(65, 70, 71);
    margin: 20px 0 60px 0;
}
.three-columns-with-full-image .main-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 60px 0 0;
}
.three-columns-with-full-image .main-block .item {
    grid-column-end: span 4;
    text-align: center;
}
.three-columns-with-full-image .main-block .item .image-block {
    display: block;
    text-align: center;
    margin: 0 0 65px 0;
}
.three-columns-with-full-image .main-block .item .image-block img {
    max-width: 100%;
}
.three-columns-with-full-image .main-block .item .title-item {
    margin: 65px 0 20px;
    font-weight: 800;
    color: rgb(65, 70, 71);
}
.three-columns-with-full-image .main-block .item .text-item {
    font-weight: normal;
    color: rgb(65, 70, 71);
    margin: 20px 0 0 0;
}
.two-buttons-block {
    margin: 60px 0;
}
.two-buttons-block .big-title {
    margin: 0 0 20px;
}
.two-buttons-block .text {
    text-align: center;
    margin: 20px 0 50px;
}
.two-buttons-block .main-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px auto;
}
.two-buttons-block .main-block .item:visited,
.two-buttons-block .main-block .item:active,
.two-buttons-block .main-block .item:focus,
.two-buttons-block .main-block .item {
    display: inline-block;
    margin: 0 45px 10px 0;
    font-family: 'Muli', sans-serif;
    text-decoration: none;
    border-radius: 6px;
    border: 2px solid rgba(56, 205, 241, 0.5);
    background: transparent;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.88;
    color: rgb(89, 88, 107);
    padding: 9px 33px;
}
.two-buttons-block .main-block .item:last-child {
    margin-right: 0;
}
.two-buttons-block .main-block .item:hover {
    background-color: rgb(56, 205, 241);
    color: rgb(255, 255, 255);
    border: 2px solid rgb(56, 205, 241);
}
.two-buttons-block .buttons-oval-block {
    display: flex;
    margin: 0 auto 60px auto;
    text-align: center;
    width: 138px;
}
.two-buttons-block .buttons-oval-block .oval {
    width: 12px;
    height: 12px;
    background-color: rgb(56, 205, 241);
    border-radius: 12px;
    margin-right: 17px;
    margin-left: 17px;
}
.value-people-slider {
    margin: 140px 0 60px;
}
.value-people-slider .big-title {
    margin: 0 0 55px;
}
.value-people-slider .review-photo {
    margin: 0 0 20px 0;
    display: block;
    width: 100%;
    text-align: center;
}
.value-people-slider .review-photo img {
    object-fit: contain;
    max-width: 200px;
    max-height: 200px;
}
.value-people-slider .value-block-slide-content {
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}
.value-people-slider .value-block-slide-content .value-block-slide-title {
    margin: 0 0 5px;
    font-weight: bold;
    color: rgb(65, 70, 71);
}
.value-people-slider .value-block-slide-content .value-block-position {
    font-family: 'Muli', sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(1, 1, 30);
    opacity: 0.4;
    margin: 5px 0 20px;
    padding: 0;
}
.value-people-slider .value-block-slide-content .value-block-slide-text {
    display: block;
    margin: 20px 0 0;
    font-weight: 300;
    text-align: center;
    color: rgb(65, 70, 71);
}
.value-people-slider .slider-people-wrapper {
    margin: auto;
    display: flex;
    width: 80%;
    padding: 0 50px;
    align-items: baseline;
    position: relative;
}
.value-people-slider .value-people-arrow-left {
    left: 0;
}
.value-people-slider .value-people-arrow-right {
    right: 0;
}
.value-people-slider .value-people-arrow-left,
.value-people-slider .value-people-arrow-right {
    position: absolute;
    z-index: 1;
    padding-top: 40px;
}
.value-people-slider .slider-people-wrapper .swiper-container {
    cursor: ew-resize;
}
.slider-people-wrapper .value-people-arrow-left img,
.slider-people-wrapper .value-people-arrow-right img {
    object-fit: contain;
    max-width: 30px;
    cursor: pointer;
    margin: 0;
    width: 25px;
    height: 55px;
}
.value-people-pagination.swiper-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 60px 0 0;
    padding: 0;
    line-height: 0;
}
.value-people-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    outline: 0;
    margin: 10px;
    border: none;
    opacity: 1;
    cursor: pointer;
    width: 12px;
    height: 12px;
    background-color: rgb(124, 124, 124);
    transition: all 0.3s ease-in-out 0s;
}
.value-people-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgb(56, 205, 241);
}
.value-people-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background-color: rgb(56, 205, 241);
}
.team-block {
    display: block;
    width: 100%;
    margin: 60px 0 12px;
}
.team-block .title {
    display: block;
    width: 100%;
    margin: 0 0 100px 0;
    text-align: center;
    font-family: 'Muli', sans-serif;
    font-size: 3.75em;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #070808;
}
.team-block .members-block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 100px;
    width: 100%;
}
.team-block .members-block .member-block {
    grid-column-end: span 3;
    margin: 0 0 100px 0;
    display: flex;
    flex-direction: column;
}
.team-block .members-block .member-block .member-photo {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
}
.team-block .members-block .member-block .member-photo img {
    object-fit: cover;
    max-width: 228px;
    height: 228px;
    border-radius: 50%;
}
.team-block .members-block .member-block .member-block-content {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}
.team-block .members-block .member-block .member-block-content .member-name {
    font-weight: bold;
    color: #414647;
    margin: 0 0 2px 0;
}
.team-block .members-block .member-block .member-block-content .member-position {
    margin: 2px 0 20px 0;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9c9c9c;
}
.team-block .members-block .member-block .member-block-content .member-dots-block {
    display: flex;
    width: 100%;
    justify-content: center;
}
.team-block .members-block .member-block .member-block-content .member-dot {
    display: inline-block;
    width: 4px;
    border-radius: 50%;
    height: 4px;
    background-color: #38cdf1;
    margin: 0 8px;
}
.team-block .members-block .member-block .member-block-content .member-text {
    font-weight: normal;
    text-align: left;
    letter-spacing: normal;
    color: #606162;
    margin: 10px 0 0 0;
}
.vacancies-wrapper-block {
    display: block;
    width: 100%;
    background-color: rgb(255, 255, 255);
    position: relative;
    margin: 76px 0 0 0;
    padding: 0;
}
.vacancies-wrapper-block .vacancy-category-title {
    display: block;
    text-align: center;
    margin: 0 0 40px;
    font-weight: 800;
    color: rgb(6, 5, 4);
}
.vacancies-wrapper-block .vacancies {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 60px;
    margin: 70px 0 38px;
}
.vacancies-wrapper-block .vacancies .Position__Item {
    display: block;
    grid-column-end: span 6;
    margin-bottom: 62px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.09) 0 10px 60px 10px;
    background-color: rgb(255, 255, 255);
    padding: 0 38px 43px 55px;
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__Item-Wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding: 40px 0 0;
    height: 100%;
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__IsHot {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: -12px;
    right: 0;
    left: 0;
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__IsHot_Text {
    padding: 3px 20px;
    background-color: rgb(255, 122, 122);
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    line-height: normal;
    color: rgb(255, 255, 255);
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__Header {
    display: block;
    width: 100%;
    text-align: center;
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__Header h3 {
    font-weight: 800;
    padding: 0;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: rgb(0, 0, 0);
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 58px;
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__LinkTextContainer {
    margin-top: 35px;
}
.vacancies-wrapper-block .vacancies .Position__Item .header-desc {
    display: flex;
    -webkit-box-align: center;
    justify-content: flex-start;
    text-align: left;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 5px;
    font-family: 'Muli', sans-serif;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(6, 5, 4);
}
.vacancies-wrapper-block .vacancies .Position__Item .header-desc h5 {
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.vacancies-wrapper-block .vacancies .Position__Item .header-desc .label-for-text {
    margin: 0 7px 0 0;
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__Description {
    display: block;
    margin: 20px 0 0;
    font-weight: normal;
    letter-spacing: normal;
    color: rgb(93, 94, 131);
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__Links {
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    border: 2px solid rgba(56, 205, 241, 0.5);
    background: transparent;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    font-family: 'Muli', sans-serif;
    font-weight: 900;
    font-stretch: normal;
    letter-spacing: normal;
    color: rgb(89, 88, 107);
    padding: 9px 29px;
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__LinkTextContainer {
    display: block;
    width: 100%;
    text-align: center;
}
.vacancies-wrapper-block .vacancies .Position__Item .Position__Links:hover {
    background-color: rgb(56, 205, 241);
    color: rgb(255, 255, 255);
}
.blog-category-title {
    display: block;
    color: #060504;
    font-weight: 800;
    margin: 0 0 55px 0;
}
.blog-articles-loop.main-blog-block {
    width: 100%;
    margin: 55px -30px 0;
    display: grid;
    grid-template-columns: repeat(12, 8.333%);
}
.blog-articles-loop.main-blog-block .blog-align-block.blog-align-block:hover {
    transform: unset;
}
.blog-articles-loop.main-blog-block .blog-block-item {
    display: block;
    padding: 0;
    margin: 0 30px 60px;
}
.blog-articles-loop.main-blog-block .blog-align-block .blog-title {
    margin: 0 0 8px;
    color: #060504;
}
.main-blog-block .image-block {
    flex-grow: 1;
}
.blog-articles-loop.main-blog-block .image-block {
    display: block;
    margin: 0 0 13px;
}
.blog-articles-loop.main-blog-block .image-block img {
    width: 100%;
    height: 267px;
    object-fit: cover;
}
.blog-articles-loop.main-blog-block .blog-text {
    text-align: left;
    margin: 4px 0 0 0;
    font-weight: 300;
    color: #060504;
}
.main-blog-block .blog-block-item .blog-content,
.blog-articles-loop.main-blog-block .blog-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.grey-text {
    margin: 0 0 12px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: normal;
    color: #8f8f8f;
}
.grey-text .divider-element {
    display: inline-flex;
    color: #38cdf1;
    line-height: 1;
    font-size: 18px;
}
.label-for-article {
    padding: 3px 12px;
    font-size: 13px;
    background-color: #127dd6;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #ffffff;
}
.label-for-article.new {
    background-color: #0ea12a;
}
.grey-text-margin {
    display: inline-block;
    margin-right: 16px;
}
.main-blog-block.flex-unset .image-block {
    flex-grow: 0;
}

.pagination {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    align-items: center;
    flex-direction: row;
    width: 100%;
    margin: 0;
    justify-content: center;
    outline: none;
    list-style: none;
    padding: 0;
}
.pagination .page-item {
    cursor: pointer;
    margin: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pagination .page-link {
    outline: none;
    display: inline-block;
    background: transparent;
    border-radius: 4px;
    padding: 0;
    vertical-align: middle;
    color: #060504;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.pagination li::before {
    content: unset;
}
.pagination .page-item.disabled.nav-pagination {
    display: none;
}
.pagination .page-item.active {
    background-color: #38cdf1;
    border-radius: 50%;
    min-width: 35px;
    min-height: 35px;
}
.pagination .page-item.active .page-link {
    color: #fff;
    font-weight: bold;
}
.pagination .page-item.nav-pagination:first-child .page-link span:before,
.pagination .page-item.nav-pagination:last-child .page-link span:before {
    font-weight: 700;
}
.pagination .page-item.nav-pagination:first-child .page-link,
.pagination .page-item.nav-pagination:last-child .page-link {
    color: #00013a;
}
.pagination .page-item.nav-pagination .only-one-arrow {
    color: #7b7876;
}
.pagination .page-item.nav-pagination .only-one-arrow.next {
    margin-left: 15px;
}
.pagination .page-item.nav-pagination .only-one-arrow.prev {
    margin-right: 15px;
}
.blog-loop-block {
    display: block;
    width: 100%;
    margin: 70px 0 100px;
}
.first-style-paragraph.contentfull-text > *:first-child::first-letter,
.blog-html-article-content .contentfull-text > *:first-child::first-letter {
    float: left;
    padding: 0 15px 0 0;
    font-family: 'Open Sans', sans-serif;
    color: #060504;
    font-size: 75px;
    font-weight: 800;
    line-height: 1;
}
.contentfull-text ul li {
    position: relative;
    padding-left: 18px;
}
.contentfull-text ul li::before {
    position: absolute;
    left: 0;
    top: 16px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-flex;
    background-color: #38cdf1;
    margin: 0;
}
@-moz-document url-prefix() {
    .first-style-paragraph.contentfull-text > *:first-child::first-letter,
    .blog-html-article-content .contentfull-text > *:first-child::first-letter {
        margin-top: 15px;
    }
    @media screen and (max-width: 576px) {
        .first-style-paragraph.contentfull-text > *:first-child::first-letter,
        .blog-html-article-content .contentfull-text > *:first-child::first-letter {
            margin-top: 10px;
        }
    }
}
.blog-html-article-content .contentfull-text > *:first-child {
    margin: 60px 0;
}
.first-style-paragraph {
    margin: 60px auto;
}
.contentfull-text {
    display: block;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.blog-article-content-block {
    margin: 60px 0;
}
.contentfull-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 2;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #5f5f5f;
}
.contentfull-text h1,
.contentfull-text h2,
.contentfull-text h3,
.contentfull-text h4,
.contentfull-text h5,
.contentfull-text h6 {
    display: block;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #020202;
    margin: 20px 0;
}
.contentfull-text h1 {
    font-size: 40px;
}
.contentfull-text h2 {
    font-weight: 800;
    text-align: center;
    margin: 60px 0 40px;
    font-size: 32px;
}
.contentfull-text h3 {
    font-weight: 800;
    font-size: 25px;
    line-height: 1.2;
}
.contentfull-text h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.contentfull-text a {
    color: #38cdf1;
}
.contentfull-text p {
    margin-bottom: 40px;
}
.video-block .contentfull-text iframe.iframe-video {
    display: flex;
    width: 100% !important;
    height: auto !important;
    min-height: 470px;
    margin: 0!important;
    padding: 0!important;
}
.video-block {
    display: block;
    margin: 55px 0 42px;
}
.video-block .video-title {
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
    font-size: 17px;
    font-family: 'Muli', sans-serif;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5f5f5f;
}
.blog-article-content-photo-block {
    display: block;
    width: 100%;    
    margin: 34px 0;
}

.image-section .title > *,
.blog-article-content-photo-block .title > * {
    margin-bottom: unset;
}
.image-section .title,
.image-section .title > *,
.blog-article-content-photo-block .title,
.blog-article-content-photo-block .title > * {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    color: #414647;
    font-family: 'Muli', sans-serif;
    font-size: 32px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

@media screen and (max-width: 768px) {
    .image-section .title,
    .image-section .title > *,
    .blog-article-content-photo-block .title,
    .blog-article-content-photo-block .title > * {
        font-size: 16px;
    }
}

.blog-article-content-photo-block .title + .contentfull-text {
    margin-top: 30px;
}

.blog-article-content-photo-block:has(~ .contact-overlay) {
    margin-bottom: 0;
}
.blog-article-content-photo-block .contentfull-text {
    max-width: 100%;
    width: 100%;
}
.contentfull-text .contentfull-image-block {
    display: block;
    max-width: 100%;
    position: relative;
}
.contentfull-text .contentfull-image-block img.limitation {
    max-height: 395px;
}
.contentfull-text .contentfull-image-block.width_900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.contentfull-text .contentfull-image-block.width_900 img {
    max-height: 650px;
    object-fit: contain;
}
.blog-html-article-content .contentfull-text img.new,
.contentfull-text .contentfull-image-block img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
.blog-article-content-photo-block .blog-image-description-text {
    display: block;
    max-width: 85%;
    text-align: center;
    margin: 20px auto;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a8a8a8;
}
.blog-article-blockquote-block {
    display: block;
    text-align: center;
    width: 100%;
    margin: 92px 0 100px;
}
.blog-article-blockquote-block blockquote {
    text-align: center;
    position: relative;
    margin: 0 auto;
    max-width: 75%;
}
.blog-article-blockquote-block blockquote img.before,
.blog-article-blockquote-block blockquote img.after {
    position: absolute;
    max-width: 50px;
    max-height: 50px;
}
.blog-article-blockquote-block blockquote img.after {
    top: -20px;
    left: -25px;
}
.blog-article-blockquote-block blockquote img.before {
    bottom: -20px;
    right: -25px;
}
.blog-article-content-with-button-block {
    display: block;
    width: 100%;
    margin: 60px 0;
}
.blog-article-content-with-button-block .blog-smaller-text-bg {
    background-color: #f8f8f8;
    padding: 24px 0 26px;
}
.blog-article-content-with-button-block .blog-smaller-text {
    max-width: 85%;
    margin: 0 auto;
    text-align: center;
}
.blog-article-content-with-button-block a {
    display: inline-block;
    text-align: center;
    margin: 16px 0 0;
    padding: 10px 37px 10px 38px;
    border-radius: 7px;
    border: none;
    background-color: #38cdf1;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}
.blog-article-content-with-button-block .contentfull-text h2 {
    margin: 0 0 10px;
}
.blog-article-content-with-button-block .contentfull-text p {
    margin: 0;
}
.blog-article-minutes-read-show-block {
    display: block;
    margin: 60px 0;
}
.blog-article-minutes-read-show-block .time-fields {
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    color: #929190;
}
.swiper-button-disabled {
    cursor: default;
}
#social-links {
    position: absolute;
    top: 149px;
    padding: 0 0 0 8%;
    display: inline-flex;
    flex-direction: column;
}
#social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    color: #00013a;
    font-size: 27px;
    border-bottom: solid 1px #38cdf133;
}
#social-links a:first-child {
    padding-top: 0;
}
.blog-articles-four-block {
    display: block;
    width: 100%;
    margin: 52px 0 72px;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block {
    margin-left: -20px;
    margin-right: -20px;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-text {
    margin: 2px 0 0 0;
}
.blog-align-block .blog-text.two-line,
.blog-align-block .blog-text.two-line > * {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .image-block img {
    height: 328px;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .image-block {
    margin: 0 0 18px;
}
.blog-articles-four-grid.main-blog-block .blog-block-item {
    grid-column-end: span 6;
    margin-left: 20px;
    margin-right: 20px;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-block-item {
    margin-bottom: 40px;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-block-item.no-space,
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-block-item.first-child {
    margin-bottom: 0;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset {
    flex-direction: row;
    height: unset;
    margin-bottom: 40px;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset:last-child {
    margin-bottom: 0;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .image-block img {
    height: 143px;
    width: 100%;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .blog-title {
    margin: 0 0 5px;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .blog-text {
    margin: 0;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .grey-text {
    margin: 11px 0 0 0;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .image-block {
    margin: 0;
    width: 143px;
    min-width: 143px;
    max-width: 143px;
}
.blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .blog-content {
    justify-content: flex-start;
    width: calc(100% - 143px);
    padding-left: 17px;
}
.text-uppercase {
    text-transform: uppercase;
}
.two-buttons-block.recruiter-block {
    margin: 55px 0 100px;
}
.two-buttons-block.recruiter-block .oval-block {
    margin: 0 auto 35px;
}
.recruiter-block-wrapper .recruiter-image,
.recruiter-block-wrapper {
    display: block;
    text-align: center;
}
.recruiter-block-wrapper .recruiter-image {
    margin: 0 0 20px;
}
.recruiter-block-wrapper .recruiter-image img {
    display: inline-block;
    width: 153px;
    height: 153px;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}
.recruiter-block-wrapper .recruiter-name {
    display: block;
    text-align: center;
    margin: 0 0 3px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(12, 12, 14);
}
.recruiter-block-wrapper .recruiter-text {
    display: block;
    text-align: center;
    margin: 0;
    opacity: 0.9;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(118, 118, 118);
}
.two-buttons-block.recruiter-block .main-block {
    margin: 70px 0 0 0;
}
.two-buttons-block.recruiter-block .main-block .item {
    margin: 0 23px 10px 0;
    padding: 9px 56px;
}
.two-buttons-block.recruiter-block .main-block .item:last-child {
    margin-right: 0;
}
.vacancy-description-wrapper {
    display: block;
    margin: 60px auto 0;
}
.vacancy-description-wrapper .vacancy-description-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 70px;
}
.vacancy-description-wrapper .column {
    display: block;
    position: relative;
    grid-column-end: span 6;
}
.vacancy-description-wrapper .column .column-wrapper {
    margin: 0 0 70px;
}
.vacancy-description-wrapper .vacancy-description-content .vacancy-title-in-column {
    display: block;
    padding: 0;
    margin: 0 0 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: normal;
    color: rgb(65, 70, 71);
}
.vacancy-description-content .item .bullet-block {
    margin: 0 0 15px;
}
.article-likes {
    display: block;
    margin: 60px 0;
}
.article-likes-block {
    display: block;
    width: 100%;
    text-align: center;
}
.article-likes-block button {
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    font-size: 27px;
    color: #fff;
    cursor: pointer;
    border: 0;
    background-color: #00013a;
    margin: 0 0 20px;
    width: 53px;
    height: 53px;
    transition: color .2s ease;
}
.article-likes-block button.added {
    color: #38cdf1;
}
.article-likes-block .favourite-count-block {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #414647;
}
.article-likes-block .favourite-count-block #favourite-count {
    font-weight: bold;
}
.article-likes-block .favourite-count-block > * {
    font-size: 1em;
}
#sendCvPopup .send_cv-overlay {
    width: 100%;
    height: unset;
    overflow: hidden auto;
    position: relative;
    transition-property: transform;
    transition-duration: 0.5s;
    background: transparent;
}
#sendCvPopup .send_cv-overlay .popup-title {
    display: block;
    font-weight: 800;
    text-align: center;
    margin: 0 17px 30px;
}
#sendCvPopup .send_cv-overlay .send-cv-form {
    border-radius: 0;
    box-shadow: unset;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.reviews-block,
.buttons-block {
    display: block;
    width: 100%;
    padding: 0;
    font-family: 'Muli', sans-serif;
}
.reviews-block {
    margin: 133px 0 91px;
}
.buttons-block {
    margin: 200px 0;
}
.buttons-block.font-ubuntu,
.reviews-block.font-ubuntu {
    font-family: 'Ubuntu', sans-serif
}
.buttons-block.font-openSans,
.reviews-block.font-openSans {
    font-family: "Open Sans", sans-serif;
}
.buttons-block.font-roboto,
.reviews-block.font-roboto {
    font-family: 'Roboto', sans-serif
}
.buttons-block.font-mulish,
.reviews-block.font-mulish {
    font-family: 'Mulish', sans-serif;
}
.reviews-block .swiper-slide {
    display: inline-flex;
    height: unset;
    flex-direction: column;
    justify-content: space-between;
}
.reviews-block .reviews-block-slider-nav svg {
    user-select: none;
}
.reviews-block .review-title {
    display: block;
    font-family: inherit;
    margin: 0 0 62px;

}
.reviews-block .review-title,
.reviews-block .review-title > * {
    font-size: 25px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #41B6E6;
}

.reviews-block .review-title > * {
    margin: 0;
}

@media screen and (max-width: 768px) {
    .reviews-block .review-title,
    .reviews-block .review-title > * {
        font-size: 12px;
    }
}
.reviews-block .review-svg {
    display: block;
    font-family: inherit;
    margin-bottom: 16px;
}
.reviews-block .review-text {
    display: block;
    font-family: inherit;
    margin-bottom: 77px;
    font-weight: normal;
    color: #002554;
}
.reviews-block .review-text * {
    font-family: inherit;
}
.buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-text p,
.reviews-block .review-text p {
    margin: 0 0 15px;
}
.reviews-block .review-author {
    display: block;
    font-family: inherit;
    margin-bottom: 10px;
    font-weight: 600;
    color: #41B6E6;
}
.reviews-block .review-position {
    font-family: inherit;
    margin: 0;
    color: #41B6E6;
}
.reviews-block .reviews-block-slider-nav {
    display: flex;
    margin: 54px 0 0;
    cursor: pointer;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.buttons-block .buttons-title {
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    margin: 0 0 120px;
    text-transform: uppercase;
    color: #000000;
}
.buttons-block .buttons-block-wrapper {
    max-width: 85%;
    margin: 0 auto;
}
.buttons-block .buttons-block-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}
.buttons-block .buttons-block-grid .buttons-block-grid-item {
    display: flex;
    grid-column-end: span 6;
    max-width: 90%;
    margin: 60px auto 0;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}
.buttons-block .buttons-block-grid .buttons-block-grid-item:nth-child(1),
.buttons-block .buttons-block-grid .buttons-block-grid-item:nth-child(2) {
    margin-top: 0;
}
.buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-title,
.buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-text {
    display: block;
    width: 100%;
    font-family: inherit;
    text-align: center;
    color: #000000;
}
.buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-title {
    margin-bottom: 19px;
}
.buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-button {
    display: inline-flex;
    align-items: center;
    text-align: center;
    align-self: center;
    justify-content: center;
    font-family: inherit;
    margin-top: 47px;
    padding: 23px 40px;
    min-width: 288px;
    font-weight: 800;
    text-transform: uppercase;
    color: #FFFFFF;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    cursor: pointer;
}
.buttons-block .buttons-block-grid .buttons-block-grid-item:nth-child(odd) .buttons-block-grid-item-button {
    background: #41B6E6;
}
.buttons-block .buttons-block-grid .buttons-block-grid-item:nth-child(even) .buttons-block-grid-item-button {
    background: #002554;
}
.buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-text{
    flex-grow: 1;
}
.our-offices {
    margin: 80px 0 90px;
}
.our-offices .big-title {
    color: #01011E;
    font-family: 'Mulish', sans-serif;
}
.our-offices .text {
    color: #01011E;
    text-align: center;
    margin: 0 auto 30px;
    max-width: 820px;
    font-family: "Open Sans", sans-serif;
}
.our-offices .our-offices__block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px;
}
.our-offices .our-offices__image {
    width: 100%;
    margin-bottom: 20px;
}
.our-offices .our-offices__image .our-offices__empty {
    width: 100%;
    height: 100%;
    background: #D9D9D9;
}
.our-offices .our-offices__image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.our-offices .our-offices__title {
    color: #000000;
    font-family: 'Mulish', sans-serif;
    text-align: center;
}
.faq-block {
    margin: 128px 0;
}
.faq-block .faq-title {
    text-transform: uppercase;
    margin: 0 0 68px;
}
.faq-block .faq-title,
.faq-block .faq-title > * {
    color: #414647;
    font-family: 'Muli', sans-serif;
    font-size: 35px;
    line-height: 126%;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}
.faq-block .faq-title > * {
    margin: unset;
}
.faq-block .faq-item {
    border-top: 1px solid #D6D6D6;
    border-radius: 2px;
    transition: all .3s ease;
    position: relative;
}
.faq-block .faq-item:last-child {
    border-bottom: 1px solid #D6D6D6;
}
.faq-block .faq-item.faq-item--active:last-child,
.faq-block .faq-item:last-child:hover {
    border-bottom: 2px solid #41B6E6;
}
.faq-block .faq-item .faq-item--title > div,
.faq-block .faq-item .faq-item--title > div > * {
    font-family: 'Mulish', sans-serif;
    line-height: 124%;
    text-transform: uppercase;
    font-weight: 400;
    color: #414647;
    transition: all .3s ease;
    margin-bottom: 0;
    font-size: 21px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}
.faq-block .faq-item .faq-item--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 40px;
    cursor: pointer;
    padding: 47px 48px;
    user-select: none;
}
.faq-block .faq-item .faq-item--title svg {
    width: 23px;
    min-width: 23px;
    height: 23px;
    min-height: 23px;
}
.faq-block .faq-item.faq-item--active .faq-item--text {
    opacity: 1;
}
.faq-block .faq-item.faq-item--active .faq-item--title {
    padding-bottom: 40px;
}
.faq-block .faq-item .faq-item--text {
    display: none;
    font-family: 'Mulish', sans-serif;
    opacity: 0;
    padding: 0 48px 47px;
    font-size: 1.31em;
    line-height: 124%;
    font-weight: 400;
    color: #414647;
    transition: opacity .3s ease;
}
.faq-block .faq-item .faq-item--text ul li {
    position: relative;
    padding-left: 12px;
}
.faq-block .faq-item .faq-item--text ul li::before {
    position: absolute;
    top: 11px;
    margin: 0;
    left: 0;
    background-color: #414647;
}
.faq-block .faq-item:hover,
.faq-block .faq-item:hover + .faq-item,
.faq-block .faq-item--active,
.faq-block .faq-item--active + .faq-item {
    border-top: 2px solid #41B6E6;
}
.faq-block .faq-item:hover .faq-item--title > div,
.faq-block .faq-item:hover .faq-item--title > div > *,
.faq-block .faq-item--active .faq-item--title > div,
.faq-block .faq-item--active .faq-item--title > div > * {
    color: #41B6E6;
    font-weight: 600;
}
.faq-block .faq-item .vertical-line {
    opacity: 1;
    transition: opacity .3s ease;
}
.faq-block .faq-item.faq-item--active .vertical-line {
    opacity: 0;
}


.case-study-page .title-list-photo-block {
    margin-top: 0;
    margin-bottom: 0;
}

.banner-block--case-study .HeaderBlock {
    justify-content: space-between;
    padding-top: 78px;
    padding-bottom: 120px;
    margin: 0 86px;
}

.banner-block + .blog-article-content-photo-block {
    margin-top: unset;
}

@media screen and (max-width: 768px) {
    .banner-block.banner-block--case-study .HeaderBlock {
        padding-top: 100px;
        min-height: unset;
        padding-bottom: 17px;
    }
    .banner-block.banner-block--case-study .content {
        min-height: unset;
    }
}

.banner-block--case-study.banner-block .HeaderBlock .HeaderTitle {
    margin-bottom: 0;
}

.banner-block--case-study.banner-block .HeaderBlock .title-top-image .top-text {
    font-size: 35px;
    line-height: 35px;
}

@media screen and (max-width: 768px) {
    .banner-block--case-study.banner-block .HeaderBlock .title-top-image .top-text {
        font-size: 12px;
        line-height: 12px;
    }
}

.banner-block--case-study .HeaderBlock .head_title_text {
    font-size: 75px;
    line-height: 65px;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .banner-block--case-study .HeaderBlock .head_title_text {
        font-size: 36px;
        line-height: 45px;
    }
}

.banner-block--case-study .HeaderBlock .title-top-image:has(~.head_title) {
    margin-bottom: 38px;
}

@media screen and (max-width: 768px) {
    .banner-block--case-study .HeaderBlock .title-top-image:has(~.head_title) {
        margin-bottom: 6px;
    }
}

.banner-block--case-study .HeaderBlock .HeaderContent {
    text-align: left;
}

.banner-block--case-study .Breadcrumb {
    font-size: 1em;
    line-height: 1em;
}

.banner-block--case-study .Breadcrumb .NotActive a {
    color: #ffffff;
}

.banner-block--case-study .Breadcrumb .Active {
    font-weight: normal;
}

.banner-block--case-study .Breadcrumb .Separator {
    color: #ffffff;
}

.case-study-page .blog-article-content-photo-block {
    margin-bottom: unset;
    margin-top: unset;
}

@media screen and (max-width: 1080px) {
    .case-study-page .blog-article-content-photo-block {
        display: none;
    }
}

.case-study-page .title-list-photo-block.photo-right {
    width: 94%;
}

@media screen and (max-width: 1080px) {
    .case-study-page .title-list-photo-block.photo-right {
        width: 100%;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1080px) {
    .case-study-page .title-list-photo-block .column picture,
    .case-study-page .title-list-photo-block .column img {
        width: 100%;
    }
}

.case-study-page .title-list-photo-block .column-full-right {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media screen and (max-width: 1080px) {
    .case-study-page .title-list-photo-block .column-full-right {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.case-study-page .title-list-photo-block .title {
    font-size: 42px;
    line-height: 53px;
    margin-bottom: 64px;
    font-weight: 700;
    color: #000000;
}

@media screen and (max-width: 768px) {
    .case-study-page .title-list-photo-block .title {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 24px;
        margin-top: unset;
    }
}

.case-study-page .title-list-photo-block .column .subtitle {
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
    .case-study-page .title-list-photo-block .column .subtitle {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 8px;
        margin-top: unset;
    }
}

.case-study-page .title-list-photo-block .column .text {
    font-size: 23px;
    line-height: 36px;
    color: #000000;
    font-weight: 300;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .case-study-page .title-list-photo-block .column .text {
        font-size: 16px;
        line-height: 24px;
    }
}

.case-study-page .title-list-photo-block .subtitle + .text {
    margin-top: 12px;
}

@media screen and (max-width: 768px) {
    .case-study-page .title-list-photo-block .subtitle + .text {
        margin-top: 8px;
    }
}

.case-study-page .title-list-photo-block .column .text + .text {
    margin-top: 12px;
}

.case-study-page .title-list-photo-block .column .text:has(~ .subtitle) {
    margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
    .case-study-page .title-list-photo-block .column .text:has(~ .subtitle) {
        margin-bottom: 24px;
    }
}

.case-study-page .title-list-photo-block.photo-right .column:nth-child(1) {
    grid-column-end: span 7;
}

@media screen and (max-width: 1080px) {
    .case-study-page .title-list-photo-block.photo-right .column:nth-child(1) {
        margin-bottom: unset;
    }
}

.case-study-page .title-list-photo-block.photo-right .column:nth-child(2) {
    grid-column-end: span 5;
}
.case-study-page .blog-article-content-block {
    margin: 80px 0;
}
@media screen and (max-width: 768px) {
    .case-study-page .blog-article-content-block {
        margin: 32px 0;
    }
}

.case-study-page .blog-article-content-block .Wrapper-Block,
.case-study-page .blog-article-content-block .contentfull-text {
    max-width: 100%;
    color: #000000;
}

.case-study-page .blog-article-content-block .contentfull-text h2 {
    text-align: left;
}

.case-study-page .blog-article-content-block .contentfull-text h3,
.case-study-page .blog-article-content-block .contentfull-text h2,
.case-study-page .blog-article-content-block .contentfull-text p {
    margin: unset;
}

.case-study-page .blog-article-content-block .contentfull-text,
.case-study-page .blog-article-content-block .contentfull-text p {
    font-weight: 300;
    font-size: 23px;
    line-height: 36px;
}

@media screen and (max-width: 768px) {
    .case-study-page .blog-article-content-block .contentfull-text,
    .case-study-page .blog-article-content-block .contentfull-text p {
        font-size: 16px;
        line-height: 24px;
    }
}

.case-study-page .blog-article-content-block .contentfull-text p + p {
    margin-top: 20px;
}

.case-study-page .blog-article-content-block .contentfull-text p + h2,
.case-study-page .blog-article-content-block .contentfull-text p + h3 {
    margin-top: 16px;
}

.case-study-page .blog-article-content-block .contentfull-text h2,
.case-study-page .blog-article-content-block .contentfull-text h3 {
    font-size: 24px;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.case-study-page .blog-article-content-block .contentfull-text h2 + p,
.case-study-page .blog-article-content-block .contentfull-text h3 + p {
    margin-top: 12px;
}

@media screen and (max-width: 768px) {
    .case-study-page .blog-article-content-block .contentfull-text h2 + p,
    .case-study-page .blog-article-content-block .contentfull-text h3 + p {
        margin-top: 8px;
    }
}

.case-study-page .blog-article-content-block .contentfull-text ul {

}

@media screen and (max-width: 768px) {
    .case-study-page .blog-article-content-block .contentfull-text ul {
        margin-top: 12px;
    }
}

.case-study-page .blog-article-content-block .contentfull-text ul li {
    padding-left: 30px;
}

.case-study-page .blog-article-content-block .contentfull-text ul li::before {
    margin-top: 0;
    width: 4px;
    height: 4px;
    background-color: #000000;
    border-radius: 100%;
    min-width: 4px;
    top: 16px;
    left: 15px;
}

.awards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
    .awards {
        grid-template-columns: 1fr;
    }
}
.awards-info {
    padding: 96px 80px;
}
@media screen and (max-width: 1280px) {
    .awards-info {
        padding: 44px 40px;
    }
}
@media screen and (max-width: 768px) {
    .awards-info {
        padding: 64px 16px 40px;
    }
}
.awards-info__title {
    font-size: 32px;
    line-height: 40px;
    font-family: Muli, sans-serif;
    font-weight: 800;
}
@media screen and (max-width: 768px) {
    .awards-info__title {
        font-size: 16px;
        line-height: 20px;
    }
}
.awards-info__description {
    margin-top: 32px;
    font-size: 16px;
    line-height: 22px;
    font-family: "Open Sans", sans-serif;
}
@media screen and (max-width: 768px) {
    .awards-info__description {
        margin-top: 16px;
        font-size: 12px;
        line-height: 16px;
    }
}
.clutch-widget {
    /*height: fit-content;*/
    /*width: 200px;*/
    /*height: 45px;*/
    margin-top: 32px;
}

@media screen and (max-width: 768px) {
    .clutch-widget {
        margin-top: 16px;
    }
}

.awards-info > a {
    margin-top: 48px;
}
@media screen and (max-width: 768px) {
    .awards-info > a {
        margin-top: 24px;
    }
}
.awards-images {
    background-color: #F1F1F1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.awards-images > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
    background-color: #F1F1F1;
    width: 100%;
    padding: 10px;
    max-width: 600px;
}
@media screen and (max-width: 768px) {
    .awards-images > div {
        padding: 40px 16px;
        gap: 16px;
    }
}
.awards-images img {
    width: 160px;
    height: 160px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .awards-images img {
        width: 104px;
        height: 104px;
    }
}

.button--secondary {
    border-radius: 6px;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 24px;
    cursor: pointer;
    border: 2px solid rgba(56, 205, 241, 0.5);
    background: transparent;
    text-decoration: none;
    font-family: Muli, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgb(89, 88, 107);
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
    .button--secondary {
        padding: 8px 20px;
        font-size: 12px;
        line-height: 15px;
    }
}

.button--secondary:hover {
    background-color: rgb(56, 205, 241);
    color: rgb(255, 255, 255);
}

@-webkit-keyframes in {
    0% {
        transform: translate(-50%,-50%);
    }
    100% {
        transform: translate(-50%,-150%);
    }
}
@keyframes in {
    0% {
        transform: translate(-50%,-50%);
    }
    100% {
        transform: translate(-50%,-150%);
    }
}

@-webkit-keyframes out {
    0% {
        transform: translate(-50%,-150%);
    }
    100% {
        transform: translate(-50%,-50%);
    }
}

@keyframes out {
    0% {
        transform: translate(-50%,-150%);
    }
    100% {
        transform: translate(-50%,-50%);
    }
}


@media screen and (min-width: 1367px) {
    .Wrapper-Block {
        width: 82%;
    }

    .case-study-page .blog-article-content-block .Wrapper-Block {
        width: 86%;
    }
    .serve-block .serve-item .serve-text {
        width: 170px;
    }
    .note-block {
        width: 94%;
    }
    .contact-overlay-image .contact-modal-page {
        width: 70%;
    }
    .design-development .design-bottom-block .fonts-block .fonts-grid .left-column {
        grid-column-end: span 7;
    }
    .design-development .design-bottom-block .fonts-block .fonts-grid .right-column {
        grid-column-end: span 5;
    }
}

@media screen and (max-width: 1440px) {
    .team-block .members-block {
        grid-column-gap: 40px;
    }
}
@media screen and (max-width: 1366px) {
    .Wrapper-Block {
        width: 85%;
    }
    .note-block {
        width: 96%;
    }
    .seo-block .seo-title.centered {
        max-width: 55%;
    }
    .title-list-photo-block,
    .full-width-image-text-with-list.reverse {
        width: 92%;
    }
    .team-block .title {
        font-size: 2.81em;
    }
    #social-links {
        padding: 0 0 0 6%;
    }
}
@media screen and (max-width: 1280px) {
    .technologies-serve .technologies-loop-block.grid {
        max-width: 100%;
    }
    .three-columns-with-image .main-block {
        grid-column-gap: 60px;
    }
    .serve-block-item .picture {
        margin-right: 20px;
    }
}
@media screen and (min-width: 1440px) {
    .font-32 {
        font-size: 2.2em;
    }
    .font-35 {
        font-size: 2.38em;
    }
    .font-17 {
        font-size: 1.33em;
    }
    .font-25{
        font-size: 1.716em;
    }
    .faq-block .faq-item .faq-item--text,
    .font-21 {
        font-size: 1.41em;
    }
    .font-20 {
        font-size: 1.375em;
    }
    .font-24 {
        font-size: 1.65em;
    }
    .font-16 {
        font-size: 1.1em;
    }
    .font-12 {
        font-size: 0.825em;
    }
    .font-18 {
        font-size: 1.243em;
    }

    .title-with-text-in-row .block-item .bullet,
    .title-list-photo-block .column .item .bullet,
    .vacancy-description-content .item .bullet,
    .title-with-subtitle-block .left-column .item-loop-block .bullet,
    .main-block-links.simple-block .items-block .item .bullet,
    .three-columns-dotted.simple-block .items-block .item .bullet,
    .full-width-image-text-with-list .items-block .item .bullet,
    .title-list-description-top-photo-left-block .parent-block .column .item .bullet,
    .small-title-with-dotted-desc .item .bullet,
    .small-title-with-dotted-list .items-block .item .bullet,
    .advantages-block-with-list .columns-block .column .items-block .item .bullet,
    .three-columns-dotted.simple-block .items-block .item .bullet {
        top: 16px;
    }
    .contentfull-text ul li::before {
        top: 18px
    }
    .banner-block .HeaderBlock .HeaderTitle {
        font-size: 4.125em;
    }
    .video-block .video-title,
    .blog-article-content-with-button-block a {
        font-size: 21.28px;
    }
    .pagination .page-link {
        font-size: 1.375em;
    }
    .banner-block .HeaderBlock .HeaderTitle.big-text {
        font-size: 110px;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .technologies-text ul {
        width: 95%;
    }
    .banner-block .HeaderBlock .title-top-image .top-text {
        font-size: 22px;
    }
    .subtitle-title-text-block .technologies-wrapper .technologies-link {
        font-size: 1.1em;
    }
    .services-provided .provided-block .provided-block-item-title,
    .design-development .design-bottom-block .headers-block .block .header-item.item-1 {
        font-size: 19.8px;
    }
    .company-explained .wrap .right-text-block .title {
        font-size: 38.5px;
    }
    .design-development .design-bottom-block .headers-block .block .header-item.item-2 {
        font-size: 15.4px;
    }
    .home-slider .home-slider-content .home-slider-title {
        font-size: 44px;
    }
    .home-slider .home-slider-content .home-slider-description,
    .home-slider .home-slider-content .home-slider-button {
        font-size: 19.8px;
    }
    .development-block .collapse-block .main-block .development-slide-left-col .development-slide-title {
        font-size: 33px;
    }
    .development-block .collapse-block .main-block .item-block.dev-item-block {
        font-size: 16.5px;
    }
    .values-slider-block .value-pagination .bullet-value {
        font-size: 14.3px;
    }
    .send_cv-overlay .wrapper .title {
        font-size: 2.068em;
    }
    .send_cv-overlay .send-cv-form .content .optional-text {
        font-size: 0.693em;
    }
    .first-style-paragraph > *:first-child::first-letter,
    .blog-html-article-content .contentfull-text > *:first-child::first-letter {
        font-size: 3.865em;
    }
    .contentfull-text h4,
    .contentfull-text {
        font-size: 22px;
    }
    .contentfull-text h1 {
        font-size: 44px;
    }
    .contentfull-text h2 {
        font-size: 35.2px;
    }
    .contentfull-text h3 {
        font-size: 27.456px;
    }
    .blog-article-content-photo-block .blog-image-description-text {
        font-size: 20px;
    }
    .grey-text .divider-element {
        font-size: 19.8px;
    }
    .label-for-article {
        font-size: 14.3px;
    }
    .vacancies-wrapper-block .vacancies .Position__Item .Position__Header h3 {
        min-height: 64px;
    }
}
@media screen and (min-width: 1081px) {
    .serve-block-item:nth-child(3n) {
        border-right: none;
    }
}
@media screen and (min-width: 1900px) {
    .bottom-block .contact-button a {
        width: 144px;
        height: 144px;
    }
    .contentfull-text ul li::before {
        top: 18px;
    }
    .title-with-text-in-row .block-item .bullet,
    .title-list-photo-block .column .item .bullet,
    .vacancy-description-content .item .bullet,
    .title-with-subtitle-block .left-column .item-loop-block .bullet,
    .main-block-links.simple-block .items-block .item .bullet,
    .small-title-with-dotted-list .items-block .item .bullet,
    .advantages-block-with-list .columns-block .column .items-block .item .bullet,
    .three-columns-dotted.simple-block .items-block .item .bullet,
    .full-width-image-text-with-list .items-block .item .bullet,
    .title-list-description-top-photo-left-block .parent-block .column .item .bullet,
    .small-title-with-dotted-desc .item .bullet {
        top: 16px;
    }
    .company-explained .wrap .right-text-block .title {
        max-width: 70%;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .technologies-text ul {
        width: 85%;
    }
}

@media (min-width: 2000px) {
    .font-32 {
        font-size: 2.6em;
    }
    .font-35 {
        font-size: 2.81em;
    }
    .font-17 {
        font-size: 1.378em;
    }
    .font-25{
        font-size: 2.028em;
    }
    .faq-block .faq-item .faq-item--text,
    .font-21 {
        font-size: 1.703em;
    }
    .font-20 {
        font-size: 1.625em;
    }
    .font-24 {
        font-size: 1.95em;
    }
    .font-16 {
        font-size: 1.3em;
    }
    .font-12 {
        font-size: 0.975em;
    }
    .font-18 {
        font-size: 1.356em;
    }
    .banner-block .HeaderBlock .HeaderTitle {
        font-size: 120px;
    }
    .video-block .video-title,
    .blog-article-content-with-button-block a {
        font-size: 22.048px;
    }
    .banner-block .HeaderBlock .HeaderTitle.big-text {
        font-size: 4.875em;
    }
    .banner-block .HeaderBlock .title-top-image .top-text {
        font-size: 26px;
    }
    .blog-align-block .blog-title {
        min-height: 66px;
    }
    .title-with-text-in-row .block-item .bullet,
    .title-list-photo-block .column .item .bullet,
    .vacancy-description-content .item .bullet,
    .title-with-subtitle-block .left-column .item-loop-block .bullet,
    .main-block-links.simple-block .items-block .item .bullet,
    .small-title-with-dotted-list .items-block .item .bullet,
    .advantages-block-with-list .columns-block .column .items-block .item .bullet,
    .three-columns-dotted.simple-block .items-block .item .bullet,
    .full-width-image-text-with-list .items-block .item .bullet,
    .title-list-description-top-photo-left-block .parent-block .column .item .bullet,
    .small-title-with-dotted-desc .item .bullet {
        top: 18px;
    }
    .contentfull-text ul li::before {
        top: 20px;
    }
    .services-provided .provided-block .provided-block-item-title,
    .design-development .design-bottom-block .headers-block .block .header-item.item-1,
    .home-slider .home-slider-content .home-slider-button,
    .home-slider .home-slider-content .home-slider-description {
        font-size: 23.4px;
    }
    .company-explained .wrap .right-text-block .title {
        font-size: 45.5px;
    }
    .design-development .design-bottom-block .headers-block .block .header-item.item-2 {
        font-size: 18.2px;
    }
    .home-slider .home-slider-content .home-slider-title {
        font-size: 52px
    }
    .development-block .collapse-block .main-block .development-slide-left-col .development-slide-title {
        font-size: 39px;
    }
    .values-slider-block .value-pagination .bullet-value {
        font-size: 17px;
    }
    .send_cv-overlay .wrapper .title {
        font-size: 2.444em;
    }
    .send_cv-overlay .send-cv-form .content .optional-text {
        font-size: 0.819em;
    }
    .note-block {
        width: 93%;
    }
    .pagination .page-link {
        font-size: 1.625em;
    }
    .contentfull-text h4,
    .contentfull-text {
        font-size: 26px;
    }
    .contentfull-text h1 {
        font-size: 52px;
    }
    .contentfull-text h2 {
        font-size: 41.6px;
    }
    .contentfull-text h3 {
        font-size: 32.448px;
    }
    .blog-article-content-photo-block .blog-image-description-text {
        font-size: 21.696px;
    }
    .grey-text .divider-element {
        font-size: 23.4px;
    }
    .label-for-article {
        font-size: 16.9px;
    }
    .Wrapper-Block {
        width: 70%;
    }
    .vacancies-wrapper-block .vacancies .Position__Item .Position__Header h3 {
        min-height: 76px;
    }
}

@media screen and (max-width: 1440px) and (min-width: 968px) {
    .home-slider .home-slider-content {
        margin: 0 45px;
    }
}
@media screen and (max-width: 1080px) {
    #company-explained .iv-modal-dialog {
        height: 50%;
        width: 90%;
    }
    .full_width_image_text_block .right-column {
        grid-column-end: span 12;
        padding-left: 0;
        max-width: 80%;
        margin: auto;
    }
    .full_width_image_text_block {
        overflow: unset;
    }
    .full_width_image_text_block .left-column {
        margin-bottom: 20px;
        margin-left: -15px;
        grid-column-end: span 12;
    }
    .full_width_image_text_block,
    .small-title-with-dotted-desc .features-top-block {
        grid-column-gap: 0;
    }
    .column-full-left {
        padding: 0;
    }
    .serve-block {
        max-width: 90%;
    }
    .blog-article-content-photo-block .blog-image-description-text,
    .bottom-block .text {
        max-width: 100%;
    }
    .full-width-image-text-with-list.reverse .right-column {
        grid-column-end: span 12;
    }
    .full-width-image-text-with-list .right-column {
        grid-column-end: span 12;
        padding-left: 0;
        max-width: 80%;
        margin: auto;
    }
    .full-width-image-text-with-list {
        overflow: unset;
        grid-column-gap: 0;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .technologies-text ul {
        width: 100%;
    }
    .full-width-image-text-with-list .left-column {
        margin-bottom: 20px;
        grid-column-end: span 12;
    }
    .full-width-image-text-with-list,
    .full-width-image-text-with-list.reverse,
    .title-list-photo-block {
        width: 100%;
        grid-column-gap: 0;
    }
    .full-width-image-text-with-list.reverse,
    .full-width-image-text-with-list,
    .title-list-photo-block.reverse,
    .title-list-photo-block {
        margin: 100px 0;
    }
    .title-list-photo-block .column,
    .title-list-description-top-photo-left-block .parent-block .column,
    .small-title-with-dotted-desc .features-bl {
        grid-column-end: span 12;
    }
    .small-title-with-dotted-desc .features-bl.image-block {
        margin: 20px 0 0;
    }
    .small-title-with-dotted-desc .features-bl.image-block.left-position {
        margin: 0 0 20px;
    }
    .title-list-description-top-photo-left-block .parent-block .left-column {
        padding: 0;
        margin-left: -15px;
        margin-bottom: 10px;
    }
    .title-list-description-top-photo-left-block .parent-block {
        width: 100%;
        max-width: 100%;
    }
    .title-list-description-top-photo-left-block .parent-block .right-column{
        width: 80%;
        margin: 0 auto;
    }
    .title-list-photo-block .column:first-child {
        margin-bottom: 30px;
    }
    .three-columns-with-image .main-block .title-item-block img {
        max-width: 90px;
    }
    .three-columns-with-image .main-block .item {
        grid-column-end: span 6;
    }
    .subtitle-title-text-block .technologies-wrapper {
        grid-column-gap: 40px;
    }
    .three-columns-with-image .main-block {
        grid-column-gap: 40px;
    }
    .three-columns-dotted.simple-block .items-block .item:last-child .bullet-block,
    .main-block-links.simple-block .items-block .item:last-child .bullet-block,
    .full-width-image-text-with-list .items-block .item:last-child .bullet-text,
    .title-list-photo-block .column .items-block .item:last-child,
    .small-title-with-dotted-desc .items-block .item:last-child {
        margin-bottom: 0;
    }
    .main-blog-block {
        width: 100%;
    }
    .main-blog-block .blog-block-item {
        padding: 0 20px;
    }
    .services-provided .provided-block .provided-block-item {
        grid-column-end: span 6;
        margin-bottom: 30px;
    }
    .company-explained .wrap .right-text-block .title,
    .technologies-serve .technologies-loop-block.margin-grid,
    .technologies-serve .technologies-loop-block.grid {
        max-width: 100%;
    }
    .contact-overlay .contact-modal-page {
        width: 85%;
    }
    .development-block .collapse-block .main-block .item-block:last-child {
        margin-left: 20px;
    }
    .development-block .collapse-block .main-block .item-block:first-child {
        margin-right: 20px;
    }
    .development-block .collapse-block .main-block .item-block .item-text {
        padding: 0;
    }
    .containered-image-with-title {
        grid-column-gap: 60px;
    }
    .design-development .design-bottom-block {
        grid-column-gap: 20px;
    }
    .design-development .design-bottom-block .color-block {
        grid-column-end: span 3;
    }
    .design-development .design-bottom-block .fonts-block {
        grid-column-end: span 6;
    }
    .design-development .design-bottom-block .headers-block {
        grid-column-end: span 3;
    }
    .design-development .design-bottom-block .fonts-block .fonts-grid {
        grid-column-gap: 0;
    }
    .design-development .design-bottom-block .fonts-block .fonts-grid .left-column,
    .design-development .design-bottom-block .fonts-block .fonts-grid .right-column {
        grid-column-end: span 12;
    }
    .design-development .design-bottom-block .fonts-block .fonts-grid .left-column {
        margin-bottom: 20px;
    }
    .three-columns-dotted.simple-block .items-block .item {
        grid-column-end: span 6;
    }
    .slider-value-wrapper {
        width: 90%;
    }
    .development-services-block .items-block {
        max-width: 100%;
    }
    .value-people-slider .slider-people-wrapper {
        width: 100%;
    }
    .title-list-photo-block .column-full-right {
        max-width: 80%;
        margin: 0 auto;
        padding: 0;
    }
    .team-block .members-block .member-block {
        grid-column-end: span 4;
    }
    .contentfull-text .contentfull-image-block.width_900,
    .contentfull-text {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .contentfull-text .contentfull-image-block.width_900 img {
        max-height: unset;
        object-fit: cover;
    }
    #social-links {
        position: relative;
        top: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 60px 0;
    }
    #social-links a {
        padding: 0;
        border-bottom: none;
        margin: 0 30px 0 0;
    }
    #social-links a:last-child {
        margin: 0;
    }
    .buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-button {
        min-width: unset;
    }
    .serve-block-item {
        grid-column-end: span 6;
    }
    .serve-block-item:nth-child(3) {
        border-top: 2px solid rgb(215, 216, 228);
    }
    .serve-block-item:nth-child(2n) {
        border-right: none;
    }
    .our-offices .our-offices__block {
        grid-gap: 30px;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 992px) {
    .title-list-photo-block,
    .full-width-image-text-with-list {
        width: 100%;
    }
    .note-block {
        width: 97%;
        margin-right: 0;
    }
    .background-text-block-shadow {
        margin: 60px auto;
    }
    .seo-block .seo-title.centered {
        max-width: 80%;
    }
    .blog-align-block .blog-title {
        min-height: 50px;
    }
    .vacancy-description-wrapper .vacancy-description-content,
    .vacancies-wrapper-block .vacancies {
        grid-column-gap: 40px;
    }
    .blog-articles-loop.main-blog-block {
        margin: 55px -20px 0;
    }
    .blog-articles-loop.main-blog-block .blog-block-item {
        margin: 0 20px 60px;
    }
}

@media (max-width: 968px) {
    .banner-block .HeaderBlock,
    .home-slider .home-slider-content {
        margin: 0 35px;
    }
    .blog-articles-loop.main-blog-block .image-block img {
        height: 225px;
    }
    .testimonial-four-images-block {
        grid-column-gap: 40px;
    }
    .our-offices .text {
        max-width: 90%;
    }
}

@media screen
and (min-width: 576px)
and (max-width: 1080px) {
    .iv-modal-body {
        max-width: 100%;
        overflow: auto;
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }
    .blog-articles-loop.main-blog-block .image-block img {
        height: 200px;
    }
    .full-width-image-text-with-list .right-column {
        max-width: unset;
        margin: 0 15px;
    }
    .blog-align-block .blog-title {
        min-height: 44px;
    }
    .serve-block,
    .title-list-description-top-photo-left-block .big-title,
    .seo-block .seo-title.centered {
        max-width: 100%;
    }
    .full_width_image_text_block .right-column {
        max-width: unset;
    }
    .image-title-subtitle-text-block .custom-text,
    .seo-block .seo-text {
        max-width: 95%;
    }
    .title-list-photo-block .column-full-right {
        max-width: 100%;
        margin: 0 15px;
    }
    .title-with-text-in-row .block-item .bullet,
    .title-list-photo-block .column .item .bullet,
    .vacancy-description-content .item .bullet,
    .title-with-subtitle-block .left-column .item-loop-block .bullet,
    .main-block-links.simple-block .items-block .item .bullet,
    .advantages-block-with-list .columns-block .column .items-block .item .bullet,
    .three-columns-dotted.simple-block .items-block .item .bullet,
    .full-width-image-text-with-list .items-block .item .bullet,
    .title-list-description-top-photo-left-block .parent-block .column .item .bullet,
    .small-title-with-dotted-desc .item .bullet {
        top: 6px;
    }
    .small-title-with-dotted-list .items-block .item .bullet {
        top: 11px;
    }
    .main-blog-block {
        width: 100%;
    }
    .main-blog-block .blog-block-item {
        padding: 0 20px;
    }
    .subtitle-title-text-block .technologies-wrapper {
        grid-column-gap: 40px;
    }
    .Wrapper-Block {
        width: unset;
        padding-left: 15px;
        padding-right: 15px;
    }
    .testimonial-four-images-block {
        grid-column-gap: 40px;
        width: 90%;
    }
    .testimonial-four-images-block .testimonial-item {
        grid-column-end: span 6;
        margin-bottom: 40px;
    }
    .testimonial-four-images-block .testimonial-item:nth-child(4n + 1),
    .testimonial-four-images-block .testimonial-item:nth-child(4n) {
        justify-content: center;
    }
    .blue-width {
        width: 95%;
    }
    .company-explained .wrap {
        padding: 60px;
    }
    .contact-overlay .contact-modal-page {
        padding: 60px 90px;
    }
    .contact-us-modal-form {
        grid-column-gap: 30px;
    }
    .development-block {
        padding: 40px 0 0 0;
        margin: 0;
    }
    .development-block .collapse-block {
        background-color: rgb(246, 246, 246);
        padding-top: 20px;
        padding-bottom: 60px;
        box-shadow: rgba(0, 0, 0, 0.1) 0 20px 60px 10px;
    }
    .development-block .collapse-block .main-block:first-child {
        padding-bottom: 0;
    }
    .background-text-block {
        margin: 0;
    }
    .home-slider .home-slider-content .home-slider-description {
        max-width: 80%;
    }
    .development-block .collapse-block .main-block .development-slide-left-col .mobile-img {
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }
    .development-block .collapse-block .main-block .development-slide-left-col .development-slide-title {
        font-size: 23px;
        margin: 0 0 15px;
        text-align: center;
        color: rgb(0, 0, 30);
        text-transform: uppercase;
    }
    .development-block .collapse-block .main-block .development-slide-left-col .mobile-img img {
        max-width: 50px;
        margin: auto;
    }
    .swiper-container.development-block-slider .swiper-wrapper .swiper-slide:last-child .slide-hr,
    .development-block .collapse-block .main-block .block-for-collapse .collapse_back.hide-mobile,
    .development-block .collapse-block .main-block .development-slide-right-col,
    .dev-arrow-left,
    .development-block .collapse-block .main-block .block-for-collapse .development-pagination.slider-pagination,
    .dev-arrow-right {
        display: none;
    }
    .development-block .collapse-block .main-block .development-slide-left-col {
        grid-column-end: span 12;
    }
    .swiper-container.development-block-slider .swiper-wrapper {
        flex-direction: column;
    }
    .swiper-container.development-block-slider .swiper-wrapper .slide-hr {
        display: block;
        width: 1px;
        height: 19px;
        border: none;
        background-color: rgb(168, 211, 222);
        color: rgb(237, 237, 239);
        margin: 15px auto;
    }
    .development-block .collapse-block .main-block .development-slide-left-col {
        margin-right: 0;
    }
    .development-block .collapse-block .main-block .development-slide-right-col {
        margin-left: 0;
    }
    .slider-dev-wrapper {
        max-width: 90%;
        padding: 0;
        margin: 0 auto;
    }
    .development-block .collapse-block .main-block .development-slide-left-col .development-slide-text {
        text-align: center;
    }
    .development-block .collapse-block .main-block .block-for-collapse .collapse_back.hide-desktop .collapse_arrow {
        width: 22px;
        font-size: 20px;
        margin: 25px auto 5px;
    }
    .development-block .collapse-block .main-block .block-for-collapse .collapse_back.hide-desktop {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .development-block .collapse-block .main-block .children-collapse {
        margin: 0;
    }
    .development-block .title {
        margin: 10px 0;
    }
    .values-slider-block .value-pagination {
        max-width: 100%;
    }
    .send_cv-overlay .send-cv-form .content .field-style {
        grid-column-end: span 12;
    }
    .team-block .members-block {
        grid-column-gap: 20px;
    }
    .blog-articles-loop.main-blog-block.flex-unset .blog-block-item {
        grid-column-end: span 6;
    }
    .blog-articles-four-grid.blog-articles-loop.main-blog-block {
        margin-left: 0;
        margin-right: 0;
    }
    .blog-articles-loop.main-blog-block .blog-block-item {
        margin: 0 5px 60px;
    }
    .blog-articles-loop.main-blog-block {
        margin: 55px 0 0;
    }
    .our-offices {
        margin: 60px 0;
    }
    .our-offices .big-title {
        margin-bottom: 16px;
    }
    .our-offices .text {
        margin-bottom: 20px;
        max-width: 95%;
    }
    .our-offices .our-offices__image {
        margin-bottom: 7px;
    }
    .our-offices {
        margin-left: 40px;
        margin-right: 40px;
    }
    .faq-block {
        margin: 80px 0;
    }
    .faq-block .faq-title {
        max-width: 216px;
        margin: 0 auto 40px;
    }
    .faq-block .faq-title,
    .faq-block .faq-title > * {
        font-size: 21px;
        line-height: 26px;
        text-align: center;
    }
    .faq-block .faq-item .faq-item--title {
        padding: 32px 16px;
    }
    .faq-block .faq-item .faq-item--title svg {
        width: 14px;
        min-width: 14px;
        height: 14px;
        min-height: 14px;
    }
    .faq-block .faq-item.faq-item--active .faq-item--title {
        column-gap: 16px;
        padding-bottom: 16px;
    }
    .faq-block .faq-item .faq-item--text {
        padding: 0 16px 32px;
        font-size: 11px;
        line-height: 14px;
    }
    .faq-block .faq-item .faq-item--text ul li::before {
        width: 4px;
        min-width: 4px;
        height: 4px;
    }
    .faq-block .faq-item .faq-item--title > div,
    .faq-block .faq-item .faq-item--title > div > * {
        font-weight: 600;
        font-size: 11px;
        line-height: 14px;
    }
    .faq-block .faq-item:hover .faq-item--title > div,
    .faq-block .faq-item:hover .faq-item--title > div > *,
    .faq-block .faq-item--active .faq-item--title > div,
    .faq-block .faq-item--active .faq-item--title > div > * {
        color: #414647;
    }
}

@media (max-width: 767px) {
    .font-18,
    .font-17,
    .font-16,
    .font-21,
    .font-25,
    .faq-block .faq-item .faq-item--text {
        font-size: 0.75em;
    }
    .font-35 {
        font-size: 1.1em;
    }
    .font-32 {
        font-size: 1em;
    }
    .font-20 {
        font-size: 0.56em;
    }
    .services-provided .provided-block,
    .loop-blocks-with-dots .loop-blocks,
    .serve-block .serve-loop-block,
    .title-with-subtitle-block,
    .title-with-icon-items,
    .contact-us-modal-form,
    .development-block .collapse-block .main-block,
    .dotted-title-with-photo-block,
    .three-columns-dotted.simple-block .items-block,
    .small-title-with-dotted-desc .items-block,
    .title-with-text-in-row .block,
    .main-block-links.simple-block .items-block,
    .subtitle-title-text-block .technologies-wrapper,
    .two_text_column_block .column_block,
    .project-description-block,
    .case-studies-blog .case-studies-blog-block,
    .containered-image-with-title,
    .loop-image-with-title-text-block .items-block,
    .combine-image-nodotted-list-block .combine-block,
    .small-title-with-dotted-list .items-block,
    .three-columns-with-full-image .main-block {
        grid-column-gap: 0;
    }
    .video-block .contentfull-text iframe.iframe-video {
        min-height: 400px;
    }
    .two-buttons-block.recruiter-block .main-block .item {
        margin: 0 0 23px;
    }
    .blog-articles-loop.main-blog-block .blog-block-item {
        margin-right: 0;
        margin-left: 0;
    }
    .two-buttons-block.recruiter-block .main-block .item:last-child {
        margin: 0
    }
    .blog-align-block img {
        width: unset;
        max-width: 70%;
    }
    .blog-align-block .blog-title {
        min-height: unset;
    }
    .two-buttons-block.recruiter-block .main-block {
        flex-direction: column;
    }
    .serve-block .serve-item {
        grid-column-end: span 6;
    }
    .vacancy-description-wrapper .column,
    .loop-blocks-with-dots .loop-item,
    .title-with-subtitle-block .left-column,
    .title-with-subtitle-block .right-column,
    .title-with-icon-items .item,
    .small-title-with-dotted-desc .items-block .item,
    .title-with-text-in-row .block-item,
    .dotted-title-with-photo-block .column,
    .contact-us-modal-form .field-style,
    .subtitle-title-text-block .technologies-wrapper .image-block,
    .full-width-image-text-with-list .items-block .item,
    .main-block-links.simple-block .items-block .item,
    .title-list-description-top-photo-left-block .parent-block .column .item,
    .project-description-block .service-loop-block,
    .containered-image-with-title .image-column,
    .containered-image-with-title .column,
    .loop-image-with-title-text-block .items-block .item,
    .combine-image-nodotted-list-block .combine-block .column,
    .combine-image-nodotted-list-block .combine-block .combine-item,
    .small-title-with-dotted-list .items-block .item,
    .three-columns-with-full-image .main-block .item {
        grid-column-end: span 12;
    }
    .loop-image-with-title-text-block .items-block .item:last-child,
    .title-with-text-in-row .block-item:last-child,
    .title-with-icon-items .item:last-child {
        margin-bottom: 0;
    }
    .development-block .collapse-block .main-block .item-block:first-child,
    .development-block .collapse-block .main-block .item-block:last-child {
        margin-left: 0;
        margin-right: 0;
    }
    .project-description-block .description-block {
        margin-bottom: 20px;
        grid-column-end: span 12;
    }
    .technologies-serve .technologies-loop-block.grid {
        display: grid;
        grid-column-gap: 5px;
    }
    .technologies-serve .technologies-loop-block.grid .item-block {
        grid-column-end: span 6;
        justify-content: flex-start;
    }
    .technologies-serve .technologies-loop-block.grid .item-block.template-5 {
        grid-column-end: span 5;
    }
    .containered-image-with-title .item {
        margin-bottom: 20px;
    }
    .video-block .video-title,
    .blog-article-content-with-button-block a {
        font-size: 12px;
    }
    .design-development .design-bottom-block .headers-block {
        grid-column-end: span 12;
        justify-content: flex-start;
    }
    .design-development .design-bottom-block .color-block,
    .design-development .design-bottom-block .fonts-block {
        margin-bottom: 20px;
        grid-column-end: span 12;
    }
    .case-studies-blog .case-studies-blog-block .case-blog-block {
        grid-column-end: span 12;
    }
    .case-studies-blog .case-studies-blog-block .case-blog-block .link {
        padding-bottom: 40px;
    }
    .case-studies-blog .case-studies-blog-block .case-blog-block:last-child .link {
        padding-bottom: 0;
    }
    .containered-image {
        margin: 50px auto;
        max-width: 100%;
    }
    .title-list-photo-block {
        margin: 50px 0 50px auto;
    }
    .title-with-subtitle-block {
        margin: 40px auto 50px;
    }
    .seo-block {
        margin: 60px 0 50px;
    }
    .two_text_column_block .column_block {
        margin: 0 -10px 50px;
    }
    .dotted-main-block {
        margin: 50px 0 40px;
    }
    .note-block {
        margin: 0 0 50px auto;
    }
    .full-width-image-text-with-list.reverse {
        margin: 50px 0 50px auto;
    }
    .full-width-image-text-with-list,
    .title-list-photo-block.reverse,
    .title-list-description-top-photo-left-block {
        margin: 50px auto 50px 0;
    }
    .two_text_column_block,
    .title-with-text-in-row,
    .full_width_image_text_block,
    .full_width_block,
    .loop-image-with-title-text-block,
    .small-title-with-dotted-list,
    .case-studies-blog,
    .note-block .note-block-back,
    .subtitle-title-text-block,
    .three-columns-with-image {
        margin: 50px 0;
    }
    .services-provided {
        margin: 0;
    }
    .testimonial-four-images-block {
        padding: 40px 0 50px;
    }
    .containered-image-with-title,
    .background-text-block-shadow,
    .bottom-block,
    .design-development,
    .project-description-block,
    .bottom-block .contact-button,
    .technologies-serve {
        margin: 50px auto;
    }
    .loop-blocks-with-dots .loop-item,
    .combine-image-nodotted-list-block .combine-block .combine-item,
    .dotted-main-block .dotted-main-title,
    .three-columns-with-image .description,
    .title-with-icon-items .item {
        margin-bottom: 40px;
    }
    .serve-block {
        margin: 20px auto 0;
    }
    .serve-block.full-width {
        margin: 20px auto;
    }
    .oval-block {
        margin: 60px auto 50px auto;
    }
    .design-development .design-bottom-block {
        margin: 0 auto 50px;
    }
    .combine-image-nodotted-list-block .combine-block {
        margin: 50px auto 0;
    }
    .title-with-subtitle-block .right-column,
    .combine-image-nodotted-list-block .combine-block .column.image-column {
        margin-top: 20px;
        justify-content: center;
    }
    .title-with-subtitle-block .left-column .title {
        margin-top: 20px;
    }
    .title-with-text-in-row .description,
    .title-with-icon-block .description,
    .full-width-image-text-with-list .right-column,
    .main-block-links .description {
        max-width: 100%;
    }
    .dotted-title-with-photo-block .column:last-child {
        margin-top: 20px;
    }
    .loop-blocks-with-dots .big-title {
        margin-bottom: 30px;
    }
    .banner-block .HeaderBlock .HeaderTitle {
        font-size: 32px;
    }
    .banner-block .HeaderBlock .HeaderTitle.big-text {
        font-size: 60px;
    }
    .banner-block .Container {
        min-height: unset;
    }
    .banner-block .Header__Image {
        min-height: 100%;
    }
    .banner-block .content {
        min-height: 63vh;
    }
    .Breadcrumb {
        display: none;
    }
    .banner-block .HeaderBlock .HeaderTitle {
        font-size: 32px !important;
        margin-bottom: 15px;
    }
    .banner-block .HeaderBlock .HeaderDescription {
        max-width: unset;
        width: 100%;
    }
    .banner-block .HeaderBlock {
        margin: 0 16px;
        padding-top: 80px;
        min-height: 73vh;
    }
    .loop-image-with-title-text-block .items-block .item {
        margin-bottom: 20px;
    }
    .three-columns-dotted .description,
    .title-list-description-top-photo-left-block .description,
    .seo-block .seo-text {
        max-width: 100%;
    }
    .background-text-block {
        padding: 30px;
    }
    .company-explained .wrap .button-block,
    .company-explained .company-explained-desktop-image {
        display: none;
    }
    .company-explained .wrap .right-text-block {
        grid-column-end: span 12;
        margin: 40px 0 0;
    }
    .company-explained .wrap .right-text-block .title {
        margin: 0 auto 20px;
        font-size: 16px;
        line-height: 1.56;
        text-align: center;
        color: rgb(1, 1, 30);
        width: 60%;
    }
    .company-explained .wrap .right-text-block .text {
        margin: 20px 20px 40px;
        font-size: 12px;
        line-height: 2.08;
    }
    .company-explained .wrap {
        background-color: rgb(246, 246, 246);
        padding: 0;
    }
    .company-explained .wrap .about-mobile {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        max-width: 100%;
        min-height: 170px;
    }
    .company-explained .wrap .about-mobile .play-button {
        width: 50px;
        height: 35px;
        z-index: 1;
        object-fit: cover;
    }
    .company-explained .wrap .about-mobile .company-explained-mobile-image {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .blue-width {
        width: 100%;
    }
    .testimonial-four-images-block {
        grid-column-gap: 20px;
        padding: 20px 10px;
        width: unset;
        margin: 0;
    }
    .testimonials-slider-block {
        padding-left: 10px;
        padding-right: 10px;
    }
    .testimonials-slider-block .sub-title,
    .testimonials-slider-block .sub-title > *{
        font-size: 16px;
        line-height: 20px;
    }
    .testimonials-slider-block .title {
        margin: 8px 0 48px;
    }
    .testimonials-slider-block .title,
    .testimonials-slider-block .title > * {
        font-size: 24px;
        line-height: 30px;
    }
    .testimonials-slider-block .testimonial-carousel {
        margin-top: 48px;
    }
    .testimonials-slider-block {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .testimonials-slider-block .testimonial-carousel__item {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        padding: 20px;
    }
    .testimonials-slider-block .testimonial-carousel__wrapper {
        margin-left: unset;
        width: 100%;
        font-size: 18px;
        line-height: 26px;
    }
    .testimonials-slider-block .testimonial-carousel__quote > svg {
        width: 32px;
        height: 32px;
    }
    .testimonials-slider-block .testimonial-carousel__info {
        max-width: 100%;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .testimonials-slider-block .testimonial-carousel .testimonial-image {
        width: 64px;
        height: 64px;
    }
    .testimonials-slider-block .testimonial-carousel__name {
        font-size: 18px;
        line-height: 23px;
        margin-top: 0;
    }
    .testimonials-slider-block .testimonial-carousel__position {
        font-size: 14px;
        line-height: 19px;
        margin-top: 4px;
    }
    .testimonials-slider-block .testimonial-carousel__description {
        font-size: 14px;
        line-height: 19px;
        margin-top: 2px;
    }
    .testimonials-slider-block .testimonial-arrow.testimonial-arrow-left,
    .testimonials-slider-block .testimonial-arrow.testimonial-arrow-right {
        padding: 12px;
    }
    .testimonials-slider-block .testimonial-slider-navigation {
        margin-top: 24px;
    }
    .testimonial-slider-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .testimonial-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 29px;
    }
    .services-provided .provided-block .provided-block-item {
        grid-column-end: span 12;
        padding: 24px 19px 30px;
    }
    .services-provided .provided-block .provided-block-item-title {
        margin: 22px 0 7px;
        font-size: 12px;
    }
    .services-provided .provided-block .provided-block-item-text {
        font-size: 10px;
        line-height: 1.4;
        color: rgb(255, 255, 255);
    }
    .services-provided {
        padding: 27px 27px 10px;
    }
    .services-provided .sub-title {
        font-size: 9px;
        letter-spacing: 2.16px;
        margin-bottom: 7px;
    }
    .services-provided .title {
        margin: 7px 0 30px;
        font-size: 16px;
    }
    .development-block .collapse-block {
        padding-bottom: 0;
    }
    .development-block .collapse-block .main-block .block-for-collapse .collapse_back.hide-desktop {
        margin: 0 auto 45px;
    }
    .development-block .collapse-block .main-block .item-block .item-title {
        font-size: 12px;
        margin: 10px 0;
    }
    .development-block .collapse-block .main-block .item-block img {
        margin-bottom: 10px;
        max-width: 100px;
    }
    .development-block .collapse-block .main-block .item-block .item-text {
        font-size: 12px;
    }
    .development-block .collapse-block .main-block .item-block {
        grid-column-end: span 12;
        margin-bottom: 30px;
        padding: 30px 20px 20px;
    }
    .development-block .sub-title {
        font-size: 9px;
        letter-spacing: 2.16px;
        margin: 0;
    }
    .development-block .title {
        margin: 7px 0 0;
        font-size: 16px;
        line-height: 1.88;
    }
    .development-block .collapse-block .main-block {
        padding-bottom: 10px;
    }
    .values-slider-block .value-pagination {
        display: none;
    }
    .slider-value-wrapper {
        width: 100%;
        padding: 0 55px;
    }
    .slider-value-wrapper .value-arrow-right img {
        margin-left: 20px;
    }
    .slider-value-wrapper .value-arrow-left img {
        margin-right: 20px;
    }
    .development-services-block  .items-block .item {
        margin-bottom: 40px;
    }
    .subtitle-title-text-block .sub-title {
        font-size: 9px;
        letter-spacing: 2.16px;
        margin-bottom: 7px;
    }
    .subtitle-title-text-block .title {
        font-size: 16px;
        line-height: 1.88;
        margin: 7px 0 10px;
    }
    .subtitle-title-text-block .text {
        font-size: 12px;
        font-weight: normal;
        line-height: 2.08;
        margin: 0 0 50px;
    }
    .subtitle-title-text-block .technologies-wrapper > *:first-child {
        margin-bottom: 20px;
    }
    .subtitle-title-text-block .technologies-wrapper {
        display: flex;
        flex-direction: column-reverse;
        grid-template-columns: unset;
    }
    .subtitle-title-text-block .technologies-wrapper:nth-child(2n) {
        flex-direction: column;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .left-block-text {
        text-align: left;
        font-size: 12px;
        font-weight: normal;
        line-height: 2.08;
        margin: 20px 0 12px;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .technologies-block-title {
        margin: 12px 0 10px;
        font-size: 16px;
        line-height: 1.88;
        text-align: center;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block {
        grid-column-end: unset;
        text-align: center;
        align-items: center;
    }
    .subtitle-title-text-block .technologies-wrapper .technologies-link.mobile-hide {
        display: none;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .technologies-text {
        margin: 0 0 20px 0;
    }
    .subtitle-title-text-block .technologies-wrapper .technologies-link.desctop-hide {
        display: inline-block;
        margin-top: 20px;
        font-size: 12px;
        line-height: 2.5;
    }
    .subtitle-title-text-block .technologies-wrapper .image-block.technologies-image-block-custom {
        flex-direction: column;
    }
    .subtitle-title-text-block .technologies-wrapper .image-block,
    .wrap .technologies-wrapper:nth-child(2n) .image-block {
        text-align: center;
    }
    .main-blog-block .blog-block-item {
        grid-column-end: span 12;
        padding: 0;
        background: rgb(255, 255, 255);
        margin-bottom: 40px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .blog-align-block .blog-title {
        margin: 20px 0 10px;
        font-size: 16px;
    }
    .articles-global-block .title {
        margin: 7px 0 30px;
        font-size: 16px;
        letter-spacing: 1.88px;
    }
    .articles-global-block .sub-title {
        margin: 0 0 7px;
        font-size: 9px;
        letter-spacing: 2.16px;
    }
    .articles-global-block {
        margin: 40px 0 30px;
    }
    .explore-button-block .big-title {
        font-size: 16px;
        line-height: 1.88;
        margin: 0 0 10px;
    }
    .explore-button-block .text {
        font-size: 12px;
        line-height: 2.08;
        text-align: left;
        margin: 0 0 20px;
    }
    .explore-button-block .link-block {
        font-size: 12px;
        line-height: 2.5;
        padding: 8px 30px;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .technologies-text ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        width: 70%;
        margin: 0 auto;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .technologies-text ul li {
        margin-right: 0;
        padding-left: 0;
        grid-column-end: span 2;
    }
    .subtitle-title-text-block .technologies-wrapper .left-block .technologies-text ul li:nth-child(2n) {
        padding-left: 20px;
    }
    .home-slider .home-slider-content .home-slider-title {
        font-size: 24px;
    }
    .home-slider .home-slider-content .home-slider-description {
        max-width: 100%;
        margin: 17px 0 30px;
        font-size: 12px;
    }
    .home-slider .home-slider-content .home-slider-button {
        padding: 8px 26px;
        font-size: 14px;
        border-radius: 6px;
    }
    .home-slider .home-slider-content {
        margin: 0 20px;
    }
    .home-slider-pagination.slider-pagination .swiper-pagination-bullet .bullet-text {
        font-size: 10px;
    }
    .bottom-block .contact-button a {
        width: 80px;
        height: 80px;
    }
    .advantages-block-with-list .columns-block .column {
        grid-column-end: span 12;
    }
    .advantages-block-with-list .columns-block {
        grid-column-gap: 0;
    }
    .advantages-block-with-list .columns-block .column .text-for-image {
        margin-bottom: 50px;
    }
    .advantages-block-with-list .columns-block .column .img-block {
        margin: 20px 0;
    }
    .team-block .title {
        margin: 0 0 60px 0;
        font-size: 1.5em
    }
    .team-block .members-block .member-block .member-block-content .member-position {
        margin: 2px 0 10px 0;
    }
    .team-block .members-block .member-block .member-photo img {
        max-width: 200px;
        max-height: 200px;
    }
    .team-block .members-block .member-block {
        grid-column-end: span 6;
        margin: 0 0 60px 0;
    }
    .blog-article-content-photo-block .blog-image-description-text {
        font-size: 12px;
    }
    .blog-articles-loop.main-blog-block.flex-unset .blog-block-item {
        grid-column-end: span 12;
    }
    .blog-articles-loop.main-blog-block.flex-unset .blog-block-item.first-child {
        margin-bottom: 40px;
    }
    .blog-articles-four-grid.blog-articles-loop.main-blog-block .image-block img {
        height: 300px;
    }
    .blog-articles-loop.main-blog-block .image-block img {
        width: 100%;
    }
    .blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .image-block img {
        height: 120px;
        width: 120px;
    }
    .blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .image-block {
        grid-column-end: span 3;
    }
    .blog-articles-four-grid.blog-articles-loop.main-blog-block .blog-align-block.height-unset .blog-content {
        grid-column-end: span 9;
    }
    .vacancies-wrapper-block .vacancies .Position__Item .Position__Header h3 {
        min-height: 24px;
    }
    .blog-align-block img {
        height: 200px;
    }

    .reviews-block {
        margin: 68px 0;
    }
    .reviews-block .review-title {
        margin: 0 0 20px;
    }
    .reviews-block .review-svg {
        width: 27px;
        margin-bottom: 8px;
    }
    .reviews-block .review-text {
        margin-bottom: 29px;
    }
    .reviews-block .review-author {
        margin-bottom: 4px;
    }
    .reviews-block .reviews-block-slider-nav {
        margin: 30px 0 0;
    }
    .reviews-block .reviews-block-slider-nav svg {
        width: 44px;
    }
    .buttons-block .buttons-block-grid .buttons-block-grid-item {
        grid-column-end: span 12;
    }
    .buttons-block {
        margin: 85px 0;
    }
    .buttons-block .buttons-title {
        margin: 0 0 24px;
    }
    .buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-title {
        font-size: 14px;
        margin-bottom: 13px;
    }
    .buttons-block .buttons-block-grid .buttons-block-grid-item:nth-child(2),
    .buttons-block .buttons-block-grid .buttons-block-grid-item {
        margin-top: 37px;
    }
    .buttons-block .buttons-block-grid .buttons-block-grid-item .buttons-block-grid-item-button {
        margin-top: 20px;
        border-radius: 2px;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
        padding: 11px 25px;
    }
    .buttons-block .buttons-block-wrapper {
        max-width: 100%;
    }
    .faq-block .faq-item .faq-item--text ul li::before {
        top: 5px;
    }
    .faq-block .faq-item .faq-item--text ul li {
        padding-left: 10px;
    }
}

@media (max-width: 655px) {
    .blog-articles-loop.main-blog-block .image-block img {
        height: 170px;
    }
    .our-offices .our-offices__block {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .three-columns-with-image .main-block {
        grid-column-gap: 0;
    }
    .contact-us-modal-form .field-style .input-field {
        font-size: .75em;
    }
    .contact-us-modal-form .field-style {
        padding-bottom: 10px;
    }
    .iv-modal-body {
        max-width: 100%;
        overflow: auto;
    }
    #company-explained .iv-modal-content {
        padding: 0 40px;
    }
    #sendCvPopup .iv-modal-close,
    #company-explained .iv-modal-close {
        max-width: 40px;
    }
    #company-explained .iv-modal-dialog {
        width: 90%;
    }
    body {
        font-size: 16px;
    }
    .video-block .contentfull-text iframe.iframe-video {
        min-height: 300px;
    }
    .blog-articles-loop.main-blog-block .image-block img {
        width: 100%;
    }
    .blog-align-block img {
        width: 100%;
        max-width: unset;
    }
    .full-width-image-text-with-list .right-column {
        margin: 0;
    }
    .testimonials-slider-block .testimonial-carousel__item {
        margin: 0;
    }
    .banner-block .HeaderBlock .HeaderTitle .head_title_text {
        display: inline;
    }
    .note-block {
        width: 97%;
    }
    .note-block .note-block-back .note-text {
        padding: 40px 33px 34px;
    }
    .title-with-text-in-row .block-item .bullet,
    .title-list-photo-block .column .item .bullet,
    .vacancy-description-content .item .bullet,
    .title-with-subtitle-block .left-column .item-loop-block .bullet,
    .main-block-links.simple-block .items-block .item .bullet,
    .small-title-with-dotted-list .items-block .item .bullet,
    .full-width-image-text-with-list .items-block .item .bullet,
    .advantages-block-with-list .columns-block .column .items-block .item .bullet,
    .three-columns-dotted.simple-block .items-block .item .bullet,
    .title-list-description-top-photo-left-block .parent-block .column .item .bullet,
    .small-title-with-dotted-desc .item .bullet {
        top: 7px;
    }
    .contentfull-text ul li::before {
        top: 10px;
    }
    .vacancy-description-wrapper .vacancy-description-content, .vacancies-wrapper-block .vacancies {
        grid-column-gap: 0;
    }
    .three-columns-dotted.simple-block .items-block .item {
        display: block;
        grid-column-end: span 12;
    }
    .title-list-description-top-photo-left-block .parent-block .right-column {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .three-columns-with-image .main-block .item {
        grid-column-end: span 12;
        margin-bottom: 40px;
    }
    .contact-overlay .contact-modal-page {
        padding: 60px 30px;
    }
    .dotted-title-with-photo-block .column.image-column {
        align-items: center;
    }
    .three-columns-with-full-image .main-block .item {
        margin-bottom: 40px;
    }
    .three-columns-with-full-image .main-block .item:last-child {
        margin-bottom: 0;
    }
    .two-buttons-block .main-block {
        flex-direction: column;
    }
    .two-buttons-block .main-block .item {
        margin: 0 0 20px 0;
    }
    .value-people-slider .slider-people-wrapper {
        padding: 0 35px;
    }
    .send_cv-overlay .send-cv-form {
        padding: 48px;
    }
    .send_cv-overlay .send-cv-form .content .label-wrapper-file {
        flex-direction: column;
        align-items: flex-start;
    }
    .send_cv-overlay .send-cv-form .content .file-name-attached {
        margin-left: 0;
        font-size: 14px;
    }
    .full-width-image-text-with-list .right-column .column-full-right {
        padding: 0 15px;
    }
    .image-title-subtitle-text-block .custom-text {
        max-width: 100%;
    }
    .technologies-serve .technologies-loop-block.margin-grid {
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }
    .technologies-serve .technologies-loop-block.margin-grid .item-block {
        margin: 15px 0 0 0;
        grid-column-end: span 6;
    }
    .team-block .members-block {
        grid-column-gap: 0;
    }
    .team-block .members-block .member-block {
        grid-column-end: span 12;
    }
    .blog-category-title {
        margin-bottom: 30px;
    }
    .pagination .page-link {
        font-size: 0.56em;
    }
    .blog-articles-loop.main-blog-block {
        margin-top: 30px;
    }
    .blog-articles-loop.main-blog-block {
        grid-column-gap: 0;
    }
    .pagination .page-item.active {
        min-width: 25px;
        min-height: 25px;
    }
    .pagination .page-item.nav-pagination .only-one-arrow.prev {
        margin-right: 0;
    }
    .pagination .page-item.nav-pagination .only-one-arrow.next {
        margin-right: 0;
    }
    .blog-loop-block {
        margin: 60px 0;
    }
    .blog-articles-loop.main-blog-block .blog-block-item {
        margin-bottom: 40px;
    }
    .first-style-paragraph > *:first-child::first-letter,
    .blog-html-article-content .contentfull-text > *:first-child::first-letter {
        font-size: 53px;
    }
    .banner-block .HeaderBlock .HeaderContent .author-photo-block {
        margin: 30px auto 20px;
    }
    .banner-block .HeaderBlock .HeaderContent .author-photo-block img {
        width: 70px;
        height: 70px;
    }
    .contentfull-text p {
        margin-bottom: 30px;
    }
    .contentfull-text h2 {
        font-size: 18px;
        margin: 40px 0 10px;
    }
    .contentfull-text h1 {
        font-size: 22px;
    }
    .contentfull-text h3 {
        font-size: 16px;
    }
    .contentfull-text h4,
    .contentfull-text {
        font-size: 14px;
    }
    .blog-article-blockquote-block blockquote {
        max-width: 85%;
    }
    .contentfull-text h3,
    .contentfull-text h4,
    .contentfull-text h5,
    .contentfull-text h6 {
        margin: 20px 0 10px;
    }
    .vacancies-wrapper-block .vacancies {
        grid-column-gap: 0;
    }
    .vacancies-wrapper-block .vacancies .Position__Item {
        grid-column-end: span 12;
        padding: 0 38px 40px 38px;
    }
    .technologies-serve .technologies-loop-block.grid .item-block {
        grid-column-end: span 12;
    }
    .technologies-serve .technologies-loop-block.grid .item-block.template-5 {
        grid-column-end: span 10;
    }
    .serve-block-item {
        grid-column-end: span 12;
        border-right: none;
    }
    .serve-block-item,
    .serve-block-item:nth-child(2n) {
        border-top: 2px solid rgb(215, 216, 228);
    }
    .serve-block-item:first-child {
        border-top: none;
    }
}

@media (max-width: 480px) {
    .blog-articles-loop.main-blog-block.flex-unset {
        grid-column-gap: 0;
    }
    .blog-articles-loop.main-blog-block.flex-unset .blog-block-item {
        grid-column-end: span 12;
    }
}

@keyframes arrow-move {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(0, -5px);

    }
}

@keyframes move {
    2%,
    22% {
        transform: translate(0, 10px);
    }

    12%,
    32% {
        transform: translate(0, 0);
    }
}

/* ARTICLE CARDS */
.article-cards {
    display: block;
    text-align: center;
    margin: 70px 0 85px;
}
@media screen and (max-width: 768px) {
    .article-cards {
        margin: 40px 0 30px;
    }
}
.article-cards__wrapper {
    width: 85%;
    margin-inline: auto;
}
/* @media screen and (max-width: 1366px) {
    .article-cards__wrapper {
        width: 87%;
    }
} */
@media screen and (max-width: 768px) {
    .article-cards__wrapper {
        width: unset;
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* .article-cards__title {
    opacity: 0.4;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4.8px;
    color: rgb(3, 3, 45);
    margin: 0 0 15px;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    .article-cards__title {
        margin: 7px 0 30px;
        font-size: 16px;
        letter-spacing: 1.88px;
    }
}
@media (max-width: 767px) {
    .article-cards__title {
        margin: 0 0 7px;
        font-size: 9px;
        letter-spacing: 2.16px;
    }
} */
.article-cards__title {
    margin: 15px 0 60px;
    font-weight: 800;
    color: #01011e;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    .article-cards__title {
        margin: 0 0 7px;
        font-size: 9px;
        letter-spacing: 2.16px;
    }
}
@media (max-width: 767px) {
    .article-cards__title {
        margin: 7px 0 30px;
        font-size: 16px;
        letter-spacing: 1.88px;
    }
}
.article-cards__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
    margin: 0 auto;
    width: 100%
}
@media screen and (max-width: 1080px) {
    .article-cards__inner {
        width: 100%;
        gap: 40px;
    }
}
@media screen and (max-width: 768px) {
    .article-cards__inner {
        width: 100%;
        grid-template-columns: 1fr;
    }
}
.article-cards__item {
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    transition: transform 0.2s linear 0s;
}
/* @media screen and (max-width: 1080px) {
    .article-cards__item {
        padding: 0 20px;
    }
} */
@media (max-width: 767px) {
    .article-cards__item {
        padding: 0;
        background: rgb(255, 255, 255);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
}
.article-cards__item:hover {
    transform: scale(0.97);
}
.article-cards__item picture {
    flex-grow: 1;
    display: block;
}
@media (max-width: 767px) {
    .article-cards__item picture {
        flex-grow: unset;
    }
}
.article-cards__item img {
    display: block;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
    /* height: 200px; */
    height: 100%;
    aspect-ratio: 354 / 198;
}
@media (max-width: 767px) {
    .article-cards__item img {
        width: unset;
        max-width: 70%;
    }
}
@media (max-width: 576px) {
    .article-cards__item img {
        width: 100%;
        max-width: unset;
    }
}
.article-cards__item div {
    display: block;
    font-family: Muli, sans-serif;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #414647;
    text-align: left;
    margin: 26px 0 10px;
    min-height: 65px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 767px) {
    .article-cards__item div {
        margin: 20px 0 10px;
        font-size: 16px;
        min-height: unset;
        overflow: unset;
        text-overflow: unset;
    }
}
.article-cards__wrapper > a {
    border-radius: 6px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
    padding: 8px 45px;
    cursor: pointer;
    border: 2px solid rgba(56, 205, 241, 0.5);
    background-color: rgb(56, 205, 241);
    text-decoration: none;
    font-family: 'Muli', sans-serif;
    font-weight: 900;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out 0s;
    margin-top: 40px;
}

.article-cards__wrapper > a:hover {
    border: 2px solid rgba(56, 205, 241, 0.5);
    background: transparent;
    color: rgb(89, 88, 107);
}
/* ARTICLE CARDS */