html{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif;}
body{margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;}
audio, canvas, progress, video{vertical-align: baseline; display: inline-block;}
audio:not([controls]){height: 0; display: none;}
[hidden], template{display: none;}
a{background-color: #0000;}
a:active, a:hover{outline: 0;}
abbr[title]{border-bottom: 1px dotted;}
b, strong{font-weight: bold;}
dfn{font-style: italic;}
h1{margin: .67em 0; font-size: 2em;}
mark{color: #000; background: #ff0;}
small{font-size: 80%;}
sub, sup{vertical-align: baseline; font-size: 75%; line-height: 0; position: relative;}
sup{top: -.5em;}
sub{bottom: -.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
hr{box-sizing: content-box; height: 0;}
pre{overflow: auto;}
code, kbd, pre, samp{font-family: monospace; font-size: 1em;}
button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"]{-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled]{cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;}
input{line-height: normal;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
legend{border: 0; padding: 0;}
textarea{overflow: auto;}
optgroup{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0;}
td, th{padding: 0;}
@font-face {font-family: zilo-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal;}
[class^="c-icon-"], [class*=" c-icon-"]{speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; line-height: 1; font-family: zilo-icons !important;}
.c-icon-nav-menu:before{content: "";}
.c-icon-dropdown-toggle:before{content: "";}
*{box-sizing: border-box;}
html{height: 100%;}
body{color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px;}
img{vertical-align: middle; max-width: 100%; display: inline-block;}
.c-inline-block{max-width: 100%; display: inline-block;}
.c-button{color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block;}
input.c-button{-webkit-appearance: button;}
:where(button.c-popover-trigger){color: inherit; cursor: pointer; font: inherit; line-height: inherit; text-align: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; background-color: #0000; border: 0; margin: 0; padding: 0;}
html[data-w-dynpage] [data-w-cloak]{color: #0000 !important;}
h1, h2, h3, h4, h5, h6{margin-bottom: 10px; font-weight: bold;}
h1{margin-top: 20px; font-size: 38px; line-height: 44px;}
h2{margin-top: 20px; font-size: 32px; line-height: 36px;}
h3{margin-top: 20px; font-size: 24px; line-height: 30px;}
h4{margin-top: 10px; font-size: 18px; line-height: 24px;}
h5{margin-top: 10px; font-size: 14px; line-height: 20px;}
h6{margin-top: 10px; font-size: 12px; line-height: 18px;}
p{margin-top: 0; margin-bottom: 10px;}
blockquote{border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px;}
figure{margin: 0 0 10px;}
figcaption{text-align: center; margin-top: 5px;}
ul, ol{margin-top: 0; margin-bottom: 10px; padding-left: 40px;}
.c-embed:before, .c-embed:after{content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.c-embed:after{clear: both;}
fieldset{border: 0; margin: 0; padding: 0;}
button, [type="button"], [type="reset"]{cursor: pointer; -webkit-appearance: button; border: 0;}
.c-form{margin: 0 0 15px;}
.c-form-done{text-align: center; background-color: #ddd; padding: 20px; display: none;}
.c-form-fail{background-color: #ffdede; margin-top: 10px; padding: 10px; display: none;}
.c-recaptcha{min-height: 78px; margin-top: 16px; margin-bottom: 16px;}
.c-recaptcha-msg{color: #c62828; margin: -8px 0 16px; font-size: 14px; display: none;}
.c-field-error{color: #c62828; margin: 6px 0 0; font-size: 14px; line-height: 1.4; display: none;}
.c-input.is-invalid, .input-box.mt-20.is-invalid{border-color: #c62828;}
label{margin-bottom: 5px; font-weight: bold; display: block;}
.c-input{color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; width: 100%; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block;}
.c-input::placeholder{color: #999;}
.c-input:focus{border-color: #3898ec; outline: 0;}
.c-input[disabled], .c-input[readonly], fieldset[disabled] .c-input{cursor: not-allowed;}
.c-input[disabled]:not(.c-input-disabled), .c-input[readonly], fieldset[disabled]:not(.c-input-disabled) .c-input{background-color: #eee;}
textarea.c-input{height: auto;}
.c-form-label{cursor: pointer; margin-bottom: 0; font-weight: normal; display: inline-block;}
.c-dropdown{text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative;}
.c-dropdown-toggle{vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative;}
.c-dropdown-toggle{-webkit-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block;}
.c-dropdown-toggle:focus{outline: 0;}
.c-icon-dropdown-toggle{width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0; bottom: 0; right: 0;}
.c-dropdown-list{background: #ddd; min-width: 100%; display: none; position: absolute;}
.c-dropdown-list.is-open{display: block;}
.c-richtext:before, .c-richtext:after{content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.c-richtext:after{clear: both;}
.c-richtext[contenteditable="true"]:before, .c-richtext[contenteditable="true"]:after{white-space: initial;}
.c-richtext ol, .c-richtext ul{overflow: hidden;}
.c-richtext figure[data-rt-type="video"] > div:after{content: ""; display: none; position: absolute; inset: 0;}
.c-richtext figure{max-width: 60%; position: relative;}
.c-richtext figure > div:before{cursor: default !important;}
.c-richtext figure img{width: 100%;}
.c-richtext figure div{color: #0000; font-size: 0;}
.c-richtext figure[data-rt-type="image"]{display: table;}
.c-richtext figure[data-rt-type="image"] > div{display: inline-block;}
.c-richtext figure[data-rt-type="image"] > figcaption{caption-side: bottom; display: table-caption;}
.c-richtext figure[data-rt-type="video"]{width: 60%; height: 0;}
.c-richtext figure[data-rt-type="video"] iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.c-richtext figure[data-rt-type="video"] > div{width: 100%;}
.c-nav{z-index: 1000; background: #ddd; position: relative;}
.c-nav:before, .c-nav:after{content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.c-nav:after{clear: both;}
.c-nav-brand{float: left; color: #333; text-decoration: none; position: relative;}
.c-nav-menu{float: right; position: relative;}
[data-nav-menu-open]{text-align: center; background: #c8c8c8; min-width: 200px; position: absolute; top: 100%; left: 0; right: 0; overflow: visible; display: block !important;}
.is-nav-link-open{display: block; position: relative;}
.c-nav-overlay{width: 100%; display: none; position: absolute; top: 100%; left: 0; right: 0; overflow: hidden;}
.c-nav-overlay [data-nav-menu-open]{top: 0;}
.c-nav[data-animation="over-left"] .c-nav-overlay{width: auto;}
.c-nav[data-animation="over-left"] .c-nav-overlay, .c-nav[data-animation="over-left"] [data-nav-menu-open]{z-index: 1; top: 0; right: auto;}
.c-nav[data-animation="over-right"] .c-nav-overlay{width: auto;}
.c-nav[data-animation="over-right"] .c-nav-overlay, .c-nav[data-animation="over-right"] [data-nav-menu-open]{z-index: 1; top: 0; left: auto;}
.c-nav-button{float: right; cursor: pointer; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative;}
.c-nav-button:focus{outline: 0;}
.c-nav-button.is-open{color: #fff; background-color: #c8c8c8;}
.c-nav[data-collapse="all"] .c-nav-menu{display: none;}
.c-nav[data-collapse="all"] .c-nav-button, .is-nav-dropdown-open, .is-nav-dropdown-toggle-open{display: block;}
.is-nav-dropdown-list-open{position: static;}
@media screen and (max-width: 991px){.c-nav[data-collapse="medium"] .c-nav-menu{display: none;}
.c-nav[data-collapse="medium"] .c-nav-button{display: block;}}
@media screen and (max-width: 767px){.c-nav[data-collapse="small"] .c-nav-menu{display: none;}
.c-nav[data-collapse="small"] .c-nav-button{display: block;}
.c-nav-brand{padding-left: 10px;}}
@media screen and (max-width: 479px){.c-nav[data-collapse="tiny"] .c-nav-menu{display: none;}
.c-nav[data-collapse="tiny"] .c-nav-button{display: block;}}
.c-dyn-bind-empty{display: none !important;}
@font-face {font-family: Satoshi Variable; src: url("/assets/fonts/Satoshi-Variable.ttf") format("truetype"); font-weight: 300 900; font-style: normal; font-display: swap;}
@font-face {font-family: Inter; src: url("/assets/fonts/Inter.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap;}
@font-face {font-family: Rubik; src: url("/assets/fonts/Rubik-VariableFont_wght.ttf") format("truetype"); font-weight: 300 900; font-style: normal; font-display: swap;}
:root{--black: #120f2a; --zilo-blue1: #222693; --zilo-blue2: #1d207c; --white: white; --gray2: #6b707d; --green: #00b286; --yellow: #f6ae2d; --blue: #2470e0; --pink: #ea4335; --black-81: black; --gray3: #979db0;}
.c-checkbox{margin-bottom: 5px; padding-left: 20px; display: block;}
.c-checkbox:before{content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.c-checkbox:after{content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table;}
.c-checkbox-input{float: left; margin: 4px 0 0 -20px; line-height: normal;}
.c-checkbox-input--inputType-custom{border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px;}
.c-checkbox-input--inputType-custom.is-redirected-checked{background-color: #3898ec; background-image: url("/assets/img/custom-checkbox-checkmark-589d534424.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec;}
.c-checkbox-input--inputType-custom.is-redirected-focus{box-shadow: 0 0 3px 1px #3898ec;}
body{color: var(--black); font-family: Inter, sans-serif; font-size: 14px; line-height: 20px;}
h2{color: var(--black); letter-spacing: -.32px; margin-top: 0; margin-bottom: 16px; font-family: Satoshi Variable, sans-serif; font-size: 32px; font-weight: 700; line-height: 44px;}
h4{margin-top: 10px; margin-bottom: 10px; font-family: Satoshi Variable, sans-serif; font-size: 36px; font-weight: 700; line-height: 52px;}
h6{color: var(--black); margin-top: 10px; margin-bottom: 10px; font-size: 36px; font-weight: 700; line-height: 52px;}
ul{margin-top: 0; margin-bottom: 10px; padding-left: 40px;}
li{color: var(--black);}
blockquote{color: var(--black); background-color: #050b140a; background-image: url("/assets/img/Rectangle-34624552.svg"); background-position: 40px; background-repeat: no-repeat; background-size: auto 70%; border-left: 5px #e2e2e2; border-radius: 16px; margin-bottom: 10px; padding: 40px 60px 40px 100px; font-size: 24px; font-style: italic; font-weight: 500; line-height: 36px;}
.navbar-logo-left-container{z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; padding-top: 15px; padding-bottom: 15px;}
.navbar-logo-left-container.shadow-three{z-index: auto; -webkit-text-fill-color: inherit; cursor: auto; z-index: auto; -webkit-text-fill-color: inherit; cursor: auto; z-index: auto; -webkit-text-fill-color: inherit; cursor: auto; background-color: #fff; background-clip: border-box; flex: 0 auto; width: 100%; max-width: 1350px; margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; display: flex; position: sticky; box-shadow: 0 2px 6px #0e11700a;}
.heading-02{letter-spacing: -1.92px; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 500; line-height: 54px;}
.heading-02.text-center{margin-left: 260px; margin-right: 260px; padding-bottom: 0; font-size: 52px; line-height: 64px;}
.body-03{color: var(--gray2); margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 14px; line-height: 22px;}
.body-01{margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px;}
.body-01.mr-8{font-size: 16px; font-weight: 500; line-height: 20px;}
.body-01.mr-8:hover{border-bottom: 1px none var(--zilo-blue1);}
.body-01.mt-16{color: var(--black);}
.body-01.mt-16.opacity-70{color: #050b14b3;}
.body-01.mt-16.opacity-80{color: var(--gray2);}
.body-01.mt-24{margin-top: 20px;}
.body-01.mt-24.opacity-80{margin-top: 10px;}
.body-01.mt-12{color: var(--gray2); margin-top: 12px;}
.body-01.mt-12.opacity-80{color: var(--gray2); margin-top: 0;}
.body-01.mt-12.opacity-80.white, .body-01.mt-12.white{color: var(--white);}
.body-01.mt-12.white.opacity-80{color: #fffc;}
.body-01.opacity-70{color: var(--gray2); font-weight: 400;}
.body-01.opacity-70.mt-24{padding-right: 10px;}
.body-01.mt-40{margin-top: 20px;}
.body-01.opacity-50{color: #050b1480; font-weight: 400;}
.body-01.white{color: var(--white);}
.body-01.white.opacity-70{font-weight: 400;}
.heading-03{letter-spacing: -1.2px; margin-top: 0; margin-bottom: 0; padding-right: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 600; line-height: 56px;}
.heading-03.text-center{max-width: 800px; color: var(--black); padding-left: 20px; padding-right: 20px; font-weight: 500;}
.heading-03.text-center.white{color: var(--white);}
.sub-heading-04{letter-spacing: -.24px; margin-top: 0; font-family: Rubik, sans-serif; font-size: 22px; font-weight: 500; line-height: 32px;}
.sub-heading-04.mt-20{margin-bottom: 12px; font-size: 20px; font-weight: 500; line-height: 28px;}
.sub-heading-04.mt-16{margin-bottom: 10px; font-size: 20px; line-height: 28px;}
.sub-heading-04.opacity-70.margin-less{color: var(--black); margin-top: 0; margin-bottom: 16px; font-weight: 400;}
.sub-heading-04.white{color: var(--white); margin-top: 0;}
.sub-heading-04.color-white{color: var(--white);}
.color{background-color: #050b1408; border-radius: 16px; padding: 100px 60px; display: flex;}
.sub-heading-02{letter-spacing: -.36px; margin-top: 0; margin-bottom: 32px; font-family: Rubik, sans-serif; font-size: 34px; font-weight: 600; line-height: 44px;}
.sub-heading-02.margin-less{margin-bottom: 0;}
.sub-heading-02.margin-less.white{color: var(--white); margin-bottom: 0;}
.heading-01{letter-spacing: -1.44px; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 56px; font-weight: 600; line-height: 70px;}
.heading-01.text-center{letter-spacing: 0; flex: 0 auto; justify-content: center; font-family: Rubik, sans-serif; line-height: 65px; display: flex;}
.heading-01.text-center.mt-8{color: var(--white); -webkit-text-stroke-color: var(--white); margin-left: 0; margin-right: 0;}
.heading-01.text-center.white{color: var(--white);}
.heading-01.mt-16{letter-spacing: 0; font-weight: 600; line-height: 70px;}
.body-03-semibold{letter-spacing: .56px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 14px; font-weight: 600; line-height: 16px;}
.text-center{text-align: center;}
.mt-16{margin-top: 16px;}
.mt-24{margin-top: 24px;}
.list{flex: 1; margin-right: 60px; padding-left: 0; list-style-type: none;}
.list.mt-24{margin-top: 0; margin-right: 0;}
.list.mt-16{grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; margin-right: 0; display: flex;}
.btn-box{border: 1px solid #ececec; border-radius: 100px; display: inline-block;}
.btn-box.mr-12{border-style: none; align-self: stretch; margin-bottom: 0; margin-right: 0;}
.btn-box.mt-40{margin-top: 24px;}
.mr-8{margin-right: 8px;}
.transparent-btn{grid-column-gap: 4px; grid-row-gap: 4px; color: var(--zilo-blue1); background-color: #f7f8f800; border: 4px #f1f3f5; border-radius: 100px; justify-content: flex-start; align-items: center; text-decoration: none; transition: all .3s; display: flex;}
.transparent-btn:hover{grid-column-gap: 8px; grid-row-gap: 8px; opacity: 1; font-family: Rubik, sans-serif;}
.btn-box-02{border: 1px #ececec; border-radius: 100px; display: inline-block;}
.btn-box-02.mt16{margin-top: 16px;}
.mr-12{margin-right: 12px;}
.footer-bottom{justify-content: space-between; align-items: center; display: flex;}
.footer-copyright{color: var(--gray2); font-family: Rubik, sans-serif; font-size: 14px; font-weight: 400; line-height: 24px;}
.footer-social-block-two{justify-content: center; align-items: center; margin-top: 0; margin-left: 0; display: flex;}
.footer-social-link{border: 1px solid #e9ecf1; border-radius: 90px; margin-left: 0; padding: 12px;}
.footer-bottom-02{grid-column-gap: 20px; grid-row-gap: 20px; border: 1px #000; justify-content: center; align-items: center; margin-top: 12px; display: flex;}
.opacity-80{color: #050b14cc;}
.mt-20{border-radius: 34px; margin-top: 20px; box-shadow: 0 30px 40px -8px #0e11701a;}
.home-hero{background-image: url("/assets/img/BG-garage.svg"), linear-gradient(#222693e6 20%, #8386e2 60%, #bfc1e5); background-position: 50%, 0 0; background-size: cover, auto; background-attachment: fixed, scroll; justify-content: center; padding-top: 100px; padding-bottom: 640px; display: flex; overflow: hidden;}
.home-container{flex-direction: column; flex: 1; justify-content: center; align-self: auto; align-items: center; max-width: 1264px; padding-left: 32px; padding-right: 32px; display: flex;}
.mt-8{margin-top: 8px;}
.hero{background-image: linear-gradient(#bfc1e5, #fff 50%); justify-content: center; padding-bottom: 80px; display: flex;}
.opacity-70{opacity: .7;}
.mt-40{margin-top: 40px;}
.mt-12{margin-top: 12px;}
.profile-box{align-items: center; display: flex;}
.profile-img{border-radius: 0; width: 73px; height: 56px; margin-right: 12px;}
.divider{background-color: #050b141a; height: 1px;}
.divider.margin-less{background-color: #050b1429;}
.divider.margin-less.white.opacity-50{background-color: #fff3;}
.divider.margin-less.white.opacity-20{background-color: #fff3; flex-flow: row; display: flex;}
.divider.margin-less.white{background-color: #fff;}
.divider.margin-less.white.opacity-20{background-color: #d5d7f880; width: 1px; height: 80px; margin-top: 0; margin-bottom: 0;}
.divider.margin-16px{margin-top: 12px; margin-bottom: 12px;}
.divider.margin-16px.color-white{background-color: var(--white);}
.divider.margin-16px.color-white.opacity-20{background-color: #979db04d; margin-top: 16px; margin-bottom: 16px;}
.mt-32{margin-top: 32px;}
.blogs-01-list{grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.blog-01-link{width: 100%; color: var(--black); text-decoration: none;}
.blog-01-card{background-color: #fff; border: 1px solid #e9ecf1; border-radius: 16px; overflow: hidden; box-shadow: 0 0 40px #9e9fa540;}
.blog-01-card-img-box{flex: 1; height: 280px; overflow: hidden;}
.blog-01-img{aspect-ratio: auto; object-fit: cover; object-position: 50% 0%; width: 100%; max-width: 100%; height: 100%;}
.blog-01-body{background-color: var(--white); padding-bottom: 24px; padding-left: 24px; padding-right: 24px;}
.blog-tag{text-transform: uppercase; border-radius: 4px; padding: 8px 12px; display: inline-block;}
.body-03-medium{margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 16px;}
.body-02-medium{margin-bottom: 0; font-size: 16px; font-weight: 500; line-height: 28px;}
.post-date-time{display: flex;}
.dot{margin-left: 8px; margin-right: 8px;}
.blogs-01-collection-list{margin-top: 0; font-family: Rubik, sans-serif;}
.text-field-icon{width: 24px; height: 24px;}
.input-box{background-color: #f4f4f4; border-radius: 8px; align-items: center; height: 52px; padding: 14px 16px; font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; display: flex;}
.input-box.mt-20{box-shadow: none; background-color: #fff; border: 1px solid #979db0; border-radius: 10px; margin-top: 0;}
.blog-01-hero{background-color: #f4f4f7; justify-content: center; padding-top: 100px; padding-bottom: 100px; display: flex;}
.blog-01-container{flex: 1; max-width: 1200px; margin-left: 40px; margin-right: 40px;}
.blog-04-card{box-shadow: none; background-color: #fff; border-radius: 24px; justify-content: space-between; align-items: center; padding: 40px; display: flex; overflow: hidden;}
.blog-04-body{flex-direction: column; flex: 1; justify-content: space-between; align-items: flex-start; max-width: 460px; min-height: 480px; margin-right: 40px; display: flex;}
.blog-04-card-img-box{border-radius: 16px; flex: 1; justify-content: center; align-items: center; max-width: 550px; height: 481px; display: flex; overflow: hidden;}
.ream-more-btn{border: 1px #ececec; border-radius: 100px; display: inline-block;}
.ream-more-btn.mt-24{display: flex;}
.profile-box-02{align-items: center; display: flex;}
.profile-img-03{flex: none; width: 40px; height: 40px; margin-right: 12px;}
.blog-single{justify-content: center; padding-top: 100px; padding-bottom: 60px; display: flex;}
.blog-single-container{flex: 1; max-width: 1200px; margin-left: 40px; margin-right: 40px;}
.blog-single-img{object-fit: cover; border-radius: 16px; width: 100%; max-height: 536px; margin-top: 40px;}
.blog-single-content{justify-content: space-between; margin-top: 60px; display: flex;}
.blog-single-left-content{flex-direction: column; align-items: flex-start; margin-right: 40px; display: flex;}
.blog-single-body{flex: 1; max-width: 872px;}
.body-04{margin-top: 10px; margin-bottom: 0; font-size: 12px; font-weight: 600; line-height: 18px;}
.rich-text-block{color: #050b14cc; font-size: 18px; line-height: 28px;}
.pricing-01-card-list{grid-column-gap: 4px; grid-row-gap: 4px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid;}
.arrow-icon{color: var(--white);}
.faq-icon{justify-content: center; align-items: center; width: 24px; height: 24px; margin-right: 20px; display: flex; position: relative;}
.faq-item{grid-column-gap: 8px; grid-row-gap: 8px; box-shadow: none; background-color: #f4f4f7; border: 1px solid #e9ecf1; border-radius: 16px; flex-flow: column; padding: 24px; display: flex;}
.faq-header{pointer-events: auto; cursor: pointer; align-items: center; display: flex;}
.faq-body{padding-left: 40px; overflow: hidden;}
.faq-hr{background-color: var(--black); width: 14px; height: 2px;}
.faq-vr{z-index: 4; background-color: var(--black); width: 1px; height: 14px; position: absolute;}
.button-2{color: var(--gray2); background-color: #3898ec00; padding: 0;}
.button-2:hover{text-decoration: underline;}
.image-5{text-align: center; display: block;}
.footer-bottom-02-copy{grid-column-gap: 20px; grid-row-gap: 20px; justify-content: center; align-items: center; margin-top: 12px; display: flex;}
.secondary-btn{grid-column-gap: 4px; grid-row-gap: 4px; width: 200px; color: var(--zilo-blue1); background-color: #fff; border: 0 #f1f3f5; border-radius: 12px; flex: 1; justify-content: center; align-items: center; padding: 16px 20px 16px 24px; line-height: 22px; text-decoration: none; display: flex;}
.secondary-btn:hover{color: var(--zilo-blue1); background-color: #f3f3ff;}
.body-8{margin-bottom: 0; font-family: Inter, sans-serif; font-size: 16px; font-weight: 600; line-height: 24px;}
.body-8:hover{text-underline-position: under; border: 1px #000;}
.body-8.mr-8{font-weight: 400;}
.home-03-btn-box_2{grid-column-gap: 12px; grid-row-gap: 12px; text-align: left; align-self: auto; display: flex;}
.home-03-btn-box_2.mt-32.text-center{justify-content: center; align-items: center;}
.home-03-btn-box_2.mt-40.text-center{justify-content: center;}
.nav-link-3{grid-column-gap: 12px; grid-row-gap: 12px; color: #202124; border: 1px #f5f5f7; border-radius: 8px; justify-content: flex-start; align-items: center; width: 300px; padding: 16px; text-decoration: none; display: flex;}
.nav-link-3:hover{background-color: #2226931a;}
.nav-link-3.is-current{border-radius: 6px; padding-top: 16px; padding-bottom: 16px;}
.nav{padding: 20px 24px;}
.integration-03-icon-2{width: 32px; height: 32px;}
.btn-box-nav{border: 1px solid #ececec; border-radius: 100px; display: inline-block;}
.dropdown-toggle-2{grid-column-gap: 4px; grid-row-gap: 4px; padding: 0 20px 0 0; display: flex;}
.secondary-btn-2{grid-column-gap: 8px; grid-row-gap: 8px; color: #2470e0; background-color: #ffffff1f; border: 1px solid #fff3; border-radius: 10px; justify-content: center; align-items: center; width: 230px; padding: 14px 24px; font-weight: 500; text-decoration: none; display: flex;}
.secondary-btn-2:hover{color: var(--zilo-blue1); background-color: #ffffff4d; border-color: #ffffff4d;}
.pricing-01-card-wrapper-3{grid-column-gap: 12px; grid-row-gap: 12px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.pricing-01-card-3{background-color: #fff; border: 1px solid #e9ecf1; border-radius: 20px; flex-flow: column; justify-content: space-between; padding: 32px 28px; display: flex; box-shadow: 0 12px 30px #0e117003;}
.pricing-01-card-3.active{border: 3px none var(--zilo-blue1); background-image: linear-gradient(172deg, #222693 12%, #8386e2 74%, #bfc1e5); border-radius: 20px; flex-flow: column; justify-content: space-between; align-items: stretch; padding: 32px 28px; display: flex; box-shadow: 0 12px 30px #0e117008;}
.secondary-btn_2{grid-column-gap: 4px; grid-row-gap: 4px; width: 200px; color: var(--zilo-blue1); background-color: #f3f3ff; border: 0 #f1f3f5; border-radius: 12px; flex: 1; justify-content: center; align-items: center; padding: 16px 20px 16px 24px; line-height: 22px; text-decoration: none; display: flex;}
.secondary-btn_2:hover{color: var(--zilo-blue1); background-color: #ededff;}
.nav-container-3{flex: 1; width: 100%; max-width: 1347px; padding-left: 32px; padding-right: 32px;}
.nav-items-grid{grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: row; display: flex;}
.m-0{color: var(--zilo-blue1); margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500;}
.navbar-button-box{display: none;}
.nav-buttons-wrapper-3{grid-column-gap: 8px; grid-row-gap: 8px; border-radius: 100px; flex: 0 auto; justify-content: flex-end; align-items: center; display: flex;}
.nav-menu-wrapper-2{grid-column-gap: 30px; grid-row-gap: 30px; background-color: #07070700; flex-flow: row; justify-content: center; align-items: center; margin-left: 24px; display: inline-flex; position: static;}
.navigation-button{background-color: #222693; border-radius: 10px; flex-flow: column; padding: 12px 24px; font-size: 15px; font-weight: 400; line-height: 24px; transition: background-color .2s; display: flex;}
.navigation-button:hover{background-color: #1d207c;}
.sh-2{color: #222693; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500;}
.sh-2:hover{color: #1d207c;}
.sh-2.decoration-none{text-decoration: none;}
.navbar-brand-2{margin-right: 210px;}
.navbar-brand-2.is-current{margin-right: 200px;}
.sign-button{color: #222693; background-color: #fff; border-radius: 10px; padding: 12px 24px; font-size: 16px; font-weight: 500; line-height: 24px; transition: all .2s;}
.sign-button:hover{background-color: #f3f3ff; border-radius: 10px;}
.sign-button:active{background-color: #f3f3ff;}
.navbar-wrapper-3{text-align: center; flex-flow: row; justify-content: space-between; align-items: center; max-height: 44px; display: flex;}
.body-18{flex: 0 auto; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;}
.body-18:hover{text-underline-position: under; border: 1px #000;}
.login-button-3{color: #fff; background-color: #222693; border: 0 solid #f1f3f5; border-radius: 10px; padding: 12px 24px; font-size: 15px; font-weight: 400; line-height: 24px; transition: all .2s;}
.login-button-3:hover, .login-button-3:active{background-color: #1d207c;}
.nav-left-2{justify-content: flex-end; align-items: center; display: flex;}
.navigation-button-secondary{color: #222693; background-color: #fff; border-radius: 10px; padding: 12px 24px; font-size: 15px; font-weight: 500; line-height: 24px; text-decoration: none; transition: background-color .2s;}
.navigation-button-secondary:hover{background-color: #f3f3ff;}
.button-nav-text{color: #fff; margin-bottom: 0; font-weight: 400; text-decoration: none;}
.navbar-logo-left-3{z-index: 999; box-sizing: border-box; grid-column-gap: 16px; grid-row-gap: 16px; aspect-ratio: auto; object-fit: fill; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; display: flex; position: sticky; inset: 0 0 auto;}
.image-14{text-align: center;}
.body-01-bold-2{color: #050b14cc; margin-top: 0; margin-bottom: 4px; font-size: 16px; font-weight: 700; line-height: 28px;}
.body-01-bold-2.text-white{color: #fff; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px;}
.body-01-bold-2.color-zilo{color: #222693; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 14px; font-weight: 400; line-height: 22px;}
.basic-section{grid-column-gap: 16px; grid-row-gap: 16px; background-color: #fff; flex-flow: column; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; padding-top: 60px; padding-bottom: 60px; display: flex; overflow: hidden;}
.basic-section.blue-bg{background-color: #f4f4f7;}
.basic-section.padding-less{padding-top: 40px; padding-bottom: 40px;}
.basic-section.grad-bg{background-color: #fff; background-image: linear-gradient(#f4f4f7, #fff 52%);}
.home-1-btn-box{border: 1px solid #ececec; border-radius: 100px; display: flex;}
.home-1-btn-box.mt-32{grid-column-gap: 20px; grid-row-gap: 20px; text-align: left; border-width: 0; border-color: #fff; border-radius: 0; justify-content: flex-start; align-items: center; margin-top: 32px;}
.home-1-btn-box.mt-24{border-width: 0; border-radius: 20px;}
.primary-btn-zilo-2{grid-column-gap: 4px; grid-row-gap: 4px; color: #fff; text-align: center; -webkit-text-fill-color: inherit; background-color: #222693; background-clip: border-box; border-style: solid; border-width: 0; border-radius: 10px; justify-content: center; align-items: center; margin-top: 20px; padding: 14px 24px; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500; line-height: 22px; text-decoration: none; display: flex;}
.primary-btn-zilo-2:hover{grid-column-gap: 4px; grid-row-gap: 4px; background-color: #1d207c;}
.heading-12{letter-spacing: -1.92px; justify-content: center; align-items: center; margin-top: 10px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 52px; font-weight: 700; line-height: 62px; display: flex; position: static;}
.heading-12.mt-8{text-align: left; justify-content: center; align-items: center; margin-top: 8px; display: flex;}
.body-21{color: #050b14; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 400; line-height: 28px;}
.body-21.mt-28{color: #050b14cc; margin-top: 28px;}
.body-21.mt-28.text-center-mobile{color: #050b14cc; text-align: left; margin-top: 16px; margin-right: 32px; font-weight: 400;}
.body-21.mt-28.text-center-mobile.opacity-80{color: var(--gray2); text-align: left; justify-content: center; align-items: center; margin-right: 0; font-size: 18px; display: flex;}
.body-21.mt-28.text-center{max-width: 800px;}
.body-21.opacity-80{color: var(--gray2);}
.body-21.opacity-80.mt-8{margin-top: 8px;}
.body-21.opacity-80.mt-12{margin-top: 12px;}
.body-21.text-center.color-white{color: var(--white); font-weight: 300; line-height: 24px;}
.body-21.mt-8{margin-top: 8px;}
.hero_container-1{grid-column-gap: 24px; grid-row-gap: 24px; max-width: 1300px; padding-left: 32px; padding-right: 32px; display: flex;}
.hero_container-1.mt-40{grid-column-gap: 20px; grid-row-gap: 20px;}
.div-block-16{flex-flow: row; align-items: stretch; width: 50%; display: block;}
.wrapper-badge-2{color: var(--zilo-blue1); text-align: left; letter-spacing: .4px; text-transform: uppercase; object-fit: fill; justify-content: flex-start; align-items: center; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 15px; font-weight: 600; line-height: 22px;}
.wrapper-badge-2.opacity-80{color: #fffc; letter-spacing: 2px; font-weight: 500;}
.wrapper-badge-2.left{margin-left: 0; font-size: 14px;}
.div-block-15{order: 0; align-self: center; width: 80%; margin-top: 0; display: block;}
.div-block-15.mt-20{box-shadow: none; text-align: left;}
.body-22{color: var(--zilo-blue1); flex: 0 auto; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;}
.body-22:hover{text-underline-position: under; border: 1px #000;}
.body-22.mr-8{color: #222693; text-align: center; margin-right: 0; font-weight: 500;}
.body-22.mr-8.white, .body-22.white{color: var(--white); font-weight: 400;}
.secondary-btn-zilo-2{grid-column-gap: 8px; grid-row-gap: 8px; color: #222693; background-color: #fff0; border: 0 #f1f3f5; border-radius: 12px; justify-content: center; align-items: center; margin-top: 20px; padding: 14px 24px; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 400; text-decoration: none; transition: background-color .2s; display: flex;}
.secondary-btn-zilo-2:hover{color: #222693; background-color: #d5d7f8;}
.secondary-btn-zilo-2.is-current{border-radius: 10px;}
.benefits-container{grid-column-gap: 60px; grid-row-gap: 60px; text-align: left; flex-flow: column; flex: 0 auto; align-items: center; max-width: 1300px; margin-top: 0; padding-top: 0; padding-left: 32px; padding-right: 32px; display: flex; overflow: hidden;}
.content-inner-text-box-3{flex: 0 auto; width: 50%;}
.body-23{color: #050b14; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 18px; font-weight: 400; line-height: 28px;}
.body-23.mt-8{color: var(--black-81); margin-top: 8px;}
.body-23.mt-8.opacity-80{color: var(--black); margin-top: 8px;}
.body-23.opacity-80{color: #050b14cc;}
.body-23.mt-12{color: var(--black-81); margin-top: 8px;}
.body-23.mt-12.opacity-70{margin-top: 8px;}
.body-23.color-white{color: var(--white);}
.body-23.opacity-50, .body-23.opacity-70{color: #050b14b3;}
.check-icon-3{width: 24px; height: 24px;}
.content-image-left{object-fit: contain; border: 1px solid #e9ecf1; border-radius: 24px; flex: 0 auto; width: 50%; max-width: none; display: block;}
.content-02-card-1{grid-column-gap: 56px; grid-row-gap: 56px; justify-content: space-between; align-items: center; display: flex;}
.btn-box-16{border: 1px solid #ececec; border-radius: 100px; display: flex;}
.btn-box-16.mt-32{grid-column-gap: 20px; grid-row-gap: 20px; border-width: 0; border-color: #fff; border-radius: 0; margin-top: 32px;}
.btn-box-16.mt-24{border-style: none;}
.heading-13{text-align: left; letter-spacing: -1.2px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 700; line-height: 1.2em; display: block;}
.heading-13.max-w-center{max-width: 900px; color: var(--black); text-align: center; font-weight: 600;}
.sub-heading-15{letter-spacing: -.32px; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 28px; font-weight: 600; line-height: 34px;}
.sub-heading-15.white{color: var(--white);}
.content-02-card-2-revert{grid-column-gap: 56px; grid-row-gap: 56px; justify-content: space-between; align-items: center; display: flex;}
.body-24{flex: 0 auto; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;}
.body-24:hover{text-underline-position: under; border: 1px #000;}
.body-24.mr-8{color: #222693; text-align: center; margin-right: 0; font-weight: 500;}
.body-24.mr-8.white{font-weight: 400;}
.body-24.white{color: #fff; font-weight: 400;}
.tertiary-btn-zilo-2{grid-column-gap: 8px; grid-row-gap: 8px; color: #222693; background-color: #f3f3ff; border: 1px #e9ecf1; border-radius: 10px; justify-content: center; align-items: center; padding: 14px 24px; font-family: Rubik, sans-serif; font-size: 16px; line-height: 22px; text-decoration: none; transition: all .2s; display: flex;}
.tertiary-btn-zilo-2:hover{color: #222693; background-color: #d5d7f8;}
.tertiary-btn-zilo-2.width230px{width: 230px;}
.content-image-right{border: 1px solid #e9ecf1; border-radius: 24px; width: 50%; max-width: none;}
.list-item-2{grid-column-gap: 8px; grid-row-gap: 8px; display: flex;}
.content-02-left-3{grid-column-gap: 32px; grid-row-gap: 32px; flex: 1; align-items: flex-start; margin-right: 40px; display: flex;}
.content-02-card-3{grid-column-gap: 60px; grid-row-gap: 60px; justify-content: space-between; align-items: center; display: flex;}
.content-02-container-3{grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; max-width: 1264px; padding-left: 32px; padding-right: 32px; display: flex; overflow: hidden;}
.body-26{color: #050b14; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 18px; font-weight: 400; line-height: 28px;}
.body-26.mt-12{color: #050b14; font-weight: 400;}
.body-26.mt-12.opacity-80{color: #050b14cc; margin-top: 0;}
.body-26.opacity-80{color: var(--black);}
.content-02-card-img-3{border: 1px #dce0e6; border-radius: 24px; flex: 1; overflow: hidden;}
.heading-14{text-align: left; letter-spacing: -1.2px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 700; line-height: 1.2em; display: block;}
.heading-14.max-w-center{text-align: center; max-width: 800px; font-weight: 600;}
.content-02-card-text-3{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex;}
.div-block-23{grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column; display: flex;}
.number-box-3{background-color: #d5d7f8; border-radius: 50%; flex: none; justify-content: center; align-items: center; width: 52px; height: 52px; display: flex; position: relative; top: -8px; box-shadow: 0 12px 30px #0e117008;}
.sub-heading-16{margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 20px; font-weight: 600; line-height: 28px;}
.sub-heading-16.color-zilo{color: #222693;}
.connectors-3{z-index: -1; background-color: #dce0e6; width: 1px; height: 1000%; position: absolute; top: 0;}
.primary-btn-zilo-3{grid-column-gap: 4px; grid-row-gap: 4px; color: #fff; text-align: center; -webkit-text-fill-color: inherit; background-color: #222693; background-clip: border-box; border-style: solid; border-width: 0; border-radius: 10px; justify-content: center; align-items: center; width: 230px; padding: 14px 24px; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500; line-height: 22px; text-decoration: none; display: flex;}
.primary-btn-zilo-3:hover{grid-column-gap: 4px; grid-row-gap: 4px; background-color: #1d207c;}
.features-container-2{grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; max-width: 1300px; padding-left: 32px; padding-right: 32px; display: flex;}
.body-27{color: #050b14; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 18px; font-weight: 400; line-height: 28px;}
.body-27.mt-8.opacity-80{color: var(--black); font-size: 18px;}
.features-card-3{background-color: #f4f4f7; border: 1px solid #e9ecf1; border-radius: 16px; flex-flow: column; justify-content: space-between; align-items: stretch; padding: 24px; display: flex; box-shadow: 0 12px 30px #0e117008;}
.heading-15{text-align: left; letter-spacing: -1.2px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 700; line-height: 1.2em; display: block;}
.heading-15.max-w-center{text-align: center; max-width: 800px; font-weight: 600;}
.body-28{margin-bottom: 0; font-family: Inter, sans-serif; font-size: 16px; font-weight: 600; line-height: 24px;}
.body-28:hover{text-underline-position: under; border: 1px #000;}
.body-28.mr-8{margin-right: 0; font-weight: 400;}
.features-card-icon-2{width: 42px; height: 42px;}
.sub-heading-17{margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 20px; font-weight: 600; line-height: 28px;}
.sub-heading-17.mt-12.opacity-70{font-weight: 400;}
.sub-heading-17.mt-8{margin-top: 8px;}
.features-grid-3{grid-column-gap: 20px; grid-row-gap: 20px; background-image: none; background-repeat: repeat; background-size: auto; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.btn-box-18{border: 1px #ececec; border-radius: 100px; justify-content: center; align-items: center; display: flex;}
.pricing-container{grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 1300px; padding-left: 32px; padding-right: 32px; display: flex;}
.btn-box-19{grid-column-gap: 12px; grid-row-gap: 12px; border: 1px #ececec; border-radius: 100px; display: flex;}
.btn-box-19.mr-32{grid-column-gap: 12px; grid-row-gap: 12px; margin-top: 32px; display: flex;}
.pricing-cart-2{grid-column-gap: 32px; grid-row-gap: 32px; background-color: #fff; background-image: linear-gradient(#222693 12%, #8386e2 74%, #bfc1e5); border: 1px #e9ecf1; border-radius: 20px; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; padding: 40px; display: flex; box-shadow: 0 12px 30px #0e117003;}
.body01-semibold{margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 600; line-height: 22px;}
.body01-semibold.text-white{color: var(--white); line-height: 24px;}
.sub-heading-18{letter-spacing: -.4px; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 500; line-height: 54px;}
.sub-heading-18.text-white{color: var(--white); font-size: 40px;}
.secondary-btn-zilo-copy{grid-column-gap: 4px; grid-row-gap: 4px; color: #222693; background-color: #d5d7f833; border: 0 #f1f3f5; border-radius: 12px; flex: 1; justify-content: center; align-items: center; padding: 14px 24px; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500; text-decoration: none; transition: background-color .2s; display: flex;}
.secondary-btn-zilo-copy:hover{color: #222693; background-color: #f3f3ff4d;}
.secondary-btn-zilo-copy.is-current{border-radius: 10px;}
.mark-icon-4{width: 20px; height: 20px; margin-right: 8px;}
.body-29{color: #050b14; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 18px; font-weight: 400; line-height: 28px;}
.body-29.text-white.opacity-80{color: #fffc;}
.body-29.opacity-80.text-center{text-align: center;}
.body-29.opacity-80.text-center.mt-24{max-width: 900px; margin-top: 24px;}
.body-29.opacity-80.text-center.mt-24.white, .body-29.text-center.white{color: var(--white);}
.body-29.text-center.white.opacity-70.mt-12{font-weight: 300;}
.body-29.text-center.white.opacity-70.mt-8{box-sizing: border-box; margin-top: 8px; font-weight: 300;}
.body-29.mt-32{margin-top: 32px;}
.body-29.mt-24{margin-top: 24px;}
.body-29.mt-24.text-center.white.opacity-80{color: #fffc;}
.body-29.mt-12{margin-top: 12px;}
.pricing-01-card-list-item-4{grid-column-gap: 4px; grid-row-gap: 4px; padding-top: 4px; padding-bottom: 4px; display: flex;}
.divider-15-copy{background-color: #d5d7f84d; height: 1px; display: inline-flex;}
.div-block-27{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; width: 50%; display: flex;}
.heading-16{text-align: left; letter-spacing: -1.2px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 600; line-height: 1.2em; display: block;}
.div-block-26{grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; width: 50%; display: flex;}
.div-block-pricing-cart{grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: row; justify-content: space-between; align-items: stretch; display: flex;}
.secondary-btn-5{grid-column-gap: 4px; grid-row-gap: 4px; color: #222693; text-align: center; background-color: #fff; border: 0 #f1f3f5; border-radius: 12px; flex: 1; justify-content: center; align-items: center; padding: 14px 20px 14px 24px; font-family: Rubik, sans-serif; font-weight: 500; line-height: 22px; text-decoration: none; display: flex;}
.secondary-btn-5:hover{color: #222693; background-color: #f3f3ff;}
.sub-heading-26{margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 20px; font-weight: 600; line-height: 28px;}
.sub-heading-26.text-white{color: #fff; font-size: 20px; font-weight: 600;}
.sub-heading-26.text-white.opacity-70{display: none;}
.div-block-25{grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: center; align-items: center; display: flex;}
.testimonials-container-2{grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 32px; padding-right: 32px; display: flex;}
.heading-17{text-align: left; letter-spacing: -1.2px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 700; line-height: 1.2em; display: block;}
.heading-17.max-w-center{text-align: center; max-width: 800px; margin-top: 0; font-weight: 600;}
.heading-17.color-white{color: var(--white); font-size: 38px; font-weight: 600;}
.faq-list-3{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; flex: 0 auto; width: 55%; display: flex;}
.faq-header-2{grid-column-gap: 20px; grid-row-gap: 20px; pointer-events: auto; cursor: pointer; justify-content: flex-start; align-items: center; display: flex;}
.faq-left-3{flex: 0 auto; width: 45%;}
.body-33{color: #050b14; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 18px; font-weight: 400; line-height: 28px;}
.body-33.mt-12{color: #050b14; margin-top: 12px; font-weight: 400;}
.body-33.mt-12.opacity-80{color: #050b14cc; font-size: 16px; line-height: 24px;}
.body-33.opacity-80{color: #050b14cc; padding-left: 0; font-size: 16px; line-height: 24px;}
.faq-container-5{grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: row; flex: 1; justify-content: center; align-items: flex-start; max-width: 1300px; margin-bottom: 0; padding-left: 32px; padding-right: 32px; font-family: Rubik, sans-serif; display: flex;}
.heading-18{text-align: left; letter-spacing: -1.2px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 700; line-height: 1.2em; display: block;}
.heading-18.text-left{font-weight: 600;}
.faq-icon-2{cursor: pointer; justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; position: relative;}
.sub-heading-29{margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 20px; font-weight: 600; line-height: 28px;}
.faq-item-4{grid-column-gap: 8px; grid-row-gap: 8px; box-shadow: none; background-color: #f4f4f7; border: 1px solid #e9ecf1; border-radius: 16px; flex-flow: column; padding: 24px 32px; display: flex;}
.form-4--checkbox-label-2{color: #050b14cc; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 22px;}
.arrow-icon-12{width: 22px; height: 22px;}
.div-block-28{grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: center; width: 100%; margin-top: 32px; display: flex;}
.image-17{width: 94px; height: 94px;}
.input-box-hidden{background-color: #f4f4f4; border-radius: 8px; align-items: center; height: 52px; padding: 14px 16px; font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; display: flex;}
.input-box-hidden.mt-20{display: none;}
.form-4--checkbox-field-2{flex-flow: row; justify-content: flex-start; align-items: flex-start; margin-top: 0; margin-bottom: 0; padding-left: 0; display: flex;}
.contact-01-content-3{grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; flex: 0 auto; justify-content: flex-start; align-items: flex-start; width: 45%; display: flex;}
.paragraph-7{color: #050b14; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 24px;}
.body-34{color: #050b14; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 18px; font-weight: 400; line-height: 28px;}
.body-34.opacity-70{color: #050b14cc; padding-bottom: 0; font-size: 16px;}
.body-34.opacity-80.text-center{text-align: left;}
.body-36{margin-bottom: 0; font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px;}
.body-36:hover{text-underline-position: under; border: 1px #000;}
.body-36.white{color: #fff;}
.body-36.mr-8{font-weight: 400;}
.form-2{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; margin-top: 40px; display: flex;}
.heading-19{text-align: left; letter-spacing: -1.2px; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 700; line-height: 1.2em; display: block;}
.heading-19.text-left{margin-top: 0; padding-bottom: 0; font-weight: 600;}
.success-message-2{color: #fff; background-color: #00b286;}
.form-block{margin-bottom: 0;}
.paragraph-6{margin-bottom: 0; font-size: 18px; font-weight: 500; line-height: 22px;}
.div-block-29{flex-flow: column; flex: 1; justify-content: flex-start; align-items: stretch; display: flex;}
.form-4--checkbox-2{color: #6b707d; background-color: #fff; border: 1px solid #979db0; border-radius: 0; flex: none; width: 20px; height: 20px; margin-top: 0; margin-left: auto; margin-right: 10px; position: static;}
.form-4--checkbox-2:active{margin-top: 0;}
.form-4--checkbox-2.is-redirected-checked{background-color: #176ae6; border-color: #176ae6; width: 20px; height: 20px; margin: 0 10px 0 auto; padding-right: 0;}
.form-4--checkbox-2.is-redirected-focus{box-shadow: none; margin-top: 0; margin-left: auto; margin-right: 10px;}
.input-filed-3{background-color: #0000; border: 1px #000; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 12px;}
.phone-link{grid-column-gap: 10px; grid-row-gap: 10px; color: #222693; background-color: #f7f8f800; border: 4px #f1f3f5; border-radius: 100px; justify-content: flex-start; padding-top: 0; padding-bottom: 0; text-decoration: none; transition: all .3s; display: flex;}
.phone-link:hover{opacity: 1; text-decoration: underline;}
.divider-02-1-2{background-color: #050b141a; height: 1px;}
.error-message-2{color: #ea4335;}
.btn-box-20{border: 0 solid #ececec; border-radius: 100px; display: inline-block;}
.btn-box-21{grid-column-gap: 12px; grid-row-gap: 12px; border: 1px #ececec; border-radius: 100px; display: flex;}
.btn-box-21.mr-32{grid-column-gap: 12px; grid-row-gap: 12px; margin-top: 32px; display: flex;}
.sub-heading-30{letter-spacing: -.4px; margin-top: 0; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 48px; font-weight: 500; line-height: 54px;}
.sub-heading-30.text-white{color: var(--white); font-size: 40px;}
.cta-section-container{flex: 1; justify-content: center; align-items: flex-start; width: 100%; max-width: 1264px; padding-left: 32px; padding-right: 32px; display: flex;}
.cta-container-2{text-align: center; background-color: #222693; background-image: url("/assets/img/194716113_38a2f447-6aae-4672-acb2-dec4223b910e-Converted-1.svg"); background-position: 50% 0; background-repeat: repeat; background-size: cover; background-attachment: scroll; border-radius: 16px; flex-flow: column; flex: 1; justify-content: center; align-items: center; padding-top: 96px; padding-bottom: 96px; display: flex;}
.div-block-30{flex: 0 auto;}
.body-38{background-color: var(--gray3);}
.footer{grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; flex: 1; justify-content: flex-start; align-items: stretch; width: 100%; max-width: 1300px; padding-left: 32px; padding-right: 32px; display: flex;}
.body-39{background-color: #f4f4f7;}
.icon-2{color: var(--zilo-blue1); margin-right: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500;}
.sub-heading-6{margin-top: 0; margin-bottom: 0; font-size: 18px; font-weight: 500; line-height: 28px;}
.sub-heading-6.navlink{font-size: 15px; font-weight: 400; line-height: 24px;}
.fc--block{grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; display: flex;}
.pricing-01-card-list-title{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: row; justify-content: flex-start; align-items: center; padding-top: 4px; padding-bottom: 4px; display: flex;}
.div-block-41{grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex;}
.body-01-normal{color: var(--black); margin-top: 0; margin-bottom: 0; font-size: 16px; font-weight: 500; line-height: 22px;}
.body-01-normal.text-white{color: #fff; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px;}
.body-01-normal.color-zilo{color: #222693; margin-bottom: 0; font-family: Rubik, sans-serif; font-weight: 600;}
.body-40{background-color: #f4f4f7;}
.horizontal-dropdown1{grid-column-gap: 0px; grid-row-gap: 0px; background-color: #fff; border-radius: 8px; flex-direction: column; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: 1fr; justify-content: space-between; width: 200px; overflow: hidden; box-shadow: 0 4px 24px #00000014;}
.horizontal-dropdown1._02{grid-column-gap: 0px; grid-row-gap: 0px; grid-column-gap: 0px; grid-row-gap: 0px; grid-column-gap: 0px; grid-row-gap: 0px; border-radius: 16px; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; width: 100%; margin-top: 30px; padding: 8px; display: grid; box-shadow: 0 12px 30px #0e117033;}
.nav-dropdown-list-1{background-color: #fff0;}
.nav-dropdown-list-1.is-open{z-index: 5; background-color: #fff0; margin-top: 8px; position: absolute; left: -100px;}
.tabs{grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; display: flex;}
.hero-btn-container2{grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: row; justify-content: center; align-items: center; margin-top: 32px; display: flex;}
.hero-img3{object-fit: contain; width: 50vw; max-width: none; padding: 0;}
.video{border-radius: 16px; height: 440px;}
.blog-container{grid-column-gap: 60px; grid-row-gap: 60px; text-align: left; flex-flow: column; flex: 0 auto; align-items: center; max-width: 1264px; padding-left: 32px; padding-right: 32px; display: flex; overflow: hidden;}
.heading-block{flex-flow: column; justify-content: flex-start; align-items: center; display: flex;}
.block-features-card-icon-2{z-index: 1; background-color: #22269314; border-radius: 10px; padding: 4px 6px; position: relative;}
.block-features-card-icon-2.color-white{background-color: var(--white);}
.features-card-4{grid-column-gap: 8px; grid-row-gap: 8px; background-color: #f4f4f7; border: 2px solid #22269333; border-radius: 16px; flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; margin-right: 0; padding: 32px 28px; display: flex; box-shadow: 0 12px 30px #0e117008;}
.features-card-4.color-white{background-color: var(--white); box-shadow: none; border-color: #e9ecf1; justify-content: space-between; align-items: flex-start;}
.div-block-44{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; align-items: flex-start; display: flex;}
.button{grid-column-gap: .5rem; grid-row-gap: .5rem; color: #fff; text-align: center; text-transform: none; background-color: #2470e0; border: 1px solid #2470e0; border-radius: 6px; justify-content: center; align-items: center; padding: .625rem 1.5rem; font-weight: 500; text-decoration: none; transition: border-color .2s, background-color .2s; display: flex;}
.button:hover{background-color: #1c59b3; border-color: #1c59b3;}
.features-items-3{grid-column-gap: 28px; grid-row-gap: 28px; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-self: stretch; align-items: stretch; display: grid;}
.basic-section-contact{grid-column-gap: 16px; grid-row-gap: 16px; background-color: #fff; flex-flow: column; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; padding-top: 100px; padding-bottom: 100px; display: flex; overflow: hidden;}
.basic-section-contact.blue-bg{background-color: #f4f4f7;}
.basic-section-contact.padding-less{padding-top: 40px; padding-bottom: 40px;}
.contact-form-5{background-color: #f4f4f7; border: 1px solid #e9ecf1; border-radius: 16px; flex: 0 auto; order: 0; align-self: stretch; width: 55%; padding: 40px; display: block; box-shadow: 0 12px 30px #0e117008;}
.contact-form-5.color-white{background-color: var(--white); padding-top: 0;}
.hero-container3{grid-column-gap: 12px; grid-row-gap: 12px; background-color: #0000; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; margin-top: -620px; display: flex; position: relative; overflow: hidden;}
.code-embed-3{justify-content: space-around; align-items: center; max-width: 100%; display: block;}
.basic-section2{grid-column-gap: 16px; grid-row-gap: 16px; background-color: #fff; flex-flow: column; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; padding-top: 80px; padding-bottom: 100px; display: flex; overflow: hidden;}
.basic-section2.blue-bg{background-color: #f4f4f7;}
.basic-section2.padding-less{padding-top: 40px; padding-bottom: 40px;}
.code-embed-4{display: none;}
.login-button-3-copy{color: #fff; background-color: #222693; border: 0 solid #f1f3f5; border-radius: 10px; padding: 12px 24px; font-size: 15px; font-weight: 400; line-height: 24px; transition: all .2s; display: none;}
.login-button-3-copy:hover, .login-button-3-copy:active{background-color: #1d207c;}
.benefits-container-copy{grid-column-gap: 60px; grid-row-gap: 60px; text-align: left; flex-flow: column; flex: 0 auto; align-items: center; width: 100%; max-width: 1264px; margin-top: 0; padding-top: 0; padding-left: 32px; padding-right: 32px; display: flex; overflow: hidden;}
.logos{grid-column-gap: 60px; grid-row-gap: 60px; text-align: left; flex-flow: column; flex: 0 auto; align-items: center; max-width: 100%; margin-top: 0; padding-top: 0; padding-left: 32px; padding-right: 32px; display: flex; overflow: hidden;}
.code-embed-7{justify-content: space-around; align-items: center; max-width: 100%; display: block;}
.benefits---more{grid-column-gap: 8px; grid-row-gap: 8px; box-shadow: none; background-color: #fff; border: 1px solid #dce0e6; border-radius: 16px; flex-flow: column; padding: 24px; display: flex;}
.benefits---more.mt-24{grid-column-gap: 0px; grid-row-gap: 0px; background-color: #fff0; border-width: 0; border-color: #cad0d8; margin-top: 16px; padding: 0;}
.benefits-header{grid-column-gap: 8px; grid-row-gap: 8px; pointer-events: auto; cursor: pointer; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex;}
.benefits-icon-3{background-color: var(--white); border-radius: 6px; justify-content: center; align-items: center; padding: 0; display: flex; position: relative;}
.benefits-copy{padding-left: 0; overflow: hidden;}
.benefits-copy.opacity-70{padding-left: 0;}
.benefits-copy.mt-12{margin-top: 12px;}
.content-inner-text-box-4{flex: 0 auto; width: 50%;}
.content-inner-text-box-4.mt-20{box-shadow: none; margin-top: 24px;}
.content-02-card-1-copy, .content-02-card-2-revert-2{grid-column-gap: 56px; grid-row-gap: 56px; justify-content: space-between; align-items: flex-start; display: flex;}
.rozwi{color: var(--zilo-blue1); flex: 0 auto; margin-bottom: 0; font-family: Rubik, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;}
.rozwi:hover{text-underline-position: under; border: 1px #000;}
.rozwi.mr-8{color: #222693; text-align: center; margin-right: 0; font-weight: 500;}
.rozwi.mr-8.white{font-weight: 400;}
.rozwi.white{color: #fff; font-weight: 400;}
.content-inner-text-box-5{grid-column-gap: 2px; grid-row-gap: 2px; background-color: #0000; background-image: linear-gradient(#222693, #222693 17%, #8386e2 78%, #bfc1e5); border: 1px #2226931f; border-radius: 16px; flex-flow: column; flex: 0 auto; width: 100%; padding: 30px 32px; display: flex; box-shadow: 0 12px 30px #0e117008;}
.content-inner-text-box-5.mt-20{box-shadow: none; background-color: #f3f3ff; border: 1px solid #dce0e6; margin-top: 24px; padding: 28px;}
.content-card{grid-column-gap: 28px; grid-row-gap: 28px; justify-content: space-between; align-items: flex-start; width: 100%; display: flex;}
.content-inner-text-box-5-left{grid-column-gap: 2px; grid-row-gap: 2px; background-color: #ffffff75; border: 1px solid #e9ecf1; border-radius: 16px; flex-flow: column; flex: 0 auto; align-self: stretch; width: 100%; padding: 30px 32px; display: flex;}
.content-inner-text-box-5-left.mt-20{box-shadow: none; background-color: #f3f3ff; border: 1px solid #dce0e6; margin-top: 24px; padding: 28px;}
.benefits-container-copy{grid-column-gap: 60px; grid-row-gap: 60px; text-align: left; flex-flow: column; flex: 0 auto; align-items: center; max-width: 1300px; margin-top: 0; padding-top: 0; padding-left: 32px; padding-right: 32px; display: flex; overflow: hidden;}
.wrap-budge{background-color: #fff0; border-radius: 8px; justify-content: flex-start; padding: 0; display: block;}
.wrap-budge.opacity{background-color: #fff0;}
.benefits-copy-copy{grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; padding-left: 0; display: flex; overflow: hidden;}
.benefits-copy-copy.opacity-70{padding-left: 0;}
.benefits-copy-copy.mt-12{grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; margin-top: 12px; display: flex;}
.benefits-copy-copy.mt-24{grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; display: flex;}
.divider-16{background-color: #050b141a; height: 1px;}
.divider-16.margin-16px{margin-top: 12px; margin-bottom: 12px;}
.divider-16.margin-16px.color-white{background-color: #fff;}
.divider-16.margin-16px.color-white.opacity-20{background-color: #979db04d; margin-top: 16px; margin-bottom: 16px;}
.divider-17{background-color: #050b141a; height: 1px;}
.divider-17.margin-16px{margin-top: 12px; margin-bottom: 12px;}
.divider-17.margin-16px.color-white{background-color: #fff;}
.divider-17.margin-16px.color-white.opacity-20{background-color: #979db04d; margin-top: 16px; margin-bottom: 16px;}
.content-inner-text-box-6{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; flex: 0 auto; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex;}
.content-inner-text-box-6.mt-20{box-shadow: none; margin-top: 24px;}
.div-block-52{grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; order: 0; align-items: flex-start; display: flex;}
.div-block-53{grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; align-items: flex-start; display: flex;}
.div-block-54-copy{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: row; order: 0; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid;}
.testimonials-container-2-copy{grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 32px; padding-right: 32px; display: flex;}
.div-block-55{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex;}
.features-card-9{background-color: #f4f4f7; border: 1px solid #e9ecf1; border-radius: 16px; flex-flow: column; justify-content: space-between; align-items: stretch; padding: 24px; display: flex; box-shadow: 0 12px 30px #0e117008;}
@media screen and (min-width: 1280px){.navbar-logo-left-container.shadow-three{border: 1px #f5f5f7; border-radius: 20px; justify-content: center; align-items: stretch; max-width: 1364px; margin-top: 10px; padding-top: 20px; padding-bottom: 20px; display: flex; box-shadow: 0 2px 6px #0e11700a;}
.body-01{font-weight: 400;}
.body-01.mr-8{font-size: 18px; font-weight: 500;}
.body-01.mt-16{color: var(--gray2);}
.body-01.mt-16.opacity-70{color: var(--black);}
.body-01.mt-16.opacity-80{color: var(--gray2); font-weight: 400;}
.body-01.opacity-70.mt-24{color: var(--black);}
.body-01.opacity-50{color: #ffffff8c;}
.heading-03.text-center{margin-top: 0;}
.sub-heading-04{line-height: 32px;}
.heading-01.text-center{letter-spacing: 0; vertical-align: baseline; align-self: auto;}
.heading-01.text-center.mt-8{align-self: auto; margin-right: 0;}
.btn-box{border-width: 0;}
.btn-box.mr-12{margin-right: 0;}
.transparent-btn{color: var(--zilo-blue1); cursor: pointer;}
.transparent-btn:hover{opacity: 1; color: var(--zilo-blue1);}
.footer-social-link{border-radius: 50%;}
.footer-social-link:hover{background-color: #e7e7e7;}
.footer-bottom-02{flex-flow: row; justify-content: center; margin-top: 12px;}
.home-hero{background-image: url("/assets/img/BG-garage.svg"), linear-gradient(#222693e6 20%, #8386e2 60%, #bfc1e5);}
.home-container{max-width: 1264px; margin-left: 0; margin-right: 0; padding-left: 32px; padding-right: 32px;}
.divider{background-color: #e9ecf1;}
.divider.margin-less{background-color: #e9ecf1; margin-top: 24px; margin-bottom: 24px;}
.divider.margin-16px.color-white.opacity-20{margin-bottom: 16px;}
.blog-01-img{box-sizing: border-box; aspect-ratio: auto; object-fit: cover; object-position: 50% 0%;}
.blogs-01-collection-list{margin-top: 0;}
.arrow-icon{margin-top: 0;}
.faq-item{border-color: #e9ecf1;}
.faq-header{grid-column-gap: 0px; grid-row-gap: 0px;}
.faq-body{padding-left: 40px;}
.footer-logo{margin-left: auto; margin-right: auto;}
.footer-bottom-02-copy{flex-flow: row; justify-content: center; margin-top: 12px;}
.secondary-btn{flex: 1;}
.secondary-btn:active{background-color: #e5e5f3;}
.body-8{margin-top: 0; font-weight: 600;}
.home-03-btn-box_2{grid-column-gap: 12px; grid-row-gap: 12px; display: flex;}
.home-03-btn-box_2.mt-40{display: flex;}
.nav-link-3.is-current{padding-top: 16px; padding-bottom: 16px;}
.btn-box-nav{border-style: none;}
.pricing-01-card-3.active{background-image: linear-gradient(172deg, #222693 12%, #8386e2 74%, #bfc1e5);}
.secondary-btn_2{flex: 1;}
.secondary-btn_2:active{background-color: #e5e5f3;}
.nav-container-3{padding-left: 20px; padding-right: 20px;}
.sign-button{color: #222693;}
.sign-button:hover{background-color: #f3f3ff;}
.sign-button:active{background-color: #d3e2f9;}
.navbar-wrapper-3{justify-content: space-between;}
.body-18{margin-top: 0;}
.login-button-3{background-color: #222693;}
.login-button-3:hover{background-color: #1d207c;}
.navbar-logo-left-3{grid-column-gap: 16px; grid-row-gap: 16px; background-color: #fff0; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; display: flex;}
.home-1-btn-box{border-style: none;}
.home-1-btn-box.mt-32{margin-top: 32px;}
.primary-btn-zilo-2{font-weight: 400; transition: all .2s;}
.heading-12.mt-8{overflow-wrap: anywhere; justify-content: flex-start; display: flex;}
.body-21.mt-28{color: #050b14cc;}
.body-21.mt-28.text-center-mobile{font-weight: 400;}
.body-21.mt-28.text-center-mobile.opacity-80{overflow-wrap: anywhere; display: flex;}
.hero_container-1{grid-column-gap: 40px; grid-row-gap: 40px; max-width: 1300px;}
.div-block-16{display: block;}
.wrapper-badge-2{letter-spacing: 0; justify-content: flex-start; align-items: center;}
.wrapper-badge-2.opacity-80{text-align: center;}
.div-block-15.mt-40{margin-top: 40px;}
.div-block-15.mt-20{text-align: left; margin-top: 20px;}
.body-22{margin-top: 0;}
.body-22.mr-8{font-weight: 500;}
.secondary-btn-zilo-2{padding-top: 14px; padding-bottom: 14px;}
.benefits-container{max-width: 1300px;}
.body-23.mt-8.opacity-80{color: #050b14cc;}
.check-icon-3{width: 24px; height: 24px;}
.content-image-left{border-style: solid; border-color: #e9ecf1; border-radius: 24px;}
.btn-box-16{border-style: none;}
.btn-box-16.mt-32{margin-top: 32px;}
.heading-13{text-align: left; font-weight: 700;}
.heading-13.max-w-center{max-width: 840px;}
.body-24{margin-top: 0;}
.body-24.mr-8{font-weight: 500;}
.body-24.white{color: #fff;}
.content-image-right{border-style: solid; border-color: #e9ecf1; border-radius: 24px;}
.content-02-container-3{max-width: 1264px; overflow: visible;}
.body-26.mt-12{margin-top: 12px;}
.content-02-card-img-3{box-shadow: none; border: 1px solid #e9ecf1; border-radius: 20px; overflow: hidden;}
.heading-14{text-align: left; font-weight: 700;}
.number-box-3{background-color: #d5d7f8; top: -8px;}
.sub-heading-16{line-height: 28px;}
.primary-btn-zilo-3{font-weight: 400; transition: all .2s;}
.features-container-2{max-width: 1300px;}
.body-27.mt-8.opacity-80{color: #050b14cc;}
.features-card-3{background-color: #f4f4f7; box-shadow: 0 12px 30px #0e117008;}
.heading-15{text-align: left; font-weight: 700;}
.body-28{margin-top: 0; font-weight: 600;}
.features-card-icon-2{width: 42px; height: 42px;}
.sub-heading-17{line-height: 28px;}
.sub-heading-17.mt-12.opacity-70{align-self: auto;}
.btn-box-18{border-style: none;}
.pricing-container{background-image: none; max-width: 1300px;}
.btn-box-19{border-style: none;}
.pricing-cart-2{background-image: linear-gradient(#222693 12%, #8386e2 74%, #bfc1e5);}
.secondary-btn-zilo-copy{padding-top: 14px; padding-bottom: 14px;}
.body-29.mt-8.opacity-80{margin-top: 8px;}
.heading-16{text-align: left; font-weight: 700;}
.secondary-btn-5:active{background-color: #e5e5f3;}
.sub-heading-26{line-height: 28px;}
.testimonials-container-2{max-width: 1300px;}
.heading-17{text-align: left; font-weight: 700;}
.body-33.mt-12{margin-top: 12px;}
.body-33.opacity-80{padding-left: 0;}
.faq-container-5{grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; max-width: 1300px;}
.heading-18{text-align: left; font-weight: 700;}
.sub-heading-29{line-height: 28px;}
.faq-item-4{border-color: #e9ecf1;}
.div-block-28{display: flex;}
.body-34.opacity-70{margin-bottom: 8px;}
.body-36{margin-top: 0; font-weight: 400;}
.body-36.white{color: #fff;}
.heading-19{text-align: left; font-weight: 700;}
.success-message-2{color: #fff; background-color: #00b286;}
.paragraph-6{margin-bottom: 0;}
.form-4--checkbox-2, .form-4--checkbox-2.is-redirected-checked{margin-top: 0;}
.phone-link{grid-column-gap: 10px; grid-row-gap: 10px; color: #222693; cursor: pointer;}
.phone-link:hover{opacity: 1; color: #222693;}
.error-message-2{color: #ea4335;}
.btn-box-20, .btn-box-21{border-style: none;}
.cta-section-container{max-width: 1264px;}
.cta-container-2{background-color: #222693; background-image: url("/assets/img/194716113_38a2f447-6aae-4672-acb2-dec4223b910e-Converted-1.svg"); background-repeat: repeat; background-size: cover; background-attachment: scroll;}
.body-38{background-color: var(--zilo-blue1);}
.footer{max-width: 1300px;}
.horizontal-dropdown1._02{margin-top: 30px; padding: 8px;}
.nav-dropdown-list-1.is-open{left: -100px;}
.tabs{width: 106%;}
.hero-img3{border-style: none; width: 50vw;}
.video{height: 480px;}
.block-features-card-icon-2.color-white{background-color: var(--white);}
.features-card-4{box-shadow: none; background-color: #f4f4f7; border-color: #e9ecf1; border-radius: 20px; flex: 1;}
.contact-form-5{border-radius: 20px;}
.login-button-3-copy{background-color: #222693;}
.login-button-3-copy:hover{background-color: #1d207c;}
.logos{max-width: 1300px;}
.benefits---more{border-color: #e9ecf1;}
.benefits-header{grid-column-gap: 20px; grid-row-gap: 20px;}
.benefits-copy{padding-left: 40px;}
.benefits-copy.mt-8{padding-left: 0;}
.rozwi{margin-top: 0;}
.rozwi.mr-8{font-weight: 500;}
.rozwi.white{color: #fff;}
.benefits-container-copy{max-width: 1300px;}
.benefits-copy-copy.mt-8{padding-left: 0;}
.divider-16{background-color: #e9ecf1;}
.divider-16.margin-16px.color-white.opacity-20{margin-bottom: 16px;}
.divider-17{background-color: #e9ecf1;}
.divider-17.margin-16px.color-white.opacity-20{margin-bottom: 16px;}
.testimonials-container-2-copy{max-width: 1300px;}
.features-card-9{background-color: #f4f4f7; box-shadow: 0 12px 30px #0e117008;}}
@media screen and (min-width: 1920px){.navbar-logo-left-container.shadow-three{max-width: 1440px;}
.home-hero{padding-bottom: 640px;}
.hero{background-image: linear-gradient(#bfc1e5, #fff 50%); margin-top: -4px;}
.body-04{color: var(--gray2); font-weight: 400;}
.faq-item{box-shadow: none; background-color: #f4f4f7;}
.nav-container-3{max-width: 1440px;}
.nav-menu-wrapper-2{display: inline-flex;}
.basic-section{grid-column-gap: 0px; grid-row-gap: 0px; background-color: #fff;}
.basic-section.blue-bg{background-color: #f4f4f7;}
.basic-section.grad-bg{background-image: linear-gradient(#f4f4f7, #fff 52%);}
.primary-btn-zilo-2{background-color: #222693;}
.hero_container-1{max-width: 1440px;}
.div-block-16{object-fit: fill; width: 70%;}
.wrapper-badge-2{color: var(--zilo-blue1);}
.benefits-container{max-width: 1440px;}
.content-image-right{border-width: 0;}
.primary-btn-zilo-3{background-color: #222693;}
.features-container-2, .pricing-container, .testimonials-container-2{max-width: 1440px;}
.faq-container-5{max-width: 1440px; margin-bottom: 60px;}
.faq-item-4{background-color: #f4f4f7; border-color: #e9ecf1;}
.success-message-2{margin-top: 20px;}
.footer{text-align: left; align-self: auto; max-width: 1440px;}
.tabs{width: 110%;}
.hero-img3{object-fit: cover; width: 164%;}
.basic-section-contact{grid-column-gap: 0px; grid-row-gap: 0px; margin-top: -4px;}
.basic-section-contact.blue-bg{background-color: #f4f4f7;}
.contact-form-5.color-white{padding-top: 0;}
.basic-section2{grid-column-gap: 0px; grid-row-gap: 0px; margin-top: -4px;}
.basic-section2.blue-bg{background-color: #f4f4f7;}
.logos{max-width: 1440px;}
.code-embed-7{max-width: 100%;}
.benefits---more{padding-left: 24px; padding-right: 24px;}
.benefits-header{grid-column-gap: 12px; grid-row-gap: 12px;}
.content-inner-text-box-4.mt-20{margin-top: 40px;}
.benefits-container-copy{max-width: 1440px;}
.div-block-54-copy{grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto auto auto; grid-template-columns: 1fr;}
.testimonials-container-2-copy{max-width: 1440px;}}
@media screen and (max-width: 991px){.navbar-logo-left-container.shadow-three{justify-content: center; align-items: center; max-width: none; padding-top: 16px; padding-bottom: 16px; display: flex;}
.heading-02{text-align: center; font-size: 52px; line-height: 62px;}
.heading-02.text-center.mt-16{margin-left: 20px; margin-right: 0; font-size: 50px;}
.body-01.mt-16.opacity-80{text-align: center; margin-top: 8px; font-size: 16px;}
.heading-03{font-size: 44px; font-weight: 600; line-height: 56px;}
.heading-03.text-center{margin-left: 0; margin-right: 0; font-size: 42px;}
.color{flex-direction: column;}
.heading-01{font-size: 60px; line-height: 68px;}
.heading-01.text-center{margin-left: 0; margin-right: 0; font-size: 60px; font-weight: 600; line-height: 80px;}
.heading-01.text-center.mt-8{font-size: 56px; line-height: 65px;}
.heading-01.mt-16{text-align: center;}
.list{margin-right: 20px;}
.list.mt-16{grid-column-gap: 8px; grid-row-gap: 8px;}
.btn-box.mt-40{margin-top: 16px;}
.footer-bottom{flex-flow: row; justify-content: space-between; align-items: center;}
.mt-20{border-radius: 28px;}
.home-hero{background-position: 0 100%, 0 0; background-attachment: scroll, scroll; margin-left: 0; margin-right: 0; padding-top: 90px; padding-bottom: 500px;}
.home-container{margin-left: 20px; margin-right: 20px;}
.hero{padding-bottom: 100px;}
.blogs-01-list{grid-template-columns: 1fr 1fr;}
.blog-01-img{box-sizing: border-box; object-fit: cover;}
.blogs-01-collection-list{margin-top: 0;}
.author-info{margin-top: 10px;}
.blog-04-card{flex-flow: column; padding: 40px;}
.blog-04-body{max-width: none; min-height: auto; margin-right: 0;}
.blog-04-card-img-box{width: 100%; max-width: none; max-height: 400px; margin-top: 40px;}
.ream-more-btn{margin-top: 40px;}
.profile-box-02{align-items: flex-start;}
.blog-single-img{height: 400px;}
.nav-link-3{justify-content: flex-start; align-items: center; width: auto;}
.nav-link-3:hover{background-color: #f5f5f7;}
.nav{border-bottom: 1px solid #eaf1fc; padding-left: 0; padding-right: 0; display: flex;}
.btn-box-nav{width: 50%;}
.dropdown-toggle-2{border-bottom: 1px #eaf1fc; justify-content: center; align-items: center; margin-right: 0; padding-left: 0; padding-right: 0; display: flex;}
.dropdown-toggle-2.is-open{justify-content: center; align-items: center;}
.pricing-01-card-wrapper-3{grid-template-rows: auto auto; grid-template-columns: 1fr;}
.nav-items-grid{grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; display: inline-flex;}
.navbar-button-box{grid-column-gap: 8px; grid-row-gap: 8px; background-color: #f5f5f7; flex-flow: row; justify-content: center; align-items: stretch; margin-top: 20px; padding: 20px; display: flex;}
.menu-button-2-copy{background-color: #f3f3ff; border: 1px solid #eaf1fc; border-radius: 8px; padding: 10px; display: none;}
.menu-button-2-copy.is-open{color: #fff; background-color: #d5d7f8;}
.nav-buttons-wrapper-3{display: inline-flex;}
.nav-menu-wrapper-2{grid-column-gap: 32px; grid-row-gap: 32px; background-color: #fff; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; margin-left: 0; display: flex; position: absolute; box-shadow: 0 30px 40px #050b1433;}
.navigation-button{padding-top: 8px; padding-bottom: 8px; display: none;}
.navbar-brand-2{margin-right: 0;}
.sign-button{width: 50%; padding-top: 12px; padding-bottom: 12px;}
.sign-button:active{background-color: #d3e2f9;}
.navbar-wrapper-3{width: 100%; max-height: 44px;}
.login-button-3{border-style: none; padding-top: 12px; padding-bottom: 12px; display: block;}
.nav-left-2{grid-column-gap: 8px; grid-row-gap: 8px;}
.navigation-button-secondary{display: none;}
.icon-5{color: #222693;}
.body-01-bold-2.color-zilo{font-weight: 400; line-height: 20px;}
.basic-section{padding-top: 60px; padding-bottom: 60px;}
.home-1-btn-box.mt-32{grid-column-gap: 12px; grid-row-gap: 12px; justify-content: center; align-items: center; margin-top: 20px;}
.primary-btn-zilo-2{flex: 1;}
.heading-12{text-align: center; font-size: 54px; line-height: 68px;}
.heading-12.mt-8{margin-top: 8px; line-height: 1.2em;}
.body-21.mt-28.text-center-mobile{text-align: center; margin-left: 60px; margin-right: 60px;}
.body-21.mt-28.text-center-mobile.opacity-80{margin-left: 0; margin-right: 0;}
.hero_container-1{grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column;}
.div-block-16{grid-column-gap: 18px; grid-row-gap: 18px; flex-flow: column; width: 100%;}
.wrapper-badge-2{text-align: center; font-size: 16px; line-height: 20px;}
.div-block-15{flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; display: flex;}
.body-22.mr-8{text-align: center;}
.secondary-btn-zilo-2{flex: 1;}
.content-inner-text-box-3{margin-top: 0;}
.body-23.mt-8.opacity-80{color: #050b14cc; margin-top: 8px; font-size: 16px; line-height: 24px;}
.body-23.opacity-80{color: #050b14cc; font-size: 16px; line-height: 24px;}
.check-icon-3{width: 20px;}
.content-image-left{object-fit: contain; border-radius: 20px; width: 50%; margin-right: 0;}
.content-02-card-1{grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: row; justify-content: space-between; align-items: flex-start;}
.btn-box-16.mt-32{margin-top: 20px;}
.heading-13{text-align: center; font-size: 48px; line-height: 56px;}
.heading-13.max-w-center{font-size: 44px; line-height: 1.2em;}
.sub-heading-15{font-size: 22px; line-height: 1.2em;}
.content-02-card-2-revert{grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: row; justify-content: space-between; align-items: flex-start; margin-top: 0; display: flex;}
.body-24.mr-8{text-align: center;}
.content-image-right{width: 50%; margin-right: 0;}
.content-02-left-3{grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: row; flex: 1; width: auto; margin-right: 0;}
.content-02-card-3{grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: row; justify-content: space-between; align-items: center; margin-top: 0; display: flex;}
.content-02-container-3{flex-flow: column; margin-left: 0; margin-right: 0; display: flex;}
.body-26.opacity-80{font-size: 16px; line-height: 24px;}
.content-02-card-img-3{border-radius: 16px; margin-top: 0;}
.heading-14{text-align: center; font-size: 48px; line-height: 56px;}
.heading-14.max-w-center{font-size: 44px; line-height: 1.2em;}
.number-box-3{width: 48px; height: 48px; margin-right: 0; top: 0;}
.primary-btn-zilo-3{flex: 1;}
.features-container-2{flex-flow: column; display: flex;}
.body-27.mt-8.opacity-80{font-size: 16px; line-height: 24px;}
.heading-15{text-align: center; font-size: 48px; line-height: 56px;}
.heading-15.max-w-center{font-size: 44px; line-height: 1.2em;}
.features-grid-3{grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1fr 1fr;}
.sub-heading-18.text-white{font-size: 32px;}
.body-29.opacity-80{font-size: 16px; line-height: 24px;}
.body-29.opacity-80.text-center{text-align: center;}
.heading-16{text-align: center; font-size: 48px; line-height: 56px;}
.sub-heading-26.text-white{padding-bottom: 0;}
.heading-17{text-align: center; font-size: 48px; line-height: 56px;}
.heading-17.max-w-center{font-size: 44px; line-height: 1.2em;}
.faq-list-3{grid-column-gap: 20px; grid-row-gap: 20px; width: 100%;}
.faq-left-3{width: 100%; max-width: none; margin-right: 0;}
.faq-container-5{grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-self: auto; align-items: stretch; display: flex;}
.heading-18{text-align: center; font-size: 48px; line-height: 56px;}
.div-block-28{grid-column-gap: 16px; grid-row-gap: 16px; justify-content: center; align-items: center; margin-top: 16px;}
.contact-01-content-3{justify-content: flex-start; align-items: center; width: auto;}
.body-34.opacity-80{font-size: 16px; line-height: 24px;}
.body-34.opacity-80.text-center{text-align: center;}
.heading-19{text-align: center; font-size: 48px; line-height: 56px;}
.div-block-29{flex: 0 auto; justify-content: center; align-items: flex-start;}
.sub-heading-30.text-white{font-size: 32px;}
.cta-container-2{border-radius: 16px; margin-left: 0; margin-right: 0; padding: 60px 30px;}
.body-38{background-color: var(--white);}
.icon-2{margin-left: 0; position: static;}
.body-01-normal.color-zilo{font-weight: 600;}
.horizontal-dropdown1._02{box-shadow: none; width: 400px; box-shadow: none; background-color: #f5f5f7; border-radius: 0; margin-top: 0; padding: 0;}
.nav-dropdown-list-1{padding-top: 10px; position: static;}
.nav-dropdown-list-1.is-open{justify-content: center; padding-top: 0; display: flex; position: static;}
.hero-img3{width: 100%;}
.video{height: 340px;}
.features-card-4{margin-top: 0;}
.features-items-3{background-image: none; flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr;}
.basic-section-contact{padding-top: 60px; padding-bottom: 60px;}
.contact-form-5{align-self: auto; width: auto; display: block;}
.hero-container3{justify-content: center; align-items: center; max-width: 1264px; margin-top: -420px;}
.code-embed-3{max-width: 100%;}
.basic-section2{padding-top: 60px; padding-bottom: 60px;}
.login-button-3-copy{border-style: none; padding-top: 12px; padding-bottom: 12px; display: block;}
.code-embed-7{max-width: 100%;}
.content-inner-text-box-4{margin-top: 0;}
.content-02-card-1-copy{grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: row; justify-content: space-between; align-items: flex-start;}
.content-02-card-2-revert-2{grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: row; justify-content: space-between; align-items: flex-start; margin-top: 0; display: flex;}
.rozwi.mr-8{text-align: center;}
.content-inner-text-box-5{margin-top: 0;}
.content-card{grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: row; justify-content: space-between; align-items: flex-start;}
.content-inner-text-box-5-left, .content-inner-text-box-6{margin-top: 0;}}
@media screen and (max-width: 767px){h4{font-size: 24px; line-height: 24px;}
h6{font-size: 28px; line-height: 36px;}
blockquote{background-position: 25px; background-size: auto 80%; padding: 20px 30px 20px 60px; font-size: 20px; line-height: 30px;}
.navbar-logo-left-container{max-width: 100%;}
.navbar-logo-left-container.shadow-three{padding-top: 16px; padding-bottom: 16px;}
.heading-02{font-size: 50px; line-height: 54px;}
.body-03{font-size: 14px; line-height: 20px;}
.body-01{font-size: 18px; line-height: 24px;}
.heading-03{font-size: 48px; line-height: 52px;}
.sub-heading-04{font-size: 18px; line-height: 24px;}
.color{padding: 60px 40px;}
.sub-heading-02{font-size: 24px; line-height: 24px;}
.heading-01{font-size: 54px; line-height: 60px;}
.heading-01.text-center{font-size: 48px; line-height: 58px;}
.heading-01.text-center.mt-8{font-size: 42px; line-height: 62px;}
.body-03-semibold{font-size: 14px; line-height: 20px;}
.list.mt-16{grid-column-gap: 10px; grid-row-gap: 10px; margin-top: 12px;}
.btn-box.mr-12{margin-bottom: 0;}
.footer-bottom{flex-flow: row; justify-content: space-between; align-items: center;}
.footer-copyright{font-size: 14px; line-height: 20px;}
.footer-social-link{margin-left: 20px;}
.footer-bottom-02{flex-flow: row; justify-content: center; align-items: center;}
.home-hero{padding-top: 120px; padding-bottom: 325px;}
.hero{background-image: linear-gradient(#bfc1e5, #fff 50%); padding-bottom: 20px;}
.blogs-01-list{grid-template-columns: 1fr;}
.body-03-medium{font-size: 14px; line-height: 20px;}
.body-02-medium{font-size: 16px; line-height: 20px;}
.blog-01-hero{padding-bottom: 100px;}
.blog-01-container{margin-left: 20px; margin-right: 20px;}
.blog-04-card{flex-flow: column; padding: 30px;}
.ream-more-btn{margin-top: 20px;}
.blog-single{padding-bottom: 120px;}
.blog-single-img{height: 300px;}
.blog-single-content{flex-direction: column; align-items: flex-start;}
.blog-single-body{margin-top: 40px;}
.body-04{font-size: 14px; line-height: 20px;}
.footer-bottom-02-copy{flex-flow: row; justify-content: center; align-items: center; margin-top: 12px;}
.body-8{font-size: 16px; line-height: 20px;}
.secondary-btn-2{flex: 1;}
.pricing-01-card-wrapper-3{grid-template-columns: 1fr;}
.navbar-button-box{grid-column-gap: 12px; grid-row-gap: 12px;}
.navbar-brand-2{padding-left: 0;}
.body-18{font-size: 16px; line-height: 20px;}
.body-01-bold-2{font-size: 16px; line-height: 24px;}
.body-01-bold-2.color-zilo{line-height: 20px;}
.basic-section.padding-less{padding-top: 20px; padding-bottom: 20px;}
.home-1-btn-box.mt-32{flex-flow: column wrap; align-items: stretch;}
.heading-12{font-size: 48px; line-height: 64px;}
.heading-12.mt-8{line-height: 1.2em;}
.body-21{font-size: 18px; line-height: 24px;}
.body-21.mt-28.text-center-mobile.opacity-80{font-size: 16px;}
.body-21.opacity-80.mt-12.text-center{width: 500px;}
.body-21.text-center.color-white{font-size: 14px;}
.wrapper-badge-2{font-size: 14px;}
.div-block-15{align-items: stretch;}
.body-22{font-size: 16px; line-height: 20px;}
.body-22.mr-8{text-align: center;}
.body-22.mr-8.white{font-weight: 400;}
.benefits-container{grid-column-gap: 40px; grid-row-gap: 40px;}
.content-inner-text-box-3{width: auto; max-width: none;}
.body-23{font-size: 18px; line-height: 24px;}
.body-23.opacity-80{text-align: left; font-size: 16px;}
.content-image-left{width: 100%; max-width: none;}
.content-02-card-1{grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: space-between; align-items: center;}
.btn-box-16.mt-24{display: flex;}
.heading-13{font-size: 48px; line-height: 52px;}
.sub-heading-15{line-height: 1.2em;}
.content-02-card-2-revert{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap-reverse; justify-content: space-between; align-items: center;}
.body-24{font-size: 16px; line-height: 20px;}
.body-24.mr-8{text-align: center;}
.body-24.mr-8.white{font-weight: 400;}
.tertiary-btn-zilo-2{text-align: center; flex: 1; width: auto;}
.tertiary-btn-zilo-2.width230px{width: auto;}
.content-image-right{width: 100%; max-width: none;}
.content-02-left-3{flex: 0 auto; justify-content: flex-start; align-items: flex-start; display: flex;}
.content-02-card-3{grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: space-between; align-items: center; width: 100%; margin-top: 0;}
.content-02-container-3{grid-column-gap: 40px; grid-row-gap: 40px; margin-left: 0; margin-right: 0;}
.body-26{font-size: 18px; line-height: 24px;}
.body-26.opacity-80{text-align: left; font-size: 16px;}
.content-02-card-img-3{width: 100%; max-width: none; margin-top: 0; margin-left: 0;}
.heading-14{font-size: 48px; line-height: 52px;}
.number-box-3{flex-flow: row; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: 0; display: flex; position: relative; top: 0; right: 0;}
.sub-heading-16{font-size: 18px; line-height: 24px;}
.connectors-3{background-color: #dce0e6; height: 1000%;}
.features-container-2{justify-content: flex-start; align-items: center; width: 100%; max-width: none;}
.body-27{font-size: 18px; line-height: 24px;}
.features-card-3{padding: 32px;}
.heading-15{font-size: 48px; line-height: 52px;}
.body-28{font-size: 16px; line-height: 20px;}
.features-card-icon-2{width: 50px; height: 50px;}
.sub-heading-17{font-size: 18px; line-height: 24px;}
.features-grid-3{grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto auto auto;}
.pricing-container{grid-column-gap: 40px; grid-row-gap: 40px;}
.btn-box-19{flex-flow: column-reverse wrap;}
.btn-box-19.mr-32{flex-flow: column-reverse wrap; justify-content: space-between; align-items: stretch;}
.pricing-cart-2{grid-column-gap: 24px; grid-row-gap: 24px; padding-left: 32px; padding-right: 32px; font-family: Rubik, sans-serif;}
.sub-heading-18{font-size: 28px; line-height: 34px;}
.body-29{font-size: 18px; line-height: 24px;}
.body-29.opacity-80{text-align: left; font-size: 16px;}
.body-29.opacity-80.text-center{text-align: center;}
.div-block-27{grid-column-gap: 4px; grid-row-gap: 4px; width: 100%;}
.heading-16{font-size: 48px; line-height: 52px;}
.div-block-26{grid-column-gap: 16px; grid-row-gap: 16px; width: 100%;}
.div-block-pricing-cart{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column;}
.sub-heading-26{font-size: 18px; line-height: 24px;}
.testimonials-container-2{flex-flow: column;}
.heading-17{font-size: 48px; line-height: 52px;}
.heading-17.color-white{font-size: 38px;}
.body-33{font-size: 18px; line-height: 24px;}
.faq-container-5{grid-column-gap: 40px; grid-row-gap: 40px;}
.heading-18{font-size: 48px; line-height: 52px;}
.sub-heading-29{font-size: 18px; line-height: 24px;}
.faq-item-4{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; padding: 20px 32px; display: flex;}
.body-34{font-size: 18px; line-height: 24px;}
.body-34.opacity-80{text-align: left; font-size: 16px;}
.body-34.opacity-80.text-center{text-align: center;}
.body-36{font-size: 16px; line-height: 20px;}
.body-36.mr-8{margin-right: 0;}
.heading-19{font-size: 48px; line-height: 52px;}
.btn-box-20{justify-content: center; display: flex;}
.btn-box-21{flex-flow: column-reverse wrap;}
.btn-box-21.mr-32{flex-flow: column-reverse wrap; justify-content: space-between; align-items: stretch;}
.sub-heading-30{font-size: 28px; line-height: 34px;}
.cta-container-2{margin-left: 0; margin-right: 0; padding: 42px 30px;}
.body-38{background-color: var(--white);}
.footer{grid-column-gap: 20px; grid-row-gap: 20px;}
.body-01-normal{font-size: 16px; line-height: 24px;}
.body-01-normal.color-zilo{font-family: Rubik, sans-serif; font-size: 16px;}
.horizontal-dropdown1{grid-column-gap: 20px; grid-row-gap: 20px; flex-direction: column; align-items: flex-start;}
.hero-btn-container2{flex-flow: row; align-self: stretch; align-items: stretch;}
.blog-container{grid-column-gap: 40px; grid-row-gap: 40px;}
.features-card-4{padding: 24px 32px;}
.features-items-3{flex-flow: column; order: 0; grid-template-columns: 1fr 1fr; justify-content: center; align-items: stretch;}
.basic-section-contact.padding-less{padding-top: 20px; padding-bottom: 20px;}
.contact-form-5{padding: 32px;}
.hero-container3{justify-content: flex-start; align-items: center; margin-top: -250px;}
.basic-section2.padding-less{padding-top: 20px; padding-bottom: 20px;}
.code-embed-4{display: block;}
.code-embed-5{display: none;}
.benefits-container-copy, .logos{grid-column-gap: 40px; grid-row-gap: 40px;}
.benefits---more{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; padding: 20px 32px; display: flex;}
.content-inner-text-box-4{width: auto; max-width: none;}
.content-02-card-1-copy{grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: space-between; align-items: center;}
.content-02-card-2-revert-2{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap-reverse; justify-content: space-between; align-items: center;}
.rozwi{font-size: 16px; line-height: 20px;}
.rozwi.mr-8{text-align: center;}
.rozwi.mr-8.white{font-weight: 400;}
.content-inner-text-box-5{width: auto; max-width: none;}
.content-card{grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: space-between; align-items: center;}
.content-inner-text-box-5-left{width: auto; max-width: none;}
.benefits-container-copy{grid-column-gap: 40px; grid-row-gap: 40px;}
.content-inner-text-box-6{width: auto; max-width: none;}
.testimonials-container-2-copy{flex-flow: column;}
.features-card-9{padding: 32px;}}
@media screen and (max-width: 479px){blockquote{background-position: 16px; background-size: auto; padding-left: 40px;}
.navbar-logo-left-container.shadow-three{-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: #ffffffeb; justify-content: space-between; padding-top: 12px; padding-bottom: 12px;}
.heading-02{text-align: left; font-size: 32px; line-height: 42px;}
.heading-02.text-center{margin-left: 0; margin-right: 0; font-size: 34px; line-height: 42px;}
.heading-02.text-center.mt-16{margin-left: 0; font-size: 34px; line-height: 42px;}
.body-03{flex: none;}
.body-01{font-size: 16px; line-height: 24px;}
.body-01.mr-8{font-size: 16px;}
.body-01.mt-16.opacity-80{text-align: left; margin-top: 16px; font-size: 16px; line-height: 24px;}
.body-01.opacity-70.mt-24{text-align: center;}
.heading-03{text-align: left; padding-right: 0; font-size: 32px; line-height: 42px;}
.heading-03.text-center{letter-spacing: 0; padding-left: 0; padding-right: 0; font-size: 32px; line-height: 40px;}
.sub-heading-04{letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-size: 20px; line-height: 28px;}
.sub-heading-04.mt-20{margin-top: 20px; font-size: 18px; line-height: 24px;}
.sub-heading-04.mt-16{margin-top: 8px; margin-bottom: 8px; font-size: 18px; line-height: 24px;}
.color{padding: 40px 20px;}
.sub-heading-02{margin-top: 10px; margin-bottom: 0;}
.heading-01{font-size: 38px; line-height: 42px;}
.heading-01.text-center{letter-spacing: 0; font-size: 38px; font-weight: 600; line-height: 46px;}
.heading-01.text-center.mt-8{text-align: center; font-size: 36px; line-height: 48px;}
.heading-01.mt-16{text-align: left; font-size: 40px; line-height: 44px;}
.body-03-semibold{flex: none;}
.list.mt-16{margin-bottom: 0;}
.btn-box.mr-12{justify-content: center; align-items: center; margin-bottom: 0; margin-right: 0; display: flex;}
.btn-box.mt-40{margin-top: 20px;}
.transparent-btn.mt-20{margin-top: 12px; padding-top: 12px; padding-bottom: 12px;}
.footer-copyright{text-align: center; align-self: center;}
.footer-social-block-two{margin-top: 0; margin-bottom: 0; margin-left: 0;}
.footer-social-link{margin-left: 0; padding: 8px;}
.footer-bottom-02{grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: center; align-items: center; margin-top: 0;}
.mt-20{border-radius: 20px;}
.home-hero{background-image: url("/assets/img/BG-garage-1ded4c.svg"), linear-gradient(#222693 40%, #8386e2 74%, #bfc1e5); background-position: 0%, 0 0; background-repeat: repeat, repeat; background-size: cover, auto; background-attachment: scroll, scroll; padding-top: 60px;}
.home-container{margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px;}
.hero{margin-bottom: 0; margin-left: 0; margin-right: 0; padding-bottom: 0;}
.profile-box{flex-flow: row; justify-content: flex-start; align-items: center; display: flex;}
.divider{margin-top: 24px; margin-bottom: 24px;}
.divider.margin-less{margin-top: 20px; margin-bottom: 20px;}
.blog-01-card-img-box{height: 240px;}
.blog-01-img{box-sizing: border-box; aspect-ratio: auto; object-fit: cover; border-radius: 12px; width: 100%; max-width: 100%; height: 100%;}
.blog-01-body{padding: 20px;}
.body-03-medium{flex: none;}
.post-date-time{grid-column-gap: 12px; grid-row-gap: 12px;}
.dot{display: none;}
.author-info{flex-flow: row; margin-top: 0; display: flex;}
.input-box{padding-left: 10px; padding-right: 10px;}
.blog-01-hero{padding-top: 60px; padding-bottom: 90px;}
.blog-04-card{flex-flow: column-reverse; padding: 20px;}
.blog-04-card-img-box{margin-top: 20px;}
.ream-more-btn{align-self: stretch;}
.profile-box-02{flex-direction: column;}
.author-info-02{margin-top: 10px;}
.blog-single{padding-top: 80px; padding-bottom: 80px;}
.blog-single-container{margin-left: 20px; margin-right: 20px; overflow: hidden;}
.blog-single-img{height: 240px; margin-top: 20px;}
.blog-single-content{margin-top: 20px;}
.blog-single-left-content{flex-flow: column; justify-content: flex-start; align-self: stretch; align-items: flex-start; margin-right: 0;}
.blog-single-body{margin-top: 20px;}
.body-04{color: var(--gray2); flex: none; font-weight: 400;}
.pricing-01-card-list{grid-column-gap: 8px; grid-row-gap: 8px;}
.faq-item{border-radius: 16px;}
.footer-logo{max-width: 90%;}
.footer-bottom-02-copy{flex-flow: row; justify-content: space-between; align-items: center; margin-top: 0;}
.body-8{font-size: 16px; font-weight: 400; text-decoration: none;}
.home-03-btn-box_2{grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: center; align-self: stretch; align-items: center; margin-top: 32px; display: flex;}
.home-03-btn-box_2.mt-40.text-center{flex-flow: row;}
.nav-link-3{grid-column-gap: 12px; grid-row-gap: 12px; border-bottom-style: solid; border-bottom-color: #2226931f; border-radius: 2px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-self: stretch; align-items: center; width: 100%; padding: 12px 12px 12px 16px; display: flex;}
.nav-link-3:hover{background-color: #f5f5f7; border-bottom-color: #dce0e6;}
.nav{border-bottom-style: none; border-bottom-color: #d3e2f9; justify-content: flex-start; padding: 0 20px; display: flex;}
.integration-03-icon-2{width: 32px; height: 32px;}
.btn-box-nav{width: 100%; display: block;}
.dropdown-toggle-2{border-bottom-color: #eaf1fc; justify-content: space-between; align-items: center; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.dropdown-toggle-2.is-open{justify-content: flex-start; align-items: center;}
.secondary-btn-2{justify-content: center; align-items: center; width: auto; max-width: 100%;}
.secondary-btn-2:hover{background-color: #22269380;}
.pricing-01-card-wrapper-3{grid-column-gap: 20px; grid-row-gap: 20px;}
.pricing-01-card-3{padding: 32px 20px;}
.secondary-btn_2{justify-content: center; align-items: center; width: auto; max-width: 100%;}
.nav-container-3{max-width: none; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px;}
.nav-items-grid{grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: 16px; padding-right: 16px; display: flex;}
.m-0{flex: 1;}
.navbar-button-box{flex-flow: column-reverse wrap; padding-bottom: 20px; padding-left: 16px; padding-right: 16px;}
.menu-button-2-copy{background-color: #f3f3ff; padding: 10px;}
.menu-button-2-copy.is-open{background-color: #d5d7f8; padding: 10px;}
.nav-menu-wrapper-2{padding: 12px 0 0;}
.navigation-button{padding-top: 10px; padding-bottom: 10px; display: none;}
.navbar-brand-2{margin-right: 0;}
.navbar-brand-2.is-current{width: 80px; margin-right: 0;}
.sign-button{width: 100%; padding-top: 12px; padding-bottom: 12px;}
.sign-button:active{background-color: #d3e2f9;}
.body-18{text-decoration: none;}
.login-button-3{padding-top: 12px; padding-bottom: 12px;}
.nav-left-2{grid-column-gap: 8px; grid-row-gap: 8px;}
.icon-5{color: #222693;}
.body-01-bold-2{margin-bottom: 0; font-size: 16px; line-height: 24px;}
.body-01-bold-2.text-white{justify-content: center; align-items: center; display: flex;}
.body-01-bold-2.color-zilo{font-size: 14px; line-height: 20px;}
.basic-section{padding-top: 60px; padding-bottom: 20px;}
.home-1-btn-box{display: block;}
.home-1-btn-box.mt-32{grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: flex-start; align-self: stretch; margin-top: 20px; display: flex;}
.primary-btn-zilo-2{grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: row; flex: 1; order: 0; justify-content: center; align-self: auto; align-items: center; max-width: 100%; margin-top: 0; display: flex;}
.heading-12{text-align: center; font-size: 34px; font-weight: 700; line-height: 48px;}
.heading-12.mt-8{text-align: center; align-self: auto; font-size: 44px;}
.body-21{font-size: 16px; line-height: 24px;}
.body-21.mt-28{text-align: center;}
.body-21.mt-28.text-center-mobile{text-align: center; margin-top: 16px; margin-left: 0; margin-right: 0; font-weight: 400;}
.body-21.mt-28.text-center-mobile.opacity-80{text-align: center; font-size: 16px;}
.body-21.opacity-80.mt-12.text-center{width: auto;}
.body-21.text-center.color-white{margin-top: 4px;}
.hero_container-1{grid-column-gap: 42px; grid-row-gap: 42px; padding-left: 16px; padding-right: 16px;}
.wrapper-badge-2{text-align: center; align-self: center; font-weight: 700;}
.wrapper-badge-2.opacity-80{font-size: 12px; font-weight: 400; line-height: 18px;}
.body-22{text-decoration: none;}
.body-22.mr-8{text-align: center;}
.secondary-btn-zilo-2{justify-content: center; align-items: center; max-width: 100%; margin-top: 0;}
.benefits-container{grid-column-gap: 40px; grid-row-gap: 40px; flex: 0 auto; align-self: stretch; margin-top: -20px; margin-bottom: 40px; padding-left: 16px; padding-right: 16px;}
.body-23{justify-content: flex-start; font-size: 16px; line-height: 24px;}
.body-23.mt-12.opacity-70{margin-top: 8px;}
.content-image-left{border-radius: 16px;}
.content-02-card-1{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; justify-content: space-between;}
.btn-box-16{display: block;}
.btn-box-16.mt-32{grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: flex-start; align-self: stretch; margin-top: 20px; display: flex;}
.btn-box-16.mt-24{border-style: none; margin-top: 20px;}
.heading-13{font-size: 36px; line-height: 1.2em;}
.heading-13.max-w-center{font-size: 36px;}
.sub-heading-15{font-size: 22px; line-height: 28px;}
.content-02-card-2-revert{flex-flow: wrap-reverse;}
.body-24{text-decoration: none;}
.body-24.mr-8{text-align: center;}
.tertiary-btn-zilo-2{text-align: center; flex: 1; justify-content: center; align-items: center; width: 100%; padding-right: 24px;}
.content-image-right{border-width: 0; border-radius: 12px; margin-right: 0;}
.content-02-left-3{grid-column-gap: 16px; grid-row-gap: 16px;}
.content-02-card-3{grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column-reverse wrap; justify-content: space-between; align-items: center;}
.content-02-container-3{margin-bottom: 40px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; overflow: visible;}
.body-26{font-size: 16px; line-height: 24px;}
.content-02-card-img-3{box-shadow: none; object-fit: cover; border-radius: 12px;}
.heading-14{font-size: 36px; line-height: 1.2em;}
.heading-14.max-w-center{font-size: 36px;}
.number-box-3{flex-flow: row; justify-content: center; align-items: center; width: 40px; height: 40px;}
.sub-heading-16{font-size: 18px; line-height: 24px;}
.connectors-3{background-color: #dce0e6; height: 800%;}
.primary-btn-zilo-3{grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: row; flex: 1; order: 0; justify-content: center; align-self: auto; align-items: center; width: auto; display: flex;}
.features-container-2{grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; width: 100%; max-width: none; margin-bottom: 40px; padding-left: 16px; padding-right: 16px;}
.body-27{font-size: 16px; line-height: 24px;}
.features-card-3{box-shadow: none; border-radius: 12px; padding: 16px;}
.heading-15{font-size: 36px; line-height: 1.2em;}
.heading-15.max-w-center{font-size: 36px;}
.body-28{font-size: 16px; font-weight: 400; text-decoration: none;}
.features-card-icon-2{width: 42px; height: 42px;}
.sub-heading-17{font-size: 18px; line-height: 24px;}
.sub-heading-17.mt-12{margin-top: 8px; font-size: 16px; line-height: 22px;}
.features-grid-3{grid-column-gap: 12px; grid-row-gap: 12px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr;}
.btn-box-18{align-self: stretch;}
.pricing-container{max-width: none; margin-bottom: 40px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px;}
.btn-box-19{align-self: stretch;}
.btn-box-19.mr-32{grid-column-gap: 12px; grid-row-gap: 12px; border-radius: 0; flex-flow: column-reverse wrap;}
.pricing-cart-2{background-image: linear-gradient(#222693 12%, #8386e2 86%, #bfc1e5); padding: 32px 20px;}
.sub-heading-18.text-white{font-size: 26px;}
.secondary-btn-zilo-copy{justify-content: center; align-items: center; max-width: 100%;}
.mark-icon-4{max-width: 20px;}
.body-29{font-size: 16px; line-height: 24px;}
.body-29.mt-24.text-center.opacity-80{color: #050b14cc;}
.pricing-01-card-list-item-4{grid-column-gap: 0px; grid-row-gap: 0px; padding-top: 2px;}
.divider-15-copy{margin-top: 0; margin-bottom: 0;}
.heading-16{font-size: 36px; line-height: 1.2em;}
.div-block-26{grid-column-gap: 12px; grid-row-gap: 12px;}
.sub-heading-26{padding-right: 3px; font-size: 18px; line-height: 24px;}
.sub-heading-26.text-white{padding-bottom: 4px; padding-right: 3px; font-size: 18px;}
.testimonials-container-2{grid-column-gap: 40px; grid-row-gap: 40px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; display: flex;}
.heading-17{font-size: 36px; line-height: 1.2em;}
.heading-17.max-w-center{font-size: 36px;}
.heading-17.max-w-center.mt-8{max-width: none;}
.heading-17.color-white{font-size: 32px; font-weight: 600;}
.faq-list-3{grid-column-gap: 16px; grid-row-gap: 16px; font-family: Rubik, sans-serif;}
.faq-left-3{width: auto;}
.body-33{font-size: 16px; line-height: 24px;}
.faq-container-5{grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: space-between; align-items: center; margin-bottom: 40px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; display: flex;}
.heading-18{font-size: 36px; line-height: 1.2em;}
.heading-18.text-left{text-align: center;}
.sub-heading-29{font-size: 18px; line-height: 24px;}
.faq-item-4{border-radius: 16px;}
.form-4--checkbox-label-2{font-size: 12px; line-height: 22px;}
.div-block-28{grid-column-gap: 12px; grid-row-gap: 12px; margin-top: 12px;}
.image-17{width: 80px; height: 80px;}
.input-box-hidden{padding-left: 10px; padding-right: 10px;}
.input-box-hidden.mt-20{margin-top: 16px;}
.contact-01-content-3{grid-column-gap: 13px; grid-row-gap: 13px;}
.body-34{font-size: 16px; line-height: 24px;}
.body-34.opacity-80.text-center{text-align: center; align-self: auto;}
.body-36{font-size: 16px; font-weight: 400; text-decoration: none;}
.form-2{grid-column-gap: 16px; grid-row-gap: 16px;}
.heading-19{font-size: 36px; line-height: 1.2em;}
.heading-19.text-left{text-align: center;}
.form-block{margin-bottom: 0;}
.form-4--checkbox-2{width: 1.4em; height: 1.4em;}
.btn-box-20{flex-flow: column; display: flex;}
.btn-box-21{align-self: stretch;}
.btn-box-21.mr-32{grid-column-gap: 12px; grid-row-gap: 12px; border-radius: 0; flex-flow: column-reverse wrap;}
.sub-heading-30.text-white{font-size: 26px;}
.cta-section-container{padding-left: 16px; padding-right: 16px;}
.cta-container-2{border-radius: 12px; margin-left: 0; margin-right: 0; padding: 32px 20px;}
.body-38{background-color: var(--white);}
.footer{grid-column-gap: 32px; grid-row-gap: 32px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; display: flex;}
.sub-heading-6.navlink{font-size: 15px; font-weight: 400;}
.pricing-01-card-list-title{grid-column-gap: 0px; grid-row-gap: 0px; padding-top: 2px;}
.body-01-normal{margin-bottom: 0; font-size: 16px; line-height: 24px;}
.body-01-normal.text-white{justify-content: center; align-items: center; display: flex;}
.body-01-normal.color-zilo{font-weight: 600;}
.horizontal-dropdown1._02{box-shadow: none; grid-column-gap: 0px; grid-row-gap: 0px; width: 100%; box-shadow: none; grid-column-gap: 4px; grid-row-gap: 4px; width: 320px; box-shadow: none; background-color: #120f2a0f; border-radius: 12px; flex-flow: column; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: flex-start; place-items: flex-start stretch; padding: 0; display: flex;}
.nav-dropdown-list-1.is-open{justify-content: space-between; align-self: stretch; margin-top: 10px; padding-top: 0; position: static;}
.hero-btn-container2{grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; flex: 0 auto; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-self: stretch; align-items: stretch; margin-top: 24px; display: flex;}
.hero-img3{width: 130%;}
.video{height: 300px;}
.blog-container{grid-column-gap: 44px; grid-row-gap: 44px; padding-left: 16px; padding-right: 16px;}
.features-card-4{border-radius: 16px; margin-top: 0; padding: 20px;}
.features-items-3{grid-column-gap: 20px; grid-row-gap: 20px; background-image: none; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; margin-top: 0; display: flex;}
.code-embed-2{text-align: left; align-self: center; margin-bottom: 0;}
.contact-form-5{border-style: solid; border-color: #eaf1fc99; border-radius: 16px; padding: 20px;}
.contact-form-5.color-white{padding-top: 0;}
.hero-container3{grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; margin-top: -300px; padding-left: 16px; padding-right: 16px; display: flex; overflow: hidden;}
.basic-section2{padding-top: 60px; padding-bottom: 20px;}
.code-embed-5{display: none;}
.div-block-49{text-align: left; border-bottom: 1px solid #2226931a; flex-flow: column; justify-content: flex-start; align-self: stretch; margin-left: 0; margin-right: 0; padding-top: 16px; padding-bottom: 16px; display: flex;}
.login-button-3-copy{padding: 10px 20px;}
.benefits-container-copy{grid-column-gap: 40px; grid-row-gap: 40px; flex: 0 auto; align-self: stretch; margin-bottom: 40px; padding-left: 16px; padding-right: 16px;}
.logos{grid-column-gap: 40px; grid-row-gap: 40px; flex: 0 auto; align-self: stretch; margin-top: -20px; margin-bottom: 0; padding-left: 16px; padding-right: 16px;}
.benefits---more{border-radius: 16px;}
.benefits---more.mt-24{margin-top: 12px;}
.benefits-header{grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-end; align-items: flex-start;}
.content-02-card-1-copy{grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: wrap; justify-content: space-between;}
.content-02-card-2-revert-2{grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: wrap-reverse;}
.rozwi{text-decoration: none;}
.rozwi.mr-8{text-align: center;}
.content-inner-text-box-5{padding: 24px;}
.content-card{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; justify-content: space-between;}
.content-inner-text-box-5-left{padding: 24px;}
.benefits-container-copy{grid-column-gap: 40px; grid-row-gap: 40px; flex: 0 auto; align-self: stretch; margin-top: -20px; margin-bottom: 40px; padding-left: 16px; padding-right: 16px;}
.divider-16, .divider-17{margin-top: 24px; margin-bottom: 24px;}
.div-block-52{grid-column-gap: 24px; grid-row-gap: 24px;}
.div-block-54-copy{grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; display: flex;}
.testimonials-container-2-copy{grid-column-gap: 40px; grid-row-gap: 40px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; display: flex;}
.features-card-9{box-shadow: none; border-radius: 12px; padding: 16px;}}
.zilo-compare-wrap{width: 100%; margin: 32px 0; font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;}
.zilo-compare-table{width: 100%; border-collapse: collapse; table-layout: fixed; background: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(23, 41, 151, 0.08), 0 1px 2px rgba(23, 41, 151, 0.06);}
.zilo-compare-table col.c-temat{width: 24%;}
.zilo-compare-table col.c-crm{width: 34%;}
.zilo-compare-table col.c-warsztat{width: 42%;}
.zilo-compare-table thead th{font-weight: 700; font-size: 14px; letter-spacing: -0.1px; text-align: left; padding: 14px 18px; background: #172997; color: #ffffff;}
.zilo-compare-table thead th.th-warsztat{background: #2b5aff;}
.zilo-compare-table thead th:first-child{border-radius: 14px 0 0 0;}
.zilo-compare-table thead th:last-child{border-radius: 0 14px 0 0;}
.zilo-compare-table tbody td{padding: 15px 18px; font-size: 14px; line-height: 1.55; border-bottom: 1px solid #eef0f7; vertical-align: top; word-wrap: break-word; overflow-wrap: break-word;}
.zilo-compare-table tbody tr:last-child td{border-bottom: none;}
.zilo-compare-table tbody tr:nth-child(even) td.td-temat, .zilo-compare-table tbody tr:nth-child(even) td.td-crm{background: #f7f8fc;}
.zilo-compare-table td.td-temat{font-weight: 700; color: #14162e;}
.zilo-compare-table td.td-crm{color: #9498ad;}
.zilo-compare-table td.td-crm::before{content: "✕"; display: inline-block; margin-right: 7px; color: #c7cadb; font-weight: 700;}
.zilo-compare-table td.td-warsztat{color: #14162e; font-weight: 600; background: #f3f6ff; border-left: 2px solid #2b5aff;}
.zilo-compare-table td.td-warsztat::before{content: "✓"; display: inline-block; margin-right: 7px; color: #2b5aff; font-weight: 700;}
@media (max-width: 680px){.zilo-compare-table thead{display: none;}
.zilo-compare-table, .zilo-compare-table tbody, .zilo-compare-table tr, .zilo-compare-table td{display: block; width: 100% !important;}
.zilo-compare-table{border-radius: 14px;}
.zilo-compare-table tbody tr{padding: 16px 16px 15px; border-bottom: 1px solid #eef0f7;}
.zilo-compare-table tbody tr:last-child{border-bottom: none;}
.zilo-compare-table tbody tr:nth-child(even){background: #ffffff;}
.zilo-compare-table tbody tr:nth-child(even) td.td-temat, .zilo-compare-table tbody tr:nth-child(even) td.td-crm{background: transparent;}
.zilo-compare-table tbody td{padding: 0; border: none; border-left: none !important;}
.zilo-compare-table td.td-temat{font-size: 15px; margin-bottom: 10px;}
.zilo-compare-table td.td-crm{background: #f7f8fc; border-radius: 8px; padding: 8px 10px !important; margin-bottom: 8px; font-size: 13.5px;}
.zilo-compare-table td.td-warsztat{background: #f3f6ff; border-radius: 8px; padding: 8px 10px !important; border-left: 3px solid #2b5aff !important; font-size: 13.5px;}}
.zilo-table-wrap{width: 100%; margin: 32px 0; font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;}
.zilo-table{width: 100%; border-collapse: collapse; table-layout: fixed; background: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(23, 41, 151, 0.08), 0 1px 2px rgba(23, 41, 151, 0.06);}
.zilo-table col.col-kod{width: 18%;}
.zilo-table col.col-rola{width: 26%;}
.zilo-table col.col-opis{width: 56%;}
.zilo-table thead th{background: #172997; color: #ffffff; font-weight: 700; font-size: 15px; letter-spacing: -0.1px; text-align: left; padding: 16px 20px;}
.zilo-table thead th:first-child{border-radius: 14px 0 0 0;}
.zilo-table thead th:last-child{border-radius: 0 14px 0 0;}
.zilo-table tbody td{padding: 16px 20px; font-size: 14.5px; line-height: 1.55; color: #1a1a2e; border-bottom: 1px solid #eef0f7; vertical-align: top; word-wrap: break-word; overflow-wrap: break-word;}
.zilo-table tbody tr:last-child td{border-bottom: none;}
.zilo-table tbody tr:nth-child(even){background: #f7f8fc;}
.zilo-table td.td-kod{font-weight: 700; color: #172997;}
.zilo-table td.td-rola{color: #4a4f6a; font-weight: 500;}
@media (max-width: 640px){.zilo-table thead{display: none;}
.zilo-table, .zilo-table tbody, .zilo-table tr, .zilo-table td{display: block; width: 100% !important;}
.zilo-table{border-radius: 14px;}
.zilo-table tbody tr{padding: 16px 16px 14px; border-bottom: 1px solid #eef0f7;}
.zilo-table tbody tr:last-child{border-bottom: none;}
.zilo-table tbody tr:nth-child(even){background: #f7f8fc;}
.zilo-table tbody td{padding: 3px 0; border-bottom: none; font-size: 14px;}
.zilo-table td.td-kod{font-size: 16px; display: inline-block; margin-right: 8px;}
.zilo-table td.td-rola{display: inline-block; font-size: 13px; background: #eef0fb; color: #172997; padding: 2px 9px; border-radius: 20px; font-weight: 600;}
.zilo-table td.td-opis{margin-top: 6px; color: #333752;}}
.zilo-cost-wrap{width: 100%; margin: 32px 0; font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;}
.zilo-cost-table{width: 100%; border-collapse: collapse; table-layout: fixed; background: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(23, 41, 151, 0.08), 0 1px 2px rgba(23, 41, 151, 0.06);}
.zilo-cost-table caption{text-align: left; font-size: 13px; font-weight: 600; color: #4a4f6a; padding: 0 2px 10px; caption-side: top;}
.zilo-cost-table col.c-pozycja{width: 18%;}
.zilo-cost-table col.c-typ{width: 17%;}
.zilo-cost-table col.c-cena{width: 19%;}
.zilo-cost-table col.c-uwagi{width: 46%;}
.zilo-cost-table thead th{background: #172997; color: #ffffff; font-weight: 700; font-size: 14px; letter-spacing: -0.1px; text-align: left; padding: 14px 18px;}
.zilo-cost-table thead th:first-child{border-radius: 14px 0 0 0;}
.zilo-cost-table thead th:last-child{border-radius: 0 14px 0 0;}
.zilo-cost-table tbody td, .zilo-cost-table tbody th{padding: 15px 18px; font-size: 14px; line-height: 1.55; color: #1a1a2e; border-bottom: 1px solid #eef0f7; vertical-align: top; word-wrap: break-word; overflow-wrap: break-word; text-align: left;}
.zilo-cost-table tbody tr:last-child td, .zilo-cost-table tbody tr:last-child th{border-bottom: none;}
.zilo-cost-table tbody tr:nth-child(even){background: #f7f8fc;}
.zilo-cost-table th.td-pozycja{font-weight: 700; color: #14162e;}
.zilo-cost-table td.td-typ .pill{display: inline-block; max-width: 100%; font-size: 11.5px; font-weight: 600; color: #172997; background: #eef0fb; padding: 3px 10px; border-radius: 20px; white-space: normal; word-wrap: normal; overflow-wrap: normal; word-break: normal; line-height: 1.3; box-sizing: border-box; margin-bottom: 4px;}
.zilo-cost-table td.td-cena{font-weight: 700; color: #172997; font-size: 14px;}
.zilo-cost-table td.td-uwagi{color: #4a4f6a; font-size: 13.5px;}
.zilo-cost-table td.td-uwagi ul{margin: 6px 0 0 0; padding-left: 18px;}
.zilo-cost-table td.td-uwagi li{margin-bottom: 3px;}
.zilo-cost-table td.td-uwagi strong{color: #333752;}
@media (max-width: 680px){.zilo-cost-table thead{display: none;}
.zilo-cost-table, .zilo-cost-table tbody, .zilo-cost-table tr, .zilo-cost-table td, .zilo-cost-table th{display: block; width: 100% !important;}
.zilo-cost-table{border-radius: 14px;}
.zilo-cost-table tbody tr{padding: 16px 16px 15px; border-bottom: 1px solid #eef0f7;}
.zilo-cost-table tbody tr:last-child{border-bottom: none;}
.zilo-cost-table tbody tr:nth-child(even){background: #f7f8fc;}
.zilo-cost-table tbody td, .zilo-cost-table tbody th{padding: 0; border-bottom: none;}
.zilo-cost-table th.td-pozycja{font-size: 15.5px; margin-bottom: 6px;}
.zilo-cost-table td.td-typ{margin-bottom: 8px;}
.zilo-cost-table td.td-cena{display: block; font-size: 15px; background: #f0f2fb; padding: 7px 10px; border-radius: 8px; margin-bottom: 10px;}
.zilo-cost-table td.td-uwagi{font-size: 13.5px; color: #4a4f6a;}}
.zilo-compare-wrap{width: 100%; margin: 32px 0; font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;}
.zilo-compare-table{width: 100%; border-collapse: collapse; table-layout: fixed; background: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(23, 41, 151, 0.08), 0 1px 2px rgba(23, 41, 151, 0.06);}
.zilo-compare-table caption{text-align: left; font-size: 13px; font-weight: 600; color: #4a4f6a; padding: 0 2px 10px; caption-side: top;}
.zilo-compare-table col.c-wymiar{width: 18%;}
.zilo-compare-table col.c-desktop{width: 41%;}
.zilo-compare-table col.c-cloud{width: 41%;}
.zilo-compare-table thead th{background: #172997; color: #ffffff; font-weight: 700; font-size: 14px; letter-spacing: -0.1px; text-align: left; padding: 14px 18px;}
.zilo-compare-table thead th:first-child{border-radius: 14px 0 0 0;}
.zilo-compare-table thead th:last-child{border-radius: 0 14px 0 0;}
.zilo-compare-table tbody td, .zilo-compare-table tbody th{padding: 15px 18px; font-size: 14px; line-height: 1.55; color: #1a1a2e; border-bottom: 1px solid #eef0f7; vertical-align: top; word-wrap: break-word; overflow-wrap: break-word; text-align: left;}
.zilo-compare-table tbody tr:last-child td, .zilo-compare-table tbody tr:last-child th{border-bottom: none;}
.zilo-compare-table tbody tr:nth-child(even){background: #f7f8fc;}
.zilo-compare-table th.td-wymiar{font-weight: 700; color: #14162e;}
.zilo-compare-table td.td-desktop{color: #4a4f6a;}
.zilo-compare-table td.td-cloud{color: #14162e; background: #f7f8fc; font-weight: 500;}
.zilo-compare-table tbody tr:nth-child(even) td.td-cloud{background: #eef0fb;}
@media (max-width: 680px){.zilo-compare-table thead{display: none;}
.zilo-compare-table, .zilo-compare-table tbody, .zilo-compare-table tr, .zilo-compare-table td, .zilo-compare-table th{display: block; width: 100% !important;}
.zilo-compare-table{border-radius: 14px;}
.zilo-compare-table tbody tr{padding: 16px 16px 15px; border-bottom: 1px solid #eef0f7;}
.zilo-compare-table tbody tr:last-child{border-bottom: none;}
.zilo-compare-table tbody tr:nth-child(even){background: #f7f8fc;}
.zilo-compare-table tbody td, .zilo-compare-table tbody th{padding: 0; border-bottom: none;}
.zilo-compare-table th.td-wymiar{font-size: 15.5px; margin-bottom: 10px;}
.zilo-compare-table td.td-desktop, .zilo-compare-table td.td-cloud{padding: 10px 12px !important; border-radius: 8px; margin-bottom: 8px; background: #f7f8fc !important;}
.zilo-compare-table td.td-cloud{background: #eef0fb !important;}
.zilo-compare-table td.td-desktop::before{content: "Desktop (On-Premise)"; display: block; font-size: 11.5px; font-weight: 700; color: #172997; margin-bottom: 4px;}
.zilo-compare-table td.td-cloud::before{content: "Chmura (SaaS)"; display: block; font-size: 11.5px; font-weight: 700; color: #172997; margin-bottom: 4px;}}
.zh-section{--zh-bg: transparent; --zh-slide-width: min(1152px, 88vw); --zh-slide-gap: 24px; --zh-radius: 20px; --zh-aspect: 1920 / 1080; --zh-shadow: 0 30px 60px -20px rgba(20, 15, 60, 0.25), 0 8px 20px -4px rgba(20, 15, 60, 0.1); --zh-tab-radius: 8px; --zh-tab-bg: rgba(255, 255, 255, 0.12); --zh-tab-bg-hover: rgba(255, 255, 255, 0.25); --zh-tab-border: rgba(255, 255, 255, 0.2); --zh-tab-text: #ffffff; --zh-tab-text-active: #2d1b45; --zh-tab-fill: #ffffff; --zh-autoplay-ms: 6000ms; --zh-transition: 600ms cubic-bezier(0.22, 1, 0.36, 1); --zh-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; position: relative; background: var(--zh-bg); padding: 96px 0; overflow: hidden; font-family: var(--zh-font); box-sizing: border-box;}
.zh-section *, .zh-section *::before, .zh-section *::after{box-sizing: border-box;}
.zh-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;}
.zh-tabs{position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 auto 52px; padding: 0 24px; max-width: 1200px;}
.zh-tab{position: relative; background: var(--zh-tab-bg); color: var(--zh-tab-text); border: 1px solid var(--zh-tab-border); padding: 12px 24px; border-radius: var(--zh-tab-radius); font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); white-space: nowrap; overflow: hidden; transition: background 200ms ease;}
.zh-tab:hover:not(.is-active){background: var(--zh-tab-bg-hover);}
.zh-tab-fill{position: absolute; inset: 0; background: var(--zh-tab-fill); transform: scaleX(0); transform-origin: left center; z-index: 0; pointer-events: none; border-radius: inherit;}
.zh-tab-label{position: relative; z-index: 1;}
.zh-tab:focus-visible{outline: 2px solid rgba(255, 255, 255, 0.8); outline-offset: 3px;}
.zh-carousel{position: relative;}
.zh-viewport{overflow: hidden; padding: 90px max(24px, calc((100% - var(--zh-slide-width)) / 2)); margin: -90px 0;}
.zh-track{display: flex; gap: var(--zh-slide-gap); transition: transform var(--zh-transition); will-change: transform; touch-action: pan-y; user-select: none; -webkit-user-select: none; cursor: grab;}
.zh-track.is-dragging{transition: none; cursor: grabbing;}
.zh-track.is-snapping{transition: none;}
.zh-slide{flex: 0 0 var(--zh-slide-width); max-width: var(--zh-slide-width); border-radius: var(--zh-radius); padding: 30px 12px 12px; background: rgba(255, 255, 255, 0.28); backdrop-filter: blur(80px); -webkit-backdrop-filter: blur(80px); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6), var(--zh-shadow); transition: opacity 500ms ease, transform 500ms ease; cursor: pointer; position: relative;}
.zh-slide:not(.is-active){opacity: 0.5; transform: scale(0.94);}
.zh-slide.is-active{opacity: 1; transform: scale(1);}
.zh-slide img{width: 100%; height: auto; aspect-ratio: var(--zh-aspect); object-fit: cover; display: block; border-radius: 12px; pointer-events: none; -webkit-user-drag: none;}
.zh-slide-dots{position: absolute; top: 10px; right: 20px; display: flex; gap: 8px; z-index: 2; pointer-events: none;}
.zh-slide-dots span{width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.52);}
@media (max-width: 767px){.zh-section{--zh-slide-width: 84vw; --zh-radius: 14px; padding: 40px 0 60px;}
.zh-tabs{padding: 0 16px; gap: 6px; margin-bottom: 24px; overflow-x: auto; justify-content: flex-start; flex-wrap: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
.zh-tabs::-webkit-scrollbar{display: none;}
.zh-tab{padding: 10px 16px; font-size: 11px; flex-shrink: 0;}}
@media (prefers-reduced-motion: reduce){.zh-track, .zh-slide, .zh-tab, .zh-tab-fill{transition: none !important;}}
.zm-hero{--zm-bg: transparent; --zm-label-color: rgba(255, 255, 255, 0.85); --zm-label-color-arrow: rgba(255, 255, 255, 0.6); --zm-phone-bg: #1a1a2e; --zm-phone-radius: 44px; --zm-phone-screen-radius: 34px; --zm-phone-bezel: 10px; --zm-slide-width: 340px; --zm-slide-gap: 20px; --zm-dot-bg: #E9ECF1; --zm-dot-active-bg: #222693; --zm-transition: 850ms cubic-bezier(0.22, 1, 0.36, 1); --zm-autoplay-ms: 6000ms; --zm-font: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; position: relative; background: var(--zm-bg); font-family: var(--zm-font); padding: 40px 0 90px; overflow: hidden; box-sizing: border-box; user-select: none; -webkit-user-select: none;}
.zm-hero *, .zm-hero *::before, .zm-hero *::after{box-sizing: border-box;}
.zm-hero::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 180px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 36%); pointer-events: none; z-index: 15;}
.zm-viewport{overflow: hidden; width: 100%; max-width: 460px; margin: 0 auto; padding: 0 max(20px, calc((100% - var(--zm-slide-width)) / 2));}
.zm-track{display: flex; gap: var(--zm-slide-gap); transition: transform var(--zm-transition); will-change: transform; touch-action: pan-y; align-items: flex-start;}
.zm-track.is-dragging{transition: none;}
.zm-track.is-snapping{transition: none !important;}
.zm-slide{flex: 0 0 var(--zm-slide-width); max-width: var(--zm-slide-width); display: flex; flex-direction: column; align-items: center; transform: scale(0.82); opacity: 0.55; transition: transform 750ms cubic-bezier(0.22, 1, 0.36, 1), opacity 750ms ease; transform-origin: center center;}
.zm-slide.is-active{transform: scale(1); opacity: 1;}
.zm-label{display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; margin-bottom: 16px; cursor: pointer;}
.zm-label-text{font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--zm-label-color); line-height: 1;}
.zm-label-arrow{display: inline-flex; color: var(--zm-label-color-arrow); line-height: 0; transition: transform 200ms ease;}
.zm-label:hover .zm-label-arrow{transform: translateY(2px);}
.zm-label-arrow svg{width: 22px; height: 22px; display: block;}
.zm-phone-wrapper{position: relative; width: 100%; max-width: 320px; margin: 0 auto; filter: drop-shadow(0 16px 24px rgba(10, 8, 30, 0.22)) drop-shadow(0 4px 8px rgba(10, 8, 30, 0.1));}
.zm-phone-clip{position: relative; width: 100%; aspect-ratio: 306 / 500; overflow: hidden;}
.zm-phone{position: absolute; inset: 0; width: 100%; margin: 0 auto;}
.zm-phone-screen{width: 100%; height: auto; display: block; -webkit-user-drag: none; pointer-events: none; background: transparent;}
.zm-dots{position: relative; display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 16px; padding: 0; list-style: none; z-index: 20;}
.zm-dot{position: relative; width: 44px; height: 6px; border-radius: 3px; background: var(--zm-dot-bg); border: none; padding: 0; cursor: pointer; transition: background 250ms ease; overflow: hidden;}
.zm-dot::before{content: ""; position: absolute; inset: 0; background: var(--zm-dot-active-bg); border-radius: 3px; transform: scaleX(0); transform-origin: left center;}
.zm-dot.is-active::before{animation: zm-dot-fill var(--zm-autoplay-ms) linear forwards;}
.zm-dot.is-active.is-paused::before{animation: none; transform: scaleX(1);}
@keyframes zm-dot-fill{from { transform: scaleX(0); } to { transform: scaleX(1); }}
.zm-dot:hover{background: #D4D9E4;}
.zm-dot.is-active{background: var(--zm-dot-bg);}
.zm-dot:focus-visible{outline: 2px solid rgba(255, 255, 255, 0.8); outline-offset: 4px;}
.zm-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: 400px){.zm-hero{--zm-slide-width: 300px;}
.zm-phone-wrapper{max-width: 280px;}}
@media (max-width: 340px){.zm-hero{--zm-slide-width: 260px;}
.zm-phone-wrapper{max-width: 240px;}}
@media (prefers-reduced-motion: reduce){.zm-track{transition: none;}}
.zl-section{--zl-bg: transparent; --zl-card-bg: #ffffff; --zl-card-radius: 16px; --zl-card-width: 220px; --zl-card-height: 130px; --zl-card-gap: 24px; --zl-card-padding: 14px; --zl-card-shadow: 0 12px 30px -8px rgba(20, 15, 60, 0.15); --zl-heading-color: #120f2a; --zl-heading-size: 36px; --zl-heading-weight: 800; --zl-heading-width: 320px; --zl-marquee-duration: 45s; --zl-marquee-duration-slow: 60s; --zl-font: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; position: relative; background: var(--zl-bg); padding: 0; overflow: hidden; font-family: var(--zl-font); box-sizing: border-box;}
.zl-section *, .zl-section *::before, .zl-section *::after{box-sizing: border-box;}
.zl-container{display: flex; gap: 36px; align-items: center; max-width: 1400px; margin: 0 auto; padding: 0;}
.zl-heading-col{flex: 0 0 var(--zl-heading-width);}
.zl-heading{font-size: var(--zl-heading-size); font-weight: var(--zl-heading-weight); line-height: 1.15; color: var(--zl-heading-color); margin: 0; letter-spacing: -0.01em;}
.zl-heading-line{display: block;}
.zl-marquees-col{flex: 1; min-width: 0; display: flex; flex-direction: column;}
.zl-marquee + .zl-marquee{margin-top: -32px;}
.zl-marquee{position: relative; overflow: hidden; padding: 30px 0; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 96%, transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 96%, transparent 100%);}
.zl-track{display: flex; gap: var(--zl-card-gap); width: max-content; animation: zl-marquee var(--zl-marquee-duration) linear infinite;}
.zl-track--reverse{animation-direction: reverse; animation-duration: var(--zl-marquee-duration-slow);}
@keyframes zl-marquee{from { transform: translateX(0); } to { transform: translateX(calc(-50% - (var(--zl-card-gap) / 2))); }}
.zl-card{flex-shrink: 0; width: var(--zl-card-width); height: var(--zl-card-height); background: var(--zl-card-bg); border-radius: var(--zl-card-radius); box-shadow: var(--zl-card-shadow); display: flex; align-items: center; justify-content: center; padding: var(--zl-card-padding);}
.zl-card img{max-width: 100%; max-height: 100%; object-fit: contain; display: block; -webkit-user-drag: none;}
@media (max-width: 1024px){.zl-section{--zl-heading-size: 30px; --zl-card-width: 200px; --zl-card-height: 120px; --zl-card-gap: 20px; --zl-card-padding: 12px;}
.zl-container{flex-direction: column; align-items: stretch; gap: 24px;}
.zl-heading-col{flex: 0 0 auto; text-align: center;}
.zl-heading{max-width: 560px; margin: 0 auto;}
.zl-heading-line{display: inline;}}
@media (max-width: 600px){.zl-section{--zl-heading-size: 30px; --zl-card-width: 170px; --zl-card-height: 100px; --zl-card-gap: 16px; --zl-card-padding: 10px;}}
@media (prefers-reduced-motion: reduce){.zl-track{animation: none;}}
:root{--accent: #222693; --accent-bg: #F3F3FF;}
.zt-section{width: 100%; padding: 80px 24px 96px; box-sizing: border-box; background: #fff; font-family: "Inter", sans-serif;}
.zt-grid{max-width: 1040px; margin: 0 auto; display: grid; grid-template-columns: 380px 1fr; gap: 80px; align-items: center; opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease;}
.zt-grid.visible{opacity: 1; transform: translateY(0);}
.zt-phone-col{display: flex; justify-content: center;}
.zt-phone{position: relative; width: 280px; filter: drop-shadow(0 32px 64px rgba(30,33,120,.22));}
.zt-bezel{position: relative; width: 280px; height: 560px; background: #16184a; border-radius: 48px; border: 2px solid rgba(255,255,255,.10); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 7px rgba(34,38,147,.12); overflow: hidden;}
.zt-bezel::before{content: ""; position: absolute; right: -4px; top: 110px; width: 4px; height: 68px; background: #16184a; border-radius: 0 3px 3px 0;}
.zt-bezel::after{content: ""; position: absolute; left: -4px; top: 90px; width: 4px; height: 42px; background: #16184a; border-radius: 3px 0 0 3px; box-shadow: 0 52px 0 #16184a;}
.zt-screen{position: absolute; inset: 6px; border-radius: 43px; overflow: hidden; background: #111;}
.zt-screen img.zt-video-thumb{width: 100%; height: 100%; object-fit: cover; display: block;}
.zt-screen-fallback{position: absolute; inset: 0; background: linear-gradient(175deg, #2d3fc4 0%, #111 60%);}
.zt-island{position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 88px; height: 24px; background: #000; border-radius: 16px; z-index: 20;}
.zt-watermark{position: absolute; top: 52px; right: 22px; z-index: 15; opacity: .9;}
.zt-watermark img{height: 18px; width: auto;}
.zt-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 20; width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,.92); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform .2s, background .2s; box-shadow: 0 4px 24px rgba(0,0,0,.3);}
.zt-play:hover{background: #fff; transform: translate(-50%, -50%) scale(1.08);}
.zt-play svg{margin-left: 4px; color: var(--accent);}
.zt-play::before, .zt-play::after{content: ""; position: absolute; inset: 0; border-radius: 50%; background: rgba(255,255,255,.5); animation: zt-play-pulse 2.2s ease-out infinite; pointer-events: none;}
.zt-play::after{animation-delay: 1.1s;}
@keyframes zt-play-pulse{0% { transform: scale(1); opacity: .6; } 100% { transform: scale(2.0); opacity: 0; }}
.zt-controls{position: absolute; bottom: 28px; left: 18px; right: 18px; z-index: 15;}
.zt-progress{height: 3px; background: rgba(255,255,255,.3); border-radius: 2px; margin-bottom: 8px;}
.zt-progress-fill{height: 100%; width: 0; background: #fff; border-radius: 2px;}
.zt-timecode{color: rgba(255,255,255,.6); font-size: 11px; font-family: "Inter", monospace;}
.zt-home{position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 72px; height: 4px; background: rgba(255,255,255,.35); border-radius: 3px; z-index: 15;}
.zt-quote-col{padding-right: 16px;}
.zt-dquote{font-size: 52px; line-height: 1; color: var(--accent); font-family: Georgia, serif; font-weight: 700; margin: 0 0 16px -4px; display: block; letter-spacing: -.02em;}
.zt-quote{margin: 0 0 32px !important; padding: 0 !important; font-size: 18px !important; line-height: 1.65 !important; color: #1a1a2a !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: -.01em !important; background: none !important; border: none !important; border-left: none !important; box-shadow: none !important; quotes: none !important; font-family: "Inter", sans-serif !important;}
.zt-quote em{font-style: normal !important; font-weight: 700 !important; color: var(--accent) !important; background: none !important;}
.zt-divider{height: 1px; background: #e8e8f0; margin-bottom: 24px;}
.zt-sig{display: flex; align-items: center; gap: 16px;}
.zt-avatar{width: 56px; height: 56px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #eee; border: 2px solid #f0f0f8;}
.zt-avatar img{width: 100%; height: 100%; object-fit: cover; display: block;}
.zt-sig-name{font-size: 16px; font-weight: 700; color: #111; letter-spacing: -.01em;}
.zt-sig-place{font-size: 14px; color: #888; margin-top: 2px;}
.zt-overlay{position: fixed; inset: 0; background: rgba(0,0,0,.85); z-index: 99999; display: flex; align-items: center; justify-content: center; animation: zt-fadein .2s ease;}
.zt-overlay[hidden]{display: none;}
@keyframes zt-fadein{from { opacity: 0; } to { opacity: 1; }}
.zt-modal{position: relative; width: min(380px, 94vw); background: #000; border-radius: 24px; overflow: hidden; animation: zt-slideup .28s cubic-bezier(.22,.68,0,1.2);}
@keyframes zt-slideup{from { transform: translateY(40px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}
.zt-modal video{width: 100%; display: block; max-height: 90vh; aspect-ratio: 9/16;}
.zt-close{position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.18); border: none; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .15s; z-index: 10;}
.zt-close:hover{background: rgba(255,255,255,.3);}
@media (max-width: 760px){.zt-grid{grid-template-columns: 1fr; gap: 40px;}
.zt-phone-col{justify-content: center;}
.zt-bezel{width: 240px; height: 480px; border-radius: 42px;}
.zt-screen{border-radius: 37px;}
.zt-quote{font-size: 16px !important;}}
.zilo-simple-wrap{width: 100%; margin: 32px 0; font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;}
.zilo-simple-table{width: 100%; border-collapse: collapse; table-layout: fixed; background: #ffffff; border: 1px solid #e3e3e7; border-radius: 10px; overflow: hidden;}
.zilo-simple-table col.c-funkcja{width: 28%;}
.zilo-simple-table col.c-excel{width: 20%;}
.zilo-simple-table col.c-klasyczny{width: 24%;}
.zilo-simple-table col.c-zilo{width: 28%;}
.zilo-simple-table thead th{font-weight: 600; font-size: 13px; text-align: left; padding: 12px 16px; color: #6a6a72; border-bottom: 1px solid #e3e3e7;}
.zilo-simple-table thead th.th-zilo{color: #26262b;}
.zilo-simple-table tbody td{padding: 12px 16px; font-size: 13.5px; line-height: 1.5; color: #4a4a52; border-bottom: 1px solid #eeeeef; border-right: 1px solid #eeeeef; vertical-align: top; word-wrap: break-word; overflow-wrap: break-word;}
.zilo-simple-table tbody td:last-child{border-right: none;}
.zilo-simple-table tbody tr:last-child td{border-bottom: none;}
.zilo-simple-table td.td-funkcja{font-weight: 600; color: #26262b;}
.zilo-simple-table td.td-zilo{font-weight: 600; color: #26262b;}
@media (max-width: 700px){.zilo-simple-table thead{display: none;}
.zilo-simple-table, .zilo-simple-table tbody, .zilo-simple-table tr, .zilo-simple-table td{display: block; width: 100% !important;}
.zilo-simple-table tbody tr{padding: 14px 16px; border-bottom: 1px solid #eeeeef;}
.zilo-simple-table tbody tr:last-child{border-bottom: none;}
.zilo-simple-table tbody td{padding: 3px 0; border: none;}
.zilo-simple-table td.td-funkcja{font-size: 14px; margin-bottom: 6px;}
.zilo-simple-table td.td-excel, .zilo-simple-table td.td-klasyczny, .zilo-simple-table td.td-zilo{display: flex; justify-content: space-between; font-size: 13px;}
.zilo-simple-table td.td-excel::before{content: "Kalendarz / Excel";}
.zilo-simple-table td.td-klasyczny::before{content: "Klasyczny program";}
.zilo-simple-table td.td-zilo::before{content: "Zilo";}
.zilo-simple-table td.td-excel::before, .zilo-simple-table td.td-klasyczny::before, .zilo-simple-table td.td-zilo::before{color: #a6a6ac; font-weight: 400;}}
/* Akordeon FAQ (zastępuje dawne animacje): akordeon FAQ */
.faq-body{transition:height .3s ease,opacity .3s ease}
.faq-body.faq-closed{height:0;opacity:0}
[class*="faq-vr"]{transition:transform .3s ease}
[aria-expanded="false"] [class*="faq-vr"]{transform:rotate(90deg)}
.faq-header-2:focus-visible,.c-dropdown-toggle:focus-visible,.c-nav-button:focus-visible{outline:2px solid #222693;outline-offset:2px}
/* Pojawianie się elementów przy przewijaniu (dawne animacje wejścia) */
.reveal{opacity:0;transform:translateY(10%);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
/* Nawigacja na desktopie: logo z lewej, linki na środku paska, przyciski z prawej */
@media screen and (min-width: 992px){.navbar-wrapper-3{display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 32px;}
.navbar-brand-2, .navbar-brand-2.is-current{margin-right: 0; justify-self: start;}
.nav-menu-wrapper-2{margin-left: 0; justify-self: center;}
.nav-left-2{justify-self: end; white-space: nowrap;}}

/* przycisk formularza w trakcie wysyłania: jaśniejszy kolor, kółko zamiast kliknięcia (klasa z main.js) */
.primary-btn-zilo-3.is-sending{background-color: #6a6eb5; cursor: progress; pointer-events: none;}
.primary-btn-zilo-3.is-sending::before{content: ""; flex: none; width: 16px; height: 16px; margin-right: 10px; border: 2px solid rgba(255, 255, 255, .4); border-top-color: #fff; border-radius: 50%; animation: c-spin .7s linear infinite;}
@keyframes c-spin{to { transform: rotate(360deg); }}
@media (prefers-reduced-motion: reduce){.primary-btn-zilo-3.is-sending::before{animation-duration: 2s;}}