.about-us {
    position: relative
}

.about-us__decor {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1
}

.about-us__decor--img {
    width: 500px;
    height: auto
}

.about-us__section-title {
    text-align: center
}

.about-us__section-subtitle {
    padding-top: 8px;
    line-height: 135%;
    text-align: center
}

.about-us__list {
    padding: 45px 15px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -15px
}

.about-us__item {
    flex: 0 1 50%;
    padding: 17px 0;
    text-align: center
}

.about-us__item--img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 80px
}

.about-us__item--value {
    padding-top: 20px;
    display: block;
    font-weight: 600;
    font-size: 1.625rem;
    color: var(--dark)
}

.about-us__item--value._min {
    font-size: 1.25rem
}

.about-us__item--name {
    padding-top: 3px;
    display: block;
    font-weight: 500;
    font-size: .875rem;
    color: var(--gray)
}

.about-us__item--name br {
    display: none
}

.who-are-you {
    position: relative;
    background: var(--bg, var(--light-gray-2))
}

.who-are-you__info--header {
    position: relative;
    z-index: 3;
    padding-top: 19px
}

.who-are-you__info--footer {
    position: relative;
    z-index: 3;
    padding-bottom: 40px
}

.who-are-you__info--section-subtitle {
    padding-right: 110px;
    padding-top: 5px;
    line-height: 150%
}

.who-are-you__info--project {
    padding-top: 12px
}

.who-are-you__project--fieldset {
    padding: 10px 0
}

.who-are-you__project--list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px -4px;
    padding-top: 10px
}

.who-are-you__project--item {
    position: relative;
    padding: 6px 4px
}

.who-are-you__project--radio-input {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0
}

.who-are-you__project--radio-input:checked + .who-are-you__project--radio-label {
    color: var(--accent)
}

.who-are-you__project--radio-input:checked + .who-are-you__project--radio-label::before {
    opacity: 1
}

.who-are-you__project--radio-label {
    display: inline-block;
    padding: 6px 16px;
    cursor: pointer;
    background: var(--white);
    border-radius: 100px;
    position: relative;
    font-weight: 500;
    color: var(--dark);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .2s ease-in-out
}

.who-are-you__project--radio-label:hover {
    color: var(--accent)
}

.who-are-you__project--radio-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 100px;
    background: linear-gradient(45deg, #1C4EFF, #1C92FF) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: opacity .2s ease-in-out;
    opacity: 0
}

.who-are-you__project--li, .entry-content ul li, .singlePage__content ul li, .blog-page__content ul li, .services-page__header--text ul li, .case__content ul li{
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    line-height: 160%;
    font-weight: 400;
    font-size: .875rem;
    color: var(--dark)
}

.services-card__body::before, .who-are-you__project--li::before,
.entry-content ul li::before, .singlePage__content ul li::before,
.blog-page__content ul li::before, .services-page__header--text ul li::before, .case__content ul li::before {
    line-height: 1;
    font-family: flexe-draft !important
}

.who-are-you__project--li::before, .entry-content ul li::before, .singlePage__content ul li::before, .blog-page__content ul li::before, .services-page__header--text ul li::before, .case__content ul li::before{
    content: "";
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--white);
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-right: 12px;
    margin-top: 5px;
    padding-top: 2px;
    border-radius: 50%;
    font-size: 9px;
    overflow: hidden;
    background: var(--gradient)
}

.who-are-you__project--btn {
    width: 100%;
    text-align: center;
}

.who-are-you__video {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 350px;
    text-align: center
}

.who-are-you__video--item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1/1;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%
}

.who-are-you__video--item._project-item {
    z-index: -1
}

.who-are-you__video--item._project-item._active {
    z-index: 2
}

.who-are-you__video--element {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1/1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 430px;
    max-width: 130%;
    height: auto;
    z-index: -1
}

.who-are-you__video--element::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: tan
}

.who-are-you__video--element._active {
    z-index: 2
}

.services {
    background: var(--light-gray-2);
    padding-bottom: 50px
}

.services__header {
    text-align: left
}

.services__tab-nav--list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -4px;
    padding-top: 30px
}

.services__tab-nav--item {
    padding: 4px
}

.services__tab-nav--btn {
    display: inline-block;
    padding: 11px 16px;
    cursor: pointer;
    background: var(--white);
    border-radius: 100px;
    position: relative;
    z-index: 2;
    font-weight: 500;
    color: var(--dark);
    transition: color .2s ease-in-out
}

.services__tab-nav--btn._active, .services__tab-nav--btn:hover {
    color: var(--accent)
}

.services__tab-nav--btn::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: linear-gradient(var(--white), var(--white)) padding-box, linear-gradient(45deg, #1C4EFF, #1C92FF) border-box;
    border-radius: 50em;
    border: 2px solid transparent;
    z-index: -1;
    transition: opacity .2s ease-in-out;
    opacity: 0
}

.services__tab-nav--btn._active::before {
    opacity: 1
}

.services__list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px
}

.services__card {
    width: 100%
}

.services-card__body {
    display: flex;
    flex-direction: column;
    padding: 18px 0 18px 40px;
    border-bottom: 1px solid var(--light-gray);
    position: relative;
    z-index: 2
}

.services-card__body::after, .services-card__body::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0
}

