:root{
--dk-green:#004c3f;
--dk-green-2:#006b5a;
--dk-teal:#0f8f7d;
--dk-mint:#eaf6f3;
--dk-mint-2:#f4fbf9;
--dk-gold:#c7a052;
--dk-gold-2:#e8d2a3;
--dk-ink:#10202a;
--dk-muted:#5f6f78;
--dk-line:#d9e7e3;
--dk-bg:#eff8f5;
--dk-white:#fff;
--dk-radius:22px;
--dk-shadow:0 24px 70px rgba(0,76,63,.14);
}
.dk-bilietai-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dk-ink);background:var(--dk-bg);padding:0 16px 42px;box-sizing:border-box;border-radius:0;overflow:hidden;}
.dk-bilietai-wrap *{box-sizing:border-box}
.dk-bilietai-wrap:before{content:"";display:block;margin:0 -16px 0;height:260px;background:linear-gradient(115deg,rgba(0,57,47,.96),rgba(0,98,82,.86)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 350"><circle cx="930" cy="120" r="115" fill="none" stroke="rgba(255,255,255,.15)" stroke-width="28"/><path d="M0 310 C270 250 430 360 700 285 S1030 240 1200 290 V350 H0Z" fill="rgba(255,255,255,.08)"/></svg>') center/cover no-repeat;}
.dk-card{width:min(860px,100%);margin:-86px auto 0;background:var(--dk-white);border:1px solid var(--dk-line);border-top:6px solid var(--dk-green-2);border-radius:var(--dk-radius);box-shadow:var(--dk-shadow);padding:36px;position:relative;z-index:2;}
.dk-registration{margin-top:-118px}.dk-intro{margin-top:-92px}.dk-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--dk-mint);color:var(--dk-green);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}.dk-card h2{font-size:clamp(32px,4vw,46px);line-height:1.08;margin:0 0 14px;color:var(--dk-ink);letter-spacing:-.035em}.dk-card p{font-size:17px;line-height:1.7;color:var(--dk-muted);margin:0 0 24px}.dk-hero-note{background:var(--dk-mint-2);border:1px solid var(--dk-line);border-radius:16px;padding:16px 18px;color:#25444d;margin-top:16px}.dk-program-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 26px}.dk-program-card{display:flex;align-items:center;gap:14px;border:1px solid var(--dk-line);border-radius:16px;padding:16px;background:#fff;transition:.18s ease}.dk-program-card.is-active{background:var(--dk-mint);border-color:#b9ddd5;box-shadow:inset 4px 0 0 var(--dk-green-2)}.dk-program-card.is-disabled{opacity:.72;background:#fafafa}.dk-program-card strong{display:block;color:var(--dk-ink);font-size:16px}.dk-program-card span{display:block;color:var(--dk-muted);font-size:13px;margin-top:3px}.dk-program-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--dk-green);color:#fff;font-size:20px;flex:0 0 42px}.dk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dk-form-grid label,.dk-consent{font-weight:800;color:var(--dk-ink);font-size:15px}.dk-form-grid input{display:block;width:100%;margin-top:8px;border:1px solid var(--dk-line);border-radius:12px;background:#fff;padding:14px 16px;font-size:16px;color:var(--dk-ink);outline:none;transition:.16s ease}.dk-form-grid input:focus{border-color:var(--dk-green-2);box-shadow:0 0 0 4px rgba(15,143,125,.13)}.dk-consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-weight:600;line-height:1.45;color:#233844}.dk-consent input{margin-top:3px;accent-color:var(--dk-green-2)}.dk-marketing-consent{color:#40545d}.dk-form-error{margin-top:12px;color:#a15f00;font-weight:800}.dk-btn{appearance:none;border:0;border-radius:14px;background:linear-gradient(135deg,var(--dk-green),var(--dk-teal));color:#fff;font-weight:900;font-size:17px;padding:15px 26px;cursor:pointer;box-shadow:0 14px 30px rgba(0,76,63,.22);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.dk-btn:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(0,76,63,.28);background:linear-gradient(135deg,var(--dk-green),var(--dk-green-2))}.dk-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.dk-participant{background:var(--dk-mint-2);border:1px solid var(--dk-line);border-radius:16px;padding:17px 20px;color:var(--dk-muted)!important;font-size:18px!important;margin:18px 0 26px!important}.dk-participant strong{color:var(--dk-ink)}.dk-intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.dk-stat{border:1px solid var(--dk-line);border-radius:18px;background:linear-gradient(180deg,#fff,var(--dk-mint-2));padding:22px;color:var(--dk-muted);font-size:15px}.dk-stat strong{display:block;color:var(--dk-ink);font-size:38px;line-height:1;margin-bottom:12px}.dk-progress-wrap{margin-bottom:20px}.dk-progress-top{display:flex;justify-content:space-between;color:#40545d;font-weight:800;font-size:14px;margin-bottom:9px}.dk-progressbar{height:10px;background:#e5f0ed;border-radius:999px;overflow:hidden}.dk-progressbar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--dk-green),var(--dk-teal))}.dk-topic{display:inline-flex;background:var(--dk-mint);color:var(--dk-green);font-size:13px;font-weight:900;border-radius:999px;padding:9px 14px;margin:12px 0 18px}.dk-question-title{font-size:clamp(26px,3vw,36px)!important;line-height:1.22!important;margin:0 0 22px!important;letter-spacing:-.025em!important}.dk-question-image{margin:0 0 24px;border-radius:18px;overflow:hidden;border:1px solid var(--dk-line);background:var(--dk-mint-2)}.dk-question-image img{display:block;width:100%;height:auto}.dk-options{display:grid;gap:14px}.dk-option{width:100%;display:flex;align-items:center;gap:16px;border:1px solid var(--dk-line);border-radius:16px;background:#fff;color:var(--dk-ink);padding:18px 20px;text-align:left;font-size:17px;font-weight:800;cursor:pointer;transition:.16s ease}.dk-option span{width:38px;height:38px;border-radius:999px;background:var(--dk-mint-2);border:1px solid var(--dk-line);color:var(--dk-green);display:grid;place-items:center;font-weight:900;flex:0 0 38px}.dk-option:hover:not(:disabled){background:var(--dk-mint);border-color:#b9ddd5;transform:translateY(-1px)}.dk-option.is-correct{background:var(--dk-green);border-color:var(--dk-green);color:#fff}.dk-option.is-correct span{background:#fff;color:var(--dk-green);border-color:#fff}.dk-option.is-wrong{background:#fff7e6;border-color:var(--dk-gold);color:#7a5517}.dk-option.is-wrong span{background:#fff;color:#7a5517;border-color:var(--dk-gold)}.dk-feedback{margin-top:18px;color:var(--dk-muted);line-height:1.6}.dk-good,.dk-bad{display:inline-flex;border-radius:999px;padding:8px 13px;font-weight:900}.dk-good{background:var(--dk-mint);color:var(--dk-green)}.dk-bad{background:#fff7e6;color:#7a5517}.dk-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.dk-actions-note{color:var(--dk-muted);font-size:14px}.dk-result-score{font-size:clamp(42px,6vw,64px);font-weight:900;color:var(--dk-green);margin:26px 0 16px}.dk-badges{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.dk-badge{border:1px solid var(--dk-line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:800}.dk-downloads{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.dk-link-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--dk-line);padding:13px 18px;background:#fff;color:var(--dk-green);font-weight:900;text-decoration:none}.dk-link-btn:hover{background:var(--dk-mint)}
@media(max-width:700px){.dk-bilietai-wrap{padding:0 12px 32px}.dk-bilietai-wrap:before{height:210px}.dk-card{padding:26px 20px;margin-top:-78px;border-radius:20px}.dk-registration{margin-top:-100px}.dk-program-grid,.dk-form-grid,.dk-intro-stats{grid-template-columns:1fr}.dk-card h2{font-size:34px}.dk-actions{align-items:stretch;flex-direction:column}.dk-btn{width:100%;white-space:normal}.dk-option{font-size:16px;padding:15px}.dk-stat strong{font-size:34px}} .dk-option:not(:disabled):hover,
.dk-option.is-selected:not(.is-correct):not(.is-wrong){
background:#fff7e6!important;
border-color:#d8a23a!important;
color:#6b4600!important;
}
.dk-option.is-correct{
background:#005b4b!important;
border-color:#005b4b!important;
color:#ffffff!important;
}
.dk-option.is-correct .dk-letter{
background:#ffffff!important;
color:#005b4b!important;
}
.dk-option.is-wrong{
background:#c62828!important;
border-color:#c62828!important;
color:#ffffff!important;
}
.dk-option.is-wrong .dk-letter{
background:#ffffff!important;
color:#c62828!important;
} .dk-bilietai-wrap::before{display:none!important;content:none!important;}
.dk-bilietai-wrap{padding-top:36px!important;}
.dk-bilietai-wrap .dk-card{margin-top:0!important;}
.dk-program-card{appearance:none;-webkit-appearance:none;border:1px solid rgba(7,74,62,.16);background:#fff;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;}
.dk-program-card:hover{border-color:#d4a84f;background:#fffaf0;transform:translateY(-1px);}
.dk-program-card.is-active{background:#e9f7f3;border-color:#007763;box-shadow:0 0 0 3px rgba(0,119,99,.08) inset;}
.dk-program-card.is-disabled{opacity:1;cursor:pointer;}
.dk-option{transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;}
.dk-option:not(.is-correct):not(.is-wrong):hover{background:#fff7e8!important;border-color:#d4a84f!important;color:#6b4700!important;}
.dk-option.is-correct{background:#005c4d!important;border-color:#005c4d!important;color:#fff!important;}
.dk-option.is-wrong{background:#b42318!important;border-color:#b42318!important;color:#fff!important;}
.dk-option.is-wrong span,.dk-option.is-correct span{color:#005c4d!important;background:#fff!important;}
.dk-thankyou{text-align:center;max-width:760px!important;}
.dk-thankyou p{font-size:18px;color:#465866;line-height:1.6;}
@media(max-width:720px){.dk-bilietai-wrap{padding-top:70px!important}.dk-bilietai-wrap .dk-card{border-radius:24px!important}} .dk-bilietai-wrap{
clear:both!important;
display:block!important;
width:100%!important;
position:relative!important;
z-index:0!important;
margin-top:96px!important;
padding-top:36px!important;
}
.dk-bilietai-wrap .dk-card{
position:relative!important;
z-index:1!important;
}
@media(max-width:900px){
.dk-bilietai-wrap{
margin-top:84px!important;
padding-top:28px!important;
}
}
@media(max-width:720px){
.dk-bilietai-wrap{
margin-top:96px!important;
padding-top:22px!important;
}
} body .dk-app-shell,
body .dk-app-shell.dk-page-shell,
body .dkb-shell {
position: relative !important;
z-index: 1 !important;
clear: both !important;
margin-top: 170px !important;
}
body.admin-bar .dk-app-shell,
body.admin-bar .dk-app-shell.dk-page-shell,
body.admin-bar .dkb-shell {
margin-top: 180px !important;
}
.dk-card,
.dk-register-card,
.dk-quiz-card,
.dk-practice-card {
position: relative !important;
z-index: 2 !important;
}
.dk-answer:hover:not(.is-selected):not(.is-correct):not(.is-wrong),
.dkb-answer:hover:not(.is-selected):not(.is-correct):not(.is-wrong) {
background: #f4fbf9 !important;
border-color: #0f8c7d !important;
color: #052b28 !important;
}
.dk-answer.is-selected:not(.is-correct):not(.is-wrong),
.dkb-answer.is-selected:not(.is-correct):not(.is-wrong) {
background: #fff7e6 !important;
border-color: #d6a13d !important;
color: #7a4b00 !important;
}
.dk-answer.is-correct,
.dkb-answer.is-correct {
background: #005c4b !important;
border-color: #005c4b !important;
color: #ffffff !important;
}
.dk-answer.is-wrong,
.dkb-answer.is-wrong {
background: #d12f68 !important;
border-color: #d12f68 !important;
color: #ffffff !important;
}
@media (max-width: 900px) {
body .dk-app-shell,
body .dk-app-shell.dk-page-shell,
body .dkb-shell,
body.admin-bar .dk-app-shell,
body.admin-bar .dk-app-shell.dk-page-shell,
body.admin-bar .dkb-shell {
margin-top: 42px !important;
}
} body:not(.wp-admin) .entry-content .dk-bilietai-app,
body:not(.wp-admin) main .dk-bilietai-app,
body:not(.wp-admin) .site-main .dk-bilietai-app,
body:not(.wp-admin) .dk-bilietai-app {
clear: both !important;
display: block !important;
position: relative !important;
z-index: 1 !important;
margin-top: 170px !important;
}
body:not(.wp-admin) .dk-bilietai-app > .dk-card,
body:not(.wp-admin) .dk-bilietai-app .dk-card {
position: relative !important;
z-index: 2 !important;
}
@media (max-width: 900px) {
body:not(.wp-admin) .entry-content .dk-bilietai-app,
body:not(.wp-admin) main .dk-bilietai-app,
body:not(.wp-admin) .site-main .dk-bilietai-app,
body:not(.wp-admin) .dk-bilietai-app {
margin-top: 96px !important;
}
} .dk-answer.is-pending,
.dk-answer.dk-pending,
.dk-answer.pending,
.dk-answer:hover:not(.is-correct):not(.is-wrong):not(.dk-correct):not(.dk-wrong) {
background: #fff7e6 !important;
border-color: #d49a2a !important;
color: #7a4a00 !important;
}
.dk-answer.is-correct,
.dk-answer.dk-correct,
.dk-answer.correct {
background: #005a46 !important;
border-color: #005a46 !important;
color: #ffffff !important;
}
.dk-answer.is-wrong,
.dk-answer.dk-wrong,
.dk-answer.wrong {
background: #c62828 !important;
border-color: #c62828 !important;
color: #ffffff !important;
} body .dkb-wrap, body .dkb-shell, body .dkb-hero, body .dkb-card, body .dkb-panel {
position: relative;
z-index: 5;
}
body .dkb-wrap, body .dkb-shell {
margin-top: 42px !important;
clear: both;
}
@media (min-width: 900px){
body .dkb-wrap, body .dkb-shell { margin-top: 58px !important; }
} .dkb-answer.is-selected:not(.is-correct):not(.is-wrong){
border-color:#d9a441 !important;
background:#fff6df !important;
color:#7a5200 !important;
}
.dkb-answer.is-correct{
border-color:#006553 !important;
background:#006553 !important;
color:#fff !important;
}
.dkb-answer.is-wrong{
border-color:#c62828 !important;
background:#c62828 !important;
color:#fff !important;
} .dk-bilietai-app{
box-sizing:border-box;
width:min(100%, 1040px);
max-width:1040px;
margin:clamp(96px, 10vw, 150px) auto 40px !important;
padding:0 16px;
clear:both;
position:relative;
z-index:1;
}
.dk-bilietai-app *{box-sizing:border-box;}
.dk-bilietai-app .dk-card,
.dk-bilietai-app .dkb-card,
.dk-bilietai-app .dk-quiz-card,
.dk-bilietai-app .dk-registration-card{
max-width:100%;
overflow:hidden;
}
.dk-bilietai-app h1,
.dk-bilietai-app h2,
.dk-bilietai-app h3,
.dk-bilietai-app .dk-question,
.dk-bilietai-app .dkb-question,
.dk-bilietai-app .question-title{
overflow-wrap:anywhere;
word-break:normal;
hyphens:auto;
line-height:1.18;
max-width:100%;
}
.dk-bilietai-app .dk-answer,
.dk-bilietai-app .dkb-answer,
.dk-bilietai-app .answer-option,
.dk-bilietai-app button[class*="answer"],
.dk-bilietai-app label[class*="answer"]{
max-width:100%;
min-width:0;
white-space:normal !important;
overflow-wrap:anywhere;
word-break:normal;
hyphens:auto;
display:flex;
align-items:center;
gap:14px;
line-height:1.28;
}
.dk-bilietai-app .dk-answer span,
.dk-bilietai-app .dkb-answer span,
.dk-bilietai-app .answer-option span{
min-width:0;
max-width:100%;
overflow-wrap:anywhere;
}
.dk-bilietai-app .dk-answer.is-selected:not(.is-correct):not(.is-wrong),
.dk-bilietai-app .dkb-answer.is-selected:not(.is-correct):not(.is-wrong),
.dk-bilietai-app .answer-option.is-selected:not(.is-correct):not(.is-wrong){
background:#fff7e8 !important;
border-color:#d69a2d !important;
color:#8a5a00 !important;
}
.dk-bilietai-app .dk-answer.is-correct,
.dk-bilietai-app .dkb-answer.is-correct,
.dk-bilietai-app .answer-option.is-correct{
background:#00624f !important;
border-color:#00624f !important;
color:#fff !important;
}
.dk-bilietai-app .dk-answer.is-wrong,
.dk-bilietai-app .dkb-answer.is-wrong,
.dk-bilietai-app .answer-option.is-wrong,
.dk-bilietai-app .dk-answer.is-incorrect,
.dk-bilietai-app .dkb-answer.is-incorrect,
.dk-bilietai-app .answer-option.is-incorrect{
background:#c93a5f !important;
border-color:#c93a5f !important;
color:#fff !important;
}
@media (max-width:782px){
.dk-bilietai-app{
width:100%;
margin:72px auto 28px !important;
padding:0 12px;
}
.dk-bilietai-app h1,
.dk-bilietai-app .dk-question,
.dk-bilietai-app .dkb-question,
.dk-bilietai-app .question-title{
font-size:clamp(26px, 7vw, 40px) !important;
}
.dk-bilietai-app .dk-answer,
.dk-bilietai-app .dkb-answer,
.dk-bilietai-app .answer-option{
padding:14px 16px !important;
font-size:16px !important;
}
}
@media (min-width:783px){
body.admin-bar .dk-bilietai-app{ margin-top:170px !important; }
}
.dk-bilietai-app .dk-option{
max-width:100%; min-width:0; white-space:normal !important; overflow-wrap:anywhere; word-break:normal; hyphens:auto;
display:flex !important; align-items:center; gap:14px; line-height:1.28;
}
.dk-bilietai-app .dk-option > *{min-width:0;}
.dk-bilietai-app .dk-option.is-correct{background:#00624f !important;border-color:#00624f !important;color:#fff !important;}
.dk-bilietai-app .dk-option.is-wrong{background:#c93a5f !important;border-color:#c93a5f !important;color:#fff !important;}
.dk-bilietai-app .dk-option.is-selected:not(.is-correct):not(.is-wrong){background:#fff7e8 !important;border-color:#d69a2d !important;color:#8a5a00 !important;}
@media(max-width:782px){.dk-bilietai-app .dk-option{font-size:16px!important;padding:14px 16px!important;}.dk-bilietai-app .dk-options{gap:12px!important;}} .dk-wrap, .dk-card, .dk-question, .dk-options, .dk-option, .dk-option-text {
box-sizing: border-box;
max-width: 100%;
}
.dk-question {
overflow-wrap: anywhere;
word-break: normal;
hyphens: auto;
}
.dk-option {
align-items: flex-start;
gap: 18px;
min-width: 0;
}
.dk-option-letter {
flex: 0 0 auto;
}
.dk-option-text {
display: block;
min-width: 0;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
line-height: 1.45;
}
.dk-img-box img,
.dk-question-image,
.dk-practice-image {
max-width: 100%;
height: auto;
display: block;
}
.dk-choice-note,
.dk-feedback,
.dk-muted {
overflow-wrap: anywhere;
}
@media (max-width: 720px) {
.dk-wrap {
width: 100%;
padding: 18px 14px 26px;
margin-top: 18px;
}
.dk-card {
padding: 24px 16px;
border-radius: 24px;
}
.dk-question {
font-size: clamp(25px, 7vw, 34px);
line-height: 1.16;
}
.dk-option {
padding: 16px 14px;
border-radius: 18px;
}
.dk-option-letter {
width: 38px;
height: 38px;
}
.dk-next {
width: 100%;
justify-content: center;
}
} .dk-card { overflow: visible; }
.dk-question-title { overflow-wrap: anywhere; word-break: normal; line-height: 1.18; max-width: 100%; }
.dk-options { min-width: 0; }
.dk-option { display: flex; align-items: center; gap: 16px; min-width: 0; width: 100%; white-space: normal; text-align: left; overflow-wrap: anywhere; }
.dk-option .dk-option-letter, .dk-option > span:first-child { flex: 0 0 auto; }
.dk-option-text { display: block; min-width: 0; flex: 1 1 auto; line-height: 1.35; overflow-wrap: anywhere; }
.dk-success { background: #eef8f5; border: 1px solid rgba(0,99,82,.18); border-radius: 18px; padding: 22px; color: #003f35; }
.dk-success h3 { margin: 0 0 8px; font-size: 24px; }
@media (max-width: 767px) {
.dk-wrap, .dk-reg-wrap { padding-top: 22px !important; }
.dk-card, .dk-reg-card { max-width: calc(100vw - 24px); margin-left: auto; margin-right: auto; padding: 22px 16px; }
.dk-question-title { font-size: clamp(26px, 7vw, 34px); }
.dk-option { padding: 14px 14px; gap: 12px; }
.dk-actions { position: static; display: grid; gap: 14px; }
.dk-btn { width: 100%; max-width: 100%; white-space: normal; }
} .dk-reg-wrap, .dk-wrap { clear: both; position: relative; z-index: 1; }
.dk-page, .dk-reg-page { padding-top: 72px; }
.dk-site-logo, .site-logo, header .custom-logo-link { position: relative; z-index: 0; }
.dk-option, .dk-option * { box-sizing: border-box; }
.dk-question-title, .dk-question, .dk-option-text { max-width: 100%; overflow-wrap: anywhere; word-break: normal; white-space: normal; }
.dk-option { align-items: flex-start; }
.dk-option-letter { flex-shrink: 0; }
.dk-option-text { flex: 1 1 auto; min-width: 0; }
@media (max-width: 768px) {
.dk-page, .dk-reg-page { padding-top: 92px !important; }
.dk-wrap, .dk-reg-wrap { margin-top: 32px !important; }
.dk-card, .dk-reg-card { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; overflow: hidden; }
.dk-question-title, .dk-question { font-size: clamp(24px, 6.2vw, 32px) !important; line-height: 1.18 !important; }
.dk-option { width: 100%; padding: 14px 12px !important; gap: 10px !important; }
.dk-option-text { font-size: 16px !important; line-height: 1.35 !important; }
} .dk-bilietai-app,
.dk-bilietai-app * {
box-sizing: border-box !important;
}
.dk-bilietai-app {
width: 100% !important;
max-width: 1040px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: clamp(12px, 3vw, 24px) !important;
padding-right: clamp(12px, 3vw, 24px) !important;
overflow-x: hidden !important;
}
.dk-bilietai-app .dk-card,
.dk-bilietai-app .dk-registration,
.dk-bilietai-app .dk-intro,
.dk-bilietai-app .dk-result {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
.dk-bilietai-app h1,
.dk-bilietai-app h2,
.dk-bilietai-app h3,
.dk-bilietai-app p,
.dk-bilietai-app label,
.dk-bilietai-app .dk-question-title,
.dk-bilietai-app .dk-question,
.dk-bilietai-app .dk-option,
.dk-bilietai-app .dk-option-text,
.dk-bilietai-app .dk-feedback,
.dk-bilietai-app .dk-actions-note,
.dk-bilietai-app .dk-practice-item,
.dk-bilietai-app .dk-practice-answer {
max-width: 100% !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
-webkit-hyphens: none !important;
}
.dk-bilietai-app .dk-question-title {
font-size: clamp(26px, 4.2vw, 40px) !important;
line-height: 1.22 !important;
}
.dk-bilietai-app .dk-options {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
gap: 14px !important;
overflow-x: hidden !important;
}
.dk-bilietai-app .dk-option {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
text-align: left !important;
}
.dk-bilietai-app .dk-option-letter {
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
}
.dk-bilietai-app .dk-option-text {
flex: 1 1 auto !important;
min-width: 0 !important;
display: block !important;
line-height: 1.42 !important;
}
.dk-bilietai-app .dk-btn {
white-space: normal !important;
text-align: center !important;
}
.dk-bilietai-app .dk-option.is-selected:not(.is-correct):not(.is-wrong) {
background: #fff6df !important;
border-color: #d4a23a !important;
color: #063f35 !important;
}
.dk-bilietai-app .dk-option.is-correct {
background: #00624f !important;
border-color: #00624f !important;
color: #ffffff !important;
}
.dk-bilietai-app .dk-option.is-wrong {
background: #c83b3b !important;
border-color: #c83b3b !important;
color: #ffffff !important;
}
@media (max-width: 767px) {
html, body { overflow-x: hidden !important; }
.dk-bilietai-app {
width: 100vw !important;
max-width: 100vw !important;
padding-left: 12px !important;
padding-right: 12px !important;
margin-top: 22px !important;
}
.dk-bilietai-app .dk-card,
.dk-bilietai-app .dk-registration,
.dk-bilietai-app .dk-intro,
.dk-bilietai-app .dk-result {
width: 100% !important;
max-width: 100% !important;
padding: 22px 16px !important;
border-radius: 22px !important;
}
.dk-bilietai-app .dk-question-title {
font-size: clamp(24px, 6.3vw, 31px) !important;
line-height: 1.24 !important;
}
.dk-bilietai-app .dk-option {
padding: 14px 12px !important;
gap: 12px !important;
}
.dk-bilietai-app .dk-option-letter {
flex-basis: 36px !important;
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
}
.dk-bilietai-app .dk-option-text {
font-size: 15.5px !important;
line-height: 1.38 !important;
}
.dk-bilietai-app .dk-actions {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.dk-bilietai-app .dk-actions .dk-btn,
.dk-bilietai-app .dk-btn {
width: 100% !important;
max-width: 100% !important;
}
.dk-bilietai-app .dk-form-grid,
.dk-bilietai-app .dk-program-grid {
grid-template-columns: 1fr !important;
}
} .dk-bilietai-app .dk-answer-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px;
}
.dk-bilietai-app .dk-answer-actions [hidden] {
display: none !important;
}
.dk-bilietai-app .dk-confirm-answer {
background: linear-gradient(135deg, #0f766e, #0b8f7d);
}
@media (max-width: 700px) {
.dk-bilietai-app .dk-answer-actions {
width: 100%;
}
.dk-bilietai-app .dk-answer-actions .dk-btn {
width: 100%;
}
} .dk-bilietai-app .dk-options {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
width: 100% !important;
min-width: 0 !important;
}
.dk-bilietai-app .dk-option {
appearance: none !important;
-webkit-appearance: none !important;
position: relative !important;
height: auto !important;
min-height: 68px !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
display: grid !important;
grid-template-columns: 42px minmax(0, 1fr) !important;
column-gap: 14px !important;
align-items: start !important;
justify-items: stretch !important;
padding: 17px 18px !important;
border-radius: 18px !important;
border: 1px solid #d6e7e3 !important;
background: #ffffff !important;
box-shadow: none !important;
text-align: left !important;
line-height: 1.35 !important;
}
.dk-bilietai-app .dk-option::before,
.dk-bilietai-app .dk-option::after,
.dk-bilietai-app .dk-option-text::before,
.dk-bilietai-app .dk-option-text::after {
display: none !important;
content: none !important;
}
.dk-bilietai-app .dk-option-letter {
grid-column: 1 !important;
align-self: start !important;
justify-self: start !important;
flex: none !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
.dk-bilietai-app .dk-option-text {
grid-column: 2 !important;
align-self: start !important;
justify-self: stretch !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 2px 0 0 0 !important;
line-height: 1.38 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
-webkit-hyphens: none !important;
background: transparent !important;
border: 0 !important;
}
.dk-bilietai-app .dk-option.is-selected:not(.is-correct):not(.is-wrong),
.dk-bilietai-app .dk-option:focus:not(.is-correct):not(.is-wrong) {
background: #fff6df !important;
border-color: #d4a23a !important;
color: #063f35 !important;
}
.dk-bilietai-app .dk-option.is-correct {
background: #00624f !important;
border-color: #00624f !important;
color: #ffffff !important;
}
.dk-bilietai-app .dk-option.is-wrong {
background: #c83b3b !important;
border-color: #c83b3b !important;
color: #ffffff !important;
}
.dk-bilietai-app .dk-option.is-correct .dk-option-text,
.dk-bilietai-app .dk-option.is-wrong .dk-option-text,
.dk-bilietai-app .dk-option.is-correct .dk-option-letter,
.dk-bilietai-app .dk-option.is-wrong .dk-option-letter {
color: inherit !important;
}
@media (max-width: 767px) {
.dk-bilietai-app {
width: 100% !important;
max-width: 100% !important;
padding-left: 10px !important;
padding-right: 10px !important;
overflow-x: hidden !important;
}
.dk-bilietai-app .dk-card {
padding: 20px 14px !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
.dk-bilietai-app .dk-question-title {
font-size: clamp(25px, 6.6vw, 32px) !important;
line-height: 1.22 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
-webkit-hyphens: none !important;
}
.dk-bilietai-app .dk-option {
grid-template-columns: 38px minmax(0, 1fr) !important;
column-gap: 12px !important;
padding: 15px 12px !important;
min-height: 64px !important;
border-radius: 16px !important;
}
.dk-bilietai-app .dk-option-letter {
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
font-size: 15px !important;
}
.dk-bilietai-app .dk-option-text {
font-size: 15.5px !important;
line-height: 1.36 !important;
padding-top: 1px !important;
}
.dk-bilietai-app .dk-actions {
display: grid !important;
grid-template-columns: 1fr !important;
}
.dk-bilietai-app .dk-next,
.dk-bilietai-app .dk-btn {
width: 100% !important;
max-width: 100% !important;
}
} @supports (-webkit-touch-callout: none) {
.dk-bilietai-app .dk-question-title,
.dk-bilietai-app .dk-option-text {
word-break: normal !important;
overflow-wrap: break-word !important;
-webkit-hyphens: none !important;
hyphens: none !important;
}
.dk-bilietai-app .dk-option {
display: grid !important;
height: auto !important;
}
} .dk-bilietai-app .dk-option,
.dk-bilietai-app .dk-option * {
text-shadow: none !important;
}
.dk-bilietai-app .dk-option span,
.dk-bilietai-app .dk-option .dk-option-letter,
.dk-bilietai-app .dk-option .dk-option-text {
box-shadow: none !important;
outline: none !important;
}
.dk-bilietai-app .dk-option.is-correct,
.dk-bilietai-app .dk-option.is-wrong {
color: #ffffff !important;
}
.dk-bilietai-app .dk-option.is-correct .dk-option-text,
.dk-bilietai-app .dk-option.is-wrong .dk-option-text,
.dk-bilietai-app .dk-option.is-correct span:not(.dk-option-letter),
.dk-bilietai-app .dk-option.is-wrong span:not(.dk-option-letter) {
color: #ffffff !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.dk-bilietai-app .dk-option.is-correct .dk-option-letter,
.dk-bilietai-app .dk-option.is-wrong .dk-option-letter {
color: #00624f !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 0 !important;
}
.dk-bilietai-app .dk-option.is-selected:not(.is-correct):not(.is-wrong) {
background: #fff6df !important;
background-color: #fff6df !important;
border-color: #d4a23a !important;
color: #063f35 !important;
}
.dk-bilietai-app .dk-option.is-selected:not(.is-correct):not(.is-wrong) .dk-option-text,
.dk-bilietai-app .dk-option.is-selected:not(.is-correct):not(.is-wrong) span:not(.dk-option-letter) {
color: #063f35 !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
} .dk-bilietai-app .dk-options .dk-option > span {
background-image: none !important;
}
.dk-bilietai-app .dk-options .dk-option.is-correct > span:not(.dk-option-letter),
.dk-bilietai-app .dk-options .dk-option.is-wrong > span:not(.dk-option-letter) {
-webkit-text-fill-color: #ffffff !important;
} .dk-bilietai-app .dk-option {
min-height: unset !important;
height: auto !important;
}
.dk-bilietai-app .dk-option-text {
padding-top: 0 !important;
padding-bottom: 0 !important;
} .dk-bilietai-app .dk-program-grid-single {
grid-template-columns: 1fr !important;
}
.dk-bilietai-app .dk-program-grid-single .dk-program-card {
cursor: default !important;
}
.dk-bilietai-app .dk-option {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
align-items: flex-start !important;
}
.dk-bilietai-app .dk-option-text {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
-webkit-hyphens: none !important;
}
@media (max-width: 767px) {
.dk-bilietai-app .dk-options {
gap: 16px !important;
}
.dk-bilietai-app .dk-option {
display: grid !important;
grid-template-columns: 38px minmax(0, 1fr) !important;
align-items: flex-start !important;
padding: 18px 14px !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
.dk-bilietai-app .dk-option-text {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
padding-top: 0 !important;
line-height: 1.32 !important;
font-size: 15px !important;
}
.dk-bilietai-app .dk-option-letter {
margin-top: 0 !important;
}
.dk-bilietai-app .dk-question-title {
font-size: clamp(25px, 6.1vw, 30px) !important;
line-height: 1.22 !important;
}
} .dk-bilietai-app {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
.dk-bilietai-app .dk-card,
.dk-bilietai-app .dk-registration,
.dk-bilietai-app .dk-intro,
.dk-bilietai-app .dk-result,
.dk-bilietai-app .dk-thankyou {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
}
.dk-bilietai-app .dk-form-grid,
.dk-bilietai-app .dk-program-grid,
.dk-bilietai-app .dk-program-grid-single {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.dk-bilietai-app input,
.dk-bilietai-app textarea,
.dk-bilietai-app select,
.dk-bilietai-app button {
max-width: 100% !important;
}
.dk-bilietai-app .dk-registration h1,
.dk-bilietai-app .dk-registration h2,
.dk-bilietai-app .dk-intro h1,
.dk-bilietai-app .dk-intro h2 {
max-width: 100% !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
@media (min-width: 768px) {
.dk-bilietai-app .dk-card {
padding-left: clamp(24px, 3vw, 48px) !important;
padding-right: clamp(24px, 3vw, 48px) !important;
}
}
@media (max-width: 767px) {
.dk-bilietai-app {
width: 100% !important;
max-width: 100% !important;
padding-left: 10px !important;
padding-right: 10px !important;
overflow-x: hidden !important;
}
.dk-bilietai-app .dk-card {
padding-left: 16px !important;
padding-right: 16px !important;
overflow-x: hidden !important;
}
} @media (max-width: 767px) {
.entry-content:has(.dk-bilietai-app),
.wp-block-post-content:has(.dk-bilietai-app),
.site-main:has(.dk-bilietai-app),
main:has(.dk-bilietai-app) {
overflow: visible !important;
}
.dk-bilietai-app {
display: block !important;
width: calc(100vw - 24px) !important;
max-width: calc(100vw - 24px) !important;
min-width: 0 !important;
margin-left: 50% !important;
transform: translateX(-50%) !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
.dk-bilietai-app .dk-card,
.dk-bilietai-app .dk-registration,
.dk-bilietai-app .dk-intro,
.dk-bilietai-app .dk-result {
width: 100% !important;
max-width: 100% !important;
padding: 22px 18px !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
}
.dk-bilietai-app .dk-registration h1,
.dk-bilietai-app .dk-registration h2,
.dk-bilietai-app .dk-intro h1,
.dk-bilietai-app .dk-intro h2 {
font-size: clamp(34px, 10vw, 48px) !important;
line-height: 1.08 !important;
letter-spacing: -0.03em !important;
max-width: 100% !important;
}
.dk-bilietai-app .dk-registration p,
.dk-bilietai-app .dk-intro p {
font-size: 18px !important;
line-height: 1.55 !important;
}
.dk-bilietai-app .dk-form-grid,
.dk-bilietai-app .dk-program-grid,
.dk-bilietai-app .dk-program-grid-single {
grid-template-columns: 1fr !important;
}
} #dk-copy-topic-quotas-status,
#dk-copy-questions-json-status {
color: #0a6b55;
font-weight: 600;
} .dk-bilietai-app .dk-registration h2,
.dk-bilietai-app .dk-intro h2 {
overflow-wrap: break-word;
} .dk-bilietai-app .dk-result h2,
.dk-bilietai-app .dk-intro h2,
.dk-bilietai-app .dk-registration h2 {
overflow-wrap: break-word;
} .dk-practice-more-wrap {
display: flex;
justify-content: center;
margin-top: 24px;
}
.dk-practice-more {
width: auto !important;
min-width: 220px;
}
@media (max-width: 767px) {
.dk-practice-more {
width: 100% !important;
}
} .dk-bilietai-app .dk-practice-list {
display: grid;
gap: 24px;
margin-top: 18px;
}
.dk-bilietai-app .dk-practice-item {
border: 1px solid var(--dk-line);
border-radius: 18px;
padding: 22px;
background: #fff;
box-shadow: 0 10px 28px rgba(0, 76, 63, .07);
}
.dk-bilietai-app .dk-practice-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 16px;
}
.dk-bilietai-app .dk-practice-identity {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
min-width: 0;
}
.dk-bilietai-app .dk-practice-number,
.dk-bilietai-app .dk-practice-code,
.dk-bilietai-app .dk-practice-file {
display: inline-flex;
align-items: center;
min-height: 32px;
border-radius: 999px;
padding: 6px 11px;
line-height: 1.25;
}
.dk-bilietai-app .dk-practice-number {
background: var(--dk-green);
color: #fff;
font-weight: 900;
}
.dk-bilietai-app .dk-practice-code {
background: var(--dk-mint);
border: 1px solid #b9ddd5;
color: var(--dk-green);
font-size: 14px;
font-weight: 900;
}
.dk-bilietai-app .dk-practice-file {
max-width: 100%;
background: #f5f7f7;
border: 1px solid var(--dk-line);
color: #40545d;
font-size: 13px;
overflow-wrap: anywhere;
}
.dk-bilietai-app .dk-practice-top > em {
color: var(--dk-muted);
font-size: 13px;
line-height: 1.4;
text-align: right;
}
.dk-bilietai-app .dk-practice-audit-warning,
.dk-bilietai-app .dk-practice-image-warning {
border: 1px solid #e3ad3c;
border-radius: 12px;
background: #fff7e6;
color: #714a00;
padding: 12px 14px;
font-weight: 800;
line-height: 1.45;
}
.dk-bilietai-app .dk-practice-audit-warning {
margin: 0 0 16px;
}
.dk-bilietai-app .dk-practice-question-image.is-missing {
border-color: #e3ad3c;
background: #fff7e6;
}
.dk-bilietai-app .dk-practice-image-warning[hidden] {
display: none !important;
}
.dk-bilietai-app .dk-practice-question-image .dk-practice-image-warning {
border: 0;
border-radius: 0;
}
@media (max-width: 767px) {
.dk-bilietai-app .dk-practice-item {
padding: 17px 14px;
}
.dk-bilietai-app .dk-practice-top {
display: grid;
}
.dk-bilietai-app .dk-practice-top > em {
text-align: left;
}
.dk-bilietai-app .dk-practice-number,
.dk-bilietai-app .dk-practice-code,
.dk-bilietai-app .dk-practice-file {
width: 100%;
border-radius: 12px;
}
}