/* Legacy component rules. Order retained from 8.57.5; shared foundations extracted. */


* {box-sizing:border-box;}


html {scroll-behavior:smooth;scroll-padding-top:72px;}


body {margin:0;background:#fff;color:var(--mio-text);font-family:var(--mio-font-body);font-size:13.5px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}


img {display:block;max-width:100%;}
a {color:inherit;text-decoration:none;}
button {font:inherit;}
input {font:inherit;}
textarea {font:inherit;}
.container {margin:0 auto;}
.section-soft {background:#f7f9fb;}
.section-title {color:#0e1116;}
.section-title.centered {text-align:center;}
.split-title {display:flex;flex-direction:column;gap:0;}
.split-title.centered {align-items:center;text-align:center;}
.split-title.left {align-items:flex-start;text-align:left;}
.split-title .accent {color:var(--mio-primary);}
.eyebrow {font-size:11px;line-height:1.2;font-weight:500;letter-spacing:1.54px;text-transform:uppercase;color:#7a8694;}
.lead {margin:0;font-size:13.5px;font-weight:600;color:#0e1116;}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;padding:12px 20px;border:0;font-size:14px;line-height:1;font-weight:600;cursor:pointer;}
.btn-primary {background:#5691b8;color:#fff;}
.btn-light {background:#5691b8;color:#fff;}
.mio-icon {width:24px;height:24px;display:block;flex:0 0 auto;color:currentColor;}
















































.section-head {position:relative;display:flex;align-items:center;justify-content:center;}
.section-head .section-title {text-align:center;}












































.section-intro {max-width:1150px;margin:0 auto 28px;text-align:center;font-size:11.5px;line-height:1.58;color:#4e5a67;}














































body.home .joinchat {display:none;}
body.home .qlwapp {display:none;}
body.home .ht-ctc {display:none;}
body.home .chaty-widget {display:none;}
body.home .tawk-min-container {display:none;}
body.home iframe[title*="chat" i] {display:none;}


body {font-family:var(--mio-font-body);}
button {font-family:var(--mio-font-body);}
input {font-family:var(--mio-font-body);}
textarea {font-family:var(--mio-font-body);}
select {font-family:var(--mio-font-body);}







































































































































































































































:root {--mio-block-gap:24px;}


@media (min-width:1101px) {
#proces>.container {margin-top:0;margin-bottom:0;}
}


















.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}











































































































































































@media (max-width:760px) {
html {}body {}body {font-family:var(--mio-font-body);}.container {margin-left:auto;margin-right:auto;}.eyebrow {font-size:9px;line-height:1.3;letter-spacing:2px;margin-bottom:10px;}.section-title.split-title span {display:block;}.section-intro {font-size:11px;line-height:1.5;margin:0 auto 18px;}
}


@media (max-width:760px) {
:root {--mobile-pad:16px;--mobile-blue:#5691b8;--mobile-text:#4e5a67;}html {background:#fff;}body {background:#fff;}body {font-family:var(--mio-font-body);font-size:14px;}.container {margin-left:auto;margin-right:auto;}
}


@media (max-width:760px) {
html {scroll-behavior:smooth;}body {font-size:12px;line-height:1.45;}
}


@media (max-width:760px) {
:root {--m-pad:14px;--m-blue:#5b9ac3;--m-blue-dark:#2f80c2;--m-text:#1d2430;--m-muted:#667384;--m-line:#dfe7ef;}html {width:100%;max-width:100%;}body {width:100%;max-width:100%;}body {font-size:10px;line-height:1.45;color:var(--m-text);background:#fff;}main {overflow:hidden;}.container {margin-left:auto;margin-right:auto;}
}




@media (max-width:760px) {
html {font-size:16px;}body {font-size:14px;line-height:1.5;}
}










@media (max-width:760px) {
html {width:100%;max-width:100%;margin:0;padding:0;}body {width:100%;max-width:100%;margin:0;padding:0;}body {position:relative;}main {width:100%;max-width:100%;margin-left:0;margin-right:0;}.section {width:100%;max-width:100%;margin-left:0;margin-right:0;}#proces {width:100%;max-width:100%;margin-left:0;margin-right:0;}.container {margin-left:auto;margin-right:auto;}
}