.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-711d655:#E9E9E9;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700;900&family=Barlow:wght@400;500;600;700&display=swap');

body{font-family:'Barlow',sans-serif}

/* sygnatura: czarno-zolta szachownica */
.sp-checker{min-height:10px;height:10px;padding:0!important;background-image:linear-gradient(45deg,#111 25%,transparent 25%),linear-gradient(-45deg,#111 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111 75%),linear-gradient(-45deg,transparent 75%,#111 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#F5B400}

/* eyebrow pill */
.sp-eyebrow{display:inline-flex!important;align-self:flex-start;width:auto!important;background:#f44605;padding:7px 16px;border-radius:999px}
.sp-eyebrow .elementor-heading-title{color:#fff!important;font-family:'Titillium Web',sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;margin:0}
.sp-eyebrow.dark{background:#111}
.sp-eyebrow.dark .elementor-heading-title{color:#F5B400!important}

.sp-card-clip{overflow:hidden}

/* linki: zaden Astra-blue */
.elementor-widget-icon-list a{color:inherit!important}
.elementor-widget-text-editor a{color:#E09600}
.elementor-widget-text-editor a:hover{color:#111}

.sp-eyebrow.center{align-self:center!important}

@media(max-width:767px){.sp-header-cta{display:none!important}}

/* btn hover */
.elementor-button{transition:transform .18s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.elementor-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(17,17,17,.35)}

/*tło do przycisków certyfikatów w headerze*/
.header-dropdown-blue {
    background: #103472;
}

.header-dropdown-green {
    background: #124803;
}

.header-dropdown-red {
    background: #850707;
}

.header-main-button .elementor-button {
    width: 100%;
    justify-content: center;
}

@media (max-width: 767px) {

    .safe-form .e-form__indicators {
        width: 100%;
        max-width: 100%;
        position: relative;

        display: flex;
        align-items: flex-start;

        padding-bottom: 50px;
        box-sizing: border-box;
    }

    .safe-form .e-form__indicators__indicator {
        min-width: 0 !important;
        flex-shrink: 1;
    }

    .safe-form .e-form__indicators__indicator__label {
        display: none !important;
    }

    .safe-form
    .e-form__indicators__indicator--state-active
    .e-form__indicators__indicator__label {
        display: block !important;

        position: absolute;
        left: 0;
        bottom: 5px;

        width: 100%;
        text-align: center;

        white-space: normal;
        font-size: 14px;
        line-height: 1.3;
    }

    .safe-form .e-form__indicators__indicator__number {
        width: 34px;
        height: 34px;
        min-width: 34px;

        font-size: 14px;
    }

    .safe-form .e-form__indicators__indicator__separator {
        min-width: 5px !important;
        flex: 1 1 auto;
    }
    
}

.regulamin-safe-card {
        max-width: 400px;
} 

.verification-code-input {
    background-color: #FFFFFF !important;
    border-color: #E5E5E5 !important;
    border-width: 1px 1px 1px 1px !important;
    border-radius: 12px 12px 12px 12px !important;
    margin-left: 12px !important;
    width: 30% !important;
}

/*Styli do strony konta użytkownika*/
.profile-name {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}
.profile-email {
    color: #6b7280;
    font-size: 14px;
}
.data-value {
    font-weight: 600;
    font-size: 16px;
    color: #1f2937;
    font-family: "Titillium Web";
}

.application-status {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 600;
}

.application-status-approved {
    color: #166534;
    background: #dcfce7;
}

.application-status-rejected {
    color: #991b1b;
    background: #fee2e2;
}

.application-status-pending {
    color: #9a3412;
    background: #ffedd5;
}
/*przycisk wylogowania w koncie użytkownika*/
.sp-logout-button {
    background-color: #f45a00;
    color: #fff;
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
}

.sp-logout-button:hover {
    background-color: #d94f00;
    color: #fff;
}


/*Przycik użytkownika w headerze*/
.sp-account-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.sp-account-trigger {
    display: flex;
    align-items: center;
    gap: 7px;

    padding: 12px 14px;

    background: transparent;
    border: 0;

    color: #fff;
    cursor: pointer;

    font: inherit;
}
.sp-account-trigger:hover {
    background-color: #F0640C;
}

.sp-account-icon {
    font-size: 21px;
    line-height: 1;
    height: 25px;
    width: 25px;
}

.sp-account-trigger .sub-arrow {
    display: flex;
    align-items: center;
}

.sp-account-trigger .sub-arrow svg {
    width: 10px;
    height: 16px;
    fill: currentColor;
}

/* DROPDOWN */

.sp-account-dropdown {
    display: none;

    position: absolute;
    top: 100%;
    right: 0;

    min-width: 180px;

    margin: 0;
    padding: 0;

    list-style: none;

    background: #F0640C;

    z-index: 9999;
}

.sp-account-dropdown .menu-item {
    margin: 0;
    padding: 0;
}

.sp-account-dropdown .elementor-sub-item {
    display: block;

    padding: 13px 18px;

    color: #fff;
    text-decoration: none;

    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
}

.sp-account-dropdown .elementor-sub-item:hover {
    background: #CA550B;
}


/* DESKTOP */

.sp-account-menu:hover .sp-account-dropdown {
    display: block;
}

/*Syli bloku partnerów testowych*/
.partners-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;

    max-width: 1200px;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .partners-list {
        grid-template-columns: 1fr;
    }
}

.partner-card {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-decoration: none;

    padding: 10px;
}

.partner-card-image {
    width: 100%;
    height: 130px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 15px;
}

.partner-card-logo {
    width: 100%;
    height: 100%;

    max-width: 170px;
    max-height: 110px;

    object-fit: contain;
}

.partner-card-title {
    text-align: center;
    color: #222;
    font-family: "Barlow", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: var(--e-global-color-text);
    margin-bottom: 8px;
}


.partner-card-button {
    background-color: #f45a00;
    color: #fff;
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    margin-top: auto;
    
}

/*.partner-card-button-text {*/
/*    color: #F0640C;*/
/*    font-weight: 500;*/
/*    font-family: "Barlow", Sans-serif;*/
/*    text-decoration: underline;*/
/*}*/


/*przycisk wyświetlania hasła w formularzach do wypełnienia  */

.password-field-wrapper {
    position: relative;
    width: 100%;
}

.password-field-wrapper input {
    width: 100%;
    padding-right: 45px !important;
}

.password-toggle {
    position: absolute;
    height: 28px;
    width: 28px;
    top: 50%;
    right: 14px;

    transform: translateY(-50%);

    border: 0;
    background: transparent;

    padding: 4px;
    margin: 0;

    cursor: pointer;
    font-size: 18px;

    z-index: 2;
    
    
}

.password-toggle:hover {
    background: #f6f6f6;
}
.password-toggle:focus, 
.password-toggle:active {
    background: #f6f6f6;
}/* End custom CSS */