/* ===========================================================================
 * BAZA TYPOGRAFIA
 * =========================================================================== */

/* Zerowanie - Mini */
/* ========================== */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button,
[type='button'],
[type='reset'] {
    border: 0;
    cursor: pointer;
    -webkit-appearance: button;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

a {
    color: #1374f2;
    text-align: left;
    text-decoration: underline;
    background-color: rgba(0, 0, 0, 0);
}

body {
    color: #2e3234;
    text-align: left;
    background-color: #f2f2f2;
    font-family: Inter;
}

img {
    max-width: 100%;
    display: inline-block;
}

label {
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin-bottom: 0;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
    margin-top: 14px;
}

/* Typografia */
/* ========================== */

/* Font sizes */
body {
    font-size: 16px;
    line-height: 1.5;
}
h1 {
    font-size: 42px;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 21px;
}
h5 {
    font-size: 19px;
}
h6 {
    font-size: 17px;
}
p {
    font-size: 16px;
}
pre {
    font-size: 16px;
}
.ql-editor .ql-size-huge {
    font-size: 35px;
}
.ql-editor .ql-size-large {
    font-size: 21px;
}
.ql-editor .ql-size-small {
    font-size: 16px;
}

.ql-editor h1 .ql-size-huge {
    font-size: 56px;
}
.ql-editor h1 .ql-size-large {
    font-size: 49px;
}
.ql-editor h1 .ql-size-small {
    font-size: 16px;
}
.ql-editor h2 .ql-size-huge {
    font-size: 49px;
}
.ql-editor h2 .ql-size-large {
    font-size: 42px;
}
.ql-editor h2 .ql-size-small {
    font-size: 28px;
}
.ql-editor h3 .ql-size-huge {
    font-size: 42px;
}
.ql-editor h3 .ql-size-large {
    font-size: 35px;
}
.ql-editor h3 .ql-size-small {
    font-size: 21px;
}
.ql-editor h4 .ql-size-huge {
    font-size: 35px;
}
.ql-editor h4 .ql-size-large {
    font-size: 28px;
}
.ql-editor h4 .ql-size-small {
    font-size: 19px;
}
.ql-editor h5 .ql-size-huge {
    font-size: 28px;
}
.ql-editor h5 .ql-size-large {
    font-size: 21px;
}
.ql-editor h5 .ql-size-small {
    font-size: 17px;
}
.ql-editor h6 .ql-size-huge {
    font-size: 21px;
}
.ql-editor h6 .ql-size-large {
    font-size: 19px;
}
.ql-editor h6 .ql-size-small {
    font-size: 16px;
}

/* Font weights */
h1 {
    font-weight: 800;
}
h2 {
    font-weight: 700;
}
h3 {
    font-weight: 600;
}
h4 {
    font-weight: 600;
}
h5 {
    font-weight: 600;
}
h6 {
    font-weight: 500;
}
p {
    font-weight: 400;
}
pre {
    font-weight: 400;
}
p b {
    font-weight: 600;
}

/* Line heights */
p,
pre {
    line-height: 1.5;
}
h1 {
    line-height: 1;
}
h2 {
    line-height: 1;
}
h3 {
    line-height: 1.2;
}
h4 {
    line-height: 1.2;
}
h5 {
    line-height: 1.2;
}
h6 {
    line-height: 1.2;
}
.ql-editor .ql-size-small {
    line-height: 1.5;
}
.ql-editor .ql-size-large {
    line-height: 1.2;
}
.ql-editor .ql-size-huge {
    line-height: 1.2;
}

/* Font margins */
p {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
h1 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
h2 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
h3 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
h4 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
h5 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
h6 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ql-editor p {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ql-editor h1 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ql-editor h2 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ql-editor h3 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ql-editor h4 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ql-editor h5 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ql-editor h6 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.ql-editor p:last-child {
    margin-bottom: 0;
    margin-top: 0;
}

.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    font-family: inherit;
    color: inherit;
    display: block;
}

/* QL Editor - New */
/* ========================== */

.ql-editor-new p {
    font-family: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-bottom: inherit;
    margin-top: inherit;
}

.ql-editor-new h1,
.ql-editor-new h2,
.ql-editor-new h3,
.ql-editor-new h4,
.ql-editor-new h5,
.ql-editor-new h6 {
    font-family: inherit;
    color: inherit;
    display: block;
}

.ql-editor-new .ql-align-left {
    text-align: left;
}
.ql-editor-new .ql-align-center {
    text-align: center;
}
.ql-editor-new .ql-align-right {
    text-align: right;
}
.ql-editor-new .ql-align-justify {
    text-align: justify;
}

.ql-editor-new ol {
    padding-left: 0;
}

.ql-editor-new li {
    padding-left: 30px;
    display: block;
}

.ql-editor-new li > .ql-ui {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
}

.ql-editor-new li > .ql-ui::before {
    margin-right: 0;
    text-align: left;
    width: 30px;
}

.ql-editor-new li[data-list='bullet'] > .ql-ui::before {
    margin-top: -1px;
    content: '';
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.ql-editor-new li[data-list='ordered'] {
    counter-increment: list-0;
}

.ql-editor-new li[data-list='ordered'] > .ql-ui::before {
    content: counter(list-0, decimal) '. ';
}

.ql-editor-new li {
    list-style-type: none;
    position: relative;
}

/* QL Editor - Old */
/* ========================== */

.ql-editor {
    padding: 0;
    white-space: inherit;
    overflow: hidden;
}

.ql-editor blockquote {
    padding-left: 25px;
}

.ql-editor pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 5px 10px;
}

.ql-editor ol {
    padding-left: 0;
}

.ql-editor li {
    padding-left: 30px;
}

.ql-editor li > .ql-ui::before {
    margin-left: -30px;
    margin-right: 0;
    text-align: left;
    width: 30px;
}

.ql-editor li[data-list='bullet'] > .ql-ui::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 30px;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 60px;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 90px;
}

/* ===========================================================================
 * SZKIELET
 * =========================================================================== */

.content .sale-page-content .sale-page-content-in .spcs .spcs-in .content {
    min-height: 100vh;
    background-color: #fff;
    flex-direction: column;
    display: flex;
}

.sale-page-content {
    position: relative;
    background-color: rgba(19, 116, 242, 0.05);
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0;
    padding: 0;
}

.sale-page-content-in {
    width: 100%;
    max-width: 960px;
    display: flex;
    flex-direction: row;
    flex: 1;
    margin-left: auto;
    margin-right: auto;
    grid-column-gap: 20px;
    grid-row-gap: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.sale-page-content-in.sidebar-none {
    justify-content: flex-start;
    max-width: unset;
}

.sale-page-content-in.sidebar-none .spcs {
    width: 100%;
}

.sale-page-content-in.sidebar-none .spcs .spcs-in > .spc:not(.sc):not(.element-timer) {
    max-width: 960px;
}

.spcs {
    width: 70%;
    grid-column-gap: 0;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.spcs-in {
    width: 100%;
    grid-column-gap: 0;
    grid-row-gap: 0;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.sale-page-sidebar {
    width: 30%;
    gap: 20px;
    flex-direction: column;
    display: flex;
    padding-top: 20px;
}

@media screen and (max-width: 991px) {
    .sale-page-content-in {
        flex-direction: column;
        align-items: stretch;
    }
    .spcs {
        width: 100%;
    }
    .sale-page-sidebar {
        width: 100%;
        align-items: center;
    }
    #sale-page-sidebar-left {
        order: 2;
    }
}

@media screen and (max-width: 767px) {
    .spcs {
        width: 100%;
    }
}

/* ===========================================================================
 * SEKCJE
 * =========================================================================== */

/*  Sekcje - Tło górne */
/* ========================== */

.sale-page-content-top-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 700px;
    background-color: var(--wtl-panel-color-accent-hover);
}

@media screen and (max-width: 991px) {
    .sale-page-content-top-bg {
        height: 750px;
    }
}

@media screen and (max-width: 767px) {
    .sale-page-content-top-bg {
        height: 650px;
    }
}

@media screen and (max-width: 479px) {
    .sale-page-content-top-bg {
        height: 850px;
    }
}

/*  Sekcje - Baza */
/* ========================== */

.spc img {
    border-radius: 10px;
}

.spc {
    grid-row-gap: 20px;
    color: #2e3234;
    display: flex;
    position: relative;
}

.spc:not(.button-extended):not(.element-image):not(.text-text):not(.sc):not(.cta):not(.timer):not(.columns):not(
        .element-timer
    ) {
    flex-direction: column;
}

.spc:not(.lesson-list) ul {
    position: relative;
    padding-left: 30px;
    list-style: none;
}

.spc:not(.lesson-list) ul li:before {
    height: auto;
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    left: 0;
    position: absolute;
}

.spc .ql-editor {
    height: auto;
}

.element-display-timer-end:before {
    content: 'Element ukryty do wygaśnięcia licznika';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    z-index: 1;
    color: var(--wtl-panel-color-font-white);
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    text-align: center;
    background: -webkit-linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.95) 25%,
        rgba(17, 17, 17, 0.95) 25%,
        rgba(17, 17, 17, 0.95) 50%,
        rgba(0, 0, 0, 0.95) 50%,
        rgba(0, 0, 0, 0.95) 75%,
        rgba(17, 17, 17, 0.95) 75%,
        rgba(17, 17, 17, 0.95)
    );
    background: -moz-linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.95) 25%,
        rgba(17, 17, 17, 0.95) 25%,
        rgba(17, 17, 17, 0.95) 50%,
        rgba(0, 0, 0, 0.95) 50%,
        rgba(0, 0, 0, 0.95) 75%,
        rgba(17, 17, 17, 0.95) 75%,
        rgba(17, 17, 17, 0.95)
    );
    background: linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.95) 25%,
        rgba(17, 17, 17, 0.95) 25%,
        rgba(17, 17, 17, 0.95) 50%,
        rgba(0, 0, 0, 0.95) 50%,
        rgba(0, 0, 0, 0.95) 75%,
        rgba(17, 17, 17, 0.95) 75%,
        rgba(17, 17, 17, 0.95)
    );
    background-size: 40px 40px;
    -webkit-animation: move-stripes 2s linear infinite;
    -moz-animation: move-stripes 2s linear infinite;
    animation: move-stripes 2s linear infinite;
}