.faq__item--header::after, .services-card__body::before {
    content: "";
    speak: never;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.services-card__body::after {
    display: none
}

.services-card__body::before {
    font-weight: 400;
    color: var(--dark);
    display: inline-block;
    -webkit-transform: rotate(-90deg) translateX(-50%);
    transform: rotate(-90deg) translateX(-50%);
    right: 4px;
    bottom: 50%;
    font-size: 15px
}

.services-card__descr {
    display: none
}

.services-card__logo {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.services-card__logo--img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.done-projects-card__body {
    border: 1px solid var(--light-gray);
    border-radius: var(--br);
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%
}

.done-projects-card__logo--img {
    -o-object-fit: contain;
    object-fit: contain
}

.done-projects-card__descr {
    padding-top: 20px;
    text-align: center;
    font-weight: 400;
    font-size: .875rem;
    line-height: 160%
}

.done-projects-card__descr p {
    padding: 7px 0
}

.done-projects-card__info {
    margin-top: 32px;
    width: 100%;
    background: var(--accent-gray);
    border-radius: var(--br);
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
    z-index: 2
}

.done-projects-card__info::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: calc(100% - 48px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--light-gray);
    z-index: -1
}

.done-projects-card__info--elem {
    flex: 0 1 calc(50% - 1px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px;
    background: var(--accent-gray)
}

.done-projects-card__info--icon {
    width: 32px;
    height: 32px
}

.done-projects-card__info--value {
    padding-top: 16px;
    color: var(--dark);
    font-weight: 600;
    font-size: 1.25rem
}

.done-projects-card__info--name {
    color: var(--gray);
    font-size: .75rem
}

.done-projects-card__footer {
    flex: 1 1 auto;
    padding-top: 24px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: -10px
}

.done-projects-card__link {
    margin: 10px
}

.done-projects__slider--controls {
    display: none
}

.done-projects__slider--arrow {
    margin-top: 0;
    margin-bottom: 0
}

.done-projects__slider--item {
    height: auto
}

.clients__slider {
    margin: 0 -6px
}

.clients__header {
    padding: 0 6px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
}

.clients__section-title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    grid-row: 1/1
}

.clients__controls {
    display: none
}

.clients__list {
    margin: -6px 0;
    padding-top: 32px
}

.clients__item {
    padding: 6px
}

.clients__pagination {
    padding-top: 26px
}

.clients__pagination .swiper-pagination {
    position: static
}

.clients__pagination .swiper-pagination-bullet {
    background: var(--dark-gray)
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
}

.clients-card__body {
    padding: 16px;
    text-align: center;
    border-radius: var(--br);
    border: 1px solid var(--gray)
}

.clients-card__logo {
    -o-object-fit: contain;
    object-fit: contain
}

.clients-card__value {
    padding-top: 16px;
    display: block;
    text-align: center;
    color: var(--white);
    font-weight: 500;
    font-size: .875rem;
    line-height: 150%
}

.team {
    background: var(--light-gray-2)
}

.team__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -20px -13.5px;
    padding-top: 32px
}

.team__card {
    padding: 20px 13.5px;
    flex: 0 1 50%
}

.team__footer {
    padding-top: 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.team-card__avatar {
    position: relative;
    display: flex;
    justify-content: center
}

.team-card__avatar--body {
    position: relative;
    -webkit-filter: url(#round-min);
    filter: url(#round-min)
}

.team-card__avatar--border {
    -webkit-filter: url(#round-min);
    filter: url(#round-min);
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 95px;
    height: 106px
}

.team-card__avatar--border::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    -webkit-filter: url(#round-min);
    filter: url(#round-min);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    background: var(--gradient)
}

.team-card__avatar--img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    -webkit-filter: url(#round-min);
    filter: url(#round-min);
    width: 95px;
    height: 106px
}

.team-card__avatar--link {
    position: absolute;
    right: 50%;
    bottom: 15px;
    -webkit-transform: translate(150%, 50%);
    transform: translate(150%, 50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--light-gray-2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.team-card__avatar--link::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--gradient);
    z-index: -1
}

.team-card__avatar--link svg {
    width: 35%;
    height: 35%
}

.team-card__name {
    display: block;
    padding-top: 25px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 150%;
    color: var(--dark);
    text-align: center
}

.contact-us__section-subtitle, .team-card__post {
    padding-top: 10px;
    text-align: center
}

.team-card__post {
    display: block;
    font-weight: 400;
    font-size: .875rem;
    line-height: 140%;
    color: var(--gray)
}

.testimonials__controls {
    display: none
}

.testimonials-card {
    height: auto
}

.testimonials-card__body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 20px 16px;
    border-radius: var(--br);
    border: 1px solid var(--light-gray)
}

.testimonials-card__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: -10px
}

.testimonials-card__header > * {
    margin: 10px
}

.testimonials-card__header--info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px auto;
    grid-template-columns: 40px auto
}

.contact-us__container, .contact-us__copy {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
}

.testimonials-card__header--info > * {
    -ms-grid-row-align: center;
    align-self: center
}

.testimonials-card__avatar {
    -ms-grid-column: 1;
    grid-column: 1/1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.testimonials-card__avatar--img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 30px;
    height: 30px
}

.blog__filter--label::before, .get-access__item._accent .get-access__item--body::before {
    content: "";
    height: 100%;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor
}

.testimonials-card__name {
    font-weight: 600;
    font-size: 1rem;
    line-height: 150%;
    color: var(--dark)
}

.testimonials-card__username {
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;
    color: var(--gray)
}

.testimonials-card__text {
    flex: 1 1 auto;
    padding-top: 17px;
    font-weight: 400;
    font-size: .875rem;
    line-height: 160%;
    color: var(--dark)
}

.testimonials-card__text p {
    padding: 7px 0
}

.testimonials-card__footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -5px -10px;
    padding-top: 5px
}

.testimonials-card__footer > * {
    margin: 5px 10px
}

.testimonials-card__datetime {
    color: var(--gray);
    font-size: .875rem
}

.testimonials-card__link {
    font-weight: 500;
    font-size: .875rem;
    color: var(--accent);
    display: inline-flex;
    align-items: center
}

.testimonials-card__link--icon {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 9px;
    margin-left: 8px
}

.get-access {
    padding-top: 64px;
    padding-bottom: 94px;
    background: var(--light-gray-2)
}

.get-access__container {
    position: relative;
    z-index: 2
}

.get-access__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -8px;
    padding-top: 32px
}

.get-access__item {
    flex: 0 1 50%;
    padding: 8px
}

.get-access__item._accent .get-access__item--body {
    position: relative;
    border: 0
}

.get-access__item._accent .get-access__item--body::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--br);
    background: linear-gradient(45deg, #1C4EFF, #1C92FF) border-box;
    mask-composite: exclude
}

.get-access__item--body {
    border-radius: var(--br);
    border: 1px solid var(--light-gray);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 12px
}

.get-access__item--img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 105px;
    height: 25px
}

