.cieden-hero-root {
  font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
  line-height: 1.2;
  text-align: left;
  color: #fff;
  min-height: 700px;
  background: #111;
}

.cieden-hero-root *,
.cieden-hero-root *::before,
.cieden-hero-root *::after {
  box-sizing: border-box;
  font-family: inherit;
}


        @font-face {
            font-family: 'Gilroy';
            src: url('/cieden/fonts/gilroy2/light/Gilroy-Light.woff2') format('woff2'), url('/cieden/fonts/gilroy2/light/Gilroy-Light.otf') format('opentype');
            font-weight: 300;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Gilroy';
            src: url('/cieden/fonts/gilroy2/regular/Gilroy-Regular.woff2') format('woff2'), url('/cieden/fonts/gilroy2/regular/Gilroy-Regular.otf') format('opentype');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Gilroy';
            src: url('/cieden/fonts/gilroy2/semi-bold/Gilroy-SemiBold.woff2') format('woff2'), url('/cieden/fonts/gilroy2/semi-bold/Gilroy-SemiBold.otf') format('opentype');
            font-weight: 600;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Gilroy';
            src: url('/cieden/fonts/gilroy2/bold/Gilroy-Bold.woff2') format('woff2'), url('/cieden/fonts/gilroy2/bold/Gilroy-Bold.otf') format('opentype');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }
    

.container-1150 {
    max-width: 1150px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.solid-button, .solid-button--colored {
    display: inline-block;
    /* padding: 16px 1.8em 15px; */
    padding: 16px 14.5px;
    border-radius: 2px;
    border: solid 1px #651fff;
    font-size: 12px;
    letter-spacing: 1px;
    color: #ffffff;
    background: transparent;
    transition-duration: .3s;
}

.solid-button--colored.small {
    padding: 12px 24px;
}

.solid-button--colored.with-svg svg {
    margin-left: 4px;
}

.solid-button--colored {
    background: #651fff;
}

.solid-button--colored:hover {
    background: #5a1fdc;
}

.solid-button:hover {
    background: #651fff;
}

.header.dark-header .solid-button__text {
    color: #ffffff;
}

.header .solid-button__text {
    color: #212121;
}

.solid-button__text {
    font-family: "Gilroy", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    transition: color .3s;
}

.header .solid-button:hover .solid-button__text {
    color: #ffffff;
}

.block-3 .container-1150 {
    display: block;
}

.block-4 .container-1150 {

}

.block-8__item-content .solid-button--colored {
    padding: 16px 1.8em 15px;
}

.main-banner {
    height: 100%;
    padding-bottom: 80px;
    background: #111;
    overflow: hidden;
}

@media screen and (max-width: 1440px) {
    .main-banner {
        height: 100vh;
        max-height: 700px;
        padding-bottom: unset;
    }
}

@media screen and (max-width: 1024px) {
    .main-banner {
        height: 100%;
    }
}

@media screen and (max-width: 576px) {
    .main-banner {
        height: 100%;
    }
}

.main-banner .container-1150 {
    margin: 0 auto;
    width: 100%;
    padding-top: 80px;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .main-banner .container-1150 {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 576px) {
    .main-banner .container-1150 {
        padding-bottom: 40px;
    }
}

.main-banner__suptitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    color: #6C6C6C;
}

@media screen and (max-width: 576px) {
    .main-banner__suptitle {
        font-size: 18px;
        line-height: 24px;
    }
}

.main-banner__title {
    font-weight: 700;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 44px;
    max-width: 900px;
    margin-inline: auto;
}

@media screen and (max-width: 1024px) {
    .main-banner__title {
        font-size: 48px;
        line-height: 60px;
        max-width: 550px;
    }
}

@media screen and (max-width: 576px) {
    .main-banner__title {
        font-size: 36px;
        line-height: 40px;
        max-width: 370px;
        margin-top: 16px;
    }
}

.main-banner__text--first {

}

.main-banner__text--second {
    position: relative;
}

@media screen and (max-width: 576px) {
    .main-banner__text--second {
        overflow: hidden;
        display: inline-flex;
    }
}

.main-banner__text--third {
    position: relative;
}

.main-banner__text--second svg,
.main-banner__text--third svg {
    position: absolute;
    bottom: 0;
    left: 0;
}

.main-banner__text--second svg {

}

@media screen and (max-width: 1024px) {
    .main-banner__text--second svg {
        width: 340px;
        bottom: -2px;
    }
}

.main-banner__text--third {
    display: inline-flex;
}

@media screen and (max-width: 576px) {
    .main-banner__text--third {
        overflow: hidden;
        display: inline-flex;
    }
}

.main-banner__text--third svg {
    display: none;
}

.main-banner__text--third span {
    z-index: 2;
}

@media screen and (max-width: 576px) {
    .main-banner__text--third svg {
        display: block;
        max-width: 274px;
        right: 0;
        bottom: -5px;
        left: unset;
    }
}

.main-banner__labels {
    display: block;
    position: relative;
}

.main-banner__labels-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    height: 76px;  
}

