body {
    font-family: 'Jost', sans-serif;
    background-color: #FFFFFA;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Signika Negative', sans-serif;
    font-weight: 600;
    color: #1A1A1A;
}

a {
    color: #9643DB;
    transition: all ease-in-out .3s;
    cursor: pointer;
}

a:hover {
    color: #5f0ea1
}

p,
span {
    color: #1A1A1A;
}

#main-navbar {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-top: 0;
    transition: margin-top 0.3s ease-in-out;
}

.fs-7 {
    font-size: .875rem;
}

.fs-5-5 {
    font-size: 1.125rem;
}

.nav-link {
    font-family: Jost, sans-serif;
    font-size: .95rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #1A1A1A;
    padding: .5rem .3rem !important;
}

.nav-link:focus {
    color: #1A1A1A;
}

.nav-link:hover {
    color: #9643DB;
}

.bg-welapy {
    background-color: #FFFFFA;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

footer {
    box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.footer-link {
    color: rgba(26, 26, 26, .7);
    transition: all ease-in-out .3s;
}

footer a {
    color: #1A1A1A;
}

footer a:hover {
    color: #9643DB;
}

.vh85 {
    min-height: 85vh;
}

.b2c-form .ec-v-form-column {
    padding: 20px 0px;
    border-radius: 50px;
    background-color: #e0c3fc;
}

div.ec-v-form-holder.ec-v-form-holder-basic {
    max-width: 100% !important;
}

.ec-v-form-submit button {
    border-radius: 50px !important;
}

.subscribe-confirmation {
    min-height: 80vh;
}

.login-form,
.reset-password-form {
    width: 100%;
    max-width: 350px;
}

.login-btn,
.reset-btn {
    background-color: #9643DB;
    color: #FFFFFA;
    padding: .375rem .75rem;
    width: 100%;
    text-align: center;
    border: 0;
    border-radius: 5px;
    transition: all ease-in-out .3s;
}

.login-btn:hover,
.reset-btn:hover {
    transform: scale(1.05);
    background-color: rgba(150, 67, 219, .98);
}

.error {
    color: #DC3545;
    font-weight: 600;
}

.success {
    color: #198754;
    font-weight: 600;
}

.error ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}






.ff-jost {
    font-family: 'Jost', sans-serif;
}

.ff-signika {
    font-family: 'Signika Negative', sans-serif;
}

.bg-black {
    background-color: #1A1A1A;
}

.bg-purple {
    background-color: #9643DB;
}

.bg-light-purple {
    background-color: #e0c3fc;
}

.bg-light-gray {
    background-color: rgba(245, 245, 245, .8);
}

.color-black {
    color: #1A1A1A;
}

a.color-black:hover {
    color: #9643DB !important;
}

.color-purple {
    color: #9643DB;
}

.color-white {
    color: #fffffa;
}

.ar {
    object-fit: cover;
    object-position: top;
    border-radius: 22px; 
}

.ar-16x9 {
    aspect-ratio: 16 / 9;
}

.ar-4x3 {
    aspect-ratio: 4 / 3;
}

.w-max {
    width: max-content;
}

.w-fit {
    width: fit-content;
}

.btn-purple {
    height: max-content;
    width: max-content;
    padding: .4em 1.5em;
    background-color: #9643DB;
    font-family: 'Signika Negative', sans-serif;
    font-weight: 400 !important;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    color: #FFFFFA;
    border: none;
    border-radius: .7em;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: all ease-in-out .3s;
}

a.btn-purple:hover {
    background-color: #8036bd;
    color: #FFFFFA !important;
}

.btn-purple:hover {
    background-color: #8036bd;
    transform: scale(1.01);
    box-shadow: 0 0.125rem 0.3rem rgba(0, 0, 0, 0.25);
}

.bullet-point {
    font-family: 'Signika Negative', sans-serif;
    line-height: 1;
    text-align: end;
    padding: 6px 9px 0 0;
    width: 45px;
    margin: 0 10px 0 0;
    aspect-ratio: 1.069/1;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg id="Vrstva_1" data-name="Vrstva 1" xmlns="http://www.w3.org/2000/svg" width="250" height="233.77" viewBox="0 0 250 233.77"%3E%3Cdefs%3E%3Cstyle%3E.cls-1 { fill: %239643db; stroke-width: 0px; }%3C/style%3E%3C/defs%3E%3Cpath class="cls-1" d="M250,130.32c0,62.43-43.31,103.45-111.77,103.45S0,168.13,0,105.7,37.24,0,105.7,0s144.3,67.89,144.3,130.32Z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
}

.bullet-point-text {
    width: calc(100% - 60px);
}


.social-icon {
    position: relative;
    width: 50px;
    height: 50px;
    transition: all ease-in-out .3s;
}

footer .social-icon {
    width: 35px;
    height: 35px;
}

.social-icon .cls-1 {
    transition: all ease-in-out .3s;
    fill: #9643DB;
}

.social-icon:hover .cls-1 {
    fill: #5f0ea1;
}


.b2b-first-section {
    margin: -3rem 0;
    width: 100%;
    height: 535px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg id="Vrstva_1" data-name="Vrstva 1" xmlns="http://www.w3.org/2000/svg" width="1649.16" height="527.47" viewBox="0 0 1649.16 527.47"%3E%3Cdefs%3E%3Cstyle%3E.cls-1 { fill: %23e0c3fc; isolation: isolate; opacity: .4; stroke-width: 0px; }%3C/style%3E%3C/defs%3E%3Cpath class="cls-1" d="M1649.16,100.97v329.38C739.8,697.88,842.22,315.84,0,426.49V97.12c909.36-267.53,806.94,114.5,1649.16,3.85Z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
}

.b2b-first-section .container {
    padding-top: 6rem;
    padding-bottom: 5rem;
}

.b2b-second-section {
    width: 100%;
    height: 970px;
    background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Vrstva_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%201649.2%20939.2%22%20style%3D%22enable-background%3Anew%200%200%201649.2%20939.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text/css%22%3E.st0%7Bopacity%3A0.4%3Bfill%3A%23E0C3FC%3Benable-background%3Anew%20%20%20%20%3B%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1649.2%2C119v757.4C1055.3%2C1070.6%2C898.5%2C747%2C0%2C825V83C167.5%2C21.7%2C300.7%2C0%2C422.5%2C0%20C757.8%2C0%2C1007.1%2C164.2%2C1649.2%2C119z%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.b2b-second-section .container {
    padding-top: 8.5rem;
}

.b2b-second-section .ec-v-form-holder.ec-v-form-holder-basic {
    margin: 0 !important;
    width: 100% !important;
}

.b2b-second-section #f-3-b6fcc542fb021c84fdaff536dd0a74a1 {
    width: 100% !important;
}

.b2b-second-section .ec-v-form-input,
.b2b-second-section .ec-v-form-text,
.b2b-second-section .ec-v-form-submit {
    padding: 0 !important;
}

.b2b-second-section .ec-v-form-btntype-submit button {
    font-family: 'Signika Negative', sans-serif;
    font-size: 1.25rem !important;
}

.b2b-form {
    max-width: 100%;
}


.b2b-pre-third-section {
    margin-top: 20px;
    width: 100%;
    height: 160px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1649.2 175.5" style="enable-background:new 0 0 1649.2 175.5;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E.st0{opacity:0.4;fill:%23E0C3FC;enable-background:new    ;}%3C/style%3E%3Cpath class="st0" d="M1649.2,168.2v7.3H0.1L0,104.8c0,0,180.2-84.6,460.5-102.6c134.3-8.6,268.8,8.4,398.7,49.6 C1006.2,98.5,1281.7,166,1649.2,168.2z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: bottom;
}

.b2b-third-section {
    width: 100%;
    background-color: rgba(224, 195, 252, .4);
}

#jak-to-funguje {
    position: absolute;
    top: -50px;
}

