.online-ziak-page {
    --online-ziak-blue: rgb(var(--nuo-base));
    --online-ziak-accent: rgb(var(--nuo-cyan));
    --online-ziak-light: #f7f9fc;
    color: var(--online-ziak-blue);
    overflow: hidden;
}

.online-ziak-page h1,
.online-ziak-page h2,
.online-ziak-page h3,
.online-ziak-page p { margin-top: 0; }
@media (max-width: 1740px) {
    .online-ziak-nuo {
        display: inline-block;
        padding-top:40px;
    }
}

@media (max-width: 770px) {
    .online-ziak-nuo {
        display: inline-block;
        padding-top:0px;
    }
}
.online-ziak-hero { margin-top: 150px; }
.online-ziak-hero .row { align-items: stretch; }
.online-ziak-hero .row > .col-lg-6 { display: flex; }
.online-ziak-hero .hero-text { display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 700px; margin-bottom: 0; }
.online-ziak-hero .hero-text h2 { font-size: 4.4rem; line-height: 1.05; }
.online-ziak-hero .hero-text p {margin-top:50px;}
.online-ziak-hero .online-ziak-title-main { display: block; color: var(--online-ziak-blue); }
.online-ziak-hero .online-ziak-title-accent { display: block; color: var(--online-ziak-accent); }
.online-ziak-hero .nuo-img { width: 100%; height: 800px; right: 0; margin-bottom: 0; }
.online-ziak-hero .nuo-img picture { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.online-ziak-hero .nuo-img img { width: auto; height: 100%; max-width: 100%; max-height: 800px; object-fit: contain; }

.online-ziak-benefits { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; margin: 8px 0 20px; }
.online-ziak-voucher { display: inline-flex; flex-direction: column; background: var(--online-ziak-accent); color: #fff; border-radius: 18px; padding: 17px 32px 12px; box-shadow: 0 14px 35px rgba(var(--nuo-cyan), .2); }
.online-ziak-voucher small { font-size: 16px; font-weight: 700; }
.online-ziak-voucher strong { font-size: 60px; line-height: 1; font-family: 'flexoblack';}
.online-ziak-duration { display: flex; align-items: center; gap: 24px; font-size: 24px; line-height: 1.3;  font-family: "flexoblack" !important;}
.online-ziak-duration > span:last-child { display: flex; flex-direction: column; }

.online-ziak-duration__icon { display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; border-radius: 50%; background: var(--online-ziak-blue); color: #fff; font-size: 27px; }
.online-ziak-page .online-ziak-checks { list-style: none; padding: 0; margin: 25px 0 25px; }
.online-ziak-checks li { position: relative; padding: 4px 0 4px 34px; font-size: 24px; font-family: "flexoblack" !important; }
.online-ziak-checks li::before { content: ""; position: absolute; left: 2px; top: 9px; width: 18px; height: 10px; border-left: 5px solid var(--online-ziak-accent); border-bottom: 5px solid var(--online-ziak-accent); transform: rotate(-45deg); }
.online-ziak-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 16px; margin-top: 30px; }
.online-ziak-hero .online-ziak-actions .nuo-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; background: var(--online-ziak-blue) !important; }
.online-ziak-actions .nuo-btn:hover { background: var(--online-ziak-accent) !important; }
.online-ziak-phone-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 10px 24px; color: var(--online-ziak-blue); border: 2px solid var(--online-ziak-blue); border-radius: 30px; font-weight: 700; text-decoration: none; transition: .2s ease; }
.online-ziak-phone-btn:hover { color: #fff; background: var(--online-ziak-blue); }

.online-ziak-section { padding: 50px 0 50px; }
.online-ziak-section h2 { font-size: clamp(31px, 3vw, 44px); margin-bottom: 34px; }
.online-ziak-cards > div, .online-ziak-steps > div { margin-bottom: 25px; }
.online-ziak-card, .online-ziak-step { display: flex; gap: 22px; height: 100%; align-items: flex-start; }
.online-ziak-card img { width: 70px; height: 70px; object-fit: contain; flex: 0 0 70px; }
.online-ziak-card h3, .online-ziak-step h3 { font-family: "flexoblack" !important; font-size: 20px; line-height: 1.3; margin-bottom: 10px; }
.online-ziak-card p, .online-ziak-step p { font-size: 16px; line-height: 1.55; margin-bottom: 0; }
.online-ziak-info {font-family: "flexoblack" !important; }
.online-ziak-process { background: var(--online-ziak-light); }
.online-ziak-step { position: relative; padding-right: 28px; }
.online-ziak-step img { width: 58px; height: 58px; flex: 0 0 58px; }
.online-ziak-steps > div:not(:last-child) .online-ziak-step::after { content: ""; position: absolute; right: 15px; top: 18px; width: 18px; height: 18px; border-top: 3px solid var(--online-ziak-accent); border-right: 3px solid var(--online-ziak-accent); transform: rotate(45deg); }
.online-ziak-callout { max-width: 820px; margin: 28px auto 0; padding: 22px 35px; border-radius: 22px; background: var(--online-ziak-accent); color: #fff; display: flex; justify-content: center; align-items: center; gap: 22px; text-decoration: none; box-shadow: 0 14px 35px rgba(var(--nuo-cyan), .2); }
.online-ziak-callout:hover { color: #fff; transform: translateY(-2px); }
.online-ziak-callout i { display: grid; place-items: center; width: 55px; height: 55px; border-radius: 50%; background: #fff; color: var(--online-ziak-accent); font-size: 28px; }
.online-ziak-callout span { display: flex; flex-direction: column; font-family: "flexoblack" !important; font-size: 20px; }
.online-ziak-callout strong { font-family: "flexoblack" !important; font-size: 24px; }

.online-ziak-info .online-ziak-card { align-items: center; }
.online-ziak-closing { padding: 20px 0 60px; text-align: center; }
.online-ziak-closing__box { max-width: 900px; margin: 0 auto 80px; padding: 28px 45px; border-radius: 24px; background: var(--online-ziak-blue); color: #fff; }
.online-ziak-closing__box h2 { margin-bottom: 8px; font-family: "flexoblack" !important; font-size: 34px; color:#fff}
.online-ziak-closing__box p { margin-bottom: 0; font-size: 18px; }
.online-ziak-external { font-family: "flexoblack" !important; font-size: 22px; margin-bottom: 80px}
.online-ziak-external a { position: relative; display: inline-block; margin-left: 8px; padding: 7px 35px; min-width: 270px; border: 2px solid var(--online-ziak-blue); border-radius: 30px; color: var(--online-ziak-blue); text-decoration: none; }
.online-ziak-external a:hover { background: var(--online-ziak-blue); color: #fff; }
.online-ziak-external strong {color:var(--online-ziak-accent);}
.online-ziak-click { position: absolute; right: -27px; bottom: -10px; width: 52px; height: 52px; pointer-events: none; }
.online-ziak-click i { position: absolute; left: 7px; top: 5px; color: var(--online-ziak-accent); font-size: 42px; transform: rotate(-18deg); }
.online-ziak-click b { position: absolute; display: block; width: 3px; height: 13px; border-radius: 3px; transform-origin: bottom center; }
.online-ziak-click b:nth-of-type(1) { right: 12px; top: 2px; background: var(--online-ziak-accent); transform: rotate(25deg); }
.online-ziak-click b:nth-of-type(2) { right: 1px; top: 13px; background: var(--online-ziak-blue); transform: rotate(68deg); }
.online-ziak-click b:nth-of-type(3) { right: 2px; top: 30px; background: var(--online-ziak-accent);transform: rotate(112deg); }
.online-ziak-logos { display: flex; justify-content: center; align-items: center; gap: 60px; flex-wrap: wrap; margin-top: 50px; }
.online-ziak-logos img { max-width: 180px; max-height: 58px; object-fit: contain; }
.online-ziak-logos img.online-ziak-logos__eu { max-width: 245px; }

@media (max-width: 991px) {
    .online-ziak-hero .hero-text { min-height: auto; }
    .online-ziak-hero .hero-text h2 { font-size: 3rem; }
    .online-ziak-hero .nuo-img { height: 460px; margin-top: 50px; }
    .online-ziak-hero .nuo-img img { max-height: 460px; }
    .online-ziak-steps > div:not(:last-child) .online-ziak-step::after { display: none; }
}

@media (max-width: 767px) {
    .online-ziak-hero .hero-text h2 { font-size: 2.1rem; }
    .online-ziak-hero .nuo-img { height: 360px; }
    .online-ziak-hero .nuo-img img { max-height: 360px; }
    .online-ziak-voucher strong { font-size: 48px; }
    .online-ziak-section { padding: 32px 0; }
    .online-ziak-section h2 { margin-bottom: 25px; }
    .online-ziak-card, .online-ziak-step { gap: 16px; }
    .online-ziak-callout { padding: 20px; align-items: flex-start; }
    .online-ziak-callout strong { font-size: 20px; }
    .online-ziak-callout span { font-size: 17px; }
    .online-ziak-closing__box { padding: 25px 20px; }
    .online-ziak-closing__box h2 { font-size: 28px; }
    .online-ziak-external a { display: block; margin: 12px auto 0; max-width: 320px; }
    .online-ziak-actions {
        margin-bottom:50px;
    }
    .online-ziak-callout i {height: 55px}

    .online-ziak-hero {
        padding: 0px 10px 60px 10px;
        min-height: auto;
    }
}