.get-access__item--value {
    background: var(--gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 1.75rem
}

.get-access__item--name {
    font-weight: 400;
    font-size: .75rem;
    color: var(--gray)
}

.get-access__image {
    display: none
}

.contact-us {
    padding: 0 0 66px;
    background: var(--ios-bg, var(--accent))
}

.contact-us__container {
    display: -ms-grid;
    display: grid
}

.contact-us__video {
    overflow: hidden;
    display: flex;
    justify-content: center;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    grid-row: 1/1
}

.contact-us__video--element {
    max-width: 500px;
    height: 350px;
    margin: -70px 0;
    width: 100%
}

.case-section__col._full .case-section__image--img, .contact-us__info--body {
    max-width: 100%
}

.contact-us__info {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    grid-row: 2/2;
    display: flex;
    justify-content: flex-end
}

.contact-us__section-title {
    text-align: center
}

.contact-us__social {
    padding-top: 32px
}

.contact-us__social--list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px
}

.contact-us__social--item {
    padding: 10px;
    flex: 1 1 100%
}

.contact-us__social--item._full {
    flex: 1 1 100%
}

.contact-us__social--link {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: left;
    padding: 12px;
    border-radius: 100px;
    font-weight: 500;
    font-size: 1rem;
    color: var(--accent);
    background: var(--white);
    transition: background .2s ease-in-out
}

.contact-us__social--link:hover {
    background: var(--accent-light)
}

.contact-us__social--link svg {
    margin-right: 12px;
    width: 20px;
    height: 20px
}

.contact-us__copy {
    display: -ms-grid;
    display: grid
}

.contact-us__copy--label {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1/1
}

.contact-us__copy--input {
    width: 100%;
    background: rgba(255, 255, 255, .3);
    color: var(--white);
    border-radius: 100px;
    padding: 14px 110px 14px 20px
}

.contact-us__copy--input::-moz-selection {
    background: var(--accent)
}

.contact-us__copy--input::selection {
    background: var(--accent)
}

.contact-us__copy--btn {
    justify-self: end;
    width: 90px;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border-radius: 100px;
    padding: 0 20px;
    transition: background .2s ease-in-out
}

.contact-us__copy--btn:hover {
    background: var(--accent-light)
}

.contact-us__copy--btn svg {
    width: 22px;
    height: 24px
}

.case-intro__header {
    padding: 85px 0 20px;
    background: var(--light-gray-2)
}

.case-intro__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column
}

.case-intro__image {
    display: none
}

.case-intro__info {
    padding-top: 20px;
    padding-bottom: 30px;
    flex: 0 1 40%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.case-intro__info--title {
    text-align: center
}

.case-intro__info--statistic {
    margin-top: 12px
}

.case-intro__statistic {
    max-width: 376px;
    width: 100%;
    position: relative
}

.case-intro__statistic::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: calc(100% - 48px);
    width: 1px;
    background: var(--light-gray)
}

.case-intro__statistic--body, .case-intro__statistic--elem {
    display: flex;
    border-radius: var(--br);
    background: var(--light-gray-2)
}

.case-intro__statistic--body {
    justify-content: center;
    flex-wrap: wrap
}

.case-intro__statistic--elem {
    position: relative;
    z-index: 2;
    flex: 0 1 calc(50% - 2px);
    min-width: 120px;
    padding: 21px 24px;
    margin: 1px;
    flex-direction: column;
    align-items: center
}

.case-intro__statistic--icon {
    width: 32px;
    height: 32px
}

.case-intro__statistic--value {
    display: block;
    padding-top: 15px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 140%
}

.case-intro__statistic--name {
    padding-top: 0;
    display: block;
    font-size: .75rem;
    color: var(--gray)
}

.case-intro__footer {
    padding: 40px 0 22px
}

.case-intro__content {
    flex: 0 1 50%;
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%
}

.case-intro__content--block {
    padding-top: 16px;
    padding-bottom: 16px
}

.case-intro__content--name {
    color: var(--gray)
}

.case-intro__content--li {
    padding: 8px 0
}