#proc-welapy,
#kontakt {
    position: absolute;
    top: -90px;
}

.panda-talk {
    margin-top: 1rem;
}

.b2c-select-from {
    margin-top: 5rem;
}

.b2c-second-section .container {
    padding-top: 8rem;
}

.download-badge {
    height: 42px;
}

.form-style {
    width: 100%;
    max-width: 540px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1.5px solid rgb(150, 67, 219, 1);
    border-radius: 16px;
    padding: 10px;
}

.form-w-md {
    max-width: 500px;
}

.form-w-lg {
    max-width: 700px;
}

.form-w-xl {
    max-width: 1000px;
}

.color-white {
    color: #FFFFFA;
}

.border-bottom-silver {
    border-bottom: 1px solid #e0e0e0;
}

.form-check-label {
    user-select: none;
}

.form-check-input:checked {
    background-color: #9643DB !important;
    border-color: #9643DB !important;
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus {
    border-color: #9643DB !important;
    box-shadow: 0 0 0 0.12rem rgba(150, 67, 219, .2);
}

/* Success Modal Style */
.modal-content.alert-success,
.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

/* Error Modal Style */
.modal-content.alert-error, 
.alert-error,
.modal-content.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Warning Modal Style */
.modal-content.alert-warning,
.alert-warning {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

/* Info Modal Style */
.modal-content.alert-info,
.alert-info {
    background-color: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

.list-group-item {
    background-color: transparent;
}

s {
    position: relative;
    font-weight: 300 !important;
}

s::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #9643DB;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.cursor-pointer {
    cursor: pointer;
}

#specialOfferToast {
    font-size: 1.125rem;
    background-color: rgba(224, 195, 252, .95);
    color: #1A1A1A;
    transition: all ease-in-out .3s;
}

#specialOfferToast:hover {
    background-color: #e0c3fc;
    transform: scale(1.005);
}

.b2c-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050;
    background-color: #9643DB;
}

.b2c-bar * {
    font-size: .9rem !important;
}

.b2c-bar span, .b2c-bar a, .b2c-bar button {
    color: #FFFFFA;
}

.b2c-bar a {
    border: 1px solid #FFFFFA;
    text-decoration: none;
    padding: .1em .6em;
    border-radius: .8em;
    transition: all ease-in-out .3s;
}

.b2c-bar a:hover {
    background-color: #fffffa;
    color: #9643DB;
}

@media (min-width: 576px) {
    .b2c-bar * {
        font-size: 1.125rem !important;
    }

    .b2c-bar a {
        padding: .1em 1em;
    }
}

.vertical-image {
    max-height: 400px;
    object-fit: contain;
}