/* additional.css */

/* FROM style.css */

/* buttons-inputs */
a {
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #000; }
a:hover {
    color: #000;
    text-decoration: none; }
a:focus {
    outline: none; }
a:before, a:after {
    transition: all .2s linear; }

button, button:focus {
    border: none !important;
    outline: none !important; }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important; }

input, textarea, button {
    transition: all .2s linear; }
input:focus, textarea:focus, button:focus {
    outline: none; }

a, button {
    outline: none !important; }

a, button, input[type="submit"] input[type="button"] {
    cursor: pointer !important; }

input:focus {
    cursor: text; }

.submit-button {
    text-transform: uppercase;
    width: 100%;
    border: 0;
}

.submit-button-skip {
    text-transform: uppercase;
    border: 0;
    margin: auto;
    margin-bottom: 1em;
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
    margin-right: 10px;
    border-radius: 25px;
    padding: 14px 30px;
    min-height: 50px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background-color: #428648;
    border: 1px solid #428648; }
.button:last-of-type {
    margin-right: 0px; }
.button:hover {
    background-color: #fff;
    color: #428648; }
@media screen and (max-width: 767px) {
    .button {
        min-height: unset;
        font-size: 10px;
        padding: 9px 20px;
        line-height: 16px; } }

.button-white {
    border: 1px solid #fff;
    background-color: #fff;
    color: #428648; }
.button-white:hover {
    background-color: #428648;
    color: #fff; }

.square-button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    border-radius: 8px;
    padding: 15px 50px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600; }
@media screen and (max-width: 767px) {
    .square-button {
        max-height: 50px;
        max-width: 220px; } }

.home-green-button {
    color: #fff;
    background: #428648;
    border: 1px solid #428648; }
.home-green-button:hover {
    background-color: #fff;
    color: #428648;
    border: 1px solid #428648; }

.green-button {
    background: #428648;
    color: #fff; }

.home .home-green-button {
    color: #000;
    background: #fff;
    border: 1px solid #fff;
}

.home .home-green-button:hover {
    background-color: #428648;
    color: #fff;
    border: 1px solid #428648;
}

/* form */

.single-input {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative; }
.single-input .validationMark {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%); }
.single-input:not(:last-of-type) {
    margin-bottom: 36px; }
.single-input label {
    font-weight: bold;
    color: #000;
    opacity: 0.5;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 8px; }
.single-input input:not(input[type="submit"]) {
    width: 100%;
    background: transparent;
    border: 0;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 25px;
    border-bottom: 0.5px solid #428648; }
.single-input .selectric-wrapper.selectric-selectric {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.5); }
.single-input textarea {
    border: 0.5px solid #000000; }

.single-input-checkbox {
    margin-bottom: 0.5em;
}

form {
    width: 100%;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */ }
form .mandatory {
    font-size: 12px;
    line-height: 22px;
    opacity: 0.5; }
form .date-inputs input {
    width: 20%;
    margin-right: 10px; }
form .number-start-left input {
    padding-left: 45px; }
form .number-start-left .number-start {
    position: absolute;
    left: 0px;
    top: 36%;
    opacity: 0.8;
    transform: translateY(-50%); }
.c-rmkt-unsubscribe .number-start-left input {
    padding-left: 45px; }
.c-rmkt-unsubscribe .number-start-left .number-start {
    position: absolute;
    left: 0px;
    top: 36%;
    opacity: 0.8;
    transform: translateY(-50%); }
form input::-webkit-outer-spin-button,
form input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important; }
form input[type=number] {
    -moz-appearance: textfield !important; }
form .checkbox-single {
    font-size: 0;
    margin-bottom: 10px; }
form .checkbox-single .checkbox-custom-wrapper {
    margin-top: 2.5px; }
form .checkbox-single .checkbox-title {
    font-size: 14px !important;
    cursor: pointer;
    color: #000;
    opacity: 0.5; }
form .checkbox-single .checkbox-title a {
    position: relative;
    color: #000;
    text-decoration: none;
    font-size: 14px !important;
    border-bottom: 1px solid #000;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s; }
form .checkbox-single .checkbox-title a:hover {
    color: #000;
    border-bottom: 1px solid #000; }
form .checkbox-single .checkbox-back {
    width: 16px;
    height: 16px;
    border: 0.5px solid #000000;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 11px;
    transition: all 0.2s linear;
    overflow: hidden;
    background-color: #fff; }
form .checkbox-single .checkbox-back .checkbox-mark {
    background: transparent !important;
    width: 100% !important;
    height: 100% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.1s linear; }
form .checkbox-single .checkbox-back .checkbox-mark img {
    width: 11px; }
form .checkbox-single input {
    left: -9999px; }
form .checkbox-single input:checked ~ .checkbox-label .checkbox-back {
    border: 0.5px solid #428648 !important; }
form .checkbox-single input:checked ~ .checkbox-label .checkbox-back .checkbox-mark {
    opacity: 1; }
form .checkbox-big-wrapper {
    margin-bottom: 30px; }
form .form-mandatory-descriptions {
    margin-bottom: 30px; }
form .form-mandatory-descriptions span {
    color: #000;
    font-size: 12px;
    line-height: 18px; }
form .form-mandatory-descriptions span .underline {
    text-decoration: underline; }
form .radio-buttons {
    margin-bottom: 30px; }
form .radio-buttons .radio-buttons-form {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #7F7F7F;
    font-size: 18px;
    line-height: 22px;
    padding: 9px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all linear .2s; }
form .radio-buttons .radio-buttons-form:hover {
    background-color: #428648;
    color: #fff; }
form .radio-buttons .radio-buttons-form input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0 !important;
    top: 0;
    left: 0; }
form .active .radio-buttons-form {
    background-color: #428648 !important;
    color: #fff !important;
    border: 1px solid #428648; }
form .selectric-wrapper {
    font-size: 18px !important;
    padding-bottom: 0px !important; }
form .selectric-wrapper div {
    padding-bottom: 0px !important;
    padding-right: 0px !important; }
form .selectric-wrapper ul {
    margin: 0 auto !important;
    width: 100%; }
form .selectric-wrapper ul .selected {
    width: 100% !important;
    color: #fff !important;
    background-color: #428648 !important;
    text-align: left; }
form .selectric-wrapper ul li {
    padding: 5px 10px !important;
    text-align: left !important; }
form .selectric-wrapper ul li:hover {
    background-color: #428648 !important;
    color: #fff !important; }
form .selectric-wrapper .selected {
    background-color: #428648 !important;
    width: auto !important;
    text-align: left !important; }
form .selectric {
    margin-top: 0px;
    padding-bottom: 0px;
    border: none !important;
    border-radius: 5px !important;
    background-color: transparent;
    background-image: url("../../images/icons/arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(50% - 3px);
    background-size: 7px auto;
    position: relative;
    text-align: left !important;
    align-items: center !important;
    height: 34px !important; }
form .selectric .label {
    padding: 0px !important;
    margin: 0;
    line-height: 22px;
    height: auto;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
form .selectric .button {
    display: none; }
form .selectric-items {
    background-color: #fff;
    border: 1px solid #000 !important;
    width: 250px !important;
    overflow: hidden;
    left: 0;
    border-radius: 5px;
    align-items: center !important; }
form .selectric-items li {
    font-size: 18px;
    color: #000;
    transition: all 0.2s linear;
    background-color: #fff;
    padding: 0px !important;
    text-align: center !important;
    width: 100%;
    height: 34px !important;
    display: flex;
    align-items: center; }
form .selectric-items .selectric-scroll {
    max-height: 200px; }
form .selectric-items .selectric-scroll::-webkit-scrollbar {
    height: 5px;
    width: 10px; }
form .selectric-items .selectric-scroll::-webkit-scrollbar-track {
    background-color: transparent; }
form .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 10px; }
form .selectric-open .selectric {
    border-radius: 5px 5px 0 0 !important; }
form .selectric-open .selectric-items {
    border-top: 0px !important;
    border-radius: 0 0 5px 5px  !important;
    width: calc(100% + 0px ) !important; }
form .selectric-items li:nth-of-type(1) {
    display: none; }
@media screen and (max-width: 767px) {
    form .selectric {
        padding: 0px 5px !important; }
    form .selectric label {
        font-size: 16px;
        padding: 0px 14px !important; }
    form .selectric-items li {
        font-size: 16px; } }
@media screen and (max-width: 767px) {
    form .single-input input:not(input[type="submit"]) {
        font-size: 16px; }
    form .square-button {
        max-width: 100%; }
}


/* Common */

.seo-h1 {
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
    opacity: 0; }

textarea:focus, input:focus {
    outline: none; }

html {
    scroll-behavior: smooth; }

.content-wrapper {
    width: 100%;
    max-width: 1490px;
    padding: 0px 20px;
    margin: 0 auto; }

.small-content-wrapper {
    max-width: 1280px; }

.yellow-bg {
    background-color: #FDC63E; }

.row {
    margin-right: 0px !important;
    margin-left: 0px !important; }

.absolute-cover-img, .darkness-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    transition: all linear .2s; }

.default-page-min-height {
    min-height: calc(100vh - 812px); }

p {
    margin-bottom: 0px; }

a > p {
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s; }

img {
    object-fit: cover; }

.contain {
    object-fit: contain; }

.preloader {
    display: none;
    max-width: 30px;
    max-height: 30px;
    top: calc(50% + 25px);
    left: auto;
    right: calc(100% - 53%);
    -webkit-animation: rotating 5s linear infinite;
    animation: rotating 5s linear infinite; }

.transition-default {
    transition: all .2s linear; }
.transition-default:hover {
    transition: all .2s linear; }

.backface-hidden {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.wysiwyg-style > img {
    width: 100%;
    height: auto;
    max-height: 589px;
    object-fit: cover;
    margin-bottom: 40px; }
.wysiwyg-style > p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;
    margin-bottom: 30px; }
.wysiwyg-style > p strong {
    font-size: 16px;
    line-height: 22px; }
.wysiwyg-style > p:last-of-type {
    margin-bottom: 40px; }
@media screen and (max-width: 767px) {
    .wysiwyg-style > p {
        margin-bottom: 20px; } }
.wysiwyg-style > p a:not(.default-button) {
    font-weight: 700;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    position: relative;
    color: #000; }
.wysiwyg-style > p a:not(.default-button):hover:before, .wysiwyg-style > p a:not(.default-button):hover:after {
    width: 100%;
    opacity: 1; }
.wysiwyg-style > p a:not(.default-button):after {
    left: 0;
    background-color: #000; }
.wysiwyg-style > p a:not(.default-button):before, .wysiwyg-style > p a:not(.default-button):after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 0;
    height: 1px;
    margin: 5px 0 0;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    backface-visibility: hidden; }
.wysiwyg-style > p a:not(.default-button):hover {
    color: #000;
    text-decoration: none; }
.wysiwyg-style > p img:not(.dd-arrow) {
    width: 100%;
    height: auto;
    max-height: 750px;
    object-fit: cover;
    margin-bottom: 10px; }
.wysiwyg-style > ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px; }
.wysiwyg-style > ul li {
    margin-bottom: 30px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    display: table;
    position: relative;
    padding-left: 21px;
    background-image: url("../../images/icons/list-icon.svg");
    background-repeat: no-repeat;
    background-size: 5px;
    background-position: 1px 11px; }
.wysiwyg-style > ul li strong, .wysiwyg-style > ul li a {
    font-weight: 700; }
.wysiwyg-style > h2, .wysiwyg-style > h3 {
    color: #000;
    transition: all .2s linear; }
.wysiwyg-style > h2 a, .wysiwyg-style > h3 a {
    font-weight: 700; }
.wysiwyg-style > h2 a:hover, .wysiwyg-style > h3 a:hover {
    color: #000; }
.wysiwyg-style > h2 {
    color: #000;
    font-weight: 700;
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 30px; }
.wysiwyg-style > h3 {
    color: #000;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: normal;
    line-height: 35px;
    margin-bottom: 5px; }
.wysiwyg-style > h4 {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1.5px;
    line-height: normal;
    color: #000;
    margin-bottom: 25px; }
.wysiwyg-style > p + ul {
    margin-top: 20px; }
.wysiwyg-style > h2 + ul {
    margin-top: -10px; }
.wysiwyg-style .wysiwyg-table-wrapper {
    overflow: hidden;
    overflow-x: auto;
    margin: 0 auto 45px; }
.wysiwyg-style .wysiwyg-table-wrapper::-webkit-scrollbar {
    height: 5px; }
.wysiwyg-style .wysiwyg-table-wrapper::-webkit-scrollbar-track {
    background-color: transparent; }
.wysiwyg-style .wysiwyg-table-wrapper::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 0px; }
.wysiwyg-style .wysiwyg-table-wrapper table {
    margin: 0; }
@media screen and (max-width: 1024px) {
    .wysiwyg-style > ul li, .wysiwyg-style p {
        font-size: 16px;
        line-height: 30px; } }

.video-wysiwyg {
    position: relative;
    overflow: hidden;
    margin-bottom: 48px; }
.video-wysiwyg:before {
    content: "";
    display: block;
    padding-top: 56.5%; }
.video-wysiwyg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.wysiwyg-gallery .single-gallery-element {
    width: calc((100% - 40px) / 3.001);
    margin: 0px 10px 10px;
    transition: all .2s linear;
    transform: perspective(1000px);
    -webkit-transform: perspective(1000px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px; }
.wysiwyg-gallery .single-gallery-element:nth-of-type(1) {
    margin: 0px 10px 10px 0 !important; }
.wysiwyg-gallery .single-gallery-element:nth-of-type(4) {
    margin: 0px 0px 10px 10px !important; }
.wysiwyg-gallery .single-gallery-element:before {
    content: "";
    display: block;
    padding-top: 88%; }
.wysiwyg-gallery .single-gallery-element .gallery-image, .wysiwyg-gallery .single-gallery-element .darkness-effect {
    top: 0;
    left: 0;
    object-fit: cover; }
.wysiwyg-gallery .single-gallery-element .gallery-image {
    max-height: 289px;
    max-width: 100%; }
.wysiwyg-gallery .single-gallery-element .darkness-effect {
    background-color: #000;
    opacity: 62%;
    max-height: 289px !important; }
.wysiwyg-gallery .single-gallery-element .number-additional {
    bottom: 18px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 700; }
.wysiwyg-gallery .single-gallery-element:hover {
    transition: all .2s linear;
    transform: translateY(-5px) perspective(1000px);
    -webkit-transform: translateY(-5px) perspective(1000px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px; }

.main-title {
    color: #000;
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 61px; }
@media screen and (max-width: 767px) {
    .main-title {
        font-size: 24px !important;
        line-height: 31px !important;
        margin-bottom: 20px; } }

.main-title-h2 {
    font-weight: 700;
    font-size: 44px;
    line-height: 56px;
    text-align: center;
    margin-bottom: 60px; }
@media screen and (max-width: 767px) {
    .main-title-h2 {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 35px; } }

.video-container {
    overflow: hidden;
    position: relative;
    width: 100%; }

.video-container::after {
    padding-top: 45%;
    display: block;
    content: ''; }

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media screen and (max-width: 950px) {
    .wysiwyg-gallery .single-gallery-element {
        width: calc((100% - 60px) / 4.001);
        margin: 0 20px 20px 0; }

    .video-wysiwyg {
        margin-top: 20px;
        margin-bottom: 20px; }

    .wysiwyg-gallery {
        margin: 15px auto;
        padding-top: 5px;
        padding-bottom: 5px;
        justify-content: start !important; }
    .wysiwyg-gallery .single-gallery-element {
        margin: 0px 20px 20px 0px; }
    .wysiwyg-gallery .single-gallery-element:nth-of-type(1) {
        margin: 0px 20px 20px 0px !important; }
    .wysiwyg-gallery .single-gallery-element:nth-of-type(4n) {
        margin: 0px 0px 20px 0px !important; } }
@media screen and (max-width: 650px) and (min-width: 100px) {
    .wysiwyg-gallery .single-gallery-element {
        width: calc((100% - 20px) / 2.001) !important;
        margin: 0 20px 20px 0 !important; }
    .wysiwyg-gallery .single-gallery-element:nth-of-type(2n) {
        margin: 0px 0 20px 0 !important; } }
@media screen and (max-width: 500px) and (min-width: 100px) {
    .wysiwyg-gallery .single-gallery-element {
        width: 100% !important;
        margin: 0 0 20px !important; }
    .wysiwyg-gallery .single-gallery-element:nth-of-type(1) {
        margin: 0px 0px 20px 0 !important; }
    .wysiwyg-gallery .single-gallery-element:nth-of-type(4) {
        margin: 0px 0 20px 0px !important; } }
@media screen and (min-width: 1224px) {
    .gallery .images-wrapper .single-image {
        width: calc((100% - 120px) / 4.001);
        margin: 0px 40px 37px 0; } }
@media screen and (max-width: 1224px) and (min-width: 768px) {
    .gallery .images-wrapper .element-image {
        margin-bottom: 26px; } }
@media screen and (max-width: 767px) and (min-width: 576px) {
    .gallery .images-wrapper .single-image {
        width: 100%;
        margin: 0 30px 30px 0; } }

@media screen and (max-width: 767px) {
    body {
        font-size: 14px; }

    .default-page-min-height {
        min-height: calc(100vh - 443px - 100px); }

    .wysiwyg-style > p {
        font-size: 16px;
        line-height: 26px; }
    .wysiwyg-style > p strong {
        font-size: 16px;
        line-height: 26px; }
    .wysiwyg-style > img {
        margin-bottom: 30px; }
    .wysiwyg-style > p {
        font-size: 14px;
        margin-bottom: 20px; }
    .wysiwyg-style > p img {
        margin-bottom: 10px; }
    .wysiwyg-style > ul {
        margin-bottom: 20px; }
    .wysiwyg-style > ul li {
        line-height: 25px;
        background-position: 0 7px; }
    .wysiwyg-style > h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 15px; }
    .wysiwyg-style > h3 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px; }
    .wysiwyg-style > p + ul {
        margin-top: -20px; }
    .wysiwyg-style .wysiwyg-table-wrapper {
        margin: 0 auto 30px; } }
.green-title {
    color: #428648; }

.grey-bg {
    background: #EBEBEB;
}

/* Landing */

.application-base {
    background: url("../../img/lib/images/icons/steps-left-decor.svg") right center no-repeat, url("../../img/lib/images/icons/steps-right-decor.svg") left center no-repeat, linear-gradient(180deg, #BAE4FF -100%, #FFFFFF 100%) 0% 0% no-repeat;
    padding-top: 20px; }
.application-base .steps-wrapper {
    width: 100%;
    max-width: 435px;
    margin: 0 auto;
    margin-bottom: 85px; }
.application-base .steps-h1 {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 60px; }
@media screen and (max-width: 767px) {
    .application-base .steps-h1 {
        font-size: 18px;
        line-height: 16px;
        margin-bottom: 45px; } }
.application-base .bottom-helper {
    background: transparent;
    color: black;
    opacity: 50%; }
.application-base .bottom-helper .d-flex:first-of-type {
    align-items: flex-start; }
.application-base .bottom-helper .protection-icon {
    filter: invert(100%) sepia(1%) saturate(238%) hue-rotate(163deg) brightness(118%) contrast(100%); }
.application-base .final-page p {
    margin-bottom: 30px; }
.application-base .spec-bg-application {
    padding: 40px 0px;
    margin-bottom: 50px; }
@media screen and (max-width: 767px) {
    .application-base .spec-bg-application {
        margin-bottom: 30px;
        padding: 20px 0px; } }
.application-base .spec-bg-application h1 {
    margin-bottom: 0px; }
.application-base .spec-bg-application .user-profile-img {
    margin-right: 5px;
    max-width: 30px;
    height: auto;
    object-fit: contain; }
.application-base .subtitle-steps {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 50px; }
@media screen and (max-width: 767px) {
    .application-base .subtitle-steps {
        margin-bottom: 30px; }
}

/* Helper */

.bottom-helper {
    padding-bottom: 30px;
    padding-top: 30px;
    background: transparent linear-gradient(180deg, #00000000 0%, #00000080 100%) 0% 0% no-repeat padding-box; }
.bottom-helper .content-wrapper {
    max-width: 1210px; }
.bottom-helper .protection-icon {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #fff; }
.bottom-helper .protection-icon img {
    width: 15px;
    height: 19px;
    object-fit: contain; }
.bottom-helper p {
    text-shadow: 0px 0px 1px #00000080;
    font-size: 10px;
    line-height: 16px; }

.prevent-shaking-animation {
    transform: perspective(1000px);
    -webkit-transform: perspective(1000px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px; }
.prevent-shaking-animation:hover {
    transform: translateY(-5px) perspective(1000px);
    -webkit-transform: translateY(-5px) perspective(1000px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.3); }

.prevent-shaking-animation-noshadow {
    transform: perspective(1000px);
    -webkit-transform: perspective(1000px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px; }
.prevent-shaking-animation-noshadow:hover {
    transform: translateY(-5px) perspective(1000px);
    -webkit-transform: translateY(-5px) perspective(1000px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px; }








.single-input select
{
    background: transparent;
    border: 0px;
    border-bottom: 0.5px solid #428648;
    padding: 8px;
    width:100%;
}
.single-input .field-error
{
    border-bottom: 3px solid red !important;
}
.single-input .field-correct
{
    border-bottom: 3px solid #428648 !important;
}
.birthDate select
{
    width:33%;
}
.registration-stage
{
    position: relative;
}
body
{
    overflow-x: hidden;
}
.fieldError
{
    color: red;
}
.button-disabled
{
    opacity: .5;
}

.alternatives
{
    min-height: 30em;
}

.submit-button-text
{
    padding-right: 0.5em;
}


/* DIRECT EDITOR */

#directEditorPanel
{
    display: block;
    background-color: #fff;
    border: 1px solid grey;
    position: fixed;
    bottom: 0px;
    left: 0px;
}
#directEditorPanel > span.toggler
{
    display: block;
    padding: 5px 5px 3px 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
#directEditorPanel .info
{
    padding: 5px;
}
#directEditorPanel input[type=text]
{
    margin-top: 5px;
    padding: 3px 5px;
    width: 300px !important;
}

.api-step-consents {
    min-height: 35em;
    max-width: 45em;

    margin: auto;
    width: 435px;
}

.redirect-text {
    min-height: 35em;
    font-size: 1.4rem;
    max-width: 45em;

    margin: auto;
    width: 435px;
}

.thank-you-page {
    font-weight: bold;
    padding-top: 3em;
    text-align: center;
}

.moneyman-redirect-text {
    min-height: 20em;
    font-size: 1.4rem;
    max-width: 45em;

    margin: auto;
    /*width: 435px;*/
}

.api-step-wrapper {
    font-size: 1.4rem;
    margin: auto;
    width: 435px;
}

.redirect-continue-no-padding {
    padding-top: 0 !important;
}

@media screen and (max-width: 600px) {
    .redirect-text {
        min-height: 35em;
        font-size: 1.4rem;
        max-width: 45em;

        margin: auto;
        width: 100%;
    }
}

.redirect-redirecting-text {
    text-align: center;
}

.redirect-redirecting-loading {
    margin: auto;
    width: 50%;
    text-align: center;
}

.redirect-text-wrapper {
    padding-top: 1em;
}

.redirect-logos {
    padding-top: 3em;
    align-items: center;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
                "redirect-logo-credityes redirect-arrow redirect-logo";

    justify-content: center;
}

.redirect-logo {
    grid-area: redirect-logo;
    width: 15em;
    height: 5em;
    margin-right: 2em;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    text-align:center;
    padding:0;
}

.hide-bg{
    mix-blend-mode: multiply;
    filter: contrast(1);
}

.campaign-logo-darker {
    filter: brightness(0.8);
}

.redirect-logo-credityes {
    grid-area: redirect-logo-credityes;
    width: 15em;
    height: 5em;
/*    border-radius: 50%;
    border: 1px black solid;*/
    margin-left: 2em;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    text-align:center;
    padding:0;
}

.redirect-arrow {
    justify-self: center;
    margin-right: 1em;
}

.redirect-warning-text {
    padding-top: 3em;
    font-size: 1rem;
}

.redirect-continue {
    padding-top: 0.5em;
    margin: auto;
    /*width: 50%;*/
    text-align: center;
    margin-bottom: 2em;
}

.redirect-skip {
    padding-bottom: 1em;
    margin: auto;
    width: 50%;
    text-align: center;
}

.redirect-skip-lender {
    padding-bottom: 3em;
    margin: auto;
    width: 50%;
    text-align: center;
}

.redirect-skip-text-lender {
    text-decoration: underline;
    transition: 200ms;
}

.redirect-skip-text-lender:hover {
    cursor: pointer;
    color: #00a6ff;
}

.redirect-skip-text-lender-disabled {
    color: #a7a7a7;
}

.redirect-skip-warning {
    padding-bottom: 6em;
    font-weight: bold;
    font-size: 0.9rem;
    text-align: center;
}

.redirect-skip-text {
    text-decoration: underline;
    transition: 200ms;
}

.redirect-skip-text-disabled {
    color: #a7a7a7;
}

.redirect-skip-text:hover {
    cursor: pointer;
    color: #00a6ff;
}

.widget-redirection-information {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.redirect-button {
    width: 80%;
    background-color: darkorange;
    padding: 0.7em;
    border-radius: 0.3em;
    margin: auto;
/*    margin-bottom: 4em;*/
}

.redirect-button-inactive {
    width: 80%;
    background-color: grey !important;
    padding: 0.7em;
    border-radius: 0.3em;
    margin: auto;
/*    margin-bottom: 4em;*/
}


.redirect-button:hover {
    transform: scale(1.05) perspective(1px);
}

.redirect-resend {
    display: flex;
    align-items: center;
}

.resend-code-button {
    width: 40%;
    background-color: #ce7102;
    padding: 0.4em;
    border-radius: 0.3em;
    margin: auto;
    font-size: 1rem;
}

.redirect-error {
    font-size: 1rem;
    color: red;
    padding-bottom:1em;
    margin-top: -2em;
}

.resend-code-button:hover {
    transform: scale(1.05) perspective(1px);
}

.checkbox-label-wrapper {
    display:flex;
    align-items:center;
}
.checkbox-label-registration {
    font-size: 0.75rem !important;
    margin: 0 !important;
}

.registration-link {
    color: #0073ff;
    text-decoration: underline;
}

.registration-link:hover {
    color: #004ab6;
    text-decoration: underline;
    cursor: pointer;
}

.consents-wrapper {
    min-height: 35em;
}

.consents-wrapper a {
    color: #0073ff;
    text-decoration: underline;
    font-weight: bold;
}

.consents-wrapper a:hover {
    color: #004ab6;
    text-decoration: underline;
}

.checkbox-label-registration a {
    color: #0073ff !important;
    text-decoration: underline;
    font-weight: bold;
}

.checkbox-label-registration a:hover {
    color: #004ab6 !important;
    text-decoration: underline;
}

.check-all-button {
    width: 100%;
    background-color: #00a6ff;
    padding: 0.2em;
    border-radius: 0.3em;
    margin-bottom: 1em;
    text-transform: uppercase;
    color: white;
}

.check-all-button:hover {
    transform: scale(1.05) perspective(1px);
}

.consent-description {
    font-size: 1rem;
    padding-bottom: 2em;
}

.home-country-code {
    padding-right: 0.5em;
    font-size: 1.2rem;
}

.home-phone-input {
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 1.2rem;
}


.home-phone-wrapper {
    margin-bottom: 2em;
    margin-right: 5em;
    transform: translateX(10%) skew(+5deg);
}

.phone-number-error {
    color:red;
}

.red-border-bottom {
    border-bottom: red 2px solid;
}

.ui-menu {
    border: 1px solid black;
    max-width: 435px;
    padding-left: 1em;
    padding-bottom: 0.2em;
    background: white;
    list-style-type: none;
}

.ui-menu:hover {
    cursor: pointer;
}

.selected-term {
    font-weight: bold;
    color: green;
}

.ui-menu-item {
    padding-top: 0.5em;
}

.input-container:not(.select-buttons) {
    display: -ms-flexbox;
    display: flex;
}


.select-buttons {

}

.registration-hint {
    font-size: 0.6rem;
}

.autocomplete-icon-regular {
    background: transparent;
    border: 0;
    padding-bottom: 8px;
    padding-left: 0.5em;
    border-bottom: 0.5px solid #428648;
    padding-top: 1em;
}

.autocomplete-icon-error {
    border-bottom: 3px solid red !important;
}

.autocomplete-icon-correct {
    border-bottom: 3px solid #428648 !important;
}

.single-input-check {
    width: 1.5em !important;
    height: 1.5em !important;
}

.single-input-check:hover {
    cursor: pointer;
}

input[type=checkbox]
{
    vertical-align: middle;
}

@media screen and (max-width: 600px) {
    .slider-info-wrapper {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}

.field-checkmark {
    color: #428648;
}

.modal-loading {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 20em;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

.modal-loading-consent {
    display: none;
    position: fixed;
    z-index: 5000;
    padding-top: 7em;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

.c-modal-consent {
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 3.5em 1fr;
    grid-template-areas:
        "a-modal-consent-close"
        "a-modal-consent-text";
    background-color: #474747;
    border: 1px white solid;
    color: white;
    width: 40%;
    margin: auto;
}

@media screen and (max-width: 600px) {
    .c-modal-consent {
        width: 80%;
    }

}

.c-modal-content {
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 0.3fr;
    grid-template-areas:
        "a-modal-content-loading"
        "a-modal-content-text";
    background-color: #474747;
    border: 1px white solid;
    color: white;
    width: 40%;
    margin: auto;
}

@media screen and (max-width: 600px) {
    .c-modal-content {
        display: grid;
        justify-items: center;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 0.3fr;
        grid-template-areas:
        "a-modal-content-loading"
        "a-modal-content-text";
        background-color: #474747;
        border: 1px white solid;
        color: white;
        width: 70%;
        margin: auto;
    }
}





.a-modal-content-loading {
    grid-area: a-modal-content-loading;
}

.a-modal-content-text {
    grid-area: a-modal-content-text;
    font-size: 1.1rem;
}

.modal-content {
    background-color: #373737;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    height: 60%;
    width: 40%;
    color: white;
    font-size: 1.5rem;
}

.a-modal-consent-close {
    color: white;
    grid-area: a-modal-consent-close;
    justify-self: end;
    padding: 1em;
}

.a-modal-consent-text {
    color: white;
    grid-area: a-modal-consent-text;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-bottom: 1.5em;
    font-size: 0.9rem;
}

.fa-times:hover {
    cursor: pointer;
    color: black;
    transition: 200ms;
}




.ekspres-pozyczka-redirect-text {
    min-height: 35em;
    font-size: 1.4rem;
    padding-bottom: 2em;
    margin: auto;
    width: 435px;
}

.ekspres-pozyczka-offer-button {
    width: 100%;
    background-color: darkorange;
    padding: 0.5em;
    border-radius: 0.3em;
    margin: auto;
    font-size: 1rem;
}

.ekspres-pozyczka-offer-button:hover {
    transform: scale(1.05) perspective(1px);
}

.ekspres-pozyczka-offer-button-inactive {
    width: 100%;
    background-color: grey;
    padding: 0.5em;
    border-radius: 0.3em;
    margin: auto;
    font-size: 1rem;
}

.ekspres-pozyczka-offer-wrapper {
    margin-bottom: 1em;
}

.subconsents-plus {
    padding-right: 0.2em;
    padding-top: 0.4em;
}

.subconsents-plus:hover {
    cursor: pointer;
}

.single-input-inner {
    margin: 5px !important;
}

.single-input-inner-consent {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.input-field-hint {
    font-size: 0.8rem;
}

.field-select-button {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    border: 1px solid #a3a3a3 !important;
    border-radius: 0.5em;
    padding-left: 2em;
    padding-right: 2em;
    margin-right: 1em;
    margin-bottom: 1em;
}

.field-select-button-selected {
    background-color: #428648 !important;
    color: #ffffff !important;
}

.date-input-labels {
    width: 30%;
    margin-right: 10px;
}

.c-dateYMD-labels {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
            "a-dateYMD-label1 a-dateYMD-label2 a-dateYMD-label3";
    column-gap: 1em;
}

.a-dateYMD-label1 {
    grid-area: a-dateYMD-label1;
}

.a-dateYMD-label2 {
    grid-area: a-dateYMD-label2;
}

.a-dateYMD-label3 {
    grid-area: a-dateYMD-label3;
}

.c-dateYM-labels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
            "a-dateYM-label1 a-dateYM-label2";
    column-gap: 1em;
}

.a-dateYM-label1 {
    grid-area: a-dateYM-label1;
}

.a-dateYM-label2 {
    grid-area: a-dateYM-label2;
}

input {
    border-radius: 0;
}


.content {
    overflow: hidden;
    white-space:normal;
    text-overflow: ellipsis;
    max-height: 3.7em;
    transition: max-height 0.3s;
}

.content-steps {
    overflow: hidden;
    white-space:normal;
    text-overflow: ellipsis;
    transition: max-height 0.3s;
}


.collapse-consent {
    display: none;
    color: #00a6ff;
    cursor: pointer;
    text-align: center;
    padding-top: 0.5em;
}

.money-man-iframe {
    height: 20em;
}

@media screen and (max-width: 600px) {
    .money-man-iframe {
        height: 24em;
    }
}

@media screen and (max-width: 600px) {
    .single-input:not(:last-of-type) {
        margin-bottom: 5px !important;
    }

    .single-input {
        margin-bottom: 5px;
    }

    .single-input label {
        margin-bottom: 0px;
    }

    label {
        margin-bottom: 0px;
    }

    .single-input-inner {
        margin: 0px !important;
    }

    .single-input input:not(input[type="submit"]) {
        padding-bottom: 0;
    }

    form .number-start-left .number-start {
        top: 50%;
    }

    .submit-button {
        margin-top: 10px;
    }

    input {
        font-size: 16px !important;
    }

    select {
        font-size: 16px !important;
    }

    .single-input-checkbox {
        margin-top: 1em;
    }

    .single-input select {
        padding: 0;
    }
}

/* --- Clickio consent window --- */
.cl-consent .cl-consent__inner {
    background-color: #edeff5 !important;
}
.cl-consent__inner .cl-consent-popup.cl-consent-visible {
    display: flex;
    flex-wrap: wrap;
    max-width: 1350px;
    padding-bottom: 20px;
}
.cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent__close {
    display: none;
    right: 33px;
}
.cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent-node-h3.cl-consent__title {
    font-size: 14px;
    margin-bottom: 7px;
    width: 100%;
    max-width: 1350px;
    text-align: left;
}

.cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent__descr {
    margin: 0 !important;
    width: 100%;
    max-width: 75%;

}
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons {
    flex-wrap: wrap;
    margin-right: 0 !important;
    padding-left: 5px;
    width: 25%;
    max-width: 25%;
    align-items: flex-start;
    justify-content: right;
}
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons .cl-consent__btn,
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent__buttons .cl-consent__btn {
    border: 2px solid #009300 !important;
    background-color: #009300 !important;
    color: #fff !important;
}

.cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons .cl-consent__btn.cl-consent__btn--outline,
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent__buttons .cl-consent__btn.cl-consent__btn--outline {
    border: 2px solid #009300 !important;
    background-color: transparent !important;
    color: #009300 !important;
}
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent__buttons .cl-consent__btn.cl-consent__btn--text {
    border: 0px solid #009300 !important;
    background-color: transparent !important;
    color: #009300 !important;
}



.cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons a {
    margin-left: auto;
    margin-right: 0;
    height: auto;
    min-height: 44px;
    /*
        color: #FFBF00; yellow
        color: #009300; green
     */
}
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent-clickio,
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent-clickio {
    display: none;
    position: relative;
    width: 100%;
    text-align: right;
    right: auto;
    max-width: 100%;
}
.cl-consent-bottom .cl-consent__inner .cl-consent-clickio .cl-consent-node-span,
.cl-consent-bottom .cl-consent__inner .cl-consent-clickio svg {
    color: #009300;
}
.cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent__descr:not(.cl-consent__descr--privacy) {
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent__close {
        right: 18px;
        top: 8px;
    }
    .cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent__descr {
        width: 100%;
        max-width: 100%;
    }
    .cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent__descr:not(.cl-consent__descr--privacy) {
        padding: 0;
        max-height: 55px;
        overflow: scroll; /* Show scrollbars */

    }
    .cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons,
    .cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent__buttons {
        width: 100%;
        max-width: 100%;
        padding: 10px 0 0 0;
    }
    .cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons a,
    .cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent__buttons a {
        width: 100%;
        max-width: 100%;
        margin: 3px 0;
    }
    .cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons a {
        min-height: 30px;
    }
    .cl-consent__inner .cl-consent-popup.cl-consent-visible {
        padding: 10px;
    }

}

.input-specific-moneyman {
    border: 0.5px solid #428648 !important;
    margin-bottom: 1em;
    padding-left: 0.5em;
    padding-bottom: 0.1em !important;
}

.input-specific-moneyman-skip {
    font-style: italic;
    text-decoration: underline;
}

.input-specific-moneyman-skip:hover {
    cursor: pointer;
}

.c-multiple-offers-confirmation-wrapper {
    display: grid;
    grid-template-columns: 370px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
                "a-multiple-offers-confirmation-title"
                "a-multiple-offers-confirmation-input"
                "a-multiple-offers-confirmation-error"
                "a-multiple-offers-confirmation-confirm";

    justify-self: center;
}

.a-multiple-offers-confirmation-title {
    grid-area: a-multiple-offers-confirmation-title;
    font-weight: bold;
    font-size: 1.5rem !important;
    padding-bottom: 1em;
}

.a-multiple-offers-confirmation-input {
    grid-area: a-multiple-offers-confirmation-input;
}

.a-multiple-offers-confirmation-error {
    grid-area: a-multiple-offers-confirmation-error;
}

.a-multiple-offers-confirmation-confirm {
    grid-area: a-multiple-offers-confirmation-confirm;
}


.c-multiple-offers-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas:
                "c-multiple-offers-title"
                "a-multiple-offers-restart"
                "c-multiple-offers"
                "c-multiple-offers-closed-title"
                "c-multiple-offers-closed";

    border-bottom: 1px solid black;
    margin-bottom: 2em;
    padding-bottom: 3em;
}

.c-multiple-offers-title {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(4em, auto);
    grid-template-areas:
                "a-multiple-offers-title";

    padding-top: 1em;
    justify-self: center;
}

.a-multiple-offers-title {
    grid-area: a-multiple-offers-title;
    font-weight: bold;
    font-size: 1.6rem !important;
    align-self: center;
    text-align: center;
}


.c-multiple-offers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14.7em, 1fr));
    max-width: calc(3 * 14.7em + 2 * 2em);
    gap: 2em;
    margin: 0 auto;
    padding-top: 1.5em;
}


.c-multiple-offer-card {
    position: relative;
    display: inline-block;
}

.offer-card-loading-spinner {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
}

.offer-card-loading-text {
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
    font-size: 1.3rem !important;
    padding-left: 1em;
    padding-right: 1em;
    font-weight: bold;
    text-align: center;
}


.c-multiple-offer {
    display: grid;
    grid-template-columns: 12.5em;
    grid-template-rows: 1em 7em 2em 3em 4em;
    grid-template-areas:
            "a-multiple-offer-close"
            "a-multiple-offer-logo"
            "a-multiple-offer-amount-label"
            "a-multiple-offer-amount"
            "a-multiple-offer-button";

    border: 2px solid #FFC300;
    padding: 1em;
    border-radius: 0.5em;
    background-color: white;
    transition: filter 0.5s ease;
}

.a-multiple-offer-close {
    grid-area: a-multiple-offer-close;
    justify-self: end;
    background-color: #f24726;
    margin-right: -2.2em;
    margin-top: -2.2em;
    z-index: 1;
    border-radius: 100%;
    border: black 2px solid;
    align-self: center;
    width: 3em;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.1em;
}

.a-multiple-offer-close:hover {
    color: #4f4f4f;
    cursor: pointer;
    transition: 300ms;
}

.a-multiple-offer-logo {
    grid-area: a-multiple-offer-logo;
    display: flex;
    justify-content: center;
    align-items: center;
}

.redirect-logo-offer {
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 70px;
    object-fit: contain;
}

.a-multiple-offer-amount-label {
    grid-area: a-multiple-offer-amount-label;
    justify-self: center;
    font-size: 1rem !important;
}

.a-multiple-offer-amount {
    grid-area: a-multiple-offer-amount;
    justify-self: center;
    font-size: 1rem !important;
    font-weight: bold;
}

.a-multiple-offer-button {
    grid-area: a-multiple-offer-button;
}

.multiple-offer-button {
    border: none;
    background-color: #FFC300;
    border-radius: 1.2em;
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 200ms;
    height: 3.5em;
    width: 100%;
    min-height: 30px;
}

.multiple-offer-button:hover {
    background-color: #f0ba07;
}



.c-multiple-offers-closed-title {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 4em;
    grid-template-areas:
                "a-multiple-offers-closed-title";

    padding-top: 1em;
}

.a-multiple-offers-closed-title {
    grid-area: a-multiple-offers-closed-title;
    font-weight: bold;
    font-size: 1.3rem !important;
    align-self: center;
    justify-self: center;
}

.c-multiple-offers-closed {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14.7em, 1fr));
    max-width: calc(4 * 14.7em + 3 * 2em);
    gap: 2em;
    margin: 0 auto;
    padding-top: 1.5em;
}


.multiple-offer-blurred {
    filter: blur(5px);
    cursor: default !important;
    pointer-events: none;
}

.multiple-offer-closed {
    border-color: #AAAAAA !important;
}

.action-icon:hover {
    color: #00b7ff;
    cursor: pointer;
}

.spinner {
    width: 5em;
    height: 5em;
    border: 0.7em solid #757474;
    border-top: 0.7em solid #FFC300;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.closed-offer-card {
    border: none;
    background-color: transparent;
}

.fa-lg {
    font-size: 1.33333em !important;
}

.offer-close-icon {
    transition: 300ms;
}

.offer-close-icon:hover {
    color: #4f4f4f;
    cursor: pointer;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.redirect-error-pers-id {
    font-size: 1rem;
    color: red;
    padding-bottom: 1em;
}

.a-multiple-offers-restart {
    grid-area: a-multiple-offers-restart;
    max-width: 30em;
    justify-self: center;
    padding-top: 3em;
}

.c-multiple-offer-loan {
    display: grid;
    grid-template-columns: 21.2em min-content;
    grid-template-rows: auto;
    grid-template-areas:
            "a-multiple-offer-loan-date c-multiple-offer-loan-offers";
    padding-bottom: 4em;
}

.a-multiple-offer-loan-date {
    grid-area: a-multiple-offer-loan-date;
    align-self: center;
    font-weight: bold;
    font-size: 2rem !important;
    justify-self: center;
}

.c-multiple-offer-loan-offers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14.7em, 1fr));
    max-width: calc(4 * 14.7em + 3 * 2em);
    gap: 2em;
}

.c-multiple-offers-previous {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
                ".";
}

.c-multiple-offers-timer-wrapper {
    display: grid;
    grid-template-columns: 50em;
    grid-template-rows: auto auto auto;
    grid-template-areas:
                "a-multiple-offers-timer-upper-text"
                "a-multiple-offers-timer-lower-text"
                "a-multiple-offers-timer";

    justify-self: center;
}

.a-multiple-offers-timer-upper-text {
    grid-area: a-multiple-offers-timer-upper-text;
    font-size: 1.8rem !important;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1em;
}

.a-multiple-offers-timer-lower-text {
    grid-area: a-multiple-offers-timer-lower-text;
    max-width: 20em;
    text-align: center;
    justify-self: center;
    padding-bottom: 2em;
    font-size: 1rem !important;
}

.a-multiple-offers-timer {
    grid-area: a-multiple-offers-timer;
    padding-bottom: 5em;
    justify-self: center;
}

.multiple-offer-timer {
    font-size: 2rem !important;
    font-weight: bold;
}

.institution-modal-close {
    display:none !important;
}


.c-offer-page {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 9em min-content 5em;
    grid-template-areas:
            "a-offer-page-image"
            "a-offer-page-text"
            "a-offer-page-proceed";

    height: 100vh;
}

.a-offer-page-image {
    grid-area: a-offer-page-image;
    justify-self: center;
    align-self: center;
}

.a-offer-page-text {
    grid-area: a-offer-page-text;
    justify-self: center;
    align-self: center;
    padding-bottom: 2em;
    width: 20em;
    font-weight: bold;
}

.a-offer-page-proceed {
    grid-area: a-offer-page-proceed;
    justify-self: center;
}

.offer-page-image {
    max-height: 6em;
}


.c-rmkt-unsubscribe {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content min-content auto;
    grid-template-areas:
            "a-rmkt-unsubscribe-title"
            "a-rmkt-unsubscribe-fields"
            "a-rmkt-unsubscribe-fields-error"
            "a-rmkt-unsubscribe-continue";

    height: 100vh;
    width: 100%;
    max-width: 435px;
    margin: 0 auto;
}

.a-rmkt-unsubscribe-title {
    grid-area: a-rmkt-unsubscribe-title;
    padding-top: 3em;
    align-self: center;
    font-size: 1.3rem;
}

.a-rmkt-unsubscribe-fields {
    grid-area: a-rmkt-unsubscribe-fields;
    padding-top: 2em;
}

.a-rmkt-unsubscribe-fields-error {
    grid-area: a-rmkt-unsubscribe-fields-error;
}

.a-rmkt-unsubscribe-continue {
    grid-area: a-rmkt-unsubscribe-continue;
}


.c-rmkt-unsubscribe-checkboxes {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content min-content min-content min-content;
    grid-template-areas:
            "a-rmkt-unsubscribe-checkboxes-title"
            "a-rmkt-unsubscribe-checkboxes-subtitle"
            "c-rmkt-unsubscribe-checkboxes-inputs"
            "a-rmkt-unsubscribe-checkboxes-submit"
            "a-rmkt-unsubscribe-checkboxes-keep";

    height: 100vh;
    width: 100%;
    max-width: 435px;
    margin: 0 auto;
    padding-bottom: 1em;
}

.a-rmkt-unsubscribe-checkboxes-title {
    grid-area: a-rmkt-unsubscribe-checkboxes-title;
    font-size: 2rem;
    text-align: center;
}

.a-rmkt-unsubscribe-checkboxes-subtitle {
    grid-area: a-rmkt-unsubscribe-checkboxes-subtitle;
    font-size: 1.2rem;
    padding-top: 1em;
    padding-bottom: 1em;
}

.c-rmkt-unsubscribe-checkboxes-inputs {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
            ".";
}

.a-rmkt-unsubscribe-checkboxes-submit {
    grid-area: a-rmkt-unsubscribe-checkboxes-submit;
    margin-bottom: 1.5em;
}

.a-rmkt-unsubscribe-checkboxes-keep {
    grid-area: a-rmkt-unsubscribe-checkboxes-keep;
}

.unsubscribe-checkbox {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative;
}

.unsubscribe-message-wrapper {
    height: 100vh;
    width: 100%;
    max-width: 435px;
    margin: 0 auto;
    padding-top: 3em;
    font-size: 1.5rem;
    text-align: center;
}

.luzo3-smaller-text {
    font-size: 1rem;
}

.loading-countdown {
    text-align: center;
    padding-bottom: 2em;
    font-size: 5rem !important;
}

.loading-countdown-text {
    font-size: 2rem !important;
    text-align: center;
    padding-top: 2em;
}


@media screen and (max-width: 1430px) {
    .c-multiple-offer-loan {
        grid-template-columns: 15em min-content;
    }
}

@media screen and (max-width: 1330px) {
    .c-multiple-offer-loan-offers {
        max-width: calc(3 * 14.7em + 2 * 2em);
    }
}

@media screen and (max-width: 1100px) {
    .c-multiple-offers {
        grid-template-columns: repeat(auto-fit, minmax(14.7em, 1fr));
        max-width: calc(2 * 14.7em + 1 * 2em);
    }

    .c-multiple-offers-closed {
        grid-template-columns: repeat(auto-fit, minmax(14.7em, 1fr));
        max-width: calc(2 * 14.7em + 1 * 2em);
    }
}

@media screen and (max-width: 1070px) {
    .c-multiple-offer-loan-offers {
        max-width: calc(2 * 14.7em + 1 * 2em);
    }
}

@media screen and (max-width: 900px) {
    .multiple-offer-button {
        height: 2.5em;
    }

    .c-multiple-offers-timer-wrapper {
        grid-template-columns: 35em;
    }

    .c-multiple-offer-loan {
        grid-template-columns: 20em min-content;
    }

    .c-multiple-offer-loan-offers {
        max-width: calc(3 * 14.7em + 2 * 2em);
    }
}

@media screen and (max-width: 870px) {
    .c-multiple-offer-loan {
        grid-template-columns: 20em min-content;
    }

    .c-multiple-offer-loan-offers {
        max-width: calc(2 * 14.7em + 1 * 2em);
        justify-self: center;
    }

    .luzo3-smaller-text {
        font-size: 0.7rem !important;
    }
}

@media screen and (max-width: 680px) {
    .c-multiple-offer-loan {
        grid-template-columns: 1fr;
        grid-template-rows: 6em auto;
        grid-template-areas:
            "a-multiple-offer-loan-date"
            "c-multiple-offer-loan-offers";
    }
}

@media screen and (max-width: 400px) {
    .c-multiple-offer {
        grid-template-rows: 1em 7em 2em 4em 3em;
    }
    .a-multiple-offers-title {
        font-size: 1rem !important;
    }

}
/*------------------------------*/

/* registration.css */

.circle-container,
.steps-h1,
.proc-text,
.proc {
    display: none;
}
.application-base.inner-page {
    background: none;
}
.bottom-helper {
    display: none;
}
#mainPageWrapper {
    padding-top: 0;
}
.application-base.inner-page {
    padding-top: 0;
    margin-top: 0;
}
.application-base .steps-wrapper {
    width: 100%;
    max-width: 600px;
    border-radius: 32px;
    background: #FFF;
    padding: 24px;
    margin: 0 auto;
    margin-bottom: 85px;
}
.application-base #contentWrapper .new.consents-wrapper  {
    margin-top: 160px;
}
.new.check-all-button {
    background-color: var(--color100, #522572);
}
.application-base .steps-wrapper.z-steps-wrapper {
    display: flex;
    flex-wrap: wrap;
    --gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
#mainFieldWrapper-name,
#mainFieldWrapper-surname {
    flex: 0 0 calc(50% - var(--gap) / 2);
    box-sizing: border-box;
}
.steps-wrapper label {
    color: #31313A;
    opacity: 1;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
}
.z-input-required {
    margin: 0 0 0 2px;
    color: #B91D1D;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.input-flex .input-container input:not(input[type="submit"]) {
    border-radius: 8px;
    border: 1px solid #A1A7B9;
    width: 100%;
    height: 52px;
    padding:0 0 0 16px;
    color: #31313A;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.single--input .input-flex .input-container input.field-error {
    border: 1px solid red;
    border-bottom: 1px solid red !important;
}
.single-input:not(:last-of-type) {
    margin-bottom: 5px;
}
.single-input .field-correct {
    border-bottom: 1px solid #A1A7B9 !important;
}
.steps-wrapper .new {
    /*width: 100%;*/
}
.steps-wrapper .square-button {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    background-color: var(--color100, #522572);
    color: #DADCE3;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
    border-radius: 40px;
    padding: 12px;
}
.z-phone-prefix {
    display: flex;
    padding: 16px;
    width: 66px;
    height: 52px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: var(--color100, #522572);
    color: #F0F1F4;
    border-radius: 8px 0 0 8px;
    border: 1px solid #A1A7B9;
    border-right: 0px solid #A1A7B9;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.input-flex .input-container input.z-phone-prefix-input {
    border-radius: 0 8px 8px 0 !important;
    border-left: 0px solid #A1A7B9 !important;
}
.z-combine-container-reg {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 20px auto 0 auto;
}
.samazini-phone {
    position: relative;
    display: flex;
    justify-content: end;
    width:100%;
    max-width:1150px;
    margin: 150px auto 0 auto;
    padding: 0 20px;
    z-index: 2;
}




.single-input select {
    background: transparent;
    border: 1px solid #A1A7B9;
    border-radius: 8px;
    width: 100%;
    height: 52px;
    padding: 0 16px 0 16px;
    color: #31313A;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.single-input select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.z-chevron-down {
    position: absolute;
    right: 20px;
    display: flex;
    height: 52px;
    align-items: center;
    color: var(--color100, #522572);
    pointer-events: none;
}
.single-input .field-error {
    border-bottom: 1px solid #A1A7B9 !important;
}
#mainFieldWrapper-gender .input-container,
#mainFieldWrapper-isTrueBeneficiary .input-container,
#mainFieldWrapper-politicalFigure .input-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
}
#mainFieldWrapper-gender .field-select-button,
#mainFieldWrapper-isTrueBeneficiary .field-select-button,
#mainFieldWrapper-politicalFigure .field-select-button {
    display: flex;
    align-items: center;
    width: 50%;
    height: 52px;
    padding: 0 0 0 16px;
    color: #31313A;
    background: transparent;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    border: 1px solid #A1A7B9 !important;
    border-radius: 8px;
    margin: 0;
}
.registrationForm .z-select-button.field-select-button-selected {
    background-color: var(--color100, #522572) !important;
    color: #F0F1F4 !important;
}
.registrationForm .new.position-relative {
    width: 100%;
}
#mainFieldWrapper-gender .field-select-button.field-select-button-selected,
#mainFieldWrapper-isTrueBeneficiary .field-select-button.field-select-button-selected,
#mainFieldWrapper-politicalFigure .field-select-button.field-select-button-selected {
    border: 1px solid var(--color100, #522572) !important;
}
.single--input--inner.z-input-50 {
    flex: 1 1 50%;
    box-sizing: border-box;
}
.z-warning {
    display: flex;
    gap: 5px;
    color: #B91D1D;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 5px;
}
.z-thank-you {
    width: 100%;
    max-width: 600px;
    padding: 160px 0 0 0;
    margin: 0 auto;
}
#thankYouPage .z-thank-you {
    padding: 80px 0 0 0;
}
.z-thank-you-container {
    display: flex;
    padding: 40px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    align-self: stretch;
}
.z-thank-you-svg {
    color: var(--color100, #522572);
    margin: 0 0 20px 0;
}
.z-thank-you .z-title {
    text-align: center;
}
.z-thank-you .z-submit {
    padding: 12px;
}
.z-thank-you .z-small-text {
    text-align: center;
    padding: 0 20px;
}
.z-thank-you .z-submit-text {
    text-align: center;
    justify-content: center;
}
.z-thank-you a,
.z-thank-you a.z-submit-text,
.z-thank-you a.z-submit-text:link,
.z-thank-you a.z-submit-text:visited,
.z-thank-you a.z-submit-text:hover,
.z-thank-you a.z-submit-text:active {
    text-decoration: none;
}
.z-thank-you .z-underline {
    position: absolute;
    width: 300px;
    overflow: hidden;
    left: -42px;
    top: 16px;
    z-index: -1;
}
/* =========================================================== check-box ============= */
#masterConsentValid {
    display: none;
}
#consents .single-input .row,
.single-input-checkbox .row {
    display: flex;
    flex-wrap: nowrap;
}
.single-input-checkbox .checkbox.new, .col-auto.checkbox.new {
    /*min-height: 20px;*/
}
#consents .single-input .col-auto,
.single-input-checkbox .col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
#consents .single-input .single-input-inner-consent,
.single-input-checkbox .single-input-inner-consent {
    margin-left: 0 !important;
}
#consents .single-input .single-input-check,
.single-input-checkbox .single-input-check {
    width: 24px !important;
    height: 24px !important;
    margin: 0;
}
#consents .single-input label.new,
.single-input-checkbox .single-input label.new  {
    opacity: 1;
}
.single-input.single-input-checkbox {
    margin-bottom: 20px;
}
.single-input .field-correct.agree {
    border-bottom: 1px solid #A1A7B9 !important;
}
#consents .single-input .new-checkbox-label-wrapper,
#consents .single-input .checkbox-label-wrapper.new,
.single-input-checkbox .new-checkbox-label-wrapper,
.single-input-checkbox .checkbox-label-wrapper.new {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-left: 36px;
}
#consents .single-input .checkbox-label-wrapper.new a,
#consents .single-input .new-checkbox-label-wrapper a,
.single-input-checkbox .checkbox-label-wrapper.new a,
.single-input-checkbox .new-checkbox-label-wrapper a {
    color: var(--color100, #522572);
    line-height: 1.4;
    text-decoration: none;
}
#consents .single-input .checkbox-label-wrapper.new a:hover,
#consents .single-input .new-checkbox-label-wrapper a:hover,
.single-input-checkbox .checkbox-label-wrapper.new a:hover,
.single-input-checkbox .new-checkbox-label-wrapper a:hover {
    color: var(--color100, #522572);
    text-decoration: underline;
}
#consents .single-input .checkbox-label-registration,
.single-input-checkbox .checkbox-label-registration {
    font-size: 16px !important;
    margin: 0 !important;
    color: #31313A;
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
#consents .single-input .checkbox-label-registration.new,
.single-input-checkbox .checkbox-label-registration.new {
    display: flex;
    flex-wrap: nowrap;
    min-height: 24px;
    flex: 1 1 80%;
}
#consents .single-input .checkbox-label-registration.new p,
.single-input-checkbox .checkbox-label-registration.new p {
    margin: 0;
    text-align: left;
    flex: 1 1 80%;
}
#consents .single-input .checkbox-label-registration.new a,
.single-input-checkbox .checkbox-label-registration.new a {
    color: var(--color100, #522572); !important;
}
#consents .single-input .checkbox.new,
.single-input-checkbox .checkbox.new,
.single-input-checkbox .col-auto.checkbox.new {
    min-height: 24px;
}
.single-input-checkbox .check-mark,
#consents .single-input .check-mark {
    position: absolute;
    margin-left: 7px;
    height: 18px;
    width: 9px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(40deg);
    pointer-events: none;
}
.checkbox.new > .single-input-check.agree {
    position: absolute;
    height: 24px !important;
    width: 24px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #A1A7B9;
    border-bottom: 1px solid #A1A7B9;
    border-radius: 4px;
    outline: none;
    margin: 0 25px 0 0;
    transition-duration: 0.3s;
    background-color: #FFF;
    cursor: pointer;
}

.single-input .checkbox.new > input.agree:checked {
    background-color: var(--color100, #522572);
    border: 0 solid white;
    border-bottom: 0 solid white !important;

}

.single-input .checkbox.new > input.agree:active {
    border: 0 solid white;
    border-bottom: 0 solid white !important;
}
.new.subconsents-plus {
    display: flex;
    color: var(--color100, #522572);
    height: 24px;
    min-width: 35px;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    justify-content: center;
    align-items: center;
}
.new.content {
    max-height: 100%;
}
.checkbox.new .subconsents-plus.fa-chevron-down {
    display: none;
}
.checkbox-label-registration a {
    color: #B91D1D !important;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.green-button {
    background: var(--color100, #522572);
    color: #fff;
}
#submitNameFields {
    display: flex;
    margin: 0 auto;
}
@media only screen and (max-width: 1280px) {

    .z-thank-you .z-underline {
        position: absolute;
        width: 300px;
        overflow: hidden;
        left: -100px;
        top: 10px;
        z-index: -1;
    }
}


@media only screen and (max-width: 878px) {
    .z-navbar-header .z-registration-header {
        height: auto;
    }
    .z-registration-header .home-logo {
        max-width: 92px;
    }
    .z-pre-registration .z-combine-container {
        margin: 90px auto 0 auto;
    }
    .z-thank-you {
        padding: 60px 0 0 0;
    }
    .samazini-phone {
        margin: 60px auto 0 auto;
    }
    .application-base #contentWrapper .new.consents-wrapper {
        margin-top: 100px;
    }

}

@media (max-width: 768px) {
    .samazini-phone .call-link {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 0 0 0;
    }
}



@media screen and (max-width: 767px) {
    .inner-page {
        margin-bottom: 0;
    }
    .application-base .steps-wrapper {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
    #mainFieldWrapper-name, #mainFieldWrapper-surname {
        flex: 0 0 100%;
    }
    .steps-wrapper label {
        font-size: 16px;
    }
    #mainFieldWrapper-gender .field-select-button,
    #mainFieldWrapper-isTrueBeneficiary .field-select-button,
    #mainFieldWrapper-politicalFigure .field-select-button {
        height: 48px;
    }
    .input-flex .input-container input:not(input[type="submit"]) {
        height: 48px;
    }
    .z-phone-prefix {
        height: 48px;
    }
    .z-title.z-centred {
        font-size: 24px;
    }
    .application-base.inner-page {
        margin-bottom: 30px;
    }
    .z-footer-last {
        padding: 0;
    }
}

@media only screen and (max-width: 382px) {
    #consents .single-input .checkbox-label-registration,
    .single-input-checkbox .checkbox-label-registration {
        font-size: 14px !important;
    }
}
/*------------------------------*/

/* zeta.css */

body {
    background-color: var(--colorBackgr);
    color: #31313A;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
#header-top {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 991;
}
*, a, div, input {
    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;
    line-height: 1.3;
}
h1, h2 {
    font-weight: 600;
}
input::placeholder {
    color: rgb(212,212,212);
}
.w-100 {
    width: 100%;
}
.d-flex {
    display: flex;
}
.align-items-center {
    align-items: center;
}
.leadwise_zeta .main-background,
.leadwise_zeta #mainPageWrapper,
.leadwise_zeta #main-background {
    background-color: none;
    background: none;
}
.z-no-link {
    -webkit-touch-callout: none;  /* disable long tap menu on iOS */
    -webkit-user-select: text;
    pointer-events: none;          /* not clickable */
    color: inherit;                /* keep black */
    text-decoration: none;
}
.z-navbar-header {
    background-color: #fff;
    box-shadow: none;
    width: 100%;
    display: flex;
    /*position: fixed !important;*/
    /*top: 0px;*/
    /*left: 0px;*/
    justify-content: center;
    z-index: 1020 !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    min-height: 100px;
}
.z-content-wrapper {
    width: 100%;
    max-width: 1512px;
    padding: 0px 80px;
    margin: 0 auto;
}
.z-header-content {
    display: flex;
    height: 100%;
}
.z-navbar-header .z-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.z-menu-right {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 50px;
}
.z-submit {
    width: 244px;
    height: 56px;
    min-width: 244px;
    min-height: 56px;
    padding: 12px 12px 12px 24px;
    color: #fff;
    background: var(--color100, #522572);
    border-radius: 40px;
}
.z-submit:hover {
    color: var(--color100, #522572);
    background: var(--secondary, #fff04f);
}
.z-submit:hover .z-submit-text {
    color: var(--color100, #522572);
}
.z-submit:hover .z-yell-circle {
    color: var(--secondary, #fff04f);
    background: var(--color100, #522572);
}
.z-submit-yellow:hover {
    color: var(--secondary, #fff04f);
    background: var(--color100, #522572);
}
.z-submit-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    witdh: 100%;
    height: 100%;
}
.z-submit-text {
    height: 100%;
    display: flex;
    align-items: center;
    color: #DADCE3;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 1px 0;
}
.z-yell-circle {
    background: var(--secondary, #fff04f);
    color: var(--color100, #522572);   /* arrow color */
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.z-yell-circle svg {
    display: block;
}
.z-phone-icon {
    visibility: hidden;
    display: none;
    color: var(--color100, #522572);
    font-weight: 700;
    font-size: 18px;
    padding: 0 0 5px 0;
}
a.z-phone-icon,
a.z-phone-icon:visited,
a.z-phone-icon:hover,
a.z-phone-icon:active {
    color: var(--color100, #522572);
    text-decoration: none;
}

.z-phone-icon svg {
    transform: translateY(-1px);
}

.z-select-wrapper {
    color: var(--color100, #522572);
    position: relative;
    display: inline-block;
}
.z-select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: none;
    color: var(--color100, #522572);
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    padding: 0 15px 5px 0;
}
.z-select-wrapper select:focus {
    outline: none;
}
.z-select-icon {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-5px);
    pointer-events: none; /* important */
}
.mob-only {
    display: none;
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    margin-right: 10px;
    border-radius: 30px;
    padding: 14px 30px;
    min-height: 62px;
    font-size: 20px;
    color: #fff;
    background-color: var(--color100, #522572);
    border: 0 solid #fff;
}
.button:hover {
    color: #fff;
    background-color: var(--colorHover);
}
.button:active {
    color: #fff;
    background-color: var(--colorActive);
}
.start.button {
    font-size: 14px;
    display: flex;
    min-width: 103px;
    min-height: 40px;
    padding: 8px 18px;
    gap: 15px;
}

/* ---- Hero wrapper  --- */

.z-hero-wrapper {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 30px;
    padding: 180px 80px 80px 80px;
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
}
h1.z-hero-title {
    position: relative;
    font-size: 64px;
    line-height: 1.2;
    z-index: 2;
}
h1.z-hero-title span {
    line-height: 1.2;
}
.z-underline {
    color: var(--secondary, #fff04f);
    position: absolute;
    left: -22px;
    top: 16px;
    z-index: -1;     /* puts it behind the text */
}
.z-small-text {
    width: 100%;
    font-size: 18px;
    line-height: 1.33;
    color: #5B5D72;
    margin: 0 0 13px 0;
}
.z-hero-left {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 30px;
    width: 50%;
    max-width: 656px;
}
.z-hero-right {
    display: flex;
    width: 50%;
    max-width: 656px;
}
.z-hero-right img {
    width: 100%;
    height: 100%;
    object-fit: contain;   /* cover, contain, or fill */
}
/* slider from style.css */


.slide-container .irs {
    width: 100%;
    position: relative;
    color: #535565; }
.slide-container .form-till {
    margin-top: 20px;
    font-size: 10px; }
.slide-container .form-till:first-of-type {
    margin-left: -10px;
    padding-right: 10px; }
.slide-container .form-till:last-of-type {
    margin-right: -10px;
    padding-left: 10px; }
.slide-container .irs--flat .irs-handle {
    border-radius: 100%;
    background-color: #428648;
    top: 19px;
    height: 23px;
    width: 23px;
    padding: 5px;
    border: 3px #fff solid;
    -webkit-filter: drop-shadow(0px 0px 1px #00000029);
    -webkit-backdrop-filter: drop-shadow(0px 0px 1px #00000029);
    filter: drop-shadow(0px 0px 1px #00000029); }
.slide-container .irs--flat .irs-handle i {
    opacity: 0 !important; }
.slide-container .irs--flat .irs-from, .slide-container .irs--flat .irs-to, .slide-container .irs--flat .irs-bar {
    background-color: #428648; }
.slide-container .irs-single {
    display: none !important; }
.slide-container .irs--flat .irs-line, .slide-container .irs--flat .irs-bar {
    top: 29px;
    height: 4px; }
.slide-container .irs--flat .irs-min, .slide-container .irs--flat .irs-max {
    display: none; }

#rangeOutput {
    font-weight: 700;
    color: #428648;
    font-size: 51px;
    line-height: 79px;
    margin-bottom: 30px;
}
.z-info-cont {
    width: 100%;
    overflow: visible;
    display: flex;
    flex-wrap: nowrap;
    transform: translateY(-16px);
}
.warning {
    display: flex;
    color: red;
    margin: 0 auto 0 0;
}
.rate {
    display: flex;
    color: var(--color100, #522572);
    margin: 0 0 0 auto;
    padding: 0 16px 0 0;
}
.temp {
    width: 100%;
    color: var(--secondary, #fff04f);
    font-size: 12px;
}
.rp-hl-sub{font-size:14px; color:rgba(255,255,255,.6);}
.rp-row{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}
.rp-lbl{font-size:18px;color:rgba(255,255,255,.6);}
.rp-val{
    font-size:18px;
    font-weight:700;
    color: var(--secondary, #fff04f);
}
.z-repayment-term {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color:rgba(255,255,255,.6);
}
.z-rep-term {
    padding: 6px 0 0 0;
}
#z-rangeOutput {
    font-size: 24px;
    font-weight: bold;
    color: var(--secondary, #fff04f);
}
.slider-min-max {
    color:rgba(255,255,255,.6);
}




/* ---- Slider ---- */
.z-slider-calc-slider .irs--flat .irs-min,
.z-slider-calc-slider .irs--flat .irs-max,
.z-slider-calc-slider .irs--flat .irs-single {
    display: none;
}
.z-slider-calculator .irs--flat .irs-handle.state_hover > i:first-child,
.z-slider-calculator .irs--flat .irs-handle:hover > i:first-child {
    background-color: var(--secondary, #fff04f);
}

.z-slider-calc-slider .irs--flat .irs-handle > i:first-child {
    background-color: var(--secondary, #fff04f);
}
.z-slider-wrapper-container {
    padding: 0 80px;
}
.z-pre-registration .z-slider-wrapper-container {
    padding: 0;
}
.z-slider-wrapper {
    position: relative;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    padding: 32px;
    width: 100%;
    max-width: 1352px;
    margin: 0 auto;
    gap: 40px;
    border-radius: 32px;
}
.z-slider-wrapper-h6-cont {
    position: relative;
}
.z-slider-wrapper-h6 {
    position: relative;
    color: var(--color100, #522572);
    font-size: 18px;
    font-weight: 700;
    z-index: 2;
    margin: 0;
}
.z-slider-wrapper-h6-background {
    position: absolute;
    color: var(--secondary, #fff04f);
    top: 2px;
    left: -3px;
    z-index: 1;
}
.z-slider-wrapper-left {
    display: flex;
    flex-direction: column;
    width: 50%;
    max-width: 624px;
    gap: 24px;
}
.z-slider-loan-box-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.z-slider-loan-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.z-slider-monthly-payment {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}
.z-slider-small-text {
    color: #797C97;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
.z-slider-input-container {
    width: 100%;
    display: flex;
    padding: 12px 16px;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #A1A7B9;
}
.z-clean-number {
    display: flex;
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 600;
    color: #31313A;
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none;
    appearance: textfield; /* important */
    -moz-appearance: textfield; /* Firefox */
    overflow: visible;
}

/* Remove arrows in Chrome, Safari, Edge */
.z-clean-number::-webkit-outer-spin-button,
.z-clean-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.z-clean-number-units {
    color: #A1A7B9;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-left: 8px;
    white-space: nowrap;
}
.z-slider-payment-row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 24px;
    box-sizing: border-box;
}
.z-slider-payment-term {
    width: 50%;
    display: flex;
    flex: 1 1 0;           /* grow, shrink, initial width 0 */
    min-width: 0;          /* important to allow shrinking in flex */
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
}
.z-slider-payment-amount {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
#z-add-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    cursor: pointer;
    color: var(--color100, #522572);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.z-add-box-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    background: var(--color100, #522572);
    color: var(--secondary, #fff04f);
}
.z-add-line {
    display: flex;
    flex: 1;
    border-top: 1px solid var(--color100, #522572);
}
.z-slider-wrapper-right {
    display: flex;
    padding-bottom: 32px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}
.z-slider-calculator {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 20px;
    background: var(--color100, #522572);
}
.z-slider-calc-term {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.z-slider-calc-term-term {
    color: #F0F1F4;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.z-slider-calc-term-months {
    color: #F0F1F4;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.z-slider-calc-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.z-slider-calc-total-savings {
    color: #F0F1F4;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.z-slider-calc-total-savings-euro {
    color: #F0F1F4;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.z-slider-calc-info .line-svg {
    width: 100%;
    height: 1px;   /* control thickness here */
    margin: 5px 0;
    display: none; /* block; */
}
.z-slider-calc-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.z-slider-calc-info-display {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.z-slider-calc-info-display-label {
    width: 50%;
    color: var(--secondary, #fff04f);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}
.z-slider-calc-info-display-total {
    color: var(--secondary, #fff04f);
    text-align: right;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
}
.z-slider-calc-slider {
    width: 100%;
}
.irs {
    height: 100%;
    background-color: rgbs(222,222,222,.2);
}
.slide-container .irs--flat  .irs-line {
    top: 24px;
    height: 8px;
    background-color: #fff;
}
.slide-container .irs--flat .irs-bar {
    top: 24px;
    height: 8px;
    background-color: var(--secondary, #fff04f);
}
.slide-container .irs--flat {
    color: var(--color100, #522572);
    color: red;
}
.slide-container .irs--flat .irs-handle {
    color: blue;
    border-radius: 50%;
    background-color: var(--secondary, #fff04f);
    background-image: url('/img/zeta/img/z-slider-handle.svg');
    background-repeat: no-repeat;
    background-position: center;
    top: 3px;
    height: 48px;
    width: 48px;
    border: 0px #fff solid;
}
.slide-container .irs--flat .irs-from,
.slide-container .irs--flat .irs-to {
    display: none;
}

.z-slider-min-max-cont {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    color: #F0F1F4;
    font-size: 14px;
    padding: 9px 0 0 0;
}
.z-slider-one-payment {
    color: var(--color100, #522572);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
}
.z-submit-yellow {
    display: flex;
    height: 56px;
    padding: 8px 24px 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 40px;
    background: var(--secondary, #fff04f);
    color: var(--color100, #522572);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
/* ---- Slider popup ---- */
.z-popup {
    position: relative;
    display: flex;
    width: 203px;
    padding: 20px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-radius: 20px;
    background: var(--color100, #522572);
    box-shadow: 0 4px 24px 0 rgba(49, 49, 58, 0.40);
    overflow: hidden;
}
.z-marta {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    color: var(--secondary, #fff04f);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
}
.z-marta-text {
    color: #F0F1F4;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.28;
}
.z-popup-background-circle {
    position: absolute;
    top: 50px;
    left: 60px;
    width: 242px;
    height: 242px;
    border-radius: 50%;
    transform: rotate(120deg);
    background: linear-gradient(180deg, #FFF04F 0%, #FFF 30.7%);
    opacity: 0.1;
}
.z-close-pop {
    color: #fff;
    cursor: pointer;
}
/* ---- Statistics ---- */
.z-stat-wrapper-1 {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 80px 80px 0 80px;
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
}
.z-stat-wrapper-2 {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 80px 80px 80px;
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    overflow: hidden;
}

.z-stat-container {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    width: 100%;
}
h2.z-title {
    width: 100%;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 5px 0;
}
.z-stat-left {
    display: flex;
    width: 50%;
    max-width: 656px;
    border-radius: 32px;
    overflow: hidden;
}
.z-stat-left img {
    width: 100%;
    object-fit: cover;   /* cover, contain, or fill */
}
.z-stat-right {
    display: flex;
    flex-direction: column;
    min-height: 643px;
    justify-content: space-between;
    gap: 29px;
}
.z-but-yellow {
    color: var(--color100, #522572);
    display: flex;
    padding: 8px 15px 8px 10px;
    gap: 10px;
    align-items: center;
    min-height: 36px;
    background: var(--secondary, #fff04f);
    border-radius: 18px;
    margin: 0 auto 0 0;
    font-size: 14px;
    font-weight: 500;
}
.z-gray-block-container,
.z-gray-block-container-swiper {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
}
.z-gray-block {
    background-color: #DADCE3;
    padding: 22px 32px 32px 32px;
    border-radius: 32px;
    width: 100%;
}
.z-icon-circle {
    color: var(--secondary, #fff04f);
    background-color: var(--color100, #522572);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.z-wallett-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.z-wallett-numbers {
    font-size: 48px;
    font-weight: 600;
    color: var(--color100, #522572);
    padding: 0 0 9px 0;
}
.z-color-light {
    font-size: 14px;
    font-weight: 500;
    color: #797C97;
}
.z-less-stress {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color100, #522572);
    width: 100%;
    gap: 5px;
    padding: 65px 0 65px 0;
    font-size: 18px;
    font-weight: 600;
}
.z-less-stress.mob {
    display: none;
}
.z-fff-background {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 548px;
    background-color: #fff;
    border-radius: 32px;
    padding: 32px;
    margin: 0 0 auto 0;
}
.z-left-paragraph {
    color: var(--color100, #522572);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.z-left-paragraph p {
    color: #797C97;
    margin: 3px 0 0 0;
    font-size: 14px;
    font-weight: 500;
}
.z-diagram {
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    gap: 16px;
    padding: 27px 8px 0 8px;
    border-bottom: 1px solid #A1A7B9;
}
.z-diagram-yell,
.z-diagram-purp {
    width: 20%;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    display: flex;
    justify-content: center;
    padding: 40px 5px 0 0;
}
.z-diagram-yell {
    background-color: var(--secondary, #fff04f);
}
.z-diagram-purp {
    background-color: var(--color100, #522572);
}
.z-diagram-yell .z-rotate,
.z-diagram-purp .z-rotate {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    transform: rotate(-90deg);
    font-size: 24px;
    font-weight: 600;
    padding: 0 20px 0 0;
}
.z-diagram-yell .z-rotate {
    color: var(--color100, #522572);
}
.z-diagram-purp .z-rotate {
    color: var(--secondary, #fff04f);
}
.z-diagram-text {
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 8px 0 8px;
}
.z-diagram-span {
    width: 20%;
    height: 80px;
    display: flex;
    justify-content: center;
}
.z-diagram-span .z-rotate {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}
.z-light-gray-block {
    display: flex;
    justify-content: center;
    background-color: #F0F1F4;
    padding: 16px 32px 16px 32px;
    border-radius: 32px;
    width: 100%;
}
.z-stat-right {
    width: 50%;
}
.z-stat-slider {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0 0 auto auto;
}
.z-stat-slider-card {
    display: flex;
    position: relative;
    border-radius: 32px;
    overflow: hidden;
}
.testimonial-video {
    display: flex;
    position: relative;  /* fill the card */
    width: 100%;
    aspect-ratio: 16 / 9;
}
.z-stat-slider-card video {
    position: absolute;  /* fill the card */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    object-fit: cover;   /* scale video to cover entire card */
    /*display: none;       !* initially hidden *!*/
    z-index: 1;          /* behind play button if needed */
    border-radius: 8px;  /* optional, match card */
}
.z-play {
    position: absolute;
    display: none;
    top: 20px;
    right: 20px;
}
.z-play-v {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99;
    color: #fff;
}
.z-play-v:hover {
    color: var(--color100, #522572);
}
.z-stat-slider-label-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 24px;
    z-index: 7;
}
.z-stat-slider-white-label {
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff;
    border-radius: 18px;
    padding: 13px;
    gap: 8px;
}
.z-stat-slider-name-text {
    flex: 130px 1 1;
    display: flex;
    flex-direction: column;
}
.z-stat-slider-name {
    color: var(--color100, #522572);
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.z-stat-slider-text {
    color: #797C97;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}
/* ---- swiffy slider --- */
/*#slide1 .z-stat-slider-card {*/
/*    background-image: url('/img/zeta/img/z-stat-slider-1.webp');*/
/*    background-size: contain; !* cover, contain, or fill *!*/
/*}*/
/*#slide2 .z-stat-slider-card {*/
/*    background-image: url('/img/zeta/img/z-stat-slider-2.webp');*/
/*    background-size: contain; !* cover, contain, or fill *!*/
/*}*/
/*#slide3 .z-stat-slider-card {*/
/*    background-image: url('/img/zeta/img/z-stat-slider-3.webp');*/
/*    background-size: contain; !* cover, contain, or fill *!*/
/*}*/
.z-stat-slider .z-stat-slider-card {
    background-repeat: no-repeat;
    background-position: center;
    min-height: 548px;
}
.z-stat-slider {
    max-width: 656px;
    min-height: 620px;
}
.z-stat-slider li {
    width: 308px;
}
.z-stat-slider .slider-indicators {
    height: 40px;
    align-items: center;
}

.z-stat-slider .slider-indicators-round .slider-indicators > * {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0 5px;
    border: 0 solid transparent;
    border-radius: 50%;
    background: #DADCE3;
    opacity: 1;
}
.z-stat-slider .slider-indicators-round .slider-indicators > .active {
    background:  #A1A7B9;
    opacity: 1;
}
.z-stat-slider .swiffy-slider {
    --swiffy-slider-item-gap: 40px;
}
.z-stat-slider .slider-nav {
    position: absolute;
    visibility: visible !important;
    opacity: 1;
    left: 0;
    top: auto;
    bottom: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    transition: visibility .1s,opacity .2s linear;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    -webkit-filter: drop-shadow(0 0 0 #fff);
    filter: drop-shadow(0 0 0 #fff);
    transform: none;
}
.z-stat-slider .swiffy-slider.slider-indicators-outside .slider-nav {
    margin: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    background-color: #F0F1F4;
    border: 1px solid #A1A7B9;
}
.z-stat-slider .slider-nav-round .slider-nav::before {
    margin: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    background-color: #F0F1F4;
    background-image: url('/img/zeta/img/z-slider-prev.svg');
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #A1A7B9;
}
.z-stat-slider .slider-nav-round .slider-nav.slider-nav-next::before {
    background-image: url('/img/zeta/img/z-slider-next.svg');
}
.z-stat-slider .slider-nav-round .slider-nav::after {
    display: none;
}


/* ---- How does it works?  ---- */
.z-how-it-works-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    gap: 40px;
    padding: 80px;
}
.z-how-it-works-left {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 50%;
    max-width: 656px;
    border-radius: 0;
    overflow: hidden;
}
.z-how-it-works-left.z-rounded {
    border-radius: 32px;
    overflow: hidden;
}
.z-how-it-works-left img {
    width: 100%;
    object-fit: cover;   /* cover, contain, or fill */
}
.z-how-it-schema {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 60px 0;
    background-color: var(--color100, #522572);
    border-radius: 32px;
    overflow: hidden;
}
.z-how-it-schema-needs {
    display: flex;
    justify-content: center;
    color: #fff;
    gap: 15px;
    padding: 0 0 12px 0;
}
.z-how-it-schema-needs-sum {
    width: 70px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
.z-how-it-schema-high-payment {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.z-high-payment-number {
    font-size: 55px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    transform: translateY(-5px);
}
.z-high-payment-text {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    transform: translateY(-10px);
}
.z-how-it-schema-new-savings {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 5px;
    padding: 5px 0 0 0;
    width: 100%;
}
.z-how-it-schema-new-payment,
.z-how-it-schema-savings {
    display: flex;
    width: 220px;
    flex-direction: column;
    justify-content: center;
}
.z-how-it-schema-new-payment-tot {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.z-how-it-schema-savings-tot {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: var(--secondary, #fff04f);
}
.z-how-it-schema-new-payment-text,
.z-how-it-schema-savings-text {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    transform: translateY(-2px);
}
.lang-ru .z-how-it-schema-new-payment-text,
.lang-ru .z-how-it-schema-savings-text {
    padding: 0 10px;
}
.z-how-it-schema-circle-top {
    position: absolute;
    width: 787px;
    height: 787px;
    border-radius: 50%;
    opacity: 0.1;
    background: linear-gradient(180deg, #FFF04F 0%, #FFF 30.7%);
    top: 0;
    left: 50%;
    transform: translate(-50%, -625px);
}
.z-how-it-schema-circle-bot {
    position: absolute;
    width: 787px;
    height: 787px;
    border-radius: 50%;
    opacity: 0.1;
    background: linear-gradient(180deg, #FFF04F 0%, #FFF 30.7%);
    left: 50%;
    transform: translate(-50%, 21%);
}
.z-how-it-schema-svg-top,
.z-how-it-schema-svg-bot {
    color: var(--color100, #522572);
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
.z-how-it-mob {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    padding-top: 20px;
}
.z-how-it-desk {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: left;
}

.z-how-it-works-right {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 50%;
    max-width: 656px;
    border-radius: 0;
    overflow: hidden;
}
.z-1-2-3-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    gap: 24px;
    padding: 10px 0 0 0;
}
.z-how-it-icons-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--color100, #522572);
    gap: 24px;
    padding: 10px 0 0 0;
}
.z-fff-how-it-background {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 32px;
    padding: 22px 32px 32px 32px;
    gap: 12px;
}
/* ---- Blog  ---- */
.z-blog-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px 80px 40px 80px;
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    gap: 20px;
}
h2.z-blog-title {
    text-align: center;
    width: 100%;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 5px 0;
}
.z-blog-small-text {
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
    color: #5B5D72;
    margin: 5px 0 13px 0;
}
.z-blog-slider-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    padding: 48px 0 0 0;
}
.z-blog-slider-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 308px;
    min-height: 369px;
    background-color: #E0E2E7;
    border-radius: 24px;
}
.z-blog-slider-card-text {
    color: #5B5D72;
    padding: 20px 20px 0 20px;
    font-size: 16px;
    margin: 0 0 auto 0;
}
.z-blog-slider-card-text h6 {
    color: #31313A;
    font-size: 18px;
    margin: 0 0 10px 0;
}
.z-blog-slider-card-continue {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 20px 20px;
    font-size: 18px;
    color: var(--color100, #522572);
}
.z-icon-circle-small {
    background-color: var(--color100, #522572);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.z-see-blog-all {
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
}
/* ----  FAQ  ---- */
.z-faq-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px 80px 80px 80px;
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    gap: 20px;
}
.z-faq-title-cont-desk {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.z-faq-title-cont-mob {
    display: none;
}

h2.z-faq-title {
    text-align: center;
    width: 100%;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 5px 0;
}
.z-faq-small-text {
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
    color: #5B5D72;
    margin: 5px 0 13px 0;
}
.z-faq-cont {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    padding: 48px 0 0 0;
}
.z-faq-cont-left {
    display: flex;
    align-items: flex-start;
    width: 50%;
    max-width: 656px;
    overflow: hidden;
}
.z-faq-cont-left img {
    width: 100%;
    height: auto;
    border-radius: 32px;

    /*object-fit: cover;   !* cover, contain, or fill *!*/
}
.z-faq-cont-right {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 50%;
    max-width: 656px;
}

.z-faq-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #A1A7B9;
    border-radius: 32px;
    padding: 32px;
    gap: 10px;
}
.z-faq-head {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.z-faq-content-head {
    width: 90%;
    font-size: 18px;
    font-weight: 700;
}
.z-faq-content-head-icon {
    position: relative;
    background-color: var(--color100, #522572);
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    display: flex;
}
.z-faq-content-head-icon-minus {
    color: var(--secondary, #fff04f);
    position: absolute;
    top: 8px;
    left: 11px;
    font-size: 12px;
}
.z-faq-content-head-icon-plus {
    color: var(--secondary, #fff04f);
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 12px;
}
.visible-answer .z-faq-content-head-icon-plus {
    display: none;
}

.z-faq-answer-small-text {
    font-size: 16px;
    font-weight: 600;
    color: #5B5D72;
    display: none;
}
.visible-answer .z-faq-answer-small-text {
    display: flex;
}

/* ---  footer --- */

.z-footer-info-line-container {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    background-color: var(--color100, #522572);
    max-width: 1512px;
    margin: 0 auto 60px auto;
    color: #F0F1F4;
    font-size: 16px;
    font-weight: 700;
}

.z-footer-info-line {
    width: 930px;
    overflow: hidden;
    display: flex;
    position: relative;
    margin: 0 auto;
}

.z-footer-slider {
    display: flex;
    width: max-content;  /* width grows with slides */
    transition: transform 0.8s ease; /* smooth slide */
}

.z-footer-info-element {
    width: 310px;       /* 3 slides visible (930 / 3) */
    flex-shrink: 0;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    transition: transform 0.8s, opacity 0.8s;
}

.z-footer-wrapper {
    width: 100%;
    padding: 0 40px;
}
.z-footer-container {
    position: relative;
    background: var(--color100, #522572);
    display: flex;
    width: 100%;
    margin: 0 auto 0 auto;
    max-width: 1352px;
    min-height: 286px;
    padding: 40px 40px;
    border-radius: 32px;
    overflow: hidden;
}
.z-footer-top-circle {
    position: absolute;
    top: -80px;
    right: -60px;
    width: 210px;
    height: 210px;
    background: linear-gradient(315deg, #FFF04F 0%, #FFF 30.7%);
    border-radius: 50%;
    opacity: 0.1;
}
.z-footer-bot-circle {
    position: absolute;
    top: 50px;
    left: -260px;
    width: 660px;
    height: 660px;
    background: linear-gradient(180deg, #FFF04F 0%, #FFF 30.7%);
    border-radius: 50%;
    opacity: 0.1;
}
.z-footer-container-text-block {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
    position: relative;
}
.z-footer-logo {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--color100, #522572);
}
.z-footer-address {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #F0F1F4;
    font-size: 16px;
}
.z-footer-vertical-line {
    height: 100%;
    width: 1px;
    background-color: #F0F1F4;
    margin: 0 20px;
}
.z-footer-soc-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.z-footer-soc-1188 {
    color: #F0F1F4;
    font-size: 24px;
    font-weight: 600;
}
.z-footer-soc-1188-txt {
    margin: 0 20px 0 5px;
}
a.z-footer-soc-1188-txt,
a.z-footer-soc-1188-txt:visited,
a.z-footer-soc-1188-txt:hover,
a.z-footer-soc-1188-txt:active {
    color: #F0F1F4;
    text-decoration: none;
}
.z-footer-soc-follow-us {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    color: #F0F1F4;
    font-size: 18px;
    font-weight: 700;
}
.z-footer-soc-follow-us span {
    padding: 8px 0 0 0;
}
.z-footer-soc-follow-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary, #fff04f);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.z-footer-terms-and-c {
    color: #F0F1F4;
    font-size: 14px;
}
.z-footer-terms-and-c-links {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
}
.z-footer-terms-and-c-links a {
    color: #F0F1F4;
    font-size: 16px;
    margin: 16px 0 16px 0;
}
.z-footer-last {
    display: flex;
    width: 100%;
    max-width: 1352px;
    padding: 40px 0 40px 0;
    color: #797C97;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin: 0 auto;
}
.z-footer-wrapper-reg {
    width: 100%;
    max-width: 600px;
    margin: 22px auto;
}
/* --- Clickio consent window --- */
.leadwise_zeta .cl-consent {
    position: fixed;
    top: auto;
    bottom: 10px;
    left: 0;
    right: 0;
}
.cl-consent-clickio {
    margin-left: auto;
}
.cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent__descr {
    width: 100%;
    max-width: 75%;
}

.cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons .cl-consent__btn,
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent__buttons .cl-consent__btn {
    border: 2px solid var(--color100) !important;
    background-color: var(--color100) !important;
    color: #fff !important;
}
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--main .cl-consent__buttons .cl-consent__btn.cl-consent__btn--outline,
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent__buttons .cl-consent__btn.cl-consent__btn--outline {
    border: 2px solid var(--color100) !important;
    background-color: transparent !important;
    color: var(--color100) !important;
}
.cl-consent-bottom .cl-consent__inner .cl-consent-popup--details .cl-consent__buttons .cl-consent__btn.cl-consent__btn--text {
    border: 0px solid var(--color100) !important;
    background-color: transparent !important;
    color: var(--color100) !important;
}
.cl-consent-bottom .cl-consent__inner .cl-consent-clickio .cl-consent-node-span,
.cl-consent-bottom .cl-consent__inner .cl-consent-clickio svg {
    color: var(--color100);
}


/* --- swiper --- */
.simple-swiper,
.simple-swiper-how-it {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-left: 16px; /* optional left spacing */
    margin: 20px 0;
}
.swiper-track.z-gray-block-container-swiper,
.swiper-track-how-it.z-gray-block-container-swiper {
    flex-wrap: nowrap;
}
.swiper-track,
.swiper-track-how-it{
    display: flex;
    gap: 16px; /* space between cards */
    transition: transform 0.35s ease;
}
.slide,
.slide-how-it {
    flex: 0 0 80%;   /* THIS creates 1 full + part of next */
}
/* Dots */
.swiper-dots,
.swiper-dots-how-it {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}
.swiper-dot,
.swiper-dot-how-it {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #DADCE3;
}
.swiper-dot.active,
.swiper-dot-how-it.active {
    background: #000;
    background: #A1A7B9;
}


/* --- end --- */
.z-how-it-mob,
.z-how-it-works-wrapper-mob,
.z-menu-mobile,
.stat-swiper-mob,
.z-faq-title-cont-mob,
.z-footer-container.mobile {
    display: none;
}

/* language switcher */
.z-lang-switcher {
    position: relative;
    width: 60px;
    cursor: pointer;
    color: var(--color100, #522572);
    font-size: 18px;
    font-weight: 700;
}

.z-lang-selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px 5px 12px;
}

.z-lang-icon {
    display: flex;
    align-items: start;
    width:10px;
    height: 10px;
    margin-left: 6px;
    transform: translateY(-2px);
    transition: transform 0.3s ease;
}

.z-lang-switcher.open .z-lang-icon {
    transform: rotate(180deg) translateY(7px);
}
.z-lang-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 73px;
    color: #F0F1F4;
    background: var(--color100, #522572);
    border-radius: 0 0 20px 20px;
    margin-top: 6px;
    display: none;
    overflow: hidden;
    z-index: 100;
    font-size: 18px;
    font-weight: 700;
    transform: translateX(-12px);
    padding: 10px 0;
}
.z-lang-switcher.open .z-lang-dropdown {
    display: block;
}
.z-lang-option {
    padding: 10px 12px;
    text-align: center;
    transition: background 0.2s ease;
}
.z-lang-option:hover {
    color: var(--secondary, #fff04f);
}
/* --- pre registration --- */
.z-pre-registration {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #F0F1F4;
    justify-content: center;
}
.z-pre-registration .z-slider-wrapper {
    max-width: 600px;
    flex-wrap: wrap;
}
.z-pre-registration .z-slider-wrapper-left {
    width: 100%;
}
.z-registration-header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    background: #fff;
}
.z-combine-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 160px auto 0 auto;
}
.z-steps-line {
    position: absolute;
    top: 25px;
    width: 100%;
    width: calc(100% - 36px); /* subtract space for the span */
    box-sizing: border-box;    /* include padding/border in width */
    height: 1px;
    border-bottom: 1px solid #A1A7B9;
}
.z-steps {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.z-steps-taken {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 24px;
    padding: 0 0 3px 0;
    font-weight: 700;
    color: var(--secondary, #fff04f);
    background: var(--color100, #522572);
}
.z-steps-gray {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 24px;
    padding: 0 0 3px 0;
    font-weight: 700;
    color: #A1A7B9;
    background: #F0F1F4;
    border: 1px solid #A1A7B9;
}
.z-combine-title-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    margin: 40px 0;
}
.z-title.z-centred {
    font-size: 28px;
    line-height: 1.28;
    text-align: center;
}
.z-small-text.z-centred {
    text-align: center;
}
.z-but-yellow.z-centred {
    margin: 0 auto;
}


#socialPop{
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9999;
    animation: fadeInUp .5s ease;
}

@keyframes fadeInUp{
    from{opacity:0; transform:translateY(20px);}
    to{opacity:1; transform:translateY(0);}
}
.application-base .spec-bg-application {
    background: var(--colorBackgr, #F0F1F4);
    margin-top: 100px;
}
#gocardless {
    padding: 150px 0 0 0;
}
/* --- POLITICS --- */
.privacy-policy .spec-bg-application {
    margin-bottom: 0;
    padding: 40px 0 10px 0;
}
.privacy-policy {
    width: 100%;
    max-width: 1392px;
    margin: 0 auto;
}
.privacy-policy .cookies,
.privacy-policy .cookies p {
    color: #31313A;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.33;
}
.privacy-policy h1.steps-h1 {
    color: var(--color100, #522572);
    font-family: 'Manrope', sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}
.privacy-policy .cookies h1,
.privacy-policy .cookies h2,
.privacy-policy .cookies h3,
.privacy-policy .cookies h4 {
    color: #31313A;
    font-family: 'Manrope', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.28;
    margin: 24px 0;
}
.privacy-policy ul {
    list-style: none;
    padding-left: 30px;
}
.privacy-policy li {
    position: relative;
    line-height: 1.3;
    margin-bottom: 11px;
}
.privacy-policy li::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 6px;
    width: 12px;   /* bullet size */
    height: 12px;
    background: var(--color100, #522572);
    border-radius: 50%;
}
.privacy-policy table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #A1A7B9;
    border-radius: 24px;
    overflow: hidden;
}
.privacy-policy .data-table th,
.privacy-policy .cookie-table th {
    padding: 24px 15px;
    color: #FFF;
    background: var(--color100, #522572);
    border-bottom: none;
}
.privacy-policy .data-table td,
.privacy-policy .cookie-table td {
    border: 0.5px solid #A1A7B9;
}
.privacy-policy .cookies {
    overflow-y: hidden;
}
.kredora-DOT-lv .www-samazini {
    display: none;
}
.samazini-DOT-lv .www-kredora {
    display: none;
}
.new.content-wrapper.default-page-min-height {
    min-height: unset;
}

.top-btn-container {
    display: flex;
    justify-content: flex-end;
    position: fixed;

    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);

    padding: 0 10px;
    width: 100%;
    max-width: 1352px;
    margin: 0 auto;
    z-index: 777;
}
#topBtn {
    display: none;
    font-size: 18px;
    cursor: pointer;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: var(--secondary, #fff04f);
}
.c-offer-page.application-base.inner-page {
    padding-top: 124px;
}

@media only screen and (max-width: 1280px) {
    .z-footer-container.desktop {
        display: none;
    }

    .z-footer-container.mobile {
        display: flex;
    }

    h1.z-hero-title {
        font-size: 32px;
        line-height: 36px;
        text-align: center;
    }
    h1.z-hero-title span {
        font-size: 32px;
        line-height: 36px;
    }
    .z-underline {
        color: var(--secondary, #fff04f);
        transform: scaleX(0.5);
        left: -95px;
        top: 5px;
    }

    h2.z-title,
    h2.z-faq-title {
        text-align: center;
        font-size: 24px;
        margin: 0 0 5px 0;
    }

    .z-but-yellow {
        margin: 0 auto 24px auto;
    }

    .z-hero-wrapper {
        padding: 150px 80px 80px 80px;
        flex-wrap: wrap;
    }

    .z-hero-left {
        gap: 16px;
    }

    .z-content-wrapper {
        padding: 12px 18px;
    }

    .z-stat-wrapper-1 {
        padding: 40px 18px 0 18px;
    }

    .z-stat-wrapper-2 {
        padding: 0 18px 18px 18px;
    }

    .z-slider-wrapper-container {
        padding: 0 18px;
    }
    .z-pre-registration {
        padding: 0 20px;
    }
    .z-pre-registration .z-slider-wrapper-container {
        padding: 0;
    }
    .z-combine-container {
        padding: 0 18px;
    }
    .z-slider-wrapper {
        flex-wrap: wrap;
        padding: 16px;
        border-radius: 24px;
        gap: 16px;
    }

    .z-slider-wrapper-h6 {
        font-size: 16px;
    }

    .z-slider-wrapper-h6-background {
        transform: scaleX(0.9);
        position: absolute;
        top: 10px;
        left: -20px;
    }

    .z-slider-loan-box {
        gap: 18px;
    }

    .z-slider-input-container {
        padding: 0 16px;
    }

    .z-slider-payment-row {
        gap: 18px;
    }

    .z-clean-number {
        height: 48px;
        font-size: 18px;
    }
    .z-clean-number-units {
        font-size: 18px;
    }

    .z-stat-container {
        flex-wrap: wrap;
    }

    .z-slider-wrapper-left,
    .z-slider-wrapper-right,
    .z-hero-left,
    .z-hero-right,
    .z-stat-left,
    .z-stat-right {
        width: 100%;
        max-width: 656px;
        margin: 0 auto;
    }

    .z-stat-right {
        justify-content: start;
        min-height: auto;
        gap: 16px;
        padding: 0;
    }

    .z-slider-wrapper-left,
    .z-slider-wrapper-right {
        flex: 0 1 auto;
    }

    .z-slider-wrapper-right {
        padding: 20px 0 0 0;
    }

    .z-small-text,
    .z-faq-small-text {
        font-size: 16px;
        text-align: center;
    }
    .z-faq-cont-right {
        gap: 18px;
    }
    .z-faq-content {
        padding: 18px;
    }
    .z-button {
        margin: 0 auto;
    }

    .z-gray-block-container {
        gap: 16px;
    }

    .z-gray-block {
        padding: 22px 24px 24px 24px;
        border-radius: 20px;
    }

    .z-stat-slider {
        margin: 0 auto;
    }

    .z-less-stress.desk {
        display: none;
    }

    .z-less-stress.mob {
        display: flex;
        text-align: left;
        padding: 0;
    }

    .z-slider-calculator {
        padding: 24px;
        gap: 12px;
        border-radius: 12px;
    }

    .z-slider-calc-term-term,
    .z-slider-calc-term-months,
    .z-slider-calc-total-savings,
    .z-slider-calc-total-savings-euro,
    .z-slider-calc-info-display-label {
        font-size: 16px;
    }

    .z-slider-calc-info-display-total {
        font-size: 32px;
    }

    .z-slider-min-max-cont {
        font-size: 12px;
    }

    .z-submit-yellow {
        width: 100%;
    }

    .z-stat-slider {
        align-items: start;
        max-width: 434px;
        min-height: 428px;
    }

    .z-stat-slider .slider-container {
        align-items: start;
        min-height: 400px;
    }

    .z-stat-slider .z-stat-slider-card {
        min-height: 370px;
    }

    .z-stat-slider-label-container {
        padding: 20px;
    }

    .z-stat-slider li {
        width: 208px;
        height: 370px;
    }

    .z-stat-slider .swiffy-slider {
        --swiffy-slider-item-gap: 18px;
    }

    .z-icon-circle {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    .z-icon-circle svg {
        width: 20px;
        height: 20px;
    }

    .z-stat-slider-name {
        font-size: 16px;
    }

    .z-stat-slider-text {
        font-size: 12px;
    }

    .z-play svg {
        width: 32px;
        height: 32px;
    }

    .z-wallett-numbers {
        font-size: 32px;
        min-width: 70px;
    }

    .z-fff-background {
        height: auto;
        border-radius: 24px;
        padding: 24px;
        margin-top: 40px;
    }

    .z-diagram-text {
        min-height: 85px;
    }

    .z-diagram-span {
        height: 70px;
    }

    .z-diagram-yell, .z-diagram-purp {
        padding: 40px 0 0 5px;
    }

    .z-diagram-yell .z-rotate, .z-diagram-purp .z-rotate {
        width: 22px;
        font-size: 20px;
    }

    .z-light-gray-block {
        padding: 12px 24px;
        gap: 12px;
        border-radius: 8px;
    }

    .z-left-paragraph,
    .z-rotate,
    .z-color-light {
        font-size: 12px;
    }

    .z-slider-calc-info .line-svg {
        display: block;
    }

    .z-how-it-works-wrapper {
        flex-direction: column;
        padding: 40px 16px;
        border-radius: 24px;
        gap: 16px;
    }

    .z-how-it-works-left,
    .z-how-it-works-right {
        width: 100%;
        margin: 0 auto;
        border-radius: 20px;
        gap: 16px;
    }

    .z-how-it-works-left {
        margin-bottom: 30px;
    }

    .z-1-2-3-container {
        padding: 0;
        font-size: 16px;
    }

    .z-how-it-desk {
        display: none;
    }

    .z-how-it-mob {
        display: flex;
        width: 100%;
        max-width: 656px;
        margin: 0 auto;
    }

    .z-faq-wrapper {
        padding: 40px 16px;
    }

    .z-faq-cont {
        flex-wrap: wrap;
        padding: 0;
    }

    .z-faq-cont-left,
    .z-faq-cont-right {
        width: 100%;
        margin: 0 auto;
    }

    .z-faq-title-cont-desk {
        display: none;
    }

    .z-faq-cont-left {
        flex-direction: column;
    }

    .z-faq-title-cont-mob {
        width: 100%;
        max-width: 656px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
    }

    .z-footer-wrapper {
        padding: 0 18px;
    }
    .z-footer-wrapper-reg {
        padding: 0 18px;
    }

    .z-footer-info-line-container {
        margin: 0 auto 40px auto;
    }
    .z-footer-container.mobile {
        max-width: 656px;
        padding: 24px;
    }
    .z-footer-top-circle {
        top: -90px;
        right: -80px;
    }
    .z-footer-bot-circle {
        width: 447px;
        height: 447px;
        top: auto;
        left: -160px;
        bottom: -270px;
    }
    .z-footer-container-text-block-mobile {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        position: relative;
    }

    .z-footer-logo img {
        max-width: 122px;
    }

    .z-footer-soc-1188-mob {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .z-footer-soc-1188-txt {
        font-size: 18px;
        margin: 0 0 0 5px;
    }

    .z-ph {
        width: 12px;
    }

    .z-env {
        width: 13px;
    }

    .z-hr-white {
        width: 100%;
        height: 1px;
        border-top: 1px solid #F0F1F4;
        margin: 5px 0;
    }

    .z-footer-address {
        gap: 7px;
        color: #F0F1F4;
        font-size: 16px;
    }

    .z-footer-terms-and-c-links {
        justify-content: flex-start;
        gap: 24px;
    }

    .z-footer-terms-and-c-links a {
        font-size: 14px;
    }

    .z-footer-soc-follow-us {
        gap: 24px;
    }

    .z-copyrights-mob {
        color: #F0F1F4;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        margin: 5px 0 0 0;
    }
    .z-stat-slider .slider-indicators-round .slider-indicators > * {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }
    .z-underline {
        top: 15px;
    }

}

@media only screen and (max-width: 992px) {
    .z-stat-slider .swiffy-slider {
        --swiffy-slider-item-count: 2;
        --swiffy-slider-nav-zoom: .875;
    }
    .z-stat-slider .slider-indicators {
        display: flex;
    }

}
@media only screen and (max-width: 878px) {
    .z-phone-icon {
        visibility: hidden;
        display: flex;
    }

    /* ---  MOB menu --- */
    .z-hero-wrapper {
        padding: 88px 18px 40px 18px;
        gap: 24px;
    }
    .z-navbar-header {
        height: 48px;
        min-height: 48px;
    }
    .z-menu-left,
    .z-menu-right {
        display: none;
    }
    .z-menu-mobile {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }
    .z-menu-mobile .z-select-wrapper {
        min-width: 48px;
        min-height: 48px;
    }
    .z-select-wrapper select {
        font-size: 14px;
        min-width: 48px;
        min-height: 48px;
    }
    .z-select-icon {
        position: absolute;
        right: 17px;
        top: 14px;
        pointer-events: none;
    }
    .z-menu-mobile .home-logo {
        max-width: 92px;
    }
    .z-phone-icon {
        font-size: 14px;
    }
    .z-phone-icon svg {
        width: 12px;
        height: 12px;
    }
    .z-lang-dropdown {
        width: 68px;
        font-size: 14px;
        font-weight: 600;
    }
    .z-lang-switcher {
        font-size: 14px;
        font-weight: 600;
    }
    .z-lang-icon {
        display: flex;
        align-items: start;
        width: 10px;
        height: 10px;
        margin-left: 6px;
        transform: translateY(0px);
        transition: transform 0.3s ease;
    }
    .application-base .spec-bg-application {
        margin-top: 50px;
        padding: 20px 0px;
        margin-bottom: 0;
    }
    .z-combine-container {
        margin: 90px auto 0 auto;
    }
    #gocardless {
        padding: 100px 0 0 0;
    }
    /* ---  POLITICS --- */
    .privacy-policy h1.steps-h1 {
        text-align: left;
        font-size: 32px;
        line-height: 36px;
     }
    .privacy-policy .wysiwyg-style p {
        margin-top: 0;
        margin-bottom: 8px;
    }
    .privacy-policy .cookies h1, .privacy-policy .cookies h2, .privacy-policy .cookies h3, .privacy-policy .cookies h4 {
        font-size: 20px;
        line-height: 1.2;
        margin: 24px 0;
    }
    .privacy-policy .cookies, .privacy-policy .cookies p {
        font-size: 16px;
        line-height: 1.25;
    }
    .privacy-policy li::before {
        top: 6px;
        width: 12px;
        height: 12px;
    }
    .c-offer-page.application-base.inner-page {
        padding-top: 48px;
    }

}

@media screen and (max-width: 767px) {
    .slider-indicators {
        display: flex;
    }
    .home .navbar-default {
        background: none !important;
    }
    .mob-only {
        display: flex;
    }
    .cl-consent .cl-consent__inner .cl-consent-popup--main .cl-consent__descr {
        width: 100%;
        max-width: 100%;
    }
    .cl-consent .cl-consent__descr {
        font-size: 11px;
        line-height: 16px;
        padding-bottom: 16px;
    }
    h1.z-hero-title {
        margin: 0 auto;
    }
    .z-small-text {
        margin: 0 0 7px 0;
    }
    .z-hide-767 {
        display: none;
    }
    .z-hero-right {
        margin: 15px auto 0 auto;
    }
    .z-slider-small-text,
    .z-slider-one-payment {
        font-size: 12px;
        line-height: 16px;
    }
    .z-slider-loan-box {
        gap: 16px;
    }
    .z-slider-wrapper-right {
        gap: 16px;
    }
    .z-slider-wrapper-left {
        gap: 0;
    }
}

@media only screen and (max-width: 600px) {
    .z-how-it-works-left.vanish,
    .z-gray-block-container {
        display: none;
    }
    .stat-swiper-mob {
        display: block;
    }
    .z-how-it-works-wrapper {
        padding: 20px 16px 40px 16px;
    }
    .z-how-it-works-wrapper-mob {
        display: flex;
        flex-direction: column;
        padding: 40px 18px 0 18px;
        gap: 16px;
    }
    .z-1-2-3-container {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: start;
        padding: 0;
        font-size: 16px;
    }
    .z-how-it-works-right {
        width: 100%;
        border-radius: 24px;
    }
    .z-fff-how-it-background {
        gap: 24px;
    }
    .z-how-it-icons-container {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 16px;
        gap: 12px;
    }
    #langSwitcherMob {
        font-size: 14px !important;
    }
    .z-how-it-schema {
        padding: 30px 0;
        border-radius: 24px;
    }
    .z-how-it-schema-svg-top {
        /*width: 85%;*/
        max-width: 340px;
        padding: 0 10px;
    }
    .z-how-it-schema-svg-top svg {
        width: 100%;
        height: auto;
    }
    .z-high-payment-number {
        font-size: 44px;
    }
    .z-high-payment-text {
        font-size: 14px;
        transform: translateY(-10px);
    }
    .z-how-it-schema-svg-bot {
        width: 100%;
        max-width: 300px;
        padding: 0 30px;
    }
    .z-how-it-schema-svg-bot svg {
        width: 100%;
        height: auto;
    }
    .z-how-it-schema-needs {
        width: 100%;
        max-width: 350px;
        gap: 2px;
        padding: 0 5px 7px 5px;
    }
    .z-how-it-schema-needs-sum {
        width: 20%;
        font-size: 16px;
    }
    .z-how-it-schema-new-savings {
        gap: 16px;
        padding: 0 10px;
    }
    .z-how-it-schema-new-payment, .z-how-it-schema-savings {
        width: 160px;
    }
    .z-how-it-schema-new-payment-tot,
    .z-how-it-schema-savings-tot {
        font-size: 26px;
    }
    .z-how-it-schema-new-payment-text,
    .z-how-it-schema-savings-text {
        font-size: 14px;
    }
    .z-how-it-schema-circle-top {
        width: 487px;
        height: 487px;
        top: 0;
        left: 50%;
        transform: translate(-50%, -70%);
    }
    .z-how-it-schema-circle-bot {
        position: absolute;
        width: 487px;
        height: 487px;
        left: 50%;
        transform: translate(-50%, 30%);
    }
    .top-btn-container {
        padding: 0 24px;
    }

}

@media only screen and (max-width: 456px) {
    .z-stat-slider .slider-nav {
        display: none;
    }
    .z-stat-slider .slider-indicators {
        width: 100vw;
        transform: translateX(-50px);
    }
}

@media only screen and (max-width: 428px) {
    .z-rep-term,
    .rp-lbl {
        padding: 3px 0 0 0;
        font-size: 14px;
    }
    #z-rangeOutput {
        font-size: 18px;
        text-align: right;
    }
}

@media only screen and (max-width: 382px) {
    .z-high-payment-number {
        font-size: 38px;
    }
    .z-how-it-schema-needs-sum {
        font-size: 14px;
    }
    .z-high-payment-text,
    .z-how-it-schema-new-payment-text,
    .z-how-it-schema-savings-text {
        font-size: 12px;
    }
    .z-how-it-schema-savings-text {
        font-size: 13px;
    }

    .z-how-it-schema-svg-top {
        padding: 0 16px;
    }
    .z-how-it-schema-svg-bot {
        padding: 0 40px;
    }
    .z-slider-input-container {
        padding: 0 10px;
    }
    .z-clean-number-units {
        font-size: 14px;
    }
    /* ---  POLITICS --- */
    .privacy-policy ul {
        padding-left: 20px;
    }
    .privacy-policy h1.steps-h1 {
        text-align: left;
        font-size: 22px;
        line-height: 26px;
    }
    .privacy-policy .wysiwyg-style p {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .privacy-policy .cookies h1, .privacy-policy .cookies h2, .privacy-policy .cookies h3, .privacy-policy .cookies h4 {
        font-size: 15px;
        line-height: 1.2;
        margin: 16px 0;
    }
    .privacy-policy .cookies, .privacy-policy .cookies p {
        font-size: 13px;
        line-height: 1.35;
    }
    .privacy-policy li::before {
        left: -20px;
        top: 5px;
        width: 9px;
        height: 9px;
    }

}

/*------------------------------*/