@charset "UTF-8";

[data-i18n] {
    visibility: hidden;
}

body.loaded [data-i18n] {
    visibility: visible;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    line-height: 1.6;
    background-color: #f8f9fa;
    color: #212529;
    font-family: "Inter", sans-serif;
}

.block-container .block-hero .two-columns {
    padding: 0 0 0 70px !important;
    gap: 10px !important;
}

.block-container .block-hero {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 60px 0;
}

.block-container .block-hero .hero-right {
    display: flex;
    flex-direction: column !important;
    justify-content: flex-end !important;
}

.hero-left {
    padding: 30px 0;
}

.hero-left h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #111827;
}

.hero-right img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
}

.block-container .block-hero .hero-left .primary-btn {
    width: 307px;
}

.block-decisions {
    background-color: #f8f9fa !important;
}

.decision-icon img {
    width: 285px !important;
}

.card-features p {
    min-height: 80px !important;
}

.block-statistics {
    background-color: #ffffff !important;
}

.block-statistics .container-statistics {
    padding: 50px 120px !important;
}

.card-footer p {
    font-size: 28px !important;
    font-weight: bold !important;
    color: #111827 !important;
    line-height: 1.2 !important;
}

@media (max-width: 1222px) {
    .block-container .block-hero .two-columns {
        padding: 50px 30px 0 !important;
    }

    .block-statistics .container-statistics {
        padding: 50px 80px !important;
    }

    .card-footer p {
        font-size: 18px !important;
    }
}

@media (max-width: 768px) {
    .block-container .block-hero .two-columns {
        padding: 10px 10px !important;
    }

    .hero-right {
        display: none !important;
    }

    .block-statistics .container-statistics {
        padding: 50px 20px !important;
    }

    .decision-icon img {
        width: 225px !important;
    }

    .card-header img {
        width: 60px !important;
    }

    .card-footer p {
        font-size: 14px !important;
    }
}