.elementor-3820 .elementor-element.elementor-element-457455d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3820 .elementor-element.elementor-element-8e44131{width:100%;max-width:100%;}.elementor-3820 .elementor-element.elementor-element-8e44131 > .elementor-widget-container{background-color:#B4A8A800;padding:0px 0px 0px 0px;}.elementor-3820 .elementor-element.elementor-element-9a0f6e8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3820 .elementor-element.elementor-element-87446c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:30px;}.elementor-3820 .elementor-element.elementor-element-ed8215e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-3820 .elementor-element.elementor-element-c2a12ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3820 .elementor-element.elementor-element-0bdb8fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-3820 .elementor-element.elementor-element-9a0f6e8{--content-width:1050px;}.elementor-3820 .elementor-element.elementor-element-87446c9{--width:50%;}.elementor-3820 .elementor-element.elementor-element-ed8215e{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-457455d */.box li::before{content:"\2715" !important}
  .box.on li::before{content:"\2713" !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a09e185 */.box.on li::before{
  content:"\2713" !important;
}
.box li::before{
  content:"\2715";
}
.box.on li::before{
  content:"\2713" !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2a12ed */.box.on li::before{
  content:"\2713" !important;
}
.box li::before{
  content:"\2715";
}
.box.on li::before{
  content:"\2713" !important;
}/* End custom CSS */
/* Start custom CSS */.elementor-kit-7 {
    --e-global-color-primary: #23418A;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #686C74;
    --e-global-color-accent: #0693E3;
    --e-global-color-0e35f44: #F2F1F3;
    --e-global-color-4d83ec2: #F9F9F9;
    --e-global-color-fc7d746: #DDC310;
    --e-global-typography-primary-font-family: "Montserrat";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Montserrat Alternates";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Montserrat";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Montserrat Subrayada";
    --e-global-typography-accent-font-weight: 500;
}

.elementor-kit-7 e-page-transition {
    background-color: #FFBC7D;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1280px;
}

.e-con {
    --container-max-width: 1280px;
}

.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);
}

.site-header .site-branding {
    flex-direction: column;
    align-items: stretch;
}

.site-header {
    padding-inline-end:0px;padding-inline-start:0px;}

.site-footer .site-branding {
    flex-direction: column;
    align-items: stretch;
}

@media(max-width: 1100px) {
    .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 */
:root {
    --bg: #f4f4f5;
    --card: #fff;
    --ink: #0d1733;
    --mut: #4a5169;
    --brand: #243f8f;
    --brand2: #3a5bb0;
    --soft: #e6ebf7;
    --line: #e3e6ef;
    --navy: #182a5c;
    --navy2: #22397f;
    --sub: #243f8f;
    box-sizing: border-box;
    padding-top: env(safe-area-inset-top,0px);
    padding-bottom: env(safe-area-inset-bottom,0px)
}

html {
    scroll-padding-top: env(safe-area-inset-top,0px);
    scroll-behavior: smooth
}

* {
    box-sizing: border-box
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: Montserrat,system-ui,Arial,sans-serif;
    line-height: 1.55
}

.w {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px
}

.eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--sub)
}

.eyebrow:before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--sub)
}

h1 {
    font-size: clamp(34px,5.2vw,58px);
    line-height: 1.05;
    font-weight: 800;
    margin: 18px 0 10px;
    letter-spacing: -.02em
}

h1 em {
    display: block;
    font-style: normal;
    color: var(--sub);
    font-size: .55em;
    font-weight: 700;
    margin-top: 12px;
    line-height: 1.2
}

h2 {
    font-size: clamp(26px,3.4vw,38px);
    line-height: 1.15;
    font-weight: 800;
    margin: 10px 0 14px
}

h3 {
    font-size: 22px;
    margin: 8px 0
}

p {
    color: var(--mut);
    margin: 0 0 12px
}

.pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--card);
    border-radius: 99px;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--brand);
    box-shadow: 0 4px 16px rgba(20,30,70,.08)
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5b7fe0
}

.btn {
    display: inline-block;
    background: linear-gradient(90deg,var(--brand),var(--brand2));
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 26px;
    border-radius: 99px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    transition: transform .22s ease,box-shadow .22s ease;
    box-shadow: 0 0 0 rgba(36,63,143,0)
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(36,63,143,.3)
}

.btn:active {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(36,63,143,.25)
}

.arrow-ic {
    display: inline-flex;
    transition: transform .25s ease
}

.btn:hover .arrow-ic {
    transform: translateX(5px)
}

.btn.big {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 17px;
    padding: 16px 16px 16px 30px
}

.btn.big span {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #fff;
    color: var(--brand);
    display: grid;
    place-items: center;
    font-size: 20px;
    transition: transform .25s ease
}

.btn.big:hover span {
    transform: translateX(5px)
}

.hero {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 48px;
    align-items: start;
    padding: 56px 0 64px
}