.case-intro__content--text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 160%;
    display: block;
    padding-right: 10px;
    text-align: left;
}

.case-intro__content--link {
    color: var(--accent);
    font-size: .875rem
}

.case-intro__content--link-icon {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 11px;
    margin-left: 7px
}

.case-section__body {
    border-top: 1px solid var(--light-gray);
    padding-top: 32px;
    padding-bottom: 32px
}

.case-section__section-title, .case-section__section-title._left {
    text-align: left
}

.case-section__section-title._min {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%
}

.case-section__section-text {
    padding-top: 10px;
    text-align: left;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: -7px
}

.case-section__section-text p {
    padding: 7px 0
}

.case-section__row {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin: -20px -10px
}

.case-section__row._reverse {
    flex-direction: column-reverse
}

.case-section__col {
    flex: 0 1 50%;
    padding: 20px 10px
}

.case-section__col._full {
    flex: 1 1 100%
}

.case-section__image {
    padding: 12px 0
}

.case-section__image--img {
    width: 100%;
    height: auto;
    max-width: 700px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 4px solid var(--light-gray);
    border-radius: var(--br-2)
}

.case-section__image--descr {
    max-width: 385px;
    margin: 0 auto;
    padding-top: 20px;
    font-size: .875rem;
    text-align: center;
    font-weight: 500;
    color: var(--gray)
}

.case-section__min-title, .team-page__text {
    color: var(--dark);
    font-weight: 400
}

.case-section__image--descr b {
    color: var(--dark);
    font-weight: 500
}

.case-section__ul {
    max-width: 441px
}

.case-section__ul .case-section__li {
    align-items: flex-start
}

.case-section__ul .case-section__li::before {
    margin-top: 5px
}

.case-section__li {
    font-weight: 500;
    line-height: 170%
}

.case-section__content p, .case-section__min-title, .team-page__text {
    font-size: .875rem;
    line-height: 160%
}

.case-section__content._content-padding > * {
    padding: 8px 0
}

.team-page__text {
    padding-top: 3px
}

.team-page__text br {
    display: none
}

.team-page__text p {
    padding: 7px 0
}

.team-page__btn {
    margin-top: 45px
}

.team-page__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -20px -13.5px
}

.bases__list {
    padding-top: 40px
}

.bases__card--body {
    text-align: center
}

.bases__card--img {
    width: 100%;
    max-width: 400px;
    height: 241px;
    border-radius: var(--br);
    -o-object-fit: cover;
    object-fit: cover
}

.faq__list {
    padding: 25px 0 70px;
    max-width: 1096px;
    margin: -16px auto 0
}

.faq__item {
    margin-top: 16px;
    background: var(--accent-gray);
    border-radius: var(--br)
}

.faq__item._active .faq__item--header {
    color: var(--accent)
}

.faq__item._active .faq__item--header::after {
    -webkit-transform: scaleY(-1) translate(0, 50%);
    transform: scaleY(-1) translate(0, 50%)
}

.faq__item--header {
    padding: 16px 70px 16px 16px;
    cursor: pointer;
    position: relative
}

.faq__item--header::after {
    font-family: flexe-draft !important;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 32px;
    height: 32px;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.faq__item--title {
    line-height: 125%;
    font-weight: 600;
    font-size: 1rem;
    transition: color .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.faq__item--content {
    display: none;
    padding: 0 16px 16px;
    font-size: .875rem;
    line-height: 150%
}

.services-page__header--content {
    padding-top: 48px;
    text-align: left
}

.services-page__header--text {
    margin: -7px 0;
    color: var(--dark);
    font-size: .875rem;
    line-height: 160%;
}

.services-page__header--text p {
    padding: 7px 0
}

.services-page__header--list-block {
    padding-top: 20px
}

.services-page__header--min-title {
    font-size: .875rem;
    color: var(--gray)
}

.services-page__header--li {
    font-weight: 500;
    font-size: .875rem
}

.services-page__header--footer {
    padding-top: 30px;
}

.services-page__logo {
    width: 44px;
    height: 44px;
    -o-object-fit: contain;
    object-fit: contain
}

.services-page__name {
    padding-top: 20px
}

.services-page__case--title {
    padding-top: 35px
}

.services-page__case--slider {
    padding-top: 40px
}

.services-page__content {
    margin-top: -60px;
    padding-top: 112px;
    color: var(--dark)
}

.services-page__content--block {
    margin: -15px 0;
    padding-top: 50px
}

.services-page__content--block._min p {
    padding: 13px 30px 13px 0;
    font-size: .875rem;
    line-height: 170%
}

.services-page__content--block p {
    padding: 13px 30px 13px 0;
    font-size: 1rem;
    line-height: 170%
}

.services-page__content--block h3 {
    padding-bottom: 12px;
    line-height: 150%;
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--dark)
}

.services-page__content--block h3 strong {
    color: var(--accent)
}

.services-page__content--block ul {
    margin: -10px 0;
    font-weight: 500
}

.services-page__content--block .services-page__content--p-alt {
    padding: 13px 0
}

.blog__filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 30px;
    margin: -4px
}

.blog__filter--item {
    padding: 4px
}

.blog__filter--input {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0
}

.blog__filter--input:checked + .blog__filter--label {
    color: var(--accent);
    border: 1px solid var(--white)
}

.blog__filter--input:checked + .blog__filter--label::before {
    opacity: 1
}