@-webkit-keyframes move-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 40px 0;
    }
}

@-moz-keyframes move-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 40px 0;
    }
}

@keyframes move-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 40px 0;
    }
}

.highlight-border {
    box-shadow:
        rgba(255, 0, 255, 1) 0 2px 0 0,
        rgba(255, 0, 255, 1) 0 0 0 2px !important;
    z-index: 2 !important;
}

.highlight-border .container-inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px dashed #d5d8dc;
}

/* Sekcja - Pasek z ceną */
/* ========================== */

.sale-page-price-bar-wrap {
    z-index: 5;
    flex-direction: column;
    flex: 0 auto;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}

.price-bar {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    z-index: 20;
    width: 100%;
    grid-column-gap: 30px;
    background-color: #2e3234;
    padding: 10px 30px;
}

.price-bar-title {
    max-height: 50px;
    color: #fff;
    flex: 1;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    display: flex;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.price-bar-price {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
}

.price-bar-actual {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 25px;
}

.price-bar-discount {
    color: #97999a;
    line-height: 25px;
    text-decoration: line-through;
}

.price-bar-button {
    height: 50px;
    background-color: #28c162;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    transition: all 0.2s;
    display: flex;
    box-shadow: 0 0 0 1px #28c162;
    color: #ffffff;
    text-decoration: none;
}

.price-bar-button:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 1px #fff;
}