@media screen and (max-width: 1024px) {
    .main-banner__labels-wrapper {
        height: 60px;
    }
}

@media screen and (max-width: 576px) {
    .main-banner__labels-wrapper {
        height: 40px;
        margin-top: 8px;
    }
}

.main-banner__labels svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1024px) {
    .main-banner__labels svg {
        max-width: 450px;
    }
}

.main-banner__labels svg #gradient-from {
    transition: stop-color 3s ease;
}

.main-banner__labels svg #gradient-to {
    transition: stop-color 3s ease;
}

.main-banner__text--gradient {
    display: block;
}

.main-banner__text--gradient {
    position: absolute;
    left: 50%;
    top: 0;
    /* градієнтний текст (за вашим прикладом) */
    background: linear-gradient(90deg, #78F585, #29DDFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* початково всі елементи винесені вниз і прозорі */
    transform: translateY(100%) translateX(-50%);
    transition: transform 0.6s ease;
    width: fit-content;
    opacity: 0;
    white-space: nowrap;
}

.main-banner__text--gradient.in {
    transform: translateY(0) translateX(-50%);
    opacity: 1;
}

.main-banner__text--gradient.out {
    transform: translateY(-100%) translateX(-50%);
    opacity: 1;
}

.main-banner a {
    display: block;
    width: fit-content;
    margin-top: 40px;
    margin-inline: auto;
    line-height: 1;
    z-index: 2;
    position: relative;
    padding: 16px 16px 16px 24px;
}

@media screen and (max-width: 576px) {
    .main-banner a {
        margin-top: 48px;
    }
    
}

.main-banner a span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.main-banner__wrapper {
    width: 100%;
    position: static;
}

@media screen and (max-width: 1024px) {
    .main-banner__wrapper {
        display: none;
    }
}

.main-banner__animation-1 {
    position: absolute;
    top: -40px;
    left: -170px;
    width: 450px;
    height: 302px;
}

@media screen and (max-width: 1400px) {
    .main-banner__animation-1 {
        bottom: -100px;
        top: unset;
        left: 0;
    }
}

.main-banner__animation-2 {
    position: absolute;
    bottom: -100px;
    right: -90px;
    width: 450px;
    height: 302px;
}

@media screen and (max-width: 1400px) {
    .main-banner__animation-2 {
        bottom: -100px;
        top: unset;
        right: 0;
    }
}

.coloredCategoryTitleEditor__blockItemWrapper .solid-button--colored {
    display: inline-flex;
    align-items: center;
    margin-top: 32px;
}

.coloredCategoryTitleEditor__blockItemWrapper .solid-button--colored svg {
    min-width: 16px;
}

.guide-section .solid-button--colored {
    margin-top: 40px;
}

.guide-section .solid-button--colored .solid-button__text {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
    letter-spacing: unset;
}

.guide-section .solid-button--colored .solid-button__text svg {
    min-width: 24px;
    margin-right: 10px;
}

.articleForm__content__button .solid-button__text {
    color: #212121;
    cursor: pointer;
}

.articleForm__content__button .solid-button {
    padding: 16px 40px 16px 44px;
    transition: color .3s ease, background .3s ease;
}

.articleForm__content__button .solid-button:hover {
    color: #ffffff;
}

.author-form .solid-button--colored {
    margin-top: 8px;
}

@media screen and (min-width: 1680px) {
    .cases .container-1150:has(.cases__wrapper) {
        margin-inline: 5.41vw;
        max-width: 100%;
    }
}

@media screen and (max-width: 1279px) {
    .banner_text,
    .container_block .banner_text {
        font-size: 5em;
    }

    .chessBlocksGrayCategory__blockItem {
        margin-left: 0;
        margin-right: 0;
    }

    .section-video {
        max-width: 100%;
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .first_svg__wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .first_svg {
        grid-column-start: 2;
    }

    .second_svg {
        margin-left: 10px;
    }

    .container_block__second {
        max-width: 100%;
        grid-template-columns: repeat(8, 1fr);
    }

    .section-about-values,
    .section-careers,
    .section-form.section-contact,
    .section-blog-acticle,
    .section-work,
    .section-work-overview,
    .section-work-problem {
        padding: 120px 0;
    }

    .author-post-block,
    .section-author-video,
    .author-recommendations,
    .reason-2, .reason-6, .reason-4 {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .motto {
        margin-bottom: 184px;
    }

    .section-approach,
    .section-our-team,
    .section-ui-solution,
    .section-testimonial {
        padding: 70px 0 35px;
    }

    .section-reviews {
        margin-top: 30px;
        margin-bottom: 90px;
    }

    .section-partners {
        padding: 30px 0 90px;
    }

    .reason-8 {
        margin-bottom: 100px;
    }

    .reason-7 {
        padding: 80px 0;
    }

    .main-title__h2 {
        max-width: 79%;
    }

    .reason-8__title {
        margin-bottom: 32px;
    }

    .reason-7__wrapper {
        grid-template-columns: 0.7fr 1fr;
    }

    .reason7-leftBox {
        padding-left: 16px;
    }

    .container {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 100%;
    }

    .section-video__wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .titlePageWithStyledImage__image::before,
    .section-video__wrapper[data-animation-border].active-animation::before {
        top: 8px;
        left: 8px;
    }

    .reason-4__graph svg {
        max-width: 100%;
    }

    .reason3-rightBox__moonSvg {
        margin-left: 0;
    }

    .form-font-large {
        font-size: 80px;
        line-height: 96px;
    }

    .label-day-night {
        left: 170px;
        bottom: 220px;
    }

    .reason-5-Left-box {
        padding-right: 16px;
        width: 50%;
    }

    .reason-5-right-box {
        width: 50%;
        padding-left: 16px;
        align-items: unset;
    }

    .reason3-leftBox {
        width: 66.6%;
    }

    .reason-7, .reason-6, .reason-3, .section-reviews {
        overflow: hidden;
    }

    .reason-4__title, .reason4__title-num {
        font-size: 5em;
        line-height: 1.21;
    }

    .container_block .banner_text {
        font-size: 5em;
        height: 271px;
    }

    .section-form__increasePadding {
        padding: 120px 0;
    }

    .testimonial-decrease-margin {
        margin: 60px 0 200px;
    }

    .form-block__checkboxText {
        margin-bottom: 15px;
    }

    .partner {
        grid-template-columns: repeat(auto-fill, minmax(200px, 200px));
    }

    .container-1150 {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 100%;
    }

    .container-1150.guide-section-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 97%;
    }

    .prevNextArticles {
        margin-bottom: 120px;
    }

    .prevNextArticles.space-top {
        margin-top: 120px;
    }

    .title-page__textBlock {
        padding: 0 16px 60px 0;
    }

    .articleBanner__leftBlock {
        padding-top: 67px;
        padding-bottom: 60px;
    }

    .title-page__textBlock-title {
        font-size: 80px;
        line-height: 90px;
        margin-bottom: 34px;
    }

    .bannerArticle__title {
        font-size: 48px;
        line-height: 52px;
        margin-bottom: 55px;
    }

    .section-services__contentBlock {
        padding: 0;
    }

    .section-services__defaultBlock, .section-services__reverseBlock {
        margin-bottom: 120px;
    }

    .section-services__reverseBlock .section-services__contentBlock {
        padding-left: 16px;
        padding-right: 16px;
    }

    .sectionServices {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section-banner-pages {
        padding: 60px 0 0;
    }

    .loop-article__content--odd, .loop-article__animatedSVG--even {
        padding-right: 16px;
        padding-left: 0;
    }

    .loop-article__content--even, .loop-article__animatedSVG--odd {
        padding-left: 16px;
        padding-right: 0;
    }

    .titlePage__title {
        margin-bottom: 34px;
    }

    .servicesContent {
        margin: 120px auto 144px auto;
    }

    .section-banner-pages__animationSvgWrapper {
        display: block;
        max-width: 543px;
    }

    .decreaseAnimationSvgTitlePage {
        width: 100% !important;
    }

    .decreaseAnimationSvg--alignWrapper {
        display: flex !important;
        align-items: flex-end !important;
    }

    .decreaseAnimationSvg--alignElement {
        top: -50px !important;
        bottom: unset !important;
        margin: 0 0 -50px 15px !important;
    }

    .section-work__container,
    .cases {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .work-contentBlock__gridContainer {
        overflow: hidden;
    }

    .work-contentBlock__image {
        max-width: calc(100% + 15px);
    }

    .image-with-description__wrapper {
        gap: 32px
    }

    .section-main-form__wrapper {
        padding-top: 0;
    }

    .simple-banner__title,
    .sectionBlog__title {
        font-size: 80px;
        line-height: 90px;
    }

    .privacyPolicy__content p {
        margin-bottom: 16px;
    }

    .simple-banner__title,
    .simple-banner__subtitle,
    .simple-banner__linkBlock {
        padding-left: 0;
        padding-right: 0;
    }

    .articleContent__paddingTop {
        padding-top: 120px;
    }

    .articleContent__links.links--right,
    .articleSwiper__button-prev {
        display: none;
    }

    .articleSwiper__grid_align {
        max-width: 608px;
        padding-left: 15px;
        margin: 0 auto;
    }

    .articleBanner__imageBlock {
        padding-right: 0;
    }

    .articleSwiper__rotatedText {
        font-size: 19px;
        line-height: 27px;
    }

    #articleContent {
        padding-right: 0;
    }

    .articleSwiper__rotatedText {
        left: 25px;
    }

    #deigner {
        right: -70px;
    }

    .articleContentTable__grid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .image-with-description__image-wrapper[data-animation-border].active-animation::before {
        top: 8px;
        left: 8px;
    }

    .image-with-description .col.image {
        padding-bottom: 8px;
    }

    .author-about .titlePageWithStyledImage__image::before {
        top: 16px;
        left: 16px;
    }
}

@media screen and (max-width: 768px) {
    .temp-banner {
        display: none;
    }
    .bannerSubtext.calculate_width .bannerSubtext__subText {
        max-width: 600px !important;
    }

    .guide-section-image {
        position: relative;
        left: unset;
        right: unset;
        top: unset;
        bottom: unset;
        margin: 0 -16px;
        width: unset;
    }

    .guide-section .guide-section-container .col-12 {
        grid-column-end: var(--span-12);
    }

    .guide-section .guide-section-container .grid-row-12 {
        display: flex;
        flex-direction: column-reverse;
    }

    .guide-section-left {
        padding: 56px 0;
    }

    .guide-section-col {
        margin-top: 0;
        margin-bottom: 0;
        padding-right: var(--15px);
        position: relative;
    }

    .guide-section-image img {
        height: 240px;
        width: auto;
    }

    .container-1150.guide-section-wrapper {
        max-width: 100%;
    }

    .articleFormPage {
        margin: 0 -16px;
        padding-top: 30px;
        background-color: #F7F8F9;
    }

    .articleForm {
        background-color: #ffffff;
    }

    .articleForm--container {
        padding-top: 200px;
    }

    .articleFormPage .articleFormPage__content {
        grid-row: 2;
        padding-top: 60px;
    }

    .articleFormPage .articleForm--container {
        grid-row: 1;
    }

    .author-title {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 32px;
    }

    .author-form .section-reviews__sec-name {
        margin-bottom: 32px;
    }

    .author-form.section-form {
        padding-bottom: 64px;
    }

    .primary-title-with-video .primary-title-with-video__grid {
        grid-column-gap: 30px
    }

    #overlay-video .iv-modal-dialog {
        padding: 0 40px;
    }

    .section-video__wrapper.table-of-content__youtube-iframe iframe {
        width: 100%;
        height: calc(9 / 16 * 100vw);
    }

    .image-with-description {
        margin: 64px 0;
    }

    .image-with-description__wrapper {
        flex-direction: column-reverse;
        row-gap: 24px;
    }
    .image-with-description__image img {
        object-fit: cover;
        aspect-ratio: 16 / 9;
        object-position: center;
    }

    .image-with-description .col {
        width: 100%
    }

    .image-with-description .production-title {
        margin-bottom: 40px;
    }

    .image-with-description .image-with-description__image-wrapper {
        max-width: 100%;
    }

    .service-reviews .service-reviews__grid {
        flex-direction: column;
        column-gap: 0;
        row-gap: 40px;
    }

    .service-reviews .service-reviews__grid .service-reviews__icon {
        margin-top: 0;
    }

    .service-reviews .service-reviews__grid .service-reviews__icon svg {
        display: inline-block;
        max-width: 128px;
        height: 128px;
    }

    .service-reviews .service-reviews__carousel {
        width: 100%
    }

    .our-pdf-block .our-pdf-block__grid {
        grid-template-columns: 100%;
        column-gap: 0;
        row-gap: 32px;
    }

    .our-pdf-block .our-pdf-block__image-wrapper {
        grid-row-start: 1;
        max-width: 70%;
        padding-bottom: 8px;
    }

    .our-pdf-block .production-title {
        margin-bottom: 40px;
    }

    .our-pdf-block .our-pdf-block__left-wrapper {
        margin-bottom: 0;
    }

    .our-pdf-block .our-pdf-block__link {
        display: block;
        padding: 36px 4px 28px 8px;
    }

    .our-pdf-block .our-pdf-block__image {
        width: calc(100% - 8px);
    }

    .our-pdf-block .our-pdf-block__image::before {
        width: 100%;
        height: 100%;
    }

    .our-pdf-block .our-pdf-block__image[data-animation-border].active-animation::before {
        top: 8px;
        left: 8px;
    }
}

@media screen and (max-width: 576px) {
    .guide-section-image img {
        width: 100%
    }

    .articleForm--container {
        padding-top: 65px;
    }

    .articleForm__image {
        margin-bottom: 48px;
    }

    .articleForm--container .articleForm {
        padding: 42px 16px;
    }

    .articleSteps__title {
        font-size: 21px;
        line-height: 28px;
    }

    .articleSteps__item__img {
        margin-right: 16px;
    }

    .articleSteps {
        margin-bottom: 60px;
    }

    .guide-section .solid-button--colored {
        margin-top: 64px;
        width: 100%;
        text-align: center;
    }

    .guide-section-left .reason-title--white,
    .guide-section-left .reason-subtitle--white {
        max-width: 94%;
    }

    .guide-section-left .reason-title--white span {
        display: inline;
    }

    .articleContent.content-with-navigation figure {
        margin-left: -16px;
        margin-right: -16px;
        max-width: unset;
    }

    .articleContent.content-with-navigation figure img {
        width: 100%;
    }

    .footer .footer-map-image {
        display: none;
    }

    .reason-6__gridContainer {
        display: flex;
        flex-direction: column;
        grid-column-gap: 0;
    }
    .reason-6__block  {
        overflow: visible;
    }

    .reason-6 .reason-6__button {
        margin-top: 0;
    }

    .reason6-leftBox__title {
        width: 100%;
    }

    .section-navigation-block.font-size-18 .articleContent__content,
    .section-navigation-block.font-size-18 .articleContent__content p,
    .section-navigation-block.font-size-18 .articleContent__content ul li,
    .section-navigation-block.font-size-18 .articleContent__content ol li,
    .section-navigation-block.font-size-18 .navigation-menu .navigation-h2,
    .articleSwiper.font-size-18 .articleSwiper__subtitle,
    .articleContent.font-size-18 .articleContent__content ul li,
    .articleContent.font-size-18 .articleContent__content ol li,
    .articleContent.font-size-18 .articleContent__content,
    .articleContent.font-size-18 .articleContent__content p {
        font-size: 16px;
        line-height: 24px;
    }

    /* .scroll-top.show {
        transform: translateX(-60px);
    } */

    .blog-articles-pagination .page-item .page-link.first {
        margin: 0 16px 0 0;
    }

    .blog-articles-pagination .page-item .page-link.last {
        margin: 0 0 0 16px;
    }

    .blog-articles-pagination .page-item .page-numbers {
        margin: 0 2px;
        height: 30px;
        min-height: 30px;
        width: 30px;
        min-width: 30px;
    }

    .blog-articles-pagination .page-item .page-link svg {
        width: 32px;
    }

    #review-video .iv-modal-dialog {
        min-height: 45vh;
    }

    #review-video .review-video-content {
        height: calc(45vh - 140px);
    }

    .section-table-of-content .content-with-table {
        scroll-margin-top: 80px;
    }

    .author-post-block,
    .author-recommendations,
    .section-author-video {
        margin: 64px 0;
    }

    .author-about .title-page__svgBlock {
        width: 100%;
    }

    .author-recommendations .author-recommendations-block {
        grid-template-columns: 1fr;
        grid-column-gap: 0
    }

    .author-recommendations .author-recommendations-item:nth-child(2) {
        margin-top: 32px;
    }

    .primary-title-with-video .primary-title-with-video__grid {
        grid-column-gap: 0;
        grid-template-columns: 100%
    }

    .primary-title-with-video .el-2 {
        order: 1;
    }

    .primary-title-with-video .el-4 {
        order: 2;
    }

    .primary-title-with-video .el-6 {
        order: 3;
    }

    .primary-title-with-video .mobile-space {
        display: block;
        height: 32px;
    }

    #overlay-video .iv-modal-dialog {
        padding: 0 24px;
    }

    .slider-block .slider-block__prev {
        left: 20px
    }

    .slider-block .slider-block__next {
        right: 20px
    }

    .image-with-description .image-with-description__image-wrapper {
        max-width: 100%;
        width: 100%
    }

    .image-with-description__image img {
        width: 100%
    }

    .our-superpower .our-superpower__before {
        width: 100%;
    }

    .our-superpower .our-superpower__image {
        height: calc(9 / 16 * 100vw);
    }

    .our-video-services .our-video-services__right {
        width: 100%;
    }

    .our-video-services .our-video-services__right .our-video-services__content--mobile {
        max-width: 100%;
    }

    .our-video-services .our-video-services__image {
        height: calc(16 / 9 * 100vw);
        max-height: 400px;
    }

    .our-pdf-block .our-pdf-block__image-wrapper {
        max-width: unset;
    }
}