.blog__filter--label {
    display: inline-block;
    padding: 6px 16px;
    cursor: pointer;
    background: var(--white);
    border-radius: 100px;
    position: relative;
    font-weight: 500;
    color: var(--dark);
    border: 1px solid var(--light-gray);
    transition: color .2s ease-in-out, border .2s ease-in-out
}

.blog__filter--label:hover {
    color: var(--accent)
}

.blog__filter--label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 100px;
    background: linear-gradient(45deg, #1C4EFF, #1C92FF) border-box;
    mask-composite: exclude;
    transition: opacity .2s ease-in-out;
    opacity: 0
}

.blog__list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px
}

.blog__card {
    flex: 1 1 100%;
    padding: 10px
}

.blog__card--body {
    display: inline-flex;
    flex-direction: column;
    min-height: 100%;
    min-width: 100%;
    padding: 16px 16px 24px;
    color: var(--dark);
    border: 1px solid var(--light-gray);
    border-radius: var(--br);
    transition: border .2s ease-in-out
}

.blog__card--body:hover {
    border-color: var(--accent)
}

.blog__card--img {
    width: 100%;
    height: 187px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--br)
}

.blog__card--title {
    padding-top: 32px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 150%;
    flex: 1 1 auto
}

.blog__card--footer {
    padding-top: 35px
}

.blog__card--time {
    font-weight: 500;
    font-size: .875rem;
    line-height: 150%;
    color: var(--gray)
}

.blog-page__container {
    max-width: 1120px;
    color: var(--dark)
}

.blog-page__section-title {
    margin-top: -2px
}

.blog-page__time {
    display: block;
    padding-top: 20px;
    font-weight: 500;
    font-size: .875rem;
    line-height: 150%;
    color: var(--gray)
}

.blog-page__content {
    margin-top: -20px
}

.blog-page__image {
    text-align: center;
    padding: 10px 0;
    aspect-ratio: 40/26
}

.blog-page__image--img {
    max-width: 1090px;
    width: 100%;
    height: auto;
    border-radius: var(--br);
    -o-object-fit: cover;
    object-fit: cover
}

.blog-page__text {
    max-width: 867px;
    margin: 0 auto;
    line-height: 170%;
    font-size: .875rem
}

.blog-page__text._large {
    font-size: 1rem
}

.blog-page__text._mob-padding {
    padding: 20px 0
}

.blog-page__text._top-bottom-padding {
    margin: 10px auto
}

.blog-page__text p {
    padding: 11px 0
}

.blog-page__article {
    max-width: 867px;
    margin: 40px auto
}

.blog-page__article:nth-of-type(1) {
    margin: 22px auto 40px
}

.blog-page__article--title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 150%
}

.blog-page__article--text {
    font-size: 1rem;
    margin: 0;
    line-height: 170%
}

.blog-page__article--text p {
    padding: 13px 0
}

@media (min-width: 360px) {
    .get-access__item--name {
        font-size: .875rem
    }
}

@media (min-width: 390px) {
    .services__section-subtitle {
        padding-right: 150px
    }

    .testimonials-card__header--info {
        -ms-grid-columns: 64px auto;
        grid-template-columns: 64px auto
    }

    .testimonials-card__avatar--img {
        width: 48px;
        height: 48px
    }

    .testimonials-card__name {
        font-size: 1.125rem
    }

    .testimonials-card__username {
        padding-top: 4px
    }
}

@media (min-width: 400px) {
    .blog__card--img {
        height: 220px
    }
}

@media (min-width: 426px) {
    .contact-us__video--element {
        margin: -50px 0
    }
}