.hero small {
    display: block;
    margin-top: 22px;
    color: var(--mut);
    font-size: 13px
}

.card {
    background: var(--card);
    border-radius: 28px;
    padding: 32px;
    box-shadow: 0 10px 40px rgba(20,30,70,.10)
}

.card h3 {
    font-size: 30px;
    margin: 0 0 6px
}

.card .lead {
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 18px
}

.card input {
    width: 100%;
    padding: 16px 18px;
    margin-bottom: 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    font: inherit;
    font-size: 15px;
    background: var(--card);
    color: var(--ink)
}

.consent {
    font-size: 11px;
    color: var(--mut);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 10px
}

.consent a {
    color: var(--sub);
    font-weight: 700
}

.field-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--mut);
    margin: 0 0 8px
}

.sub-opts {
    display: none;
    flex-wrap: wrap;
    gap: 8px;
    margin: -4px 0 14px;
    padding: 12px;
    background: var(--soft);
    border-radius: 14px
}

.sub-opts.show {
    display: flex
}

.upload-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px dashed var(--line);
    border-radius: 14px;
    padding: 13px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mut);
    cursor: pointer;
    background: var(--card);
    margin-bottom: 10px
}

.upload-btn input {
    display: none
}

.upload-btn .ic {
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--soft);
    color: var(--brand);
    display: grid;
    place-items: center;
    font-size: 14px
}

.upload-btn.has-file {
    border-color: var(--brand);
    border-style: solid;
    color: var(--brand)
}

.upload-btn.has-file .ic {
    background: var(--brand);
    color: #fff
}

.pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.upload-row {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    margin-bottom: 14px
}

.upload-row .upload-btn {
    flex-direction: column;
    text-align: center;
    gap: 6px;
    padding: 12px 8px;
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 0
}

.upload-row .up-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.consent-block {
    border-top: 1px solid var(--line);
    margin-top: 6px;
    padding-top: 14px
}

.tiny {
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: var(--mut);
    margin-top: 12px
}

.price {
    display: inline-block;
    background: var(--soft);
    color: var(--ink);
    border-radius: 16px;
    padding: 14px 20px;
    margin-top: 20px;
    font-size: 15px
}

.price b {
    color: var(--sub)
}

.price.in {
    display: block;
    margin: 0 0 16px;
    background: linear-gradient(90deg,var(--brand),var(--brand2));
    color: #fff;
    text-align: center;
    font-weight: 600
}

.price.in b {
    color: #fff
}

.bl {
    list-style: none;
    margin: 26px 0 0;
    padding: 0;
    display: grid;
    gap: 12px
}

.bl li {
    display: flex;
    gap: 14px;
    align-items: center;
    background: var(--card);
    border-radius: 16px;
    padding: 14px 18px;
    box-shadow: 0 4px 18px rgba(20,30,70,.06)
}

.bl li:before {
    content: "âœ“";
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--soft);
    color: var(--brand);
    display: grid;
    place-items: center;
    font-weight: 800
}

.bl b {
    display: block;
    font-size: 15px
}

.bl span {
    font-size: 13px;
    color: var(--mut)
}

section {
    padding: 56px 0
}

.hl {
    background: linear-gradient(135deg,var(--navy),var(--navy2));
    border-radius: 28px;
    padding: 56px 48px;
    color: #fff;
    font-size: clamp(26px,4vw,44px);
    font-weight: 800;
    line-height: 1.15;
    margin: 24px 0
}

.hl b {
    color: #7f9dff
}

.two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.box {
    background: #eceef3;
    border-radius: 20px;
    padding: 26px
}

.box.on {
    background: var(--card);
    box-shadow: 0 8px 30px rgba(20,30,70,.08)
}

.box h4 {
    margin: 0 0 12px;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink)
}

.box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.box li {
    padding: 8px 0 8px 34px;
    position: relative;
    color: var(--mut);
    font-size: 15px
}

.box li:before {
    content: "âœ•";
    position: absolute;
    left: 0;
    top: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--soft);
    font-size: 11px;
    display: grid;
    place-items: center;
    color: var(--mut)
}

.box.on li:before {
    content: "âœ“";
    color: var(--brand)
}

.row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    padding: 32px 0
}

.row.rev .vis {
    order: 2
}

.vis {
    background: linear-gradient(135deg,var(--navy),var(--navy2));
    border-radius: 28px;
    min-height: 280px;
    display: grid;
    place-items: center;
    color: #fff;
    padding: 28px
}

