@font-face {
                font-family: 'main-font';
                font-style: normal;
                src: url('https://www.motion-concept.de/wp-content/uploads/fonts/Inter-Regular.woff') format('woff');
                font-weight: 400;
                font-display: swap;
            }@font-face {
                font-family: 'main-font';
                font-style: normal;
                src: url('https://www.motion-concept.de/wp-content/uploads/fonts/Inter-Semibold.woff') format('woff');
                font-weight: 500;
                font-display: swap;
            }:root {--main-color: #dffb62;--sub-color: #777777;--bg-color: #181619;--text-color: #ffffff;
    --color-w: #fff;
    --color-b: #000;
    --maxwidth: 1440px;
    --width: 86%;
    --spacing: 100px;
    --el-spacing: 30px;
    --header-height: 90px;
    --header-spacing: 20px;
    --font-family: main-font;
    --font-size: 16px;
    --line-height: 1.6em;
    --font-weight: 400;
}
@media all and (max-width: 980px) {
	:root {
		--spacing: 75px;
        --header-height: 67.5px;
        --header-spacing: 15px;
	}
}
    h1, .style-h1 {
        font-family: 'main-font';
        font-size: 44px;
        font-weight: 600;
        color: var(--text-color);
        line-height: 1.2em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h1, .style-h1 {
            font-size: 28px;
        }
    }

    h2, .style-h2 {
        font-family: 'main-font';
        font-size: 44px;
        font-weight: 600;
        color: var(--text-color);
        line-height: 1.2em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h2, .style-h2 {
            font-size: 26px;
        }
    }

    h3, .style-h3 {
        font-family: 'main-font';
        font-size: 36px;
        font-weight: 600;
        color: var(--text-color);
        line-height: 1.3em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h3, .style-h3 {
            font-size: 22px;
        }
    }

    h4, .style-h4 {
        font-family: 'main-font';
        font-size: 16px;
        font-weight: 400;
        color: var(--sub-color);
        line-height: 1.3em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h4, .style-h4 {
            font-size: 16px;
        }
    }

    h5, .style-h5 {
        font-family: 'main-font';
        font-size: 18px;
        font-weight: 600;
        color: var(--text-color);
        line-height: 1.4em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h5, .style-h5 {
            font-size: 16px;
        }
    }

.section > .row {
transition: transform 1s ease, opacity 1s ease !important;
opacity: 0 !important;
transform: translateY(15px) !important;
transition-delay: .25s !important;
}

.section > .row.animated {
opacity: 1 !important;
transform: translateY(0px) !important;
}