@media screen and (max-width: 991px) {
    .sale-page-price-bar-wrap {
        align-items: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .price-bar {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 479px) {
    .price-bar {
        height: 50px;
        grid-column-gap: 10px;
    }
    .price-bar-title {
        max-height: 40px;
        font-size: 13px;
        font-weight: 500;
        line-height: 15px;
    }
    .price-bar-actual {
        font-size: 13px;
        line-height: 15px;
    }
    .price-bar-discount {
        font-size: 10px;
        line-height: 15px;
    }
    .price-bar-button {
        height: 30px;
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        line-height: 20px;
    }
}

/* Sekcja - Kontener */
/* ========================== */

.spc.sc {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
}

.spc.sc > .container-inner {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    column-gap: 20px;
    row-gap: 20px;
}

.sc {
    margin: 0;
    padding: 20px;
}

.spc.sc > .container-inner > div:not(.sc):not(.columns):not(.element-timer):not(.film) {
    width: auto;
}

/* Sekcja - kontener - Video BG */
/* ========================== */

.section-video-bg,
.section-video-bg-iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.section-video-bg {
    object-fit: cover;
}

.section-video-bg-iframe {
    pointer-events: none;
    border: none;
}

/* Sekcja - O autorze */
/* ========================== */

.spc.author {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.author > h4 {
    width: 100%;
    color: #2e3234;
    flex: 0 auto;
}

.spc.author > div {
    grid-column-gap: 30px;
    align-items: flex-start;
    display: flex;
}

.spc.author > div > img,
.spc.author > div > picture {
    max-width: 25%;
    min-width: 25%;
    object-fit: contain;
    border-radius: 10px;
    flex: 1;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
}
.spc.author > div > picture > img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

.spc.author > div > .author-content {
    flex-direction: column;
    flex: 1;
    display: flex;
}

.spc.author > div > .author-content > h5 {
    color: rgba(0, 0, 0, 1);
}

.spc.author > div > .author-content > h6 {
    opacity: 0.5;
    color: rgba(0, 0, 0, 1);
}

.spc.author > div > .author-content > .author-description {
    padding-top: 20px;
}

.spc.author > div > .author-content > .author-additional-info {
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    display: flex;
}

.spc.author > div > .author-content > .author-additional-info .location {
    opacity: 0.5;
    text-align: left;
    flex: 0 auto;
    font-family: var(--wtl-panel-font-family);
    color: rgba(0, 0, 0, 1);
}

.spc.author > div > .author-content > .author-additional-info > .media-links {
    gap: 10px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.spc.author > div > .author-content > .author-additional-info > .media-links a {
    width: 40px;
    height: 40px;
    color: #2e3234;
    background-color: rgba(19, 116, 242, 0.05);
    border: 1px solid rgba(19, 116, 242, 0.2);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
}

.spc.author > div > .author-content > .author-additional-info > .media-links a:hover {
    background-color: #fff;
}

.spc.author > div > .author-content > .author-additional-info > .media-links a::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.spc.author > div > .author-content > .author-additional-info > .media-links a.twitter::before {
    background-color: #1da1f2;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath d=%27M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath d=%27M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z%27/%3E%3C/svg%3E");
}
.spc.author > div > .author-content > .author-additional-info > .media-links a.facebook::before {
    background-color: #4267b2;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 320 512%27%3E%3Cpath d=%27M80 299.3l0 212.7 116 0 0-212.7 86.5 0 18-97.8-104.5 0 0-34.6c0-51.7 20.3-71.5 72.7-71.5 16.3 0 29.4 .4 37 1.2l0-88.7C291.4 4 256.4 0 236.2 0 129.3 0 80 50.5 80 159.4l0 42.1-66 0 0 97.8 66 0z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 320 512%27%3E%3Cpath d=%27M80 299.3l0 212.7 116 0 0-212.7 86.5 0 18-97.8-104.5 0 0-34.6c0-51.7 20.3-71.5 72.7-71.5 16.3 0 29.4 .4 37 1.2l0-88.7C291.4 4 256.4 0 236.2 0 129.3 0 80 50.5 80 159.4l0 42.1-66 0 0 97.8 66 0z%27/%3E%3C/svg%3E");
}
.spc.author > div > .author-content > .author-additional-info > .media-links a.instagram::before {
    background-color: #e1306c;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z%27/%3E%3C/svg%3E");
}
.spc.author > div > .author-content > .author-additional-info > .media-links a.linkedin::before {
    background-color: #2867b2;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z%27/%3E%3C/svg%3E");
}
.spc.author > div > .author-content > .author-additional-info > .media-links a.mail::before {
    background-color: #2e3234;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z%27/%3E%3C/svg%3E");
}
.spc.author > div > .author-content > .author-additional-info > .media-links a.webpage::before {
    background-color: #2e3234;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M415.9 344L225 344C227.9 408.5 242.2 467.9 262.5 511.4C273.9 535.9 286.2 553.2 297.6 563.8C308.8 574.3 316.5 576 320.5 576C324.5 576 332.2 574.3 343.4 563.8C354.8 553.2 367.1 535.8 378.5 511.4C398.8 467.9 413.1 408.5 416 344zM224.9 296L415.8 296C413 231.5 398.7 172.1 378.4 128.6C367 104.2 354.7 86.8 343.3 76.2C332.1 65.7 324.4 64 320.4 64C316.4 64 308.7 65.7 297.5 76.2C286.1 86.8 273.8 104.2 262.4 128.6C242.1 172.1 227.8 231.5 224.9 296zM176.9 296C180.4 210.4 202.5 130.9 234.8 78.7C142.7 111.3 74.9 195.2 65.5 296L176.9 296zM65.5 344C74.9 444.8 142.7 528.7 234.8 561.3C202.5 509.1 180.4 429.6 176.9 344L65.5 344zM463.9 344C460.4 429.6 438.3 509.1 406 561.3C498.1 528.6 565.9 444.8 575.3 344L463.9 344zM575.3 296C565.9 195.2 498.1 111.3 406 78.7C438.3 130.9 460.4 210.4 463.9 296L575.3 296z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M415.9 344L225 344C227.9 408.5 242.2 467.9 262.5 511.4C273.9 535.9 286.2 553.2 297.6 563.8C308.8 574.3 316.5 576 320.5 576C324.5 576 332.2 574.3 343.4 563.8C354.8 553.2 367.1 535.8 378.5 511.4C398.8 467.9 413.1 408.5 416 344zM224.9 296L415.8 296C413 231.5 398.7 172.1 378.4 128.6C367 104.2 354.7 86.8 343.3 76.2C332.1 65.7 324.4 64 320.4 64C316.4 64 308.7 65.7 297.5 76.2C286.1 86.8 273.8 104.2 262.4 128.6C242.1 172.1 227.8 231.5 224.9 296zM176.9 296C180.4 210.4 202.5 130.9 234.8 78.7C142.7 111.3 74.9 195.2 65.5 296L176.9 296zM65.5 344C74.9 444.8 142.7 528.7 234.8 561.3C202.5 509.1 180.4 429.6 176.9 344L65.5 344zM463.9 344C460.4 429.6 438.3 509.1 406 561.3C498.1 528.6 565.9 444.8 575.3 344L463.9 344zM575.3 296C565.9 195.2 498.1 111.3 406 78.7C438.3 130.9 460.4 210.4 463.9 296L575.3 296z%27/%3E%3C/svg%3E");
}

@media screen and (max-width: 767px) {
    .spc.author > div > .author-content > .author-description {
        padding-top: 10px;
    }
    .spc.author > div > .author-content > .author-additional-info {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 10px;
    }
    .spc.author > div > .author-content > .author-additional-info > .media-links {
        margin-top: 10px;
    }
    .spc.author > div > .author-content > .author-additional-info > .media-links a {
        margin-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .spc.author > div {
        grid-row-gap: 20px;
        flex-direction: column;
    }
    .spc.author > div > img,
    .spc.author > div > picture {
        max-width: 100%;
        min-width: 100%;
    }
    .spc.author > div > .author-content > .author-additional-info {
        display: block;
    }
    .spc.author > div > .author-content > .author-additional-info > .media-links {
        grid-row-gap: 10px;
        flex-direction: row;
        margin-top: 0;
        display: block;
    }
    .spc.author > div > .author-content > .author-additional-info > .media-links a {
        float: left;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
        margin-right: 10px;
        line-height: 40px;
        display: inline-block;
    }
}

/* Sekcja - Licznik */
/* ========================== */

.spc.timer {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.timer {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    flex-direction: row;
}

.spc.timer .content-wrap {
    width: 100%;
    display: flex;
    align-items: center;
}

.spc.timer .content-wrap .timer-content-wrap {
    width: 100%;
}

.spc.timer > h4 {
    color: inherit;
    width: 100%;
}

.spc.timer .timer-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
    text-align: center;
}

.spc.timer .timer-wrap > .time-block {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.spc.timer .timer-wrap > .time-block > .value {
    font-size: 28px;
    font-weight: 500;
    line-height: 30px;
}

.spc.timer .timer-wrap > .time-block > .desc {
    opacity: 0.75;
    font-size: 13px;
    line-height: 20px;
}

.spc.timer #offer-ended-button {
    background-color: var(--bs-red);
    color: white;
    border-radius: 35px;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    font-weight: 600;
    transition: all 0.2s;
    display: flex;
    text-decoration: none;
    font-size: 21px;
    height: 70px;
}

@media screen and (max-width: 767px) {
    .spc.timer {
        flex-direction: column;
        align-items: center;
    }
    .spc.timer > h4 {
        text-align: center;
    }
    .spc.timer .content-wrap {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* Sekcja - Film */
/* ========================== */

.spc.film {
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.film {
    overflow: hidden;
}

.spc.film .video-wrap {
    background: none;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    position: relative;
}

.spc.film .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* Video facade (perf): klikalny poster zamiast eager iframe — odtwarzacz ładuje się po kliknięciu */
.spc.film .video-wrap .video-facade {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #11161c;
    background-size: cover;
    background-position: center;
}

.spc.film .video-wrap .video-facade__btn {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.spc.film .video-wrap .video-facade:hover .video-facade__btn,
.spc.film .video-wrap .video-facade:focus-visible .video-facade__btn {
    background: rgba(0, 0, 0, 0.78);
    transform: scale(1.06);
}

.spc.film .video-wrap .video-facade__btn svg {
    width: 30px;
    height: 30px;
    margin-left: 4px;
    display: block;
}

/* Sekcja - Box CTA */
/* ========================== */

.spc.cta {
    margin: 0;
    padding: 20px;
    background: #1374f2;
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.cta {
    flex-direction: row;
    align-items: center;
    display: flex;
    gap: 30px;
}

.spc.cta > div {
    grid-row-gap: 10px;
    flex-direction: column;
    flex: 1;
    display: flex;
}

.spc.cta > div > div {
    color: #fff;
}

.spc.cta > a {
    background-color: #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    font-weight: 600;
    transition: all 0.2s;
    display: flex;
    text-decoration: none;
    border: 1px solid transparent;
    line-height: 20px;
}

.spc.cta > a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #ffffff;
}

@media screen and (max-width: 991px) {
    .spc.cta {
        align-items: flex-end;
        padding: 15px 20px 20px;
    }
}

@media screen and (max-width: 479px) {
    .spc.cta {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Sekcja - Offer Pack */
/* ========================== */

.spc.offer-pack .offer {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.offer-pack {
    padding: 0;
    background: none;
    border: none;
    width: calc(100% - (0px + 0px));
}

.spc.offer-pack > h4 {
    width: 100%;
    color: #2e3234;
    flex: 0 auto;
}

.spc.offer-pack > div {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: stretch;
    display: flex;
    justify-content: center;
}

.spc.offer-pack .offer {
    width: 100%;
    height: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    position: relative;
    max-width: 420px;
}

.spc.offer-pack .offer > .description-wrap {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
    text-align: center;
}

.spc.offer-pack .offer > .description-wrap > .image-wrap {
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
}

.spc.offer-pack .offer > .description-wrap .image-wrap img {
    max-height: 160px;
    width: auto;
}

.spc.offer-pack .offer > .description-wrap ul {
    padding-left: 0;
}

.spc.offer-pack .offer > .description-wrap ul > li:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    margin-right: 7px;
    vertical-align: middle;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.spc.offer-pack .offer > .description-wrap ul > li.pros:before {
    background-color: #28c162;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z%27/%3E%3C/svg%3E");
}

.spc.offer-pack .offer > .description-wrap ul > li.cons:before {
    background-color: #f82b61;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z%27/%3E%3C/svg%3E");
}

.spc.offer-pack .offer > .price-wrap {
    grid-row-gap: 20px;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    position: relative;
}

.spc.offer-pack .offer > .price-wrap > div {
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
}

.spc.offer-pack .offer > .price-wrap > div > .price-actual {
    color: #28c162;
    font-size: 28px;
    font-weight: 700;
    line-height: 20px;
}

.spc.offer-pack .offer > .price-wrap > div > .price-discount {
    color: #97999a;
    text-decoration: line-through;
}

.spc.offer-pack .offer > .price-wrap > a {
    height: 50px;
    color: #ffffff;
    background-color: #1374f2;
    text-align: center;
    border-radius: 10px;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    margin-bottom: 0;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    transition: all 0.2s;
    text-decoration: none;
    display: flex;
    cursor: pointer;
}

.spc.offer-pack .offer > .price-wrap > a:hover {
    background-color: #0f68d7;
}

@media screen and (max-width: 991px) {
    .spc.offer-pack {
        flex-direction: column;
        display: flex;
    }
    .spc.offer-pack > div {
        grid-column-gap: 10px;
        flex-direction: column;
        grid-template-columns: 1fr;
        align-items: center;
    }
    .spc.offer-pack .offer > .price-wrap {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        position: static;
    }
    .spc.offer-pack .offer > .price-wrap > div > .discount-p {
        margin-left: 10px;
    }
}

@media screen and (max-width: 479px) {
    .spc.offer-pack .offer > .price-wrap {
        flex-direction: column;
    }

    .spc.offer-pack .offer > .price-wrap > a {
        text-align: center;
        align-self: stretch;
    }
}

/* Sekcja - Lista lekcji */
/* ========================== */

.spc.lesson-list {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.lesson-list > h4 {
    width: 100%;
    color: #2e3234;
    flex: 0 auto;
}

.spc.lesson-list > div > .item-list {
    flex-direction: column;
    display: flex;
}

.spc.lesson-list > div > .item-list:hover {
    background-color: rgba(0, 0, 0, 0);
}

.spc.lesson-list > div > .item-list > h6 {
    white-space: nowrap;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
    align-items: center;
    line-height: 30px;
    transition: all 0.2s;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-overflow: ellipsis;
    font-weight: 500;
}

.spc.lesson-list > div > .item-list > h6:hover {
    border-bottom-color: #97999a;
}

.spc.lesson-list > div > .item-list > h6:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
}

.spc.lesson-list > div > .item-list > ul {
    padding-left: 0;
}

.spc.lesson-list > div > .item-list > ul > li {
    border-bottom: 1px solid #e0e0e0;
    align-items: center;
    padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 60px;
    transition: all 0.2s;
    display: inline-block;
    position: relative;
    overflow: hidden;
    color: #2e3234;
    flex: 1;
    text-overflow: ellipsis;
    line-height: 30px;
    white-space: nowrap;
    width: 100%;
}

.spc.lesson-list > div > .item-list > ul > li:hover {
    border-bottom-color: #97999a;
}

.spc.lesson-list > div > .item-list > ul > li:before {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    right: 0;
    position: absolute;
}

.spc.lesson-list ul li:before {
    display: none;
}

.spc.lesson-list > div {
    counter-reset: spc-counter;
}

.spc.lesson-list > div > .item-list {
    counter-increment: spc-counter;
}

.spc.lesson-list > div > .item-list h6:before {
    content: counter(spc-counter, decimal) '.';
    position: absolute;
    left: 0;
}

.spc.lesson-list > div > .item-list > ul {
    counter-reset: sale-page-lesson-counter;
}

.spc.lesson-list > div > .item-list > ul > li {
    counter-increment: sale-page-lesson-counter;
}

.spc.lesson-list > div > .item-list > ul > li:after {
    content: counter(sale-page-lesson-counter) '.';
    position: absolute;
    left: 30px;
}

@media screen and (max-width: 991px) {
    .spc.lesson-list {
        padding: 15px 20px 20px;
    }
}

@media screen and (max-width: 479px) {
    .spc.lesson-list > div > .item-list > ul > li {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
    }
    .spc.lesson-list > div > .item-list > ul > li:after {
        left: 0;
    }
}

/* Sekcja - Opinie */
/* ========================== */

.spc.opinions {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.opinions .nav:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.spc.opinions > h4 {
    width: 100%;
    color: rgba(0, 0, 0, 1);
    flex: 0 auto;
}

.spc.opinions > div > .opinion-item > .opinion-info {
    position: relative;
}

.spc.opinions > div > .opinion-item > .opinion-text {
    padding-left: 70px;
}

.spc.opinions > div > .opinion-item > .opinion-info > img {
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    overflow: hidden;
    width: 50px;
}

.spc.opinions > div > .opinion-item > .opinion-info > .name {
    font-weight: 600;
    line-height: 25px;
    padding-left: 70px;
}

.spc.opinions > div > .opinion-item > .opinion-info > .name.check:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    background-color: #28c162;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.spc.opinions > div > .opinion-item > .opinion-info > .rate {
    padding-left: 70px;
    font-size: 13px;
    display: flex;
    grid-column-gap: 10px;
}

.spc.opinions > div > .opinion-item > .opinion-info > .rate > .stars {
    display: flex;
}

.spc.opinions > div > .opinion-item > .opinion-info > .rate > .stars > div {
    width: 12px;
    height: 12px;
}

.spc.opinions > div > .opinion-item > .opinion-info > .rate > .stars > div:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: rgba(253, 200, 62, 0.5);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.spc.opinions > div > .opinion-item > .opinion-info > .rate > .stars > div.active:before {
    background-color: #fdc83e;
}

.spc.opinions > div > .opinion-item > .opinion-info > .rate > .date {
    color: #97999a;
    margin-left: 0;
}

.spc.opinions > div {
    flex-direction: column;
    display: flex;
    grid-row-gap: 20px;
}

.spc.opinions > .nav {
    height: 40px;
    color: #2e3234;
    background-color: rgba(19, 116, 242, 0.05);
    border: 1px solid rgba(19, 116, 242, 0.2);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
    width: 40px;
}

.spc.opinions > .nav:hover {
    background-color: rgba(0, 0, 0, 0);
}

.spc.opinions > .nav.right {
    top: auto;
    bottom: auto;
    left: auto;
    right: 30px;
    position: absolute;
}

.spc.opinions > .nav.left {
    top: auto;
    bottom: auto;
    left: auto;
    right: 80px;
    position: absolute;
}

.spc.opinions > .nav.right:before,
.spc.opinions > .nav.left:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-color: #2e3234;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.spc.opinions > .nav.right:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z%27/%3E%3C/svg%3E");
}

.spc.opinions > .nav.left:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z%27/%3E%3C/svg%3E");
}

@media screen and (max-width: 991px) {
    .spc.opinions > .nav.right {
        right: 20px;
    }
    .spc.opinions > .nav.left {
        right: 70px;
    }
}

@media screen and (max-width: 479px) {
    .spc.opinions > div > .opinion-item > .opinion-info > .rate {
        flex-direction: column;
    }
}

/* Sekcja - FAQ */
/* ========================== */

.spc.faq {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.faq > h4 {
    width: 100%;
    color: rgba(0, 0, 0, 1);
    flex: 0 auto;
}

.spc.faq > div > .item-list {
    flex-direction: column;
    display: flex;
    color: rgba(0, 0, 0, 1);
}

.spc.faq > div > .item-list:hover {
    background-color: rgba(0, 0, 0, 0);
}

.spc.faq > div > .item-list > h6 {
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
    align-items: center;
    transition: all 0.2s;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 24px;
    font-weight: 500;
}

.spc.faq > div > .item-list > h6:hover {
    border-bottom-color: #97999a;
}

.spc.faq > div > .item-list > h6:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
}

.spc.faq > div > .item-list > div {
    grid-column-gap: 20px;
    border-bottom: 1px solid #e0e0e0;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.2s;
    display: flex;
    padding-left: 30px;
}

.spc.faq > div > .item-list > div:hover {
    border-bottom-color: #97999a;
}

.spc.faq > div {
    counter-reset: spc-counter;
}

.spc.faq > div > .item-list {
    counter-increment: spc-counter;
}

.spc.faq > div > .item-list h6:before {
    content: counter(spc-counter, decimal) '.';
    position: absolute;
    left: 0;
}

@media screen and (max-width: 991px) {
    .spc.faq {
        padding: 15px 20px 20px;
    }
}

@media screen and (max-width: 479px) {
    .spc.faq > div > .item-list > div {
        height: auto;
        min-height: 40px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0;
    }
}

/* Sekcja - Text */
/* ========================== */

.spc.text {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.text > h4 {
    width: 100%;
    flex: 0 auto;
    color: rgba(0, 0, 0, 1);
}

/* Sekcja - Tekst + Tekst */
/* ========================== */

.spc.text-text > div {
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    margin: 0;
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.text-text {
    grid-column-gap: 20px;
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    flex-direction: row;
    padding: 0;
    display: flex;
    width: calc(100% - (0px + 0px));
}

.spc.text-text > div {
    width: 100%;
    grid-row-gap: 20px;
    flex-direction: column;
    align-self: stretch;
    align-items: stretch;
    display: flex;
}

.spc.text-text > div > h4 {
    width: 100%;
    color: rgba(0, 0, 0, 1);
    flex: 0 auto;
}

@media screen and (max-width: 767px) {
    .spc.text-text {
        flex-direction: column;
    }
    .spc.text-text > div {
        width: 100%;
    }
}

/* Sekcja - Zdjęcie */
/* ========================== */

.spc.element-image {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-start;
}

.spc.element-image a,
.spc.element-image div {
    width: 100%;
    max-width: 100%;
    display: flex;
}

.spc.element-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center center;
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
}

/* Sekcja - Grafika + Tekst / Tekst + Grafika */
/* ========================== */

.spc.image-text {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.image-text > h4 {
    width: 100%;
    color: rgba(0, 0, 0, 1);
    flex: 0 auto;
}

.spc.image-text > div {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    align-items: flex-start;
    display: flex;
}

.spc.image-text > div.text {
    display: block;
}

.spc.image-text > div > div {
    flex: 1;
}

.spc.image-text > div > img,
.spc.image-text > div > picture {
    max-width: 30%;
}
.spc.image-text > div > picture img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .spc.image-text > div > img,
    .spc.image-text > div > picture {
        max-width: 100%;
    }
    .spc.image-text > div {
        flex-direction: column;
    }
}

/* Sekcja - Rozbudowana sekcja */
/* ========================== */

.spc.main-info > h4 {
    width: 100%;
    color: #2e3234;
    flex: 0 auto;
}

@media screen and (max-width: 991px) {
    .spc.main-info {
        padding: 15px 20px 20px;
    }
}

/* Sekcja - Tytuł i podtytuł */
/* ========================== */

.spc.title-subtitle {
    width: 100%;
    gap: 0;
}

.spc.title-subtitle h1,
.spc.title-subtitle h2 {
    width: 100%;
    display: block;
    color: rgba(0, 0, 0, 1);
}

/* Sekcja - Nagłówek */
/* ========================== */

.spc.header {
    width: 100%;
}

.spc.header .header-wrap a {
    color: inherit;
    text-align: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: inherit;
}

/* Sekcja - Własny kod HTML */
/* ========================== */

.spc.additional-html {
    margin: 0;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

/* Sekcja - Zapis na listę */
/* ========================== */

.spc.sign-up {
    width: 100%;
    background-color: #e7f1fe;
    border: 1px solid rgba(19, 116, 242, 0.2);
    border-radius: 10px;
    padding: 20px;
}

.spc.sign-up > .signup-header {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.spc.sign-up > .signup-header > h2 {
    text-align: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
}

.spc.sign-up > .signup-header > h3 {
    color: #2e3234;
    text-align: center;
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
}

.spc.sign-up > .form-wrap {
    grid-row-gap: 15px;
    background-color: #fff;
    border: 1px #e0e0e0;
    border-radius: 10px;
    flex-direction: column;
    margin-left: 60px;
    margin-right: 60px;
    padding: 30px;
    display: flex;
    box-shadow: 0 10px 30px rgba(19, 116, 242, 0.1);
}

.spc.sign-up > .form-wrap .btn {
    display: flex;
    text-align: center;
    padding: 0 20px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: var(--wtl-panel-color-accent);
    transition: all 200ms ease;
    color: var(--wtl-panel-color-font-white);
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
}

.spc.sign-up > .form-wrap .btn:hover {
    background-color: var(--wtl-panel-color-accent-hover);
}

.spc.sign-up > .form-wrap > .input-wrap {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
}

.spc.sign-up > .form-wrap > .input-wrap.text > input {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin-bottom: 0;
    padding: 35px 20px 10px;
    font-size: 15px;
    display: block;
    width: 100%;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
}

.spc.sign-up > .form-wrap > .input-wrap.text > label {
    z-index: 2;
    text-transform: uppercase;
    margin-bottom: -30px;
    padding-top: 10px;
    padding-left: 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}

.spc.sign-up .form-wrap .input-wrap.check label {
    cursor: pointer;
}

.spc.sign-up .form-wrap .input-wrap.check label > span {
    z-index: 1;
    min-height: 40px;
    color: #2e3234;
    border-radius: 10px;
    flex: 1;
    align-items: center;
    margin-bottom: 0;
    padding: 10px 20px 10px 30px;
    font-family: var(--wtl-panel-font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    display: block;
    position: relative;
}

.spc.sign-up .form-wrap .input-wrap.check label > span a {
    color: #2e3234;
    font-size: 14px;
    transition: all 0.2s;
}

.spc.sign-up .form-wrap .input-wrap.check label > span a:hover {
    color: rgba(46, 50, 52, 0.5);
}

.spc.sign-up .form-wrap .input-wrap.check input[type='checkbox'] {
    display: none;
}

.spc.sign-up .form-wrap .input-wrap.check input[type='checkbox'] ~ .toggle {
    font-size: 18px;
    line-height: 18px;
    background-color: #fff;
    position: absolute;
    top: 11px;
}

.spc.sign-up .form-wrap .input-wrap.check input[type='checkbox'] ~ .toggle:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: var(--wtl-panel-color-bg-border);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.spc.sign-up .form-wrap .input-wrap.check input[type='checkbox']:checked ~ .toggle:before {
    background-color: var(--wtl-color-green);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
}

.spc.sign-up .user-views {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.spc.sign-up .user-views svg {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}

@media screen and (max-width: 991px) {
    .spc.sign-up > .form-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .spc.sign-up > .form-wrap {
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* Sekcja - Head */
/* ========================== */

.spc.head .ql-editor {
    color: black;
}

.spc.head {
    grid-row-gap: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border-bottom-style: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    display: flex;
    border: none;
    margin-top: 20px;
    max-width: 960px;
    width: 100%;
}

.spc.head #head-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.spc.head h1 {
    color: #ffffff;
    display: block;
}

.spc.head h3 {
    color: #ffffff;
    display: block;
}

.spc.head #lp-product-short-description {
    width: 100%;
}

.spc.head .course-category {
    color: #fff;
}

.spc.head .course-category:hover {
    color: #fff;
}

.spc.head .sale-badge {
    grid-row-gap: 20px;
    background-color: rgb(46, 49, 51);
    border-radius: 10px;
    padding: 10px;
    display: flex;
}

.spc.head .sale-badge .badge {
    height: 40px;
    color: #2e3234;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    display: flex;
}

.spc.head .sale-badge .badge:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 10px;
    background-color: #fdc83e;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.spc.head .sale-badge .info .buyers {
    padding-left: 10px;
    font-weight: 600;
    margin-bottom: 0;
}

.spc.head .sale-badge .info .author {
    padding-left: 10px;
    margin-bottom: 0;
}

.spc.head .sale-badge .info {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.spc.head .sale-badge .info p {
    line-height: 20px;
}

.spc.head .course-description .ql-editor {
    text-align: inherit;
}

@media screen and (max-width: 991px) {
    .spc.head .course-category {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 479px) {
    .spc.head .sale-badge {
        grid-row-gap: 0;
        flex-direction: column;
        align-self: stretch;
        align-items: stretch;
    }
    .spc.head .sale-badge .badge {
        margin-right: 0;
    }
    .spc.head .sale-badge .info .buyers,
    .spc.head .sale-badge .info .author {
        padding-left: 0;
    }
    .spc.head .sale-badge .info {
        text-align: center;
        align-self: stretch;
        align-items: center;
        padding-top: 10px;
    }
}

/* Sekcja - Price Box */
/* ========================== */

.lp-price-box {
    z-index: 1;
    grid-row-gap: 10px;
    background-color: #fff;
    border: 1px solid rgba(19, 116, 242, 0.1);
    border-radius: 10px;
    flex-direction: column;
    padding: 20px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    overflow: hidden;
}

.lp-price-box .btn {
    display: flex;
    text-align: center;
    padding: 0 20px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: var(--wtl-panel-color-accent);
    transition: all 200ms ease;
    color: var(--wtl-panel-color-font-white);
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.lp-price-box .btn:hover {
    background-color: var(--wtl-panel-color-accent-hover);
}

.lp-price-box .btn.sign-up {
    height: 60px;
}

.lp-price-box h5 {
    text-align: center;
}

.lp-price-box .price-actual {
    color: #2e3234;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    line-height: 30px;
}

.lp-price-box .price-discount {
    justify-content: center;
    display: flex;
    font-size: 13px;
    font-weight: 500;
}

.lp-price-box .price-discount .before {
    color: #2e3234;
    background-color: #f2f2f2;
    border-radius: 5px;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    display: inline-block;
    text-decoration: line-through;
}

.lp-price-box .price-discount .percent {
    height: 30px;
    color: #28c162;
    background-color: rgba(40, 193, 98, 0.1);
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    display: inline-block;
}

.lp-price-box section.lp-price {
    grid-row-gap: 10px;
    display: flex;
    flex-direction: column;
}

.lp-price-box section.lp-show-views {
    margin-top: -10px;
}

.lp-price-box section.lp-show-views .user-views {
    margin-top: 10px;
}

.lp-price-box .price-actual > span {
    font-size: 15px;
    font-weight: 500;
}

.lp-price-box .input-wrap.select select {
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: rgba(253, 200, 62, 0.5);
    border: 1px #000;
    border-radius: 10px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s;
}

.lp-price-box .input-wrap.select select:hover {
    background-color: #fdc83e;
}

@media screen and (max-width: 991px) {
    .lp-price-box {
        width: 100%;
        max-width: 450px;
        padding: 30px;
        position: static;
    }
}

@media screen and (max-width: 479px) {
    .lp-price-box {
        padding: 20px;
    }
}

/* Sekcja - Course Features */
/* ========================== */

.course-features {
    z-index: 3;
    grid-row-gap: 15px;
    background-color: #fff;
    border: 1px solid rgba(19, 116, 242, 0.1);
    border-radius: 10px;
    flex-direction: column;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 450px;
}

.course-features section + .secure-badges {
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
}

.course-features section h5 {
    margin-bottom: 10px;
}

.course-features section ul {
    padding-left: 0;
    margin: 0;
    gap: 5px;
}

.course-features section ul li {
    grid-column-gap: 10px;
    align-items: flex-start;
    display: flex;
    line-height: 20px;
}

.course-features section ul li:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: none;
    background-color: #1374f2;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.course-features .secure-badges {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.course-features .secure-badges > div {
    grid-column-gap: 10px;
    flex: 1;
    display: flex;
    position: relative;
}

.course-features .secure-badges > div > img {
    width: 15px;
    height: 20px;
    flex: none;
}

.course-features .secure-badges > div > p {
    align-items: flex-start;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    margin-bottom: 0;
}

.course-features > a {
    color: #2e3234;
    text-align: center;
    background-color: #e7f1fe;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.2s;
    display: block;
}

.course-features > a:hover {
    background-color: rgba(19, 116, 242, 0.2);
}

.course-features .user-views {
    color: #2e3234;
    text-align: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    display: flex;
}

.course-features .user-views:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 10px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath d=%27M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z%27/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* Sekcja - Baner */
/* ========================== */

.spc.banner {
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.banner .banner-wrap {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}

.spc.banner .banner-wrap {
    overflow: hidden;
    min-height: 270px;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 10px;
    position: relative;
}
.spc.banner .banner-wrap picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.spc.banner .banner-wrap .banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Sekcja - Kolumny */
/* ========================== */

.spc.columns {
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
    display: flex;
    gap: 20px;
}

.spc.columns .creator-column.ql-editor {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    flex: 1 1 0;
}

.spc.columns {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    width: 100%;
}

.spc.columns .creator-column {
    width: 100%;
    flex-direction: column;
    align-self: stretch;
}

@media screen and (max-width: 767px) {
    .spc.columns {
        flex-direction: column;
    }
    .spc.columns .creator-column {
        width: 100%;
        align-items: center;
    }
}

/* Sekcja - Przycisk v1 */
/* ========================== */

.spc.cta-button {
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
    text-align: center;
    align-items: center;
}

.spc.cta-button > a {
    display: flex;
    background: #1374f2;
    color: rgba(255, 255, 255, 1);
    border-style: none;
    border-width: 1px;
    border-color: rgba(19, 166, 242, 1);
    text-decoration: none;
    height: 70px;
    border-radius: 35px;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    font-weight: 600;
    transition: all 0.2s;
    font-size: 21px;
    cursor: pointer;
}

/* Sekcja - Przycisk - Rozbudowany */
/* ========================== */

.spc.button-extended {
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 1;
}

.spc.button-extended .btne-wrapper {
    display: flex;
    transition: all 0.2s ease;
    cursor: pointer;
    max-width: 100%;
    justify-content: center;
    background-color: #1374f2;
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: #000;
    padding: 15px 30px;
}

.spc.button-extended .btne-wrapper:hover {
    background-color: #000000;
}

.spc.button-extended .btne-content-wrapper {
    display: flex;
    max-width: 100%;
    flex: 1;
    justify-content: space-between;
    flex-direction: row;
    gap: 15px;
}

.spc.button-extended .btne-icon {
    justify-content: center;
    display: flex;
    fill: #ffffff;
    font-size: 20px;
    line-height: 20px;
    align-items: center;
}

.spc.button-extended .btne-icon svg {
    width: 20px;
    height: 20px;
}

.spc.button-extended .btne-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.spc.button-extended .btne-text-wrapper .btne-text-top {
    text-align: left;
    font-family: inherit;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
}

.spc.button-extended .btne-wrapper:hover .btne-text-wrapper .btne-text-top {
    color: #fff;
}

.spc.button-extended .btne-text-wrapper .btne-text-bottom {
    text-align: left;
    font-family: inherit;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
}

.spc.button-extended .btne-wrapper:hover .btne-text-wrapper .btne-text-bottom {
    color: #fff;
}

/* Sekcja - Nagłówek */
/* ========================== */

.spc.element-header {
    width: 100%;
}

.spc.element-header > h1,
.spc.element-header > h1 a {
    text-align: left;
    color: #000;
    font-family: inherit;
    font-weight: 700;
    text-decoration: none;
    font-size: 35px;
    line-height: 42px;
    letter-spacing: 0;
    margin-bottom: 0;
}

/* Sekcja - Lista ikon */
/* ========================== */

.spc.element-icon-list {
    display: flex;
    width: 100%;
    row-gap: 0;
}

.spc.element-icon-list .icon-list-item {
    display: flex;
    column-gap: 10px;
    justify-content: flex-start;
}

.spc.element-icon-list .icon-list-item .icon-list-item-icon {
    display: flex;
    fill: #000000;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
}

.spc.element-icon-list .icon-list-item .icon-list-item-icon .icon-list-item-icon-box {
    display: flex;
    align-items: center;
    min-height: 24px;
}

.spc.element-icon-list .icon-list-item .icon-list-item-icon .icon-list-item-icon-box svg {
    width: 16px;
    height: 16px;
}

.spc.element-icon-list .icon-list-item .icon-list-item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.spc.element-icon-list .icon-list-item .icon-list-item-text p {
    margin: 0;
    color: rgba(0, 0, 0, 1);
    font-family: Inter;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: none;
}

.spc.element-icon-list .icon-list-item .icon-list-item-text a {
    background-color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    text-align: inherit;
    text-transform: none;
}

.spc.element-icon-list .icon-list-item .icon-list-item-text a:hover {
    text-decoration: none;
}

/* Sekcja - Rozbudowana sekcja */
/* ========================== */

.spc.main-info {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    width: 100%;
}

.spc.main-info > h4 {
    color: rgba(0, 0, 0, 1);
}

.spc.main-info > ul {
    color: rgba(0, 0, 0, 1);
}

/* Sekcja - Tekst */
/* ========================== */

.spc.txt {
    width: 100%;
}

.spc.txt > div {
    column-count: 1;
    column-gap: 20px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    color: rgba(0, 0, 0, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.spc.txt > div a {
    color: rgba(0, 0, 0, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: none;
}

/* Sekcja - Licznik */
/* ========================== */

.spc.element-timer {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    gap: 5px;
}

.spc.element-timer > .timer-box {
    display: flex;
    width: 100%;
    text-align: center;
    flex-direction: column;
    gap: 5px;
    background: rgba(0, 0, 0, 1);
    padding: 10px;
    border-style: none;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
}

.spc.element-timer > .timer-box > .time {
    font-family: Inter;
    font-weight: 700;
    text-decoration: none;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 1);
}

.spc.element-timer > .timer-box > .label {
    font-family: Inter;
    font-weight: 600;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 1);
}

.spc.element-timer > .timer-expired-notice {
    font-family: Inter;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 1);
    display: flex;
}

.spc.element-timer > .timer-expired-button {
    transition: all 0.2s ease;
    cursor: pointer;
    padding: 13px 20px;
    border-radius: 10px;
    font-family: Inter;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 1);
    background: rgba(19, 116, 242, 1);
    display: flex;
}

.spc.element-timer > .timer-expired-button:hover {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 1);
}