.chips {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.chip {
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    padding: 16px 20px
}

.chip b {
    display: block;
    font-size: 18px
}

.chip span {
    font-size: 13px;
    opacity: .8
}

.steps {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
    margin-top: 36px;
    text-align: center
}

.n {
    width: 54px;
    height: 54px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: linear-gradient(135deg,var(--brand),var(--brand2));
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    display: grid;
    place-items: center;
    box-shadow: 0 0 0 6px var(--soft)
}

.band {
    background: var(--soft)
}

.center {
    text-align: center
}

.center .eyebrow {
    justify-content: center
}

details {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 18px 22px;
    margin-bottom: 12px
}

summary {
    font-weight: 700;
    font-size: 15px;
    cursor: pointer
}

details p {
    margin: 12px 0 0
}

.cta {
    background: linear-gradient(135deg,var(--navy),var(--navy2));
    color: #fff;
    padding: 64px 0
}

.cta p {
    color: #c9d3f0
}

.cta h2 {
    max-width: 640px
}

@media(max-width: 820px) {
    .hero,.row,.two,.steps {
        grid-template-columns:1fr
    }

    .row.rev .vis {
        order: 0
    }

    .hl {
        padding: 32px 24px
    }

    .pair,.upload-row {
        grid-template-columns: 1fr
    }
}

.card .wpcf7-form p {
    margin: 0
}

.card .wpcf7-form br {
    display: none
}

.card .pair>p,.card .upload-row>p,.card .opt-row>p,.card .sub-opts>p {
    display: contents
}

.card .wpcf7-form>p,.card .wpcf7-form .pair,.card .wpcf7-form .opt-row,.card .wpcf7-form .sub-opts {
    margin-bottom: 14px
}

.card .wpcf7-form p:has(>.field-label) {
    margin-bottom: 8px
}

.card .wpcf7-form input[type=text],.card .wpcf7-form input[type=email],.card .wpcf7-form input[type=tel] {
    margin-bottom: 0
}

.card .pair .wpcf7-form-control-wrap,.card .wpcf7-form>p>.wpcf7-form-control-wrap {
    display: block
}

.card .opt-row,.card .opt-row .wpcf7-form-control-wrap,.card .opt-row .wpcf7-form-control {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%
}

.card .opt-row .wpcf7-list-item {
    display: flex;
    flex: 1;
    min-width: 110px;
    margin: 0
}

.card .opt-row .wpcf7-list-item label {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 10px;
    border: 1px solid var(--line);
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    color: var(--mut);
    background: var(--card);
    transition: .15s;
    position: relative
}

.card .opt-row .wpcf7-list-item input[type=radio],.card .opt-row .wpcf7-list-item input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.card .opt-row .wpcf7-list-item label:has(input:checked) {
    border-color: var(--brand);
    color: var(--brand);
    background: var(--soft);
    font-weight: 700
}

.card .sub-opts .wpcf7-form-control {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%
}

.card .sub-opts .wpcf7-list-item {
    display: flex;
    flex: 1;
    min-width: 110px;
    margin: 0
}

.card .sub-opts .wpcf7-list-item label {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 10px;
    border: 1px solid var(--line);
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    color: var(--mut);
    background: var(--card);
    transition: .15s;
    position: relative
}

.card .sub-opts .wpcf7-list-item input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.card .sub-opts .wpcf7-list-item label:has(input:checked) {
    border-color: var(--brand);
    color: var(--brand);
    background: var(--card);
    font-weight: 700
}

.card .sub-opts .wpcf7-form-control-wrap[data-name="sprzet-inne"] {
    display: block;
    flex: 1 1 100%
}

.card .sub-opts input[type=text] {
    flex: 1;
    min-width: 120px;
    margin: 0;
    padding: 12px 14px
}

.card .consent .wpcf7-list-item {
    margin: 0
}

.card .consent input[type=checkbox] {
    width: auto;
    margin: 3px 0 0;
    flex: none
}

.card .consent .wpcf7-acceptance:not(.optional) .wpcf7-list-item-label::after {
    content: " *";
    color: #c0392b;
    font-weight: 700
}

.card .wpcf7-submit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 17px;
    padding: 10px 10px 10px 30px;
    margin-top: 32px;
    border-radius: 99px;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg,var(--brand),var(--brand2));
    transition: transform .22s ease,box-shadow .22s ease
}

.card .wpcf7-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(36,63,143,.3)
}

.card .wpcf7-spinner {
    margin-left: 10px
}

.card .wpcf7-response-output {
    border-radius: 14px;
    font-size: 13px;
    margin-top: 14px;
    padding: 12px 16px
}

.card .wpcf7-not-valid-tip {
    display: block;
    margin: 6px 0 0 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    color: #c0392b
}

.card .consent .wpcf7-not-valid-tip {
    flex: 1 0 100%;
    margin: 4px 0 0 26px
}

.card .wpcf7-form input.wpcf7-not-valid {
    border-color: #c0392b;
    background: #fff8f7
}

.card .wpcf7-form input:focus {
    outline: none;
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(36,63,143,.15)
}

#problem,#jak,#faq,#dolacz {
    scroll-margin-top: 74px
}

#korzysci {
    scroll-margin-top: 98px
}

/* End custom CSS *//* End custom CSS */