@media (min-width: 500px) {
    .about-us__list {
        justify-content: space-evenly
    }

    .about-us__item {
        flex: 0 1 auto
    }

    .get-access__list {
        margin: -10px
    }

    .get-access__item {
        flex: 1 1 auto;
        padding: 10px
    }

    .get-access__item--img {
        width: 110px;
        height: 25px
    }

    .case-intro__image {
        display: block;
        position: relative;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 60%
    }

    .case-intro__image--img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width: 768px) {
    .about-us__decor--img {
        max-width: 662px;
        width: 100%
    }

    .about-us__list {
        padding: 65px 0 45px
    }

    .about-us__item {
        padding: 15px
    }

    .about-us__item--img {
        max-width: 100px
    }

    .about-us__item--value {
        font-size: 2rem;
        padding-top: 23px
    }

    .about-us__item--value._min {
        font-size: 1.5rem
    }

    .about-us__item--name {
        padding-top: 20px;
        font-size: 1rem
    }

    .about-us__item--name br {
        display: inherit
    }

    .who-are-you__info {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto
    }

    .who-are-you__info--header {
        padding-top: 40px;
        max-width: 444px;
        -ms-grid-column: 1;
        grid-column: 1/1;
        -ms-grid-row: 1;
        grid-row: 1/1
    }

    .who-are-you__info--image {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1/4
    }

    .who-are-you__info--footer {
        max-width: 352px;
        -ms-grid-column: 1;
        grid-column: 1/1;
        -ms-grid-row: 2;
        grid-row: 2/2
    }

    .who-are-you__info--section-subtitle {
        padding-right: 50px
    }

    .who-are-you__project--fieldset {
        padding: 15px 0
    }

    .who-are-you__project--list {
        padding-top: 0;
        margin: -8px
    }

    .who-are-you__project--item {
        padding: 8px
    }

    .who-are-you__project--radio-label {
        padding: 7px 24px
    }

    .who-are-you__project--li {
        padding: 9px 0;
        font-size: 1rem
    }

    .who-are-you__project--btn {
        width: auto
    }

    .who-are-you__video {
        position: absolute;
        right: 0;
        top: 0;
        min-height: 100%;
        justify-content: flex-end;
        text-align: right;
        padding-right: 6px
    }

    .who-are-you__video--item {
        width: 50%
    }

    .who-are-you__video--element {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-25%, -50%);
        transform: translate(-25%, -50%);
        width: 80%;
        max-width: none
    }

    .services__header {
        text-align: center
    }

    .services__section-subtitle {
        padding-right: 0
    }

    .services__tab-nav--list {
        justify-content: center;
        padding-top: 25px
    }

    .services__tab-nav--item {
        padding: 8px
    }

    .services__tab-nav--btn {
        padding: 11px 24px
    }

    .services__list {
        padding-top: 55px;
        margin: -10px;
        gap: 20px
    }

    .services__card {
        width: 50%;
        padding: 10px
    }

    .services-card__body {
        border: 1px solid var(--white);
        transition: border .2s ease-in-out;
        padding: 20px;
        background: var(--white);
        border-radius: var(--br);
        min-height: 212px
    }

    .services-card__body:hover {
        border-color: var(--accent)
    }

    .services-card__body::after {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAACGBAMAAAALEDi2AAAALVBMVEUAAAAMXP8KTf8YVP8XXP8WXv8SXf8UVf8YYP8YZP8ZZf8YXv8Wbf8ZV/8Zcv8/AyYxAAAAD3RSTlMABQMYCw8IHBIVICUcLS3TgjLpAAAERUlEQVRo3u2X20sUURzHZ46720ovs1PZ5ensdjUIoqIbFVOZ0oWQysouMJkIFUHRlajYtAiVQkTFqAfzUlkUSQlBJFEqhD5ICV0fegm6QH9DM7/fzvEcZ3PmjA9BzIBzxp35nN853885s6pIHalkQk9RJdBBdABTqSBwkhUNUF7lEOnqBOCAOEm5fpUJzDUUGVUeM5GAJYNnDyZhtUjhzBVJ6NTKK5FycBlXqu5QOrvh2xXROQOSrkRCpZJxJ1xrXiJueFwWTzLYdce/q6SWJQ9pVyIu60rNq6jQfeKOKxZ3XuGBRKKikLJQJFyR8jIcQLmTApVwNVlj3VBpV7PMkUAKvOMWXc1Zx5ss9ILFXGNrsWV9SbjCYiLu3xWpcOU02fS9r8ARpF1SUMYUSLqasmJHYUFVA2XeZFxNQ25KI3WykHA1r8npbYmCuOHtSs24ijSwZ2Y3uVaqALldxZq5Z/Pr5Vyp1ULEh7ZJudouzpGUmhKu1iNMNty4ghmSatO/q0uY1mBjQcmqXgo5oDd33KroimWc32HCnPvQQa/H1hBdRTtoJvFewVt2VyTjSkVXsdcs9S0obHraFbfLFUFXZBUX075KaEy3K8pc8XGTPcX8OG8ZHq5MwVVRpZjRoDbWV86cMsHVwaX4WOni5egh8oaO4SoTdxSp/HbcZQPNJbsH+jDxPkbrHq76oPf4ExMia2feWGLeriLnM1Hsqee9ETrKVbnoahlQ6kqWc20l4mksnX1rbORdkRpEsCP8qI6Vdrs6WMy72vSKV3SfssDxg7FdFfULvqOdVAh89FdOdAnvKr8bC1190LYN++7gXat0lCuEo6fQ1TNoIj2dl6t67sCdSYircNayuzqBru4i/Nywb11HHL2lsPRYrs5BQy6m8eaalwzHqnpWV7syrtIILXISf5R2vMG0icZeY/i+5V3tRWpr10jiv3BMLegL507WZnV1GprNTzlh8Z8WzkAdS1PB1UloZqKruT8E3zO+c2sFM1qXxdW8e9DkfIGGw7+x/UVQiIauNMEVNp9d7370Rtm08+BcavKuzkATe2EormNNP08TA/JI865uYrN6kRtGb5qzYGIwRnyZ7EJXtbj/r7VC48J/G0DrkDiUNjxc8Uf8K9BQ9QAsMsgZXU3C7XX4g/L3g9F2VVJvn87yrma+o940hha3I55qgKQ2DbR/gsaLVm1wut3NSYDBFW5Kbxoj32n9TCjmXF2oU3zREWo9bHuthpzRFYj2Rdv1Lf/kuD1/fH3s71Ik6Kg1yVx7yDUQ1ZFhRYaOWxfzNev6NmzKj4oUnUtxvcyw8855T+XonMxCX2zH/dBQ5GkrNNUOa0GrIk+TFiu8hdb1GSUArR6z1otpBTgUlJ5oXR7VgtKHbeNKULrIuhwOTG+31uzQeOjo4/HQOQtDOqRDOqRDOqRDOqRDOqT/Nzr32L/7C5u8Hdd/Ft2+4D86WBButa3TvwAAAABJRU5ErkJggg==) center/cover no-repeat;
        width: 130px;
        height: 130px;
        z-index: -1;
        display: block
    }

    .services-card__body::before {
        content: "";
        color: transparent;
        background: var(--gradient);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-transform: rotate(0) translateX(0);
        transform: rotate(0) translateX(0);
        right: 20px;
        bottom: 20px;
        font-size: 20px
    }

    .services-card__descr {
        display: block;
        padding-top: 10px;
        font-weight: 400;
        font-size: .875rem;
        line-height: 140%;
        color: var(--gray)
    }

    .services-card__logo {
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        padding-top: 15px;
        flex: 1 1 auto;
        display: flex;
        align-items: flex-end
    }

    .services-card__logo--img {
        width: 36px;
        height: 36px
    }

    .team-card__avatar--border, .team-card__avatar--img {
        width: 237px;
        height: 264px
    }

    .done-projects-card__body {
        padding: 32px 24px
    }

    .done-projects-card__descr {
        font-size: 1rem
    }

    .done-projects-card__info--value, .team-card__name {
        font-size: 1.5rem
    }

    .done-projects-card__info {
        margin-top: 40px
    }

    .done-projects-card__info--name {
        font-size: .875rem
    }

    .done-projects__slider--controls {
        display: flex;
        align-items: flex-end
    }

    .clients__slider {
        margin: 0 -10px
    }

    .clients__header {
        padding: 0 10px
    }

    .clients__controls {
        display: flex;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 1;
        grid-row: 1/1;
        justify-content: flex-end
    }

    .clients__list {
        margin: -10px 0;
        padding-top: 44px
    }

    .clients__item {
        padding: 10px
    }

    .clients__pagination {
        padding-top: 30px
    }

    .team__list {
        padding-top: 56px;
        margin: -32px -13.5px
    }

    .team__card {
        padding: 32px 13.5px;
        flex: 0 1 auto
    }

    .team__footer {
        padding-top: 56px
    }

    .team-card__avatar--body, .team-card__avatar--border {
        -webkit-filter: url(#round);
        filter: url(#round)
    }

    .team-card__avatar--border::before, .team-card__avatar--img {
        -webkit-filter: url(#round);
        filter: url(#round)
    }

    .team-card__avatar--link {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        right: 15px;
        bottom: 15px;
        width: 52px;
        height: 52px
    }

    .team-card__post {
        font-size: 1rem
    }

    .testimonials__controls {
        display: flex
    }

    .testimonials-card__body {
        padding: 24px
    }

    .get-access {
        padding-top: 124px;
        padding-bottom: 0
    }

    .get-access__list {
        padding-top: 64px
    }

    .get-access__image {
        display: block;
        margin-top: -50px
    }

    .get-access__image--img {
        max-width: 100%;
        width: 100%;
        height: auto
    }

    .contact-us__social {
        padding-top: 46px
    }

    .contact-us__social--item {
        flex: 0 1 50%
    }

    .case-intro__info--title {
        text-align: left
    }

    .case-intro__info--statistic {
        margin-top: 32px
    }

    .case-intro__statistic--value {
        font-size: 1.75rem
    }

    .case-intro__statistic--name {
        font-size: .875rem
    }

    .case-intro__footer {
        padding: 64px 0
    }

    .case-intro__content--text {
        font-size: 1.25rem
    }

    .case-section__body {
        padding-top: 88px;
        padding-bottom: 68px
    }

    .case-section__section-text, .case-section__section-title {
        text-align: center
    }

    .case-section__image--descr {
        padding-top: 46px;
        font-size: 1rem
    }

    .case-section__content p {
        font-size: 1rem
    }

    .case-section__min-title {
        font-weight: 600;
        font-size: 1rem
    }

    .team-page__text {
        font-size: 1.125rem
    }

    .team-page__text br {
        display: inherit
    }

    .team-page__btn {
        margin-top: 60px
    }

    .team-page__list {
        margin: -32px -13.5px
    }

    .bases__slider {
        margin: -10px
    }

    .bases__list {
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 56px
    }

    .bases__card {
        flex: 0 1 50%;
        padding: 10px
    }

    .bases__card--img {
        max-width: 500px;
        height: 285px
    }

    .faq__list {
        padding: 40px 0 70px
    }

    .faq__item--header {
        padding: 24px 70px 24px 32px
    }

    .faq__item--title {
        font-size: 1.25rem
    }

    .faq__item--content {
        padding: 0 32px 24px;
        font-size: 1rem
    }

    .services-page__header--content {
        padding-top: 96px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 55% 43%;
        grid-template-columns: 80%;
        justify-content: space-between
    }

    .services-page__header--text {
        font-size: 1.125rem;
        -ms-grid-column: 1;
        grid-column: 1/1;
        -ms-grid-row: 1;
        grid-row: 1/1
    }

    .services-page__header--text p {
        padding: 15px 0
    }

    .services-page__header--list-block {
        padding-top: 0;
        -ms-grid-column: 2;
        grid-column: 2/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3
    }

    .services-page__header--list-block li {
        align-items: flex-start
    }

    .services-page__header--li, .services-page__header--min-title {
        font-size: 1rem
    }

    .services-page__header--footer {
        -ms-grid-column: 1;
        grid-column: 1/1;
        -ms-grid-row: 2;
        grid-row: 2/2
    }

    .services-page__logo {
        width: 60px;
        height: 60px
    }

    .services-page__name {
        padding-top: 40px
    }

    .services-page__case--slider {
        margin: -10px
    }

    .services-page__case--list {
        flex-wrap: wrap;
        justify-content: center
    }

    .services-page__case--list > * {
        flex: 0 1 50%;
        padding: 10px
    }

    .blog__filter {
        padding-top: 44px;
        justify-content: center;
        margin: -8px
    }

    .blog__filter--item {
        padding: 8px
    }

    .blog__filter--label {
        padding: 7px 24px
    }

    .blog__card {
        flex: 0 1 50%
    }

    .blog-page__section-title {
        margin-top: 0;
        padding-top: 20px
    }

    .blog-page__time {
        padding-top: 43px;
        font-size: 1rem
    }

    .blog-page__content {
        margin-top: -25px
    }

    .blog-page__image {
        padding: 48px 0;
        aspect-ratio: 50/30
    }

    .blog-page__text {
        font-size: 1.125rem
    }

    .blog-page__text._large {
        font-size: 1.125rem;
        padding: 0
    }

    .blog-page__text._mob-padding {
        padding: 0
    }

    .blog-page__text._top-bottom-padding {
        margin: 31px auto
    }

    .blog-page__text p {
        padding: 16px 0
    }

    .blog-page__article:nth-of-type(1) {
        margin: 90px auto 40px
    }

    .blog-page__article--title {
        font-size: 1.5rem
    }

    .blog-page__article--text {
        margin: 12px 0;
        font-size: 1.125rem
    }

    .blog-page__article--text p {
        padding: 15px 0
    }
}

@media (min-width: 992px) {
    .contact-us__info, .contact-us__video {
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .about-us__item--value {
        font-size: 2.5rem
    }

    .about-us__item--value._min {
        font-size: 1.75rem
    }

    .who-are-you__info--header {
        padding-top: 90px
    }

    .who-are-you__info--footer {
        padding-bottom: 90px
    }

    .who-are-you__video--element {
        width: 75%;
        max-width: 756px;
        margin-right: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .services__card {
        width: 25%
    }

    .done-projects-card__info--value {
        padding-top: 20px;
        font-size: 1.75rem
    }

    .contact-us {
        padding: 80px 0 40px
    }

    .contact-us__video {
        padding: 20px 0 10px;
        margin-top: -40px;
        -ms-grid-column: 1;
        grid-column: 1/2;
        grid-row: 1/2;
        display: block
    }

    .contact-us__video--element {
        max-width: 55%;
        height: 450px;
        margin: -75px 0 0
    }

    .contact-us__info {
        -ms-grid-column: 1;
        grid-column: 1/2;
        grid-row: 1/2
    }

    .contact-us__info--body {
        max-width: 47%
    }

    .contact-us__section-title {
        text-align: left
    }

    .contact-us__section-subtitle {
        padding-top: 5px;
        text-align: left
    }

    .case-intro__header {
        padding: 165px 0 40px
    }

    .case-intro__container {
        flex-direction: row
    }

    .case-intro__image {
        flex: 0 1 56.1%;
        width: auto;
        padding-top: 0
    }

    .case-intro__image--img {
        height: 464px;
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .case-intro__info {
        padding-bottom: 0;
        align-items: flex-start
    }

    .case-intro__info--statistic {
        margin-top: 45px
    }

    .case-intro__statistic::before {
        background: var(--light-gray-2)
    }

    .case-intro__statistic--body, .case-intro__statistic--elem {
        background: var(--white)
    }

    .case-intro__content {
        display: block;
    }

    .case-intro__content > * {
        align-self: flex-start
    }

    .case-intro__content--item._order._1 {
        -ms-grid-column: 1;
        grid-column: 1/1;
        -ms-grid-row: 1;
        grid-row: 1/1
    }

    .case-intro__content--item._order._2 {
        -ms-grid-column: 1;
        grid-column: 1/1;
        -ms-grid-row: 2;
        grid-row: 2/2
    }

    .case-intro__content--item._order._3 {
        -ms-grid-column: 1;
        grid-column: 1/1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 4;
        grid-row: 3/7
    }

    .case-intro__content--item._order._4 {
        -ms-grid-column: 2;
        grid-column: 2/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1/4
    }

    .case-intro__content--item._order._5 {
        -ms-grid-column: 2;
        grid-column: 2/2;
        -ms-grid-row: 4;
        grid-row: 4/4
    }

    .case-section__row {
        padding-top: 36px;
        align-items: flex-start;
        flex-direction: row
    }

    .case-section__row._reverse {
        flex-direction: row
    }

    .case-section__row._center {
        align-items: center
    }

    .case-section__image {
        padding: 20px 0
    }

    .case-section__content._right {
        padding-left: 100px
    }

    .case-section__content p {
        font-size: 1.125rem
    }

    .case-section__min-title, .services-page__header--text {
        font-size: 1.25rem
    }

    .bases__card {
        flex: 0 1 33.333%
    }

    .services-page__header--content {
        -ms-grid-columns: 50% 32.1%;
        grid-template-columns: 80%
    }

    .blog-page__article--title, .services-page__content--block h3 {
        font-size: 2rem
    }

    .blog__card {
        flex: 0 1 33.333%
    }

    .blog-page__section-title {
        padding-top: 40px
    }
}

@media (min-width: 1150px) {
    .contact-us__social {
        padding-right: 62px
    }
}

@media (min-width: 1170px) {
    .contact-us__video--element {
        max-width: 67%
    }

    .contact-us__info--body {
        max-width: 40%
    }
}

@media (min-width: 1200px) {
    .services-page__case--list > * {
        flex: 0 1 33.333%
    }
}

@media screen and (max-width: 768px) {
    .who-are-you__video--item {
        width: 100%
    }
}