html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: clamp(12px, 0.85vw, 16px);
}

body {
    background: #F7F7F7;
    font-family: Montserrat;
}


/* ---------- Pagination ---------- */
.zwiastuny-pagination {
    display: flex;
    justify-content: center;
    margin: 4.5rem auto 4.7rem;
}

.z-dot {
    width: 1.47rem;
    height: 1.47rem;
    border-radius: 50%;
    background: #27284E;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: opacity 0.3s, background 0.3s;
}

.z-dot.is-active {
    background: #FF5C00;
    opacity: 1;
}

/* ---------- Зовнішній контейнер зі стрілками ---------- */
.zwiastuny-viewport {
    position: relative;
    /* простір для стрілок */
    padding: 0 64px;
    box-sizing: border-box;
}

/* ---------- Вікно — обрізає все крім 3 слайдів ---------- */
.zwiastuny-window {
    overflow: hidden;
    padding: 2.7rem 0;
    margin: -2.5rem 0;
    min-height: 52rem;
}

/* ---------- Трек ---------- */
/*.zwiastuny-track {
    display: flex;
    transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    align-items: flex-start;
}*/

/* ---------- Кожен слайд = рівно 1/3 ширини вікна ---------- */
/*.z-slide {
    flex-shrink: 0;
    width: 33.3333%;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    transform: scale(0.82) translateY(3rem);
    transform-origin: top center;
    opacity: 0.5;
    pointer-events: none;
    transition:
        transform 0.65s cubic-bezier(0.4, 0, 0.2, 1),
        opacity   0.65s ease;
    will-change: transform, opacity;
}*/

.zwiastuny-track {
    display: flex;
    --z-visible: 3; /* скільки слайдів "влазить" одночасно */
    transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    align-items: flex-start;
}

.z-slide {
    flex-shrink: 0;
    width: calc(100% / var(--z-visible)); /* було: 33.3333% */
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    transform: scale(0.82) translateY(3rem);
    transform-origin: top center;
    opacity: 0.5;
    pointer-events: none;
    transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.65s ease;
    will-change: transform, opacity;
}

/* ---------- Активний ---------- */

.z-slide.is-active {
    transform: scale(1.45) translateY(0);
    opacity: 1;
    pointer-events: auto;
    z-index: 10;
    padding: 1.5rem 1.5rem 1.4rem;
    box-shadow: 0px 20px 40px 0px #0000004D;
    border-radius: 1.5rem;
    background: #fff;
}

/* ---------- Сусідні ---------- */
.z-slide.is-prev,
.z-slide.is-next {
    opacity: 0.65;
    pointer-events: auto;
    z-index: 2;
}

/* ---------- Картка ---------- */
.course-card {
    overflow: hidden;
    transition: box-shadow 0.5s ease;
}

/* ---------- Thumbnail ---------- */

.course-thumb {
    position: relative;
    border: none;
    border-radius: 0.2rem;
    padding: 0.2rem;
    overflow: hidden;
}

.course-thumb::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 0.2rem; 
    background: linear-gradient(180deg, #27284E 0%, #FF5C00 100%);
    z-index: 0;
}

/* всі дочірні елементи поверх псевдоелемента */
.course-thumb img,
.play-btn {
    position: relative;
    z-index: 1;
}

.course-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
    border-radius: 0.2rem;
}

.course-thumb:hover img { transform: scale(1.01); }

/* ---------- Play ---------- */
.play-btn {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; height: 60px;
    background: url(/wp-content/uploads/2026/06/Group-387.svg);
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.25s, background 0.25s;
    pointer-events: auto;
    background-size: contain;
    border: none;
}

.course-thumb:hover .play-btn {
    transform: translate(-50%,-50%) scale(1.1);
}

/* ---------- Тіло картки ---------- */

.card-body {
    padding: 1.25rem 0;
}

/* Всі елементи тіла — приховані для неактивних */
.z-slide .card-body .desc,
.z-slide .card-body .details-link,
.z-slide .card-body .add-cart-btn {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, max-height 0.4s ease;
}

.z-slide .card-body {
    padding: 1.25rem 0 0;
}

.z-slide.is-active .card-body h3 {
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0.05s;
    color: #30303A;
    font-size: 0.9rem;
    max-height: 3rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 0.7rem;
}

.z-slide.is-active .card-body .desc {
    opacity: 1;
    max-height: 3.7rem;
    pointer-events: auto;
    transition-delay: 0.1s;
    color: #000000;
    font-size: 0.7rem;
    margin-bottom: 1rem;
    min-height: 3.7rem;
}

.z-slide.is-active .card-body .details-link {
opacity: 1;
    max-height: 1rem;
    pointer-events: auto;
    transition-delay: 0.15s;
    font-size: 0.8rem;
    color: #27284E;
    margin-bottom: 1.8rem;
}

.z-slide.is-active .card-body .add-cart-btn {
    opacity: 1;
    max-height: 3rem;
    pointer-events: auto;
    transition-delay: 0.2s;
    line-height: 1.3;
}

.card-body h3 {
    font-size: 1.1rem;
    font-weight: 400;
    color: #30303A;
    margin: 0 0 10px;
    line-height: 1.3;
}


.card-body .details-link {
    display: flex; align-items: center; gap: 8px;
    color: #e85d17; font-weight: 600; font-size: 15px;
    text-decoration: none; margin-bottom: 14px;
}


.card-body a.button.add_to_cart_button {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.5rem 0.5rem;
    border-radius: 1.8rem;
    text-decoration: none;
    transition: background 0.25s;
    width: 11.5rem;
    min-height: 3.5rem;
}

.card-body .add-cart-btn:hover { opacity:0.4; }

/* ---------- Стрілки ---------- */

.z-prev, .z-next {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 10;
    width: 4.3rem;
    height: 4.3rem;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    user-select: none;
    color: transparent;
}


.z-prev { 
    left: -2rem; 
    background: url(/wp-content/uploads/2026/06/11.svg);
    background-size: cover;
}

.z-next { 
    right: -2rem; 
    background: url(/wp-content/uploads/2026/06/12.svg);
    background-size: cover;
}

/* ---------- Popup ---------- */
.video-popup {
    display: none; position: fixed;
    inset: 0; z-index: 9999;
    align-items: center; justify-content: center;
}
.video-popup.active { display: flex; }
.popup-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.78); }
.popup-inner {
    position: relative; z-index: 1;
    width: 90%; max-width: 900px;
    background: #000; border-radius: 14px; overflow: hidden;
}
.popup-close {
    position: absolute; top: 12px; right: 14px;
    background: rgba(255,255,255,0.15); border: none;
    color: #fff; font-size: 18px;
    width: 36px; height: 36px; border-radius: 50%;
    cursor: pointer; z-index: 2;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.2s;
}
.popup-close:hover { background: #e85d17; }
.popup-video iframe { width: 100%; aspect-ratio: 16/9; display: block; border: none; }

button.play-btn img {
    display: none !important;
} 

.card-body .add-cart-btn span.woocommerce-Price-currencySymbol {
    margin-top: 0;
    position: relative;
}

.card-body .add-cart-btn small.woocommerce-price-suffix {
    display: none;
} 

button:focus {
    outline: none;
    outline: none;
} 


.popular-section {
    padding-bottom: 6rem;
    padding-top: 4rem;
}

.popular-section .section-title {
    margin-bottom: 5rem;
}

.popular-grid {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

/* Card */

.popular-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    width: 22rem;
}

/*.popular-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.13);
}*/

/* Thumbnail */
.popular-thumb {
    position: relative;
    aspect-ratio: 16 / 8;
    overflow: hidden;
    border-radius: 0.2rem;
    padding: 0.2rem;
}

.popular-thumb::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 0.2rem;
    background: linear-gradient(180deg, #27284E 0%, #FF5C00 100%);
    z-index: 0;
}

.popular-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
    border-radius: 0.2rem;
    position: relative;
    z-index: 1;
}

.popular-card-body h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
    margin: 0;
}

.popular-card-body .details-link {
    pointer-events: auto;
    transition-delay: 0.15s;
    font-size: 1.2rem;
    color: #27284E;
    margin-bottom: 2.5rem;
    font-weight: 500;
}

.popular-author {
    font-size: 1.1rem;
    color: #27284E;
    font-weight: 500;
    padding: 0 2rem;
    text-align: center;
    padding-bottom: 1rem;
}

.popular-card-body a.button.add_to_cart_button {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 0.5rem 0.5rem;
    border-radius: 2.5rem;
    text-decoration: none;
    transition: background 0.25s;
    width: 16.5rem;
    height: 5rem;
}

.popular-card-body a.add-cart-btn small.woocommerce-price-suffix {
    display: none;
}

.popular-card-body-content {
    display: flex;
    flex-direction: column;
    padding: 2rem 1rem 2.5rem;
    min-height: 24.4rem;
    align-items: center;
    box-shadow: 0px 2px 4px 0px #0000004D;
    border-radius: 0 0 2.5rem 2.5rem;
    background: #fff;
    justify-content: space-between;
}

.popular-card-body {
    padding: 0 1rem 1rem;
}

.popular-card-body-content-buttom {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 13.5rem;
}



.mas-container {
    padding: 0 20rem;
}    

.top-title {
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 4.55rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    vertical-align: middle;
    background: linear-gradient(90deg, rgb(39, 40, 78) 12.02%, rgb(255, 92, 0) 100%) text;
    padding-bottom: 2.1rem;
    display: flex;
}

.mast-home-may-section-top {
    padding-top: 3.6rem;
}

.mast-home-may-top-content-block {
    width: 53rem;
}

.blue-button {
    display: flex;
    padding-left: 0.25rem;
}

.blue-button a {
    background: var(--Color-blue-base, #27284E);
    color: #fff;
    border-radius: 2rem;
    padding: 0.8rem 3rem;
    font-size: 1.3rem;
    min-width: 17rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-home-banner-img {
    position: absolute;
    top: 4rem;
    width: 40rem;
    right: 14rem;
}

.mast-home-may-top-content {
    min-height: 24rem;
}

.home-may-logos-section {
    padding-bottom: 8rem;
    overflow: hidden;
    padding-top: 1rem;
}

.home-may-logos-viewport {
    display: flex;
    width: 100%;
    overflow: hidden;
    padding-top: 3.5rem;
    mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}

.home-may-logos-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2.2rem;
    justify-content: flex-start;
    flex-shrink: 0;
    padding-left: 1.1rem;
    animation: logos-scroll 30s linear infinite;
}

.home-may-logos-content img {
    max-width: 12rem;
    max-height: 4rem;
    width: auto;
    flex-shrink: 0;
}

.home-may-logos-viewport:hover .home-may-logos-content {
    animation-play-state: paused;
}

@keyframes logos-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 1.1rem));
    }
}


/**/

.section-title {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 3rem;
    line-height: 120%;
    letter-spacing: -2px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
}

.zwiastuny-section {
    padding: 7.3rem 0 5rem;
}

.Kategorie-kursow-section {
    padding: 7.7rem 0;
}

.section-title-descr {
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    padding: 2rem 0 2.6rem;
}

.Kategorie-kursow-section .mas-container {
    padding: 0 18rem;
}

.Kategorie-kursow-content {
    padding-top: 2rem;
    padding-bottom: 5.5rem
}

.Kategorie-kursow-content-row {
    display: flex;
    gap: 2.8rem;
    flex-wrap: wrap;
}

.Kategorie-kursow-block {
    background: #fff;
    width: 18rem;
    min-height: 18rem;
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 3.4rem;
    border-radius: 2rem;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
}

.Kategorie-kursow-block a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Kategorie-kursow-img img {
    width: 6.4rem;
    margin-bottom: 1rem;
}

.Kategorie-kursow-text {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
}

.Kategorie-kursow-content-col {
    display: flex;
    flex-direction: row;
    gap: 2.7rem 2.5rem;
    flex-wrap: wrap;
}

.Kategorie-kursow-line {
    width: 38.8rem;
    background: #fff;
    min-height: 6.5rem;
    border-radius: 2rem;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
    padding: 2.5rem 3.5rem 2rem 5rem;
    display: flex;
    align-items: center;
}

.Kategorie-kursow-line a {
    display: flex;
    align-items: center;
}

.Kategorie-kursow-line .Kategorie-kursow-img img {
    margin-bottom: 0;
    margin-right: 3rem;
}

.Kategorie-kursow-line .Kategorie-kursow-text {
    min-width: 16rem;
    text-align: left;
    padding-left: 2rem;
    margin-top: -0.5rem;
}

.Kategorie-kursow-content-col > div:nth-child(3) > div.Kategorie-kursow-text {
    font-size: 1.4rem;
    min-width: 17rem;
}

a.details-link {
    pointer-events: auto;
    transition-delay: 0.15s;
    font-size: 1.3rem;
    color: #27284E;
    margin-bottom: 1.3rem;
    font-weight: 700;
}

/*.details-link::before {
    content: '→';
    font-size: 1rem;
    color: #FF5C00;
    font-weight: 600;
    margin-top: -0.2rem;
}*/

.Kategorie-kursow-section .details-link-button {
    display: flex;
    justify-content: center;
    padding-top: 0.6rem;
}

/*.Kategorie-kursow-section .details-link-button .details-link::before {
    padding-right: 0.5rem;
}*/


.dlaczego-my-section {
    padding: 6.2rem 0;
}

.mas-container-big {
    padding: 0 15rem;
}

.dlaczego-my-tabs {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
    margin-top: 5.7rem;
}


.dlaczego-tab-btn {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 1rem;
    transition: border-color 0.3s, color 0.3s;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
    padding: 2rem 2.5rem;
}

.dlaczego-tab-btn:hover,
.dlaczego-tab-btn.active {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.3rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
}




.dlaczego-tab-panel {
    display: none;
    border-radius: 2.5rem;
    padding: 4.7rem 8rem 3.5rem 13rem;
    gap: 40px;
    align-items: center;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
    background: #fff;
}

.dlaczego-tab-panel.active {
    display: flex;
}

.dlaczego-tab-panel__img {
    flex: 0 0 30rem;
    max-width: 30rem;
    margin-right: 0.5rem;
}

.dlaczego-tab-panel__img img {
    width: 100%;
    height: auto;
    display: block;
}

.dlaczego-tab-panel__text {
    flex: 1;
    font-size: 1rem;
    line-height: 1.5;
    color: #27284E;
    font-weight: 500;
}

.dlaczego-tab-panel__text p {
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .dlaczego-tab-panel.active {
        flex-direction: column;
    }

    .dlaczego-tab-panel__img {
        flex: unset;
        max-width: 100%;
    }
}

.telefon-do-eksperta-section {
    padding: 8.7rem 0;
}

.section-title-descr span {
    color: #FF5C00;
}

.telefon-do-eksperta-section .section-title-descr {
    padding-top: 2.5rem;
}

.telefon-do-eksperta-section .mas-container-big {
    padding: 0 12.2rem;
}

.telefon-do-eksperta-content {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 5rem;
    padding: 0 12.2rem 2rem;
}

.telefon-do-eksperta-section-home .telefon-do-eksperta-content {
    padding: 0;
    padding-bottom: 6rem;
}

.telefon-do-eksperta-block {
    min-height: 18rem;
    border-radius: 2.3rem;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
    padding: 1.8rem 3rem;
    display: flex;
    align-items: flex-start;
    width: 43.5rem;
    background: #fff;
}

.telefon-do-eksperta-img {
    position: relative;
    width: 10.3rem;
    margin-right: 1.2rem;
    margin-top: 1.3rem;
}

.telefon-do-eksperta-img img {
    border-radius: 0.3rem;
    overflow: hidden;
}

.telefon-do-eksperta-img:before {
    content: '';
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 1;
    background: url(/wp-content/uploads/2026/06/13-1.svg) no-repeat;
    top: -1.7rem;
    left: -0.5rem;
    background-size: cover;
}

.telefon-do-eksperta-descr {
    width: calc(100% - 11rem);
}

.telefon-do-eksperta-name {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #27284E;
    padding-top: 0.6rem;
}

.telefon-do-eksperta-program {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.15rem;
    line-height: 1.5;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #FF5C00;
    padding: 0.2rem 0;
}

.telefon-do-eksperta-name-descr {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    padding: 0.4rem 0;
    line-height: 1.5;
}

a.telefon-do-eksperta-btn small.woocommerce-price-suffix,
.telefon-do-eksperta-cena small.woocommerce-price-suffix {
    display: none;
}

.telefon-do-eksperta-cena {
    font-size: 1.1rem;
    font-weight: 500;
    color: #000;
    padding: 0.35rem 0 1rem;
    line-height: 1.4;
    display: flex;
}

.telefon-do-eksperta-cena span.woocommerce-Price-amount.amount {
    margin-right: 1rem;
    color: #FF5C00;
}

.telefon-do-eksperta-block .telefon-do-eksperta-cena span.woocommerce-Price-amount.amount {
    margin-left: 1rem;
    color: #ff5c00;
    margin-right: 0;
}

.telefon-do-eksperta-cena div {
    color: #FF5C00;
}

a.telefon-do-eksperta-btn {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 0.5rem 0.5rem;
    border-radius: 1.5rem;
    text-decoration: none;
    transition: background 0.25s;
    width: 21rem;
}

.telefon-do-eksperta-section .details-link-button {
    display: flex;
    justify-content: center;
}

.znizki-home-content {
    display: flex;
    flex-wrap: wrap;
}

.znizki-home-content-block {
    width: 41rem;
    display: flex;
    flex-direction: column;
}


.znizki-home-content-block .section-title {
    text-align: left;
    margin-bottom: -0.5rem;
}

.znizki-home-section {
    padding: 6.2rem 0 11.5rem;
}

.znizki-home-section .mas-container-big {
    padding: 0 15.5rem;
}

.znizki-home-section .section-title-descr {
    text-align: left;
    padding: 1.8rem 0 1.5rem;
}

.znizki-home-content-block-img {
    width: 44rem;
    padding-left: 3.7rem;
    margin-top: -0.3rem;
    position: relative;
}

.line-button {
    display: flex;
}

.line-button a {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 1.8rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    font-size: 1.3rem;
    color: #27284E;
    margin-bottom: 1.3rem;
    font-weight: 500;
    padding: 0.15rem 2rem;
    min-width: 17.5rem;
    text-align: center;
}

.znizki-home-content-block-img:before {
    content: "-10%";
    position: absolute;
    color: #FF5C00;
    font-size: 10rem;
    font-weight: 700;
    bottom: -2.2rem;
    left: -4rem;
    font-family: Montserrat;
    letter-spacing: -3px;
}

.konsultacja-may-section-top .mas-container-big {
    padding: 0 15.5rem;
}

.mas-breadcrumbs {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 4.4rem;
    letter-spacing: -0.2px;
}

.mas-breadcrumbs a {
    font-weight: 400;
}

.konsultacja-may-section-top .top-title {
    line-height: 1.2;
    padding-bottom: 1.1rem;
}

.konsultacja-may-section-top .section-title-descr {
    text-align: left;
}

.konsultacja-may-section-top .top-home-banner-img {
    position: absolute;
    top: 6rem;
    width: 40rem;
    right: 17.5rem;
}

.telefon-do-eksperta-list-section {
    padding: 0 0;
    margin-top: -2.1rem;
    padding-bottom: 6rem;
}

.eksperta-filters {
    padding: 0 0.5rem;
}

.eksperta-filter-label {
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0%;
    margin-bottom: 2.2rem;
}

.eksperta-filter-btns {
    display: flex;
    gap: 2.5rem 2.5rem;
    flex-wrap: wrap;
    margin-bottom: 4.5rem;
}

button.eksperta-filter-btn {
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #fff;
    border-radius: 1.8rem;
    border: 2px solid transparent;
    padding: 0.5rem 2.5rem;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
}

button.eksperta-filter-btn.active,
button.eksperta-filter-btn:hover {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 1.8rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
}


.section-title.eksperta-wyniki {
    padding: 4.8rem 0 4.3rem 0.5rem;
    text-align: left;
}

.Certyfikat-krok-section {
    padding-top: 5.4rem;
    padding-bottom: 6rem;
}

.Certyfikat-krok-content-row {
    display: flex;
    margin-bottom: 5rem;
    position: relative;
}

.Certyfikat-krok-content-row:after {
    content: '';
    position: absolute;
    left: 1.7rem;
    bottom: -3.8rem;
    height: 5.3rem;
    width: 0.1rem;
    border-radius: 0.2rem;
    background: linear-gradient(190deg, #FF5C00 0%, #27284E 100%);
}

.Certyfikat-krok-content {
    padding-top: 4.6rem;
    padding-left: 27.8rem;
}

.Certyfikat-krok-content-img {
    width: 6.2rem;
}

.Certyfikat-krok-content-row:first-child .Certyfikat-krok-content-img img {
    width: 3.5rem;
}

.Certyfikat-krok-content-step {
    color: #27284E;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.7;
}

.Certyfikat-krok-content-descr {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    padding-top: 0.5rem;
    line-height: 1.7;
}

.Certyfikat-krok-content-descr span {
    color: #FF5C00;
}

.Certyfikat-krok-content-row:nth-child(2) .Certyfikat-krok-content-img img {
    width: 2.8rem;
    margin-left: 0.3rem;
}

.Certyfikat-krok-content-row:nth-child(2) {
    margin-bottom: 6.3rem;
}

.Certyfikat-krok-content-row:nth-child(3) .Certyfikat-krok-content-img img {
    width: 5.8rem;
    margin-left: -1rem;
}

.Certyfikat-krok-content-row:nth-child(3):after {
    display: none;
}

.Certyfikat-last-content {
    display: flex;
}

.Certyfikat-last-img {
    width: 48rem;
    padding-top: 1rem;
}

.Certyfikat-last-block {
    width: 35rem;
    padding-top: 2.3rem;
    padding-left: 3.7rem;
}

.Certyfikat-last-block .section-title {
    text-align: left;
}

.Certyfikat-last-price {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 3rem;
    line-height: 120%;
    letter-spacing: -2px;
    color: #FF5C00;
    padding: 2.3rem 0 2.3rem;
}

.small-text {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    padding-top: 0.5rem;
}

.Certyfikat-last-section {
    padding-bottom: 13rem;
}

.Kontakt-may-section-top {
    padding-top: 1.5rem;
    padding-bottom: 6rem;
}

.Kontakt-may-section-top-content-block {
    width: 42.5rem;
}

.Kontakt-may-section-top-content-block .section-title-descr {
    text-align: left;
    padding: 0 0 3.3rem;
    margin-top: -0.6rem;
}

.Kontakt-may-top-row {
    display: flex;
    padding-bottom: 5rem;
}

.Kontakt-may-top-row-block {
    width: 50%;
    color: #27284E;
    font-size: 1.1rem;
    line-height: 1.8;
    padding-left: 2.5rem;
    font-weight: 500;
    position: relative;
}

.Kontakt-may-top-row-block span {
    color: #000;
}

.Kontakt-may-top-row-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1.5rem;
    border-radius: 1rem;
    /* background: linear-gradient(0deg, #FF5C00 0%, #27284E 100%); */
    background: url(/wp-content/uploads/2026/07/element-mastern-1-1.png) no-repeat;
    background-size: contain;
}

.Kontakt-may-section-top-content {
    display: flex;
    justify-content: space-between;
}

.Kontakt-may-form {
    width: 29rem;
}

.short-text-title {
    color: #FF5C00;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.3;
    padding-bottom: 1.5rem;
}

.short-text {
    font-size: 1.1rem;
    color: #27284E;
    font-weight: 500;
    padding-right: 6rem;
    line-height: 1.4;
}

.Kontakt-form-block {
    transition: border-color 0.3s, color 0.3s;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
    padding: 1.55rem 2rem;
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 1.8rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    margin-top: -1.45rem;
}

.Kontakt-may-form {
    width: 37.5rem;
    padding: 0 1rem 0 0.5rem;
}

.Kontakt-form-block .section-title {
    padding-bottom: 2.5rem;
}

.Kontakt-form-block label {
    font-size: 1.1rem;
    color: #000;
    font-weight: 500;
    padding-right: 6rem;
    line-height: 1.4;
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 1.2rem;
    padding-left: 0.4rem;
}

.Kontakt-form-block input[type="text"], .Kontakt-form-block input[type="email"],
.Kontakt-form-block input[type="tel"],
.Kontakt-form-block textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
    background: transparent;
    width: 98%;
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    padding: 0.8rem 2rem;
    border-radius: 0.6rem;
    margin-bottom: 1.5rem;
}

.Kontakt-form-block textarea {
    resize: none;
    height: 13rem;
    margin-bottom: 0.7rem;
}

    
.Kontakt-form-block .wpcf7-checkbox label {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    cursor: pointer;
    padding-right: 0;
}

.Kontakt-form-block .wpcf7-checkbox label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.Kontakt-form-block .wpcf7-checkbox label .wpcf7-list-item-label {
    display: inline-flex;
    align-items: flex-start;
    user-select: none;
    font-size: 1rem;
}

.Kontakt-form-block .wpcf7-checkbox label .wpcf7-list-item-label::before {
    content: '';
    display: inline-block;
    padding: 0.4rem;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 35%;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #797979;
    background-color: #fff;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.Kontakt-form-block input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  background-size: 80%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.Kontakt-form-block span.wpcf7-form-control.wpcf7-checkbox {
    padding-left: 0.3rem;
}

.Kontakt-form-block > form > p > label:nth-child(13) {
    margin-bottom: 0;
}

.Kontakt-form-block .wpcf7-form-control-wrap:has(.wpcf7-checkbox) {
    padding-bottom: 0rem;
    display: block;
    margin-bottom: 0;
    margin-top: -1rem;
}

.Kontakt-form-block input.wpcf7-submit {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 1.2rem 2.5rem;
    border-radius: 2.5rem;
    text-decoration: none;
    transition: background 0.25s;
    border: none;
    margin: 1.5rem auto -1rem;
}

.Kontakt-form-block .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #000;
    font-size: 0.8rem;
}

.Kontakt-form-block .wpcf7-not-valid-tip {
    font-size: 10px;
    margin-top: -10px;
    margin-bottom: -1rem;
}
    
.question {
    list-style: none;
    font-size: 1.3rem;
    line-height: 1.4;
    color: #27284E;
    font-weight: 600;
    width: 100%;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 4rem;
}

.question::after {
    content: "";
    position: absolute;
    right: 0rem;
    top: 0.3rem;
    width: 1.6rem;
    height: 1.5rem;
    background: url(/wp-content/uploads/2026/06/Group-140.svg) no-repeat;
    background-size: contain;
    transition: .2s;
}

.question.active::after {
  transform: rotate(180deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s;
}

.answer {
    padding: 1rem 5rem 0 1rem;
    font-size: 1.2rem;
    line-height: 140%;
    color: #000;
    text-align: left;
    font-weight: 400;
}

.question.active + .answercont {
}

.faq-section {
    padding-top: 7.5rem;
    padding-bottom: 6rem;
}

.faq-card {
    border-bottom: 2px solid #CC202C;
    transition: border-color 0.3s, color 0.3s;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
    padding: 2rem 2rem;
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.3rem;
    border: 2px solid transparent;
    background: linear-gradient(#F7F7F7, #F7F7F7) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    margin-bottom: 1.9rem;
}

.faqs-section-block {
    width: 100%;
    max-width: 54.6rem;
    margin: 2.9rem auto;
}

span.faq-number {
    margin-right: 0.7rem;
}

img.szkolenia-big-img {
    width: 36rem;
    margin-top: -4.5rem;
}

.szkolenia-may-section-post {
    padding-top: 3rem;
    padding-bottom: 8rem;
}

.szkolenia-list {
    width: 101%;
    margin-left: -0.5%;
    padding-top: 2.6rem;
}

.szkolenia-item {
    border: 1px solid #00000080;
    border-radius: 1.8rem;
    display: flex;
    padding: 2.3rem 2rem;
    margin-bottom: 2.4rem;
    background: #fff;
}

.szkolenia-item__image-block {
    background: #F7F7F7;
    width: 20rem;
    height: 15rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem;
}

.szkolenia-item-block-content {
    width: calc(100% - 15.5rem);
    padding-left: 1.5rem;
    padding-right: 11rem;
    position: relative;
}

.szkolenia-item__cats {
    display: flex;
    gap: 0.8rem;
	flex-wrap: wrap;
}

span.szkolenia-item__cat {
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #fff;
    padding: 0.5rem 0.7rem;
    font-size: 0.95rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 1.8rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
}

.szkolenia-item__title {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #27284E;
    padding-top: 1.3rem;
    padding-bottom: 0.6rem;
}

.szkolenia-item__title h3 {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
    line-height: 1.3;
}

.szkolenia-item__meta {
    display: flex;
    color: #00000080;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.7;
    gap: 1rem;
    padding-bottom: 0.8rem;
}

.szkolenia-item-block img {
    width: auto;
    height: 0.7rem;
    margin-right: 0.3rem;
}

.szkolenia-item__content {
    font-size: 1.1rem;
    font-weight: 400;
    color: #000;
    padding: 0.6rem 2rem 1rem 0;
    line-height: 1.4;
}

ul.szkolenia-item__list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #27284E;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 1.5rem;
    padding-right: 7rem;
	flex-direction: row;
}

ul.szkolenia-item__list li {
    width: 48%;
}

ul.szkolenia-item__list li img {
    width: 0.8rem;
    margin-right: 0.6rem;
}

.szkolenia-item .darck-blue-button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.darck-blue-button a {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 1rem 3rem;
    border-radius: 2.5rem;
    text-decoration: none;
    transition: background 0.25s;
}

.darck-blue-button a {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 500;
    font-size: 0.85rem;
    padding: 0.85rem 2.4rem;
    border-radius: 1.5rem;
    text-decoration: none;
    transition: background 0.25s;
}

.darck-blue-button a img {
    width: 1rem;
    margin-left: 0.6rem;
}

.szkolenia-may-section-form .Kontakt-may-section-top-content-block .section-title {
    text-align: left;
    padding-bottom: 2rem;
}

.Kontakt-form-block select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
    background: transparent;
    width: 98%;
    color: #27284E;
    font-size: 0.85rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    padding: 0.6rem 1.5rem;
    border-radius: 0.4rem;
    margin-bottom: 1rem;
}

.szkolenia-may-section-form {
    padding: 2rem 0 8rem;
}

ul.breadcrumbs__list {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.breadcrumbs__item.breadcrumbs__separator {
    padding: 0 0.3rem;
}

.single-kurs-breadcrumbs {
    padding-top: 3.4rem;
}

.single-kurs-breadcrumbs .mas-container-big {
    padding: 0 15.5rem;
}

.single-kurs-top-section .mas-container-big {
    padding: 0 15.5rem;
} 

.mast-home-may-top-content-block.single-kurs-hero__content {
    width: 48rem;
}

.mast-home-may-top-content-block .top-title {
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 4.7rem;
    line-height: 1.25;
    letter-spacing: 0.5px;
    vertical-align: middle;
    background: linear-gradient(90deg, rgb(39, 40, 78) 12.02%, rgb(255, 92, 0) 100%) text;
    padding-bottom: 0;
    margin-bottom: 3.3rem;
    margin-top: 0;
    display: flex;
}

.top-title div {
    background: linear-gradient(90deg, rgb(39, 40, 78) 12.02%, rgb(255, 92, 0) 100%) text;
}

.single-kurs-hero__meta {
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0%;
    padding-bottom: 2rem;
}

.single-kurs-hero__meta strong {
    font-weight: 500;
    padding-right: 1rem;
}


.single-kurs-hero__description {
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0%;
    padding-top: 0.2rem;
    min-height: 6.5rem;
    padding-bottom: 2.2rem;
}

.single-kurs-top-section .mast-home-may-top-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.single-kurs-hero__video-wrap {
    width: 36.5rem;
    margin-top: 7rem;
}

.title-left {
    text-align: left;
}

.single-kurs-top-section {
    padding-bottom: 5rem;
}

.single-kurs-dla-kogo {
    padding-top: 8.2rem;
    padding-bottom: 6rem;
}

.single-kurs-dla-kogo .mas-container-big {
    padding: 0 15.5rem;
}

.single-kurs-dla-kogo .section-title-descr {
    text-align: left;
    max-width: 55%;
    padding: 2.3rem 0 3rem;
}

.single-kurs-dla-kogo__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2.2rem;
}

.single-kurs-dla-kogo__card {
    background: #fff;
    width: 19.5rem;
    min-height: 13.9rem;
    margin-bottom: 1.8rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.4rem 2.2rem 2rem;
    border-radius: 2.5rem;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
}

.single-kurs-dla-kogo__card-icon {
    height: 5.5rem;
    margin-bottom: 0.6rem;
}

.single-kurs-dla-kogo__card-icon img {
    width: 5.5rem;
    height: 5.5rem;
}

h3.single-kurs-dla-kogo__card-title {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.35;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
    color: #27284E;
    word-wrap: break-word;
    display: flex;
}

.single-kurs-dla-kogo__card-desc {
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: 0%;
    padding: 0.3rem 0;
}

.single-kurs-expert-modules .mas-container-big {
    padding: 0 11.5rem;
    padding-bottom: 6rem;
}

.single-kurs-expert {
    width: 35.3rem;
}

.single-kurs-modules {
    width: calc(100% - 37rem);
    min-width: 15rem;
}

.single-kurs-expert-modules {
    padding-top: 6.2rem;
    padding-bottom: 4rem;
}

.single-kurs-expert-modules__inner {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1.7rem;
}

.single-kurs-expert__photo-wrap {
    border-radius: 1.8rem 1.8rem 0 0;
}

.single-kurs-expert__info {
    padding: 1.3rem 3rem;
}

h3.single-kurs-expert__name {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.35;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
    color: #27284E;
    margin: 0;
}

.single-kurs-expert__description {
    color: #000;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0%;
    text-align: left;
    vertical-align: middle;
}

.single-kurs-expert__position {
    color: #FF5C00;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.4;
    margin: 0;
    padding: 0.3rem 0 1rem;
}

.single-kurs-expert-content {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.7rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    padding-bottom: 1rem;
	overflow: hidden;
}

.single-kurs-modules__number {
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
}

.single-kurs-modules__duration {
    color: #FF5C00;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0%;
    display: flex;
    align-items: center;
}

.single-kurs-modules__duration img {
    width: 0.9rem;
    margin-right: 0.3rem;
}

.single-kurs-modules__header.js-accordion-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    position: relative;
}

.single-kurs-modules-content {
    padding: 2.3rem 2.7rem 1.5rem;
    border-radius: 2.5rem;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
    background: #fff;
}

.single-kurs-modules__meta {
    width: 15.3rem;
}

.single-kurs-modules__item-title-block {
    width: calc(100% - 16rem);
    cursor: pointer;
}

.single-kurs-modules__item-title-block h4 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.45rem;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
    color: #27284E;
    padding-top: 0.7rem;
    margin-bottom: 0;
    padding-right: 3rem;
}

.single-kurs-modules__item.js-accordion-item {
    padding-bottom: 2.3rem;
}

.single-kurs-modules__desc {
    color: #27284E;
    font-size: 1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: 0%;
    padding: 2rem 3rem 0rem 15.5rem;
}

.single-kurs-modules__header.js-accordion-header::after {
    content: "";
    position: absolute;
    right: 0.2rem;
    top: 1rem;
    width: 0.8rem;
    height: 1rem;
    background: url(/wp-content/uploads/2026/06/Group-139.svg) no-repeat;
    background-size: contain;
    transition: .2s;
}

.single-kurs-modules__header.js-accordion-header.active::after {
    transform: rotate(180deg);
}

.js-accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.single-kurs-modules__controls {
    display: flex;
    justify-content: flex-end;
    padding: 0.7rem 1.8rem 1rem;
}

.single-kurs-modules__collapse-btn,
.single-kurs-modules__expand-btn {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.35;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
    color: #27284E;
    background: transparent;
    border: none;
    padding: 0.3rem 0.5rem;
}

.single-kurs-modules__collapse-btn img,
.single-kurs-modules__expand-btn img {
    width: 0.7rem;
    margin-left: 0.3rem;
}

.single-kurs-small-banner-section {
    padding-top: 4.6rem;
    overflow-x: hidden;
    padding-bottom: 10.8rem;
}

.single-kurs-small-banner-content {
    display: flex;
    padding-left: 0.5rem;
}

.single-kurs-small-banner-block {
    width: 34rem;
}

.single-kurs-small-banner-img {
    position: relative;
    width: 44rem;
}

.single-kurs-small-banner-img:after {
    content: '';
    position: absolute;
    width: 60rem;
    height: 23.5rem;
    background: linear-gradient(90deg, #27284E 0%, #FF5C00 100%);
    left: 10rem;
    top: 7rem;
    z-index: 0;
}

.single-kurs-small-banner-img img {
    position: relative;
    z-index: 1;
}

.single-kurs-small-banner-block .section-title-descr {
    padding: 5rem 0 2rem;
}

.section-title-descr ul {
    margin: 0;
    padding-left: 0rem;
}

.section-title-descr li {
    padding-bottom: 1.7rem;
}

.section-title-descr li a {
    color: #27284E;
    font-weight: 700;
}

.single-kurs-small-banner-block .section-title-descr li a {
    padding: 2rem 0;
    display: flex;
}

.section-title-descr li a img {
    width: 1rem;
    margin-right: 0.5rem;
}

.komentarze-section {
    padding-top: 3.8rem;
    padding-bottom: 8.8rem;
}

.komentarze-section .zwiastuny-pagination {
    margin: 1.3rem auto 4.4rem;
}

.komentarze-section .z-prev {
    left: -6.5rem;
}

.komentarze-section .z-next {
    right: -6.5rem;
}


.komentarze-section__subtitle a {
    color: #e07b2a;
    text-decoration: none;
}


/* VIEWPORT */
.komentarze-viewport {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.komentarze-window {
    overflow: hidden;
    flex: 1;
}

.komentarze-track {
    display: flex;
    transition: transform .45s cubic-bezier(.4,0,.2,1);
    gap: 0;
}

/* SLIDE */
.komentarze-slide {
    flex: 0 0 calc(100% / 3);
    padding: 0 1rem;
    box-sizing: border-box;
}

.komentarz-card {
    padding: 1.7rem 1.7rem;
    text-align: left;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    transition: border-color .2s;
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.5rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    padding-bottom: 1rem;
    min-height: 15.3rem;
}

.komentarz-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.komentarz-card__name {
    color: #27284E;
    font-weight: 700;
    font-size: 1.3rem;
}

.komentarz-card__text {
    font-size: 1rem;
    color: #27284E;
    font-weight: 500;
    font-style: italic;
    line-height: 1.4;
    padding: 1rem 0;
}

.komentarz-card__kurs {
    color: #00000080;
    font-weight: 500;
}

.komentarz-card__icon img {
    width: 3.5rem;
}

.section-title-descr a {
    color: #F17300;
}

.Kup-kurs-solo-section {
    padding-top: 7.3rem;
    padding-bottom: 9.4rem;
}

.Kup-kurs-solo-section .mas-container-big {
    padding: 0 8.5rem;
}

.Kup-kurs-solo-content {
    padding-top: 5.5rem;
    display: flex;
    flex-direction: row;
    gap: 4.3rem;
    flex-wrap: wrap;
}

.Kup-kurs-solo-content-block-left {
    width: 49rem;
}

.Kup-kurs-solo-content-right {
    width: 46rem;
}

.Kup-kurs-solo-big {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.5rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    margin-bottom: 1.3rem;
    padding: 2rem 2.3rem;
}

.Kup-kurs-solo-big-top-logo {
    margin-bottom: 3.5rem;
}

.Kup-kurs-solo-big-top-kurs-name {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.28rem;
    line-height: 1.4;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #27284E;
    padding-bottom: 2rem;
}

.Kup-kurs-solo-big-top-meta {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.4;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 2.5rem;
}

.Kup-kurs-solo-big-top-meta .single-kurs-hero__meta-item {
    margin-right: 1rem;
}


.Kup-kurs-solo-big-list-text {
    width: 48%;
}

.Kup-kurs-solo-big-top .szkolenia-item__list {
    margin: 0;
    padding: 0 0 2rem 0;
    list-style: none;
    color: #27284E;
    font-size: 1.1rem;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    gap: 1.4rem 1rem;
}

.Kup-kurs-solo-big-price {
    display: flex;
    flex-direction: column;
    padding-bottom: 2.3rem;
}

.Kup-kurs-solo-big-price span.woocommerce-Price-amount.amount {
    color: #FF5C00;
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 500;
    padding-bottom: 0.8rem;
}

.Kup-kurs-solo-big-price span.woocommerce-Price-currencySymbol {
    font-size: 1rem;
    margin-right: 10px;
    font-weight: 500;
    position: relative;
}

.Kup-kurs-solo-big-price small.woocommerce-price-suffix span.woocommerce-Price-amount.amount {
    font-size: 1.3rem;
    color: #27284E;
}

.Kup-kurs-solo-big-price span.woocommerce-Price-amount.amount {
    margin-right: 0;
}

.Kup-kurs-solo-big-kup-button {
    display: flex;
}

a.button.add_to_cart_button {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 500;
    font-size: 1.25rem;
    padding: 0.45rem 2.2rem;
    border-radius: 1.5rem;
    text-decoration: none;
    transition: background 0.25s;
}

.kursy-grid-block a.button.add_to_cart_button {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 500;
    font-size: 1.23rem;
    padding: 0.45rem 2.4rem;
    border-radius: 1.5rem;
    text-decoration: none;
    transition: background 0.25s;
}

.Kup-kurs-solo-konsultacji-img {
    width: 13.5rem;
}

.Kup-kurs-solo-konsultacji-block {
    display: flex;
    padding: 1.5rem 2.3rem;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.5rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    margin-bottom: 4rem;
}

.Kup-kurs-solo-konsultacji-block .section-title-descr {
    padding: 0;
    line-height: 1.2;
    font-size: 1.3rem;
    margin-top: -0.2rem;
    padding-bottom: 1.1rem;
}

.Kup-kurs-solo-konsultacji-block  .Kup-kurs-solo-big-kup-button {
    margin-top: -0.6rem;
}

.Kup-kurs-green-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-top: -0.3rem;
}

.Kup-kurs-green-block-info {
    position: relative;
    margin-right: -1rem;
}

.Kup-kurs-green-block-line {
    color: #00BF10;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.6rem 1.5rem;
    border: 0.1rem solid #00BF10;
    display: flex;
    border-radius: 0.6rem;
    margin-right: 1rem;
    background: #fff;
    width: 90%;
    justify-content: center;
}

.Kup-kurs-green-block-info img {
    width: 3rem;
}

.Kup-kurs-green-block-info-text {
    display: none;
    position: absolute;
    font-size: 0.6rem;
    width: 10rem;
    top: -3.5rem;
    left: -2rem;
    padding: 0.3rem 0.5rem;
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 0.5rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
}

.Kup-kurs-green-block-info:hover .Kup-kurs-green-block-info-text {
    display: block;
}

.Kup-kurs-solo-small-prod-kurs {
    font-size: 1.1rem;
    padding: 1rem 0 0;
    line-height: 1.5;
}

.Kup-kurs-small-prod--block {
    display: flex;
    align-items: center;
}

.Kup-kurs-pakiecie-section {
    padding-top: 6rem;
    padding-bottom: 8rem;
}

.Kup-kurs-pakiecie-section .mas-container-big {
    padding: 0 13.3rem;
}

.Kup-kurs-pakiecie-content {
    margin-top: 4.5rem;
}

.Kup-kurs-pakiecie-cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.Kup-kurs-pakiecie-card {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.5rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    margin-bottom: 1.3rem;
    padding: 2rem 2.5rem;
    width: 40.8rem;
}

.Kup-kurs-pakiecie-card__img img {
    width: 100%;
    border-radius: 1rem;
    margin-bottom: 0.7rem;
}

.Kup-kurs-pakiecie-card__title {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.35rem;
    line-height: 1.4;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #27284E;
    margin: 0;
    padding: 1.2rem 0 1rem;
}

.Kup-kurs-pakiecie-row-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Kup-kurs-pakiecie-card .Kup-kurs-solo-big-top-meta {
    display: flex;
}

.Kup-kurs-pakiecie-summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 3.5rem;
}

.Kup-kurs-green-block-line-block {
    display: flex;
    justify-content: center;
    padding-bottom: 2rem;
}

.Kup-kurs-pakiecie-summary__price.Kup-kurs-solo-big-price {
    justify-content: center;
    text-align: center;
}

.Kup-kurs-solo-konsultacji-block.Kup-kurs-small-prod--block .Kup-kurs-solo-big-price {
    padding: 2rem 0 0;
    margin-bottom: 1rem;
}

.add_to_cart_button-block {
    display: flex;
    justify-content: center;
}

.add_to_cart_button-block a.button.add_to_cart_button {
    padding: 0.8rem 2rem;
    font-size: 1.25rem;
    border-radius: 2.5rem;
}

.Kup-kurs-pakiecie-plus img {
    width: 3.5rem;
}

.Kup-kurs-pakiecie-plus {
    display: flex;
}

.Kup-kurs-Logowanie-section {
    padding-top: 11.3rem;
    padding-bottom: 13.5rem;
}

.Kup-kurs-Logowanie-content {
    padding-top: 7rem;
}

.Kup-kurs-Logowanie-block {
    display: flex;
    flex-direction: row;
    gap: 3rem;
}

.logowanie-number {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 3rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    width: 4.8rem;
    height: 4.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #27284E;
    font-weight: 500;
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
}

.Kup-kurs-Logowanie-block-osn {
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    width: 20rem;
}

.Kup-kurs-Logowanie-block-osn ul {
    margin: 0;
}

.pink-line .mas-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    padding: 0 23rem 0 19rem;
}

.pink-line-right {
    display: flex;
}

.pink-line-left img {
    width: 1.7rem;
    margin-right: 1rem;
}

.pink-line {
    padding: 1.2rem 0;
    background: #FF5C0033;
}

.pink-line-right > div {
    font-weight: 400;
    color: #000;
    margin-right: 5.2rem;
    font-size: 1.1rem;
}

.pink-line-right a img {
    width: 1.3rem;
    margin: 0 0.7rem;
}

.mas-container-top {
    padding: 0 11rem;
}

.header-content {
    box-shadow: 0px 20px 40px 0px #27284E4D;
    border-radius: 2rem;
    padding: 1rem 4.7rem 1.2rem 7rem;
}

.mastern-logo img {
    width: 9rem;
}

.site-header-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 4rem;
    min-width: initial;
}

ul#primary-menu li a {
    color: #27284E;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    padding: 0.5rem 1.7rem 0.5rem 1rem;
    text-transform: none;
}

.site-header-body .main-navigation {
    display: block;
    width: auto;
    margin-left: 1.8rem;
}

.site-header-body-kursy a {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 1.95rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    color: #30303A;
    font-size: 1.2rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    padding: 0.5rem 1rem;
}

.header-button-last {
    font-size: 1.2rem;
    color: #04081E99;
    font-weight: 500;
    margin-right: 1.5rem;
    letter-spacing: -0.5px;
}

.header-button-last img {
    width: 0.8rem;
    margin-right: 0.7rem;
}

.konsultacja-may-section-top {
    padding-top: 2.25rem;
    margin-top: -0.8rem;
    padding-bottom: 1.5rem;
}

.kursy-grid-page-section .section-title-descr {
    padding-top: 0.3rem;
    width: 28rem;
}

.kursy-grid-page-section .top-home-banner-img {
    position: absolute;
    top: 5rem;
    width: 48rem;
    right: 23.5rem;
}

.page-template-page-kursy-may .konsultacja-may-section-top {
    padding-bottom: 2rem;
}

.kursy-grid-page-filtr-section .eksperta-wyniki {
    padding: 3rem 0 3rem 0.5rem;
    text-align: left;
}

.kursy-grid-page-list-content.kursy-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4rem 2rem;
    padding: 2rem 5.2rem 5.5rem;
    justify-content: center;
}

.kursy-grid-block {
    width: 37rem;
}

.kursy-grid-block-content {
    box-shadow: 0px 20px 40px 0px #0000004D;
    border-radius: 2.6rem;
    min-height: 45.5rem;
    padding: 1.2rem 2.5rem 2rem;
    background: #fff;
}

.kursy-grid-block-ekspert {
    margin-bottom: 2.3rem;
}

.kursy-card-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.3rem;
    margin-bottom: 1.8rem;
}

.kursy-card-cats span {
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 0.4rem 0.5rem;
    font-size: 1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 1.8rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    display: flex;
}

.kursy-card-title {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #27284E;
    padding-top: 0;
    padding-bottom: 0.8rem;
}

.kursy-grid-block .single-kurs-hero__meta {
    color: #00000080;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0%;
    padding-bottom: 1.3rem;
}

.kursy-card-excerpt.js-kursy-excerpt-full p,
.kursy-card-excerpt.js-kursy-excerpt-short {
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0%;
    color: #000;
}

button.kursy-rozwin-btn.js-rozwin-btn {
    font-size: 1.2rem;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0%;
    color: #27284E;
    border: none;
    background: no-repeat;
    padding: 0.4rem 0;
}

.kursy-grid-block .Kup-kurs-solo-big-kup-button a.details-link {
    margin-bottom: 0;
    font-size: 1.1rem;
}

.kursy-card-actions {
    padding-bottom: 1rem;
}

.kursy-grid-block .Kup-kurs-solo-big-price {
    display: flex;
    flex-direction: column;
    padding-bottom: 1.8rem;
}

.kursy-grid-block .Kup-kurs-solo-big-kup-button {
    display: flex;
    justify-content: space-between;
        align-items: center;
    padding-right: 1.7rem;
}

.kursy-pagination {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.kursy-pagination a {
    padding: 0.5rem;
    font-size: 2rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.2;
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.5rem;
    border: 2px solid transparent;
    min-width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kursy-pagination a:hover,
.kursy-pagination a.active {
    background: linear-gradient(#F7F7F7, #F7F7F7) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    box-shadow: 0px 4px 4px 0px #00000040;
}

#pm_menu .woocommerce-Price-amount.amount bdi,
#pm_menu .woocommerce-Price-amount.amount {
    display: flex;
    flex-direction: row-reverse;
}

.cart-item-data-field a {
    color: #27284E;
    font-size: 0.85rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.2;
}

span.whmc-cart-total-amount span.woocommerce-Price-currencySymbol,
.whmc-cart-subtotal-wrap, .whmc-subtotal-amount span, 
.whmc-item-price span.woocommerce-Price-currencySymbol {
    font-size: 12px;
    margin-right: 0;
    font-weight: 500;
    margin-top: 0;
    position: relative;
    margin-left: 5px;
}

.whmc-item-price span.woocommerce-Price-amount.amount {
    margin-right: 0;
}

span.whmc-cart-total-amount {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.wmcchevkoutprocess span.whmc-cart-total-amount {
    display: none;
}

.whmc_ft-buttons-con a.chekouttxtvalues {
    background: #27284E !important;
    color: #fff;
    font-weight: 500;
    font-size: 0.8rem;
    padding: 0.45rem 0.5rem;
    border-radius: 1.5rem;
    text-decoration: none;
    transition: background 0.25s;
    max-width: 12rem;
}

.wmctitel, .amounts, .ckhviewcart {
    font-weight: 500;
    font-size: 0.8rem;
}

.whmc_ft-buttons-con {
    align-items: center;
}

a.ckhviewcart {
    background: transparent !important;
    color: #000 !important;
    border: none !important;
    border-bottom: 1px solid !important;
    border-radius: 0;
    padding: 0;
    width: auto;
}

#pm_menu.pm_open {
    border-radius: 0 0 0 2rem;
    padding-bottom: 1rem;
}

.whmc-buy-summary {
    padding-top: 1rem;
}

.woocommerce-cart .entry-header {
    display: none;
}

div#primary {
    padding-top: 2rem;
}

/**/

.woocommerce-cart-form__cart-item.cart_item {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.3rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    display: flex;
    padding: 2.5rem 1rem 1rem 2.3rem;
    margin-bottom: 2rem;
}

.cart-page-content {
    display: flex;
    gap: 2rem;
    margin-top: 2.6rem;
    justify-content: space-between;
    padding-bottom: 4rem;
}

form.woocommerce-cart-form {
    width: 49.6rem;
}

.woocommerce-cart .mas-container-big {
    padding: 0 14.4rem;
}

woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 33.3rem;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    padding: 0rem 0rem 2.5rem;
    border-radius: 1.7rem;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
    background: #fff;
}

.cart_item .product-thumbnail {
    width: 13.5rem;
}

.cart_item .product-thumbnail img {
    border-radius: 0.3rem;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.product-item-content {
    width: 20.5rem;
    margin-left: 1.2rem;
    padding-top: 1.7rem;
}

.product-item-content .product-name a {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1;
    text-align: left;
    color: #27284E;
    display: block;
    min-height: 4.5rem;
}

.product-cart-descr {
}

.product-item-content .price-brutto span.woocommerce-Price-amount.amount bdi {
    font-size: 1.3rem;
    color: #27284E;
    font-weight: 500;
    line-height: 1.3;
}

.product-item-content span.price-brutto {
    margin-top: -0.7rem;
}

.product-item-content .Kup-kurs-solo-big-price {
    padding-bottom: 0;
}

.qty-control {
    position: relative;
    z-index: 2;
    display: flex;
    width: 9rem;
}

.qty-control input.qty-input {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1;
    color: #27284E;
    width: 5rem;
    text-align: center;
    border: none;
    padding-left: 1rem;
    background: transparent;
}

.qty-control button.qty-btn {
    padding: 0;
    border: none;
    background: none;
}

.qty-control button.qty-btn img {
    width: 2rem;
}


.woocommerce-cart-form__cart-item.cart_item .product-remove {
    display: none;
}

.cart_totals h2 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 3rem;
    line-height: 120%;
    letter-spacing: -2px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
    padding-top: 2.5rem;
    padding-bottom: 3.3rem;
    margin: 0;
}

.cart_totals-content-top {
    padding: 0 2.4rem;
}

.cart-totals-row {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.7rem;
    align-items: center;
}

.cart-totals-label {
    font-size: 1.1rem;
    font-weight: 400;
    color: #000;
}

.cart-totals-value {
    color: #000;
    font-size: 1.5rem;
    font-weight: 500;
}

.cart-subtotal span.woocommerce-Price-amount.amount:before {
    display: none;
}

.cart-totals-row.order-total .cart-totals-value .woocommerce-Price-amount.amount {
    color: #FF5C00;
    font-size: 2.8rem;
    line-height: 1.3;
    font-weight: 500;
}

.cart-totals-value .woocommerce-Price-currencySymbol {
    font-size: 0.8rem;
    margin-right: 0;
    font-weight: 500;
    margin-top: 0;
    position: relative;
}

.cart-subtotal span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {
    display: contents;
}

.cart-totals-row.order-total {
    padding: 1.4rem 0 2rem 0;
}

.coupon-label {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    padding-bottom: 1rem;
}

.cart-totals-coupon {
    margin-top: 2.7rem;
    padding: 1.2rem 1.5rem 1.2rem 2.5rem;
    background: #F7F7F7;
}

input#coupon_code {
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
    font-size: 1.1rem;
    padding: 0.7rem;
    border-radius: 0.6rem;
    color: #00000080;
    width: 20.7rem;
}

.woocommerce .coupon-row button {
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 500;
    font-size: 1.1rem;
    padding: 0.9rem 1.2rem;
    border-radius: 1.5rem !important;
    text-decoration: none;
    margin-left: 0.5rem;
}

.wc-proceed-to-checkout {
    display: flex;
    justify-content: center;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 2.5rem 1rem !important;
}

.woocommerce a.button.alt {
    -webkit-font-smoothing: antialiased;
    background: #FF5C00;
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem !important;
    padding: 1.2rem 4rem !important;
    border-radius: 2rem;
    text-decoration: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0.2rem;
}

.cart_totals-last-text {
    color: #000;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}

.cart_totals-last-text a {
    color: #FF5C00;
    text-decoration: underline;
}

.kursy-grid-page-filtr-section {
    padding-top: 2rem;
    padding-bottom: 9rem;
}

#post-1745 .entry-header {
    display: none;
}

.page-template-default.checkout.courses article {
    padding: 0 0.5rem;
}

.button-wroc a {
    color: #27284E;
    font-size: 1.2rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    margin-top: 0;
    display: block;
    padding-left: 1rem;
    margin-bottom: 4.2rem;
}

.button-wroc a img {
    width: 1.5rem;
    margin-right: 0.7rem;
}

.button-wroc {
    padding-bottom: 1.2rem;
}

form.checkout.woocommerce-checkout {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0 !important;
    position: relative;
    margin: 0;
}

div#order_review {
    position: relative;
    right: auto;
    width: 100%;
    top: auto;
    max-width: none;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select, .woocommerce form .form-row .select2-container {
    margin: 0;
    outline: 0;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
    background: #fff;
    width: 100%;
    color: #27284E;
    font-size: 1.2rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    padding: 1rem 1.5rem;
    border-radius: 0.6rem;
    margin-bottom: 0.5rem;
}

.woocommerce-billing-fields h3 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 2.3rem;
    line-height: 120%;
    letter-spacing: -2px;
    vertical-align: middle;
    color: #27284E;
    padding-top: 1.4rem;
    padding-bottom: 3.5rem;
    margin: 0;
}

.woocommerce-page .col2-set .col-2 label, 
form.checkout.woocommerce-checkout .woocommerce-billing-fields label, 
.woocommerce-page .col2-set .col-2 .woocommerce-additional-fields h3 {
    display: block;
    color: #000 !important;
    font-size: 1.1rem !important;
    font-family: Montserrat;
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.checkout-cart-blocks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5rem;
    justify-content: space-between;
}

div#customer_details {
    width: 43.7rem;
}

.checkout-cart-block-right {
    width: 33.5rem;
}

.checkout-cart-block-right-content {
    transition: border-color 0.3s, color 0.3s;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
    padding: 1.55rem 1.5rem;
    border-radius: 1.8rem;
    margin-top: 2.5rem;
    width: 100%;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
    background: #fff;
    overflow: hidden;
}

h3#order_review_heading {
    position: relative;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 3rem;
    line-height: 120%;
    letter-spacing: -2px;
    vertical-align: middle;
    color: #27284E;
    padding-top: 0.9rem;
    padding-bottom: 1.6rem;
    margin: 0;
    text-align: center;
    display: block;
    width: 100%;
}

.checkout-cart-block-right-content table.shop_table.woocommerce-checkout-review-order-table tbody,
.checkout-cart-block-right-content table.shop_table.woocommerce-checkout-review-order-table thead {
    display: none;
}

.woocommerce table.shop_table tr.cart-subtotal:after {
    display: none;
}

.woocommerce .checkout-cart-block-right table.shop_table {
    background: transparent;
}

.woocommerce .checkout-cart-block-right table.shop_table th {
    padding: 1rem 0 1rem;
    line-height: 1.5em;
}

.checkout-cart-block-right .order-total span.woocommerce-Price-amount.amount {
    color: #FF5C00;
    font-size: 2.8rem;
    line-height: 1.3;
    font-weight: 500;
    padding-bottom: 0.8rem;
}

.checkout-cart-block-right span.woocommerce-Price-currencySymbol {
    font-size: 0.8rem;
    margin-right: 0;
    font-weight: 500;
    margin-top: 0;
    position: relative;
}

.woocommerce table.shop_table tr.cart-subtotal {
    background: transparent;
    color: #000;
    position: relative;
    z-index: 5;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    margin-top: 15px;
    -webkit-font-smoothing: antialiased;
    background: #FF5C00;
    color: #fff;
    font-weight: 500;
    font-size: 0.95rem !important;
    padding: 0.9rem 2.2rem !important;
    border-radius: 1.5rem !important;
    text-decoration: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.form-row.place-order {
    background-color: transparent;
}

div#customer_details .small-text-after {
    display: block;
    color: #000 !important;
    font-size: 0.85rem !important;
    font-family: Montserrat;
    font-weight: 500;
    padding-bottom: 0.5rem;
}

div#customer_details h3 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.3;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #27284E;
    padding-top: 0;
}

.checkout-cart-block-right .cart-totals-coupon {
    margin-top: 0;
    padding: 0.8rem 0.7rem 1.2rem;
    background: #F7F7F7;
    position: relative;
}

.checkout-cart-block-right .coupon-label {
    text-align: left;
    position: relative;
}

.checkout-cart-block-right .coupon-row input {
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
    font-size: 0.8rem;
    padding: 0.4rem;
    border-radius: 0.4rem;
    color: #00000080;
    width: 15.5rem;
}

.checkout-cart-block-right .coupon-row {
    display: flex;
    position: relative;
}

.checkout-cart-block-right .cart-totals-coupon:before {
    content: '';
    position: absolute;
    width: 112%;
    height: 100%;
    background: #F7F7F7;
    left: -6%;
    top: 0;
}

.checkout-cart-block-left-top .woocommerce-billing-fields h3 {
    position: relative;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 3rem;
    line-height: 120%;
    letter-spacing: -2px;
    vertical-align: middle;
    color: #27284E;
    padding-top: 2.7rem;
    padding-bottom: 4.6rem;
    margin: 0;
}

.woocommerce-cart .mas-breadcrumbs {
    margin-bottom: 4.6rem;
}

.konsultacja-may-section-top .top-title {
    margin-bottom: 1.2rem;
}

.page-template-page-certyfikat-may .mas-breadcrumbs {
    margin-bottom: 4rem;
}

.page-template-page-certyfikat-may .mast-home-may-top-content .section-title-descr {
    padding-top: 1rem;
}

.page-template-page-certyfikat-may .konsultacja-may-section-top .top-home-banner-img {
    position: absolute;
    top: 13rem;
    width: 45rem;
    right: 18.5rem;
}

.Kontakt-may-section-top .top-title {
    padding-bottom: 3.2rem;
}

.faq-section .mas-container-big {
    padding: 0 23rem;
}

.faq-section-content {
    padding-top: 3rem;
}

.single-kurs-hero__content .top-title.single-kurs-hero__title {
    margin-bottom: 0.5rem;
}

.Kup-kurs-pakiecie-summary .Kup-kurs-green-block-line {
    width: auto;
}

/* Пакет */
.kursy-grid-block--pakiet {
    grid-column: 1 / -1; /* на всю ширину гріду */
}

.pakiet-kursy-row {
    display: flex;
    align-items: flex-start;
    gap: 4rem;
}

.pakiet-kurs-photo {
    object-fit: cover;
    margin-bottom: 2rem;
}

.pakiet-plus {
    font-size: 32px;
    font-weight: 700;
    color: #ccc;
    align-self: center;
    flex-shrink: 0;
}

.kursy-grid-block.kursy-grid-block--pakiet {
    width: 68.3rem;
    margin: 0 auto;
    box-shadow: 0px 20px 40px 0px #0000004D;
    border-radius: 2.6rem;
    padding: 4rem 2.2rem 4rem;
    background: #fff;
}

.pakiet-kurs-title {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.2;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #27284E;
    padding-top: 0;
    padding-bottom: 0.2rem;
}

.pakiet-kurs-meta {
    color: #000;
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0%;
    padding-bottom: 0.2rem;
}

.pakiet-kurs-price {
    display: flex;
    flex-direction: row;
    padding-top: 2rem;
    align-items: center;
    justify-content: space-between;
}

.pakiet-kurs-price a.details-link {
    pointer-events: auto;
    transition-delay: 0.15s;
    font-size: 1rem;
    color: #27284E;
    margin-bottom: 0;
    font-weight: 700;
    width: 13rem;
    padding-top: 2.5rem;
}

.pakiet-plus img {
    width: 3.6rem;
}

.pakiet-znizka-badge {
    display: flex;
    align-items: center;
    padding: 5.5rem 0 0;
    justify-content: center;
}

.pakiet-znizka-badge div {
    color: #00BF10;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.4rem 2.5rem;
    border: 0.1rem solid #00BF10;
    display: flex;
    border-radius: 0.6rem;
    background: #fff;
    justify-content: center;
}

.pakiet-label {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 3rem;
    line-height: 120%;
    letter-spacing: -2px;
    text-align: center;
    vertical-align: middle;
    color: #27284E;
    margin-top: 1rem;
    padding-bottom: 2rem;
}

.pakiet-kurs-price-block {
    display: flex;
    flex-direction: column;
}

.pakiet-footer .pakiet-kurs-price-block {
    justify-content: center;
    text-align: center;
}

.pakiet-footer-button {
    display: flex;
    justify-content: center;
    padding-top: 0.5rem;
}

.pakiet-footer-button a.button.add_to_cart_button {
    font-size: 1.23rem;
    padding: 0.95rem 2.4rem;
    border-radius: 2.5rem;
}

.eksperta-filters--disabled {
    opacity: 0.4;
    pointer-events: none;
}

a.details-link img {
    width: 1.3rem;
    margin-right: 0.5rem;
}

.zwiastuny-pagination-block {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 2rem;
    padding: 0.6rem;
	    background: #fff;
}

.pakiet-kurs-item {
    width: 26.5rem;
}

a.lektor-link-ico img {
    width: 2rem;
    margin-left: 1rem;
}

span.woocommerce-Price-currencySymbol {
    font-size: 1rem;
    margin-right: 0;
    font-weight: 500;
    margin-top: 0;
    position: relative;
}

.kursy-grid-block .Kup-kurs-solo-big-price .woocommerce-Price-amount bdi {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.kursy-grid-block .Kup-kurs-solo-big-price small.woocommerce-price-suffix {
    display: flex;
    align-items: flex-end;
}

.kursy-grid-block .Kup-kurs-solo-big-price span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {
    font-size: 1.3rem;
    margin-right: 0;
    font-weight: 500;
    position: relative;
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
}

.kursy-grid-block .Kup-kurs-solo-big-price > span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol:after {
    content: "netto";
    position: absolute;
    font-size: 1.3rem;
    color: #FF5C00;
    padding-left: 0.4rem;
}

.kursy-grid-block .Kup-kurs-solo-big-price .woocommerce-price-suffix span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {
    padding-bottom: 0;
    padding-right: 0.3rem;
}

.kursy-grid-block .Kup-kurs-solo-big-price small.woocommerce-price-suffix span.woocommerce-Price-amount.amount {
    font-size: 1.3rem;
    color: #27284E;
    padding-bottom: 0;
}

.Kup-kurs-solo-content .Kup-kurs-solo-big-price span.woocommerce-Price-currencySymbol {
    font-size: 1.3rem;
    margin-right: 0.3rem;
    font-weight: 500;
    position: relative;
}


.Kup-kurs-pakiecie-summary__price.Kup-kurs-solo-big-price > span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol:after, 
.Kup-kurs-solo-content .Kup-kurs-solo-big-price > span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol:after,
.Kup-kurs-pakiecie-card .Kup-kurs-solo-big-price > span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol:after,
.kursy-grid-block.kursy-grid-block--pakiet .Kup-kurs-solo-big-price > span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol:after {
    content: "netto";
    position: absolute;
    font-size: 1.3rem;
    color: #FF5C00;
    padding-left: 0.4rem;
    padding-top: 1.65rem;
}

.pakiet-kurs-price-block > span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol:after {
    content: "netto";
    position: absolute;
    font-size: 1.3rem;
    color: #FF5C00;
    padding-left: 0.4rem;
}

.Kup-kurs-pakiecie-card .Kup-kurs-solo-big-price > span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {
    font-size: 1.3rem;
}

.pakiet-kurs-price-block  small.woocommerce-price-suffix,
.pakiet-kurs-price-block > span.woocommerce-Price-amount.amount {
    text-align: center;
    display: flex;
    justify-content: center;
}

.zwiastuny-viewport {
    position: relative;
    padding: 0 64px;
    box-sizing: border-box;
    visibility: hidden;  
}

.zwiastuny-viewport.is-ready {
    visibility: visible;
}

.zwiastuny-track {
    position: relative; 
}

.komentarze-prev,
.komentarze-next {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 20;
    width: 4.3rem;
    height: 4.3rem;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    user-select: none;
    color: transparent;
}

.komentarze-prev {
    left: -5.5rem;
    background: url(/wp-content/uploads/2026/06/11.svg);
    background-size: cover;
}

.komentarze-next {
    right: -5.5rem;
    background: url(/wp-content/uploads/2026/06/12.svg);
    background-size: cover;
}

.komentarze-dots {
    display: flex;
    justify-content: center;
    padding-bottom: 4rem;
}

.komentarze-pagination-block {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 2rem;
    padding: .6rem;
    background: #fff;
}

.komentarze-dot {
    width: 1.47rem;
    height: 1.47rem;
    border-radius: 50%;
    background: #27284E;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: opacity .3s, background .3s;
}

.komentarze-dot.is-active {
    background: #ff5c00;
    opacity: 1;
}













@media only screen and (max-width: 780px) {

.konsultacja-may-section-top .mas-container-big {
    padding: 0 1.4rem;
}

.kursy-grid-page-section .top-home-banner-img {
    position: relative;
    top: auto;
    width: 90%;
    right: auto;
}

.konsultacja-may-section-top .mas-container-big {
    padding: 0 3rem;
}

.kursy-grid-page-section .top-home-banner-img {
    position: relative;
    top: 0rem;
    width: auto;
    right: auto;
}

.mast-home-may-top-content-block {
    width: 100%;
}

.znizki-home-section .mas-container-big,
.mas-container-big {
    padding: 0 1rem;
}

.kursy-grid-page-list-content.kursy-grid {
    padding: 2rem 0rem 5.5rem;
}

.kursy-grid-block {
    width: 100%;
    max-width: 550px;
}

.Kontakt-may-section-top-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.szkolenia-item {
    flex-direction: column;
    gap: 2rem;
}

.szkolenia-item-block-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.szkolenia-item .darck-blue-button {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    margin-bottom: 2rem;
}

.szkolenia-item__cats {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.Kontakt-form-block {
    margin-top: 2rem;
}

.Kontakt-may-section-top-content-block {
    width: 100%;
}

.mas-container {
    padding: 0 1.3rem;
}

.top-home-banner-img {
    position: absolute;
    top: 80px;
    width: 235px;
    right: -42px;
    margin-bottom: 2rem;
}

.popular-grid {
    display: flex;
    gap: 4px;
    justify-content: center;
    flex-wrap: wrap;
}

.popular-card {
    width: 100%;
}

.popular-section .mas-container {
    padding: 0 2.3rem;
}

.Kategorie-kursow-section .mas-container {
    padding: 0 2.2rem;
}

.dlaczego-tab-panel {
    padding: 1.5rem 1.6rem;
    border-radius: 40px;
}

.dlaczego-tab-panel__text {
    font-size: 16px;
}

.zwiastuny-pagination-block {
    flex-wrap: wrap;
    align-items: center;
}

.komentarze-slide {
    flex: 0 0 100%;
}

.komentarze-section .z-next {
    right: -2.5rem;
}

.komentarze-section .z-prev {
    left: -2.5rem;
}

.telefon-do-eksperta-section .mas-container-big {
    padding: 0 3rem;
}

.telefon-do-eksperta-block {
    width: 100%;
    background: #fff;
    flex-direction: column;
    gap: 2rem;
}

.telefon-do-eksperta-content {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 5rem;
    padding: 0 3rem 2rem;
}

.telefon-do-eksperta-descr {
    width: 100%;
}

.konsultacja-may-section-top .mast-home-may-top-content-block .top-title {
    font-size: 4.3rem;
}

.konsultacja-may-section-top .top-home-banner-img {
    position: relative;
    top: auto;
    width: 100%;
    right: auto;
}

.Kontakt-may-form {
    width: 100%;
}

.szkolenia-item__meta {
    flex-direction: column;
}

.kursy-grid-page-filtr-section .eksperta-filter-btns {
    gap: 1.5rem 1rem;
}

.kursy-grid-block .single-kurs-hero__meta {
    display: flex;
    flex-direction: column;
}

.kursy-grid-block .Kup-kurs-solo-big-kup-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 1.7rem;
    flex-direction: column;
    gap: 2rem;
}

.single-kurs-top-section .mas-container-big {
    padding: 0 3rem;
}

.mast-home-may-top-content-block .top-title {
    font-size: 28px;
    line-height: 1.35;
    letter-spacing: -1px;
}

.blue-button a {
    padding: .55rem 1.2rem;
    font-size: 16px;
    min-width: auto;
    font-weight: 600;
}

.single-kurs-top-section .mast-home-may-top-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.mast-home-may-top-content-block.single-kurs-hero__content {
    width: 100%;
}

.single-kurs-breadcrumbs .mas-container-big {
    padding: 0 3rem;
}

ul.breadcrumbs__list {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.single-kurs-hero__video-wrap {
    width: 100%;
    margin-top: 7rem;
}

.single-kurs-expert-modules .mas-container-big,
.single-kurs-dla-kogo .mas-container-big {
    padding: 0 3rem;
}

.single-kurs-dla-kogo .section-title-descr {
    text-align: left;
    max-width: 100%;
    padding: 2.3rem 0 3rem;
}

.single-kurs-dla-kogo__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2.2rem;
    justify-content: center;
}

.single-kurs-expert-modules__inner {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1.7rem;
    flex-direction: column;
}

.single-kurs-expert {
    width: 100%;
}

.single-kurs-modules {
    width: 100%;
    min-width: 15rem;
}

.single-kurs-modules__header.js-accordion-header {
    display: flex;
    align-items: flex-start;
    position: relative;
    flex-direction: column;
}

.single-kurs-modules__item-title-block {
    width: 100%;
    cursor: pointer;
}

.single-kurs-small-banner-content {
    display: flex;
    padding-left: 0.5rem;
    flex-direction: column;
}

.single-kurs-small-banner-block {
    width: 100%;
}

.single-kurs-small-banner-img {
    position: relative;
    width: 100%;
}

.Kup-kurs-solo-section .mas-container-big {
    padding: 0 3rem;
}


.Kup-kurs-Logowanie-block {
    display: flex;
    gap: 3rem;
    flex-direction: column;
}

.Kup-kurs-Logowanie-block-osn {
    width: 100%;
}

.single-kurs-modules__desc {
    padding: 2rem 3rem 0rem 2rem;
}

.Kup-kurs-solo-big-top-meta {
    display: flex;
    flex-direction: column;
}

.Kup-kurs-solo-big-list-text {
    width: 100%;
}

.Kup-kurs-solo-konsultacji-block {
    flex-direction: column;
}

/***************/

.home-may-logos-section {
    padding-bottom: 0rem;
    overflow: hidden;
    padding-top: 1rem;
    margin-top: -7rem;
}

.section-title {
    font-size: 1.95rem;
}

.zwiastuny-section {
    padding: 2.6rem 0 5rem;
}

.zwiastuny-pagination {
    display: flex;
    justify-content: center;
    margin: 1.5rem auto 1.2rem;
    min-height: 27px;
}


    .zwiastuny-section .mas-container {
        padding: 0;
    }

    .zwiastuny-content {
        padding: 0 5px;
    }

    .zwiastuny-viewport {
        padding: 0 5px;
        min-height: 580px;
    }

    .zwiastuny-window {
        min-height: 34rem;
        padding: 1.2rem 0 5rem;
        margin: -1rem 0;
    }

    .z-slide {
        width: 15%; 
    }

    .z-slide.is-active {
        width: 80%;
        transform: scale(1) translateY(0);
        opacity: 1;
        padding: 1.1rem 1.1rem 1.2rem;
        border-radius: 40px;
    }

    .z-slide.is-prev,
    .z-slide.is-next {
        width: 15%;
        opacity: 0.65;
        pointer-events: none;
        transform: scale(0.9);
    }

    .z-slide.is-prev { margin-right: -5%; padding-top: 3.5rem; }
    .z-slide.is-next { margin-left: -5%; padding-top: 3rem;}

    .z-prev, .z-next {
        width: 4.5rem;
        height: 4.5rem;
    }
    .z-prev { left: 1.8rem; }
    .z-next { right: 1.8rem; }

    .z-prev, .z-next {
        top: -1.5rem;
    }

    .komentarze-prev, .komentarze-next {
        top: -61px;
    }

    .komentarze-next {
        right: -0.7rem;
    }

    .komentarze-prev {
        left: -0.7rem;
    }

    .komentarze-pagination-block {
        flex-wrap: wrap;
        width: 57%;
    }

    .komentarze-pagination-block {
        flex-wrap: nowrap;
        width: auto;
        max-width: 90%;
        overflow: hidden;
        gap: 0.5rem;
        align-items: center;
    }

    .komentarze-dot {
        width: 0.5rem;
        height: 0.5rem;
        flex-shrink: 0;
        opacity: 0.4;
        transition: width .3s, height .3s, opacity .3s, background .3s;
    }

    .komentarze-dot.is-mid {
        width: 0.6rem;
        height: 0.6rem;
        opacity: 0.6;
    }

    .komentarze-dot.is-near {
        width: 0.75rem;
        height: 0.75rem;
        opacity: 0.85;
    }

    .komentarze-dot.is-active {
        width: 1rem;
        height: 1rem;
        opacity: 1;
        background: #ff5c00;
    }

    .komentarze-dot.is-hidden {
        display: none;
    }

    .komentarze-dots {
        padding-bottom: 2rem;
        min-height: 52px;
        margin-bottom: 26px;
        margin-top: 33px;
    }

.z-slide.is-active .card-body h3 {
    font-size: 20px;
    max-height: max-content;
}

.z-slide.is-active .card-body .desc {
    max-height: none;
    pointer-events: auto;
    font-size: 16px;
    margin-bottom: 1rem;
    min-height: auto;
}

.card-body .details-link {
    justify-content: center;
    padding-right: 1rem;
}

.z-slide.is-active .card-body .details-link {
    font-size: 16px;
    max-height: none;
}

.card-body a.button.add_to_cart_button {
    display: block;
    text-align: center;
    background: #27284E;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 0.5rem 10px;
    border-radius: 39px;
    text-decoration: none;
    transition: background 0.25s;
    width: 200px;
    min-height: 64px;
    margin: 0 auto;
}

    .z-dots {
        flex-wrap: nowrap;
        overflow: hidden;
        gap: 0.5rem;
        align-items: center;
        max-width: 90%;
    }

    .z-dot {
        flex-shrink: 0;
        transition: width .3s, height .3s, opacity .3s, background .3s;
    }

    .z-dot.is-far {
        width: 0.5rem;
        height: 0.5rem;
        opacity: 0.4;
    }

    .z-dot.is-mid {
        width: 0.6rem;
        height: 0.6rem;
        opacity: 0.6;
    }

    .z-dot.is-near {
        width: 0.75rem;
        height: 0.75rem;
        opacity: 0.85;
    }

    .z-dot.is-active {
        width: 1rem;
        height: 1rem;
        opacity: 1;
    }

    .z-dot.is-hidden {
        display: none;
    }

.popular-section {
    padding-bottom: 6rem;
    padding-top: 0rem;
    margin-top: -5.5rem;
}

.popular-section .section-title {
    margin-bottom: 1.75rem;
}

.popular-thumb {
    aspect-ratio: auto;
}

.popular-card-body h3 {
    font-size: 20px;
    line-height: 1.1;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.popular-card-body-content {
    justify-content: flex-start;
    padding: 2rem 1rem 1rem;
    min-height: auto;
}

.popular-author {
    font-size: 16px;
}

.popular-card-body .details-link {
    font-size: 16px;
    margin-bottom: 17px;
    font-weight: 500;
}

.popular-thumb {
    border-radius: 10px;
}

.popular-thumb img {
    border-radius: 7px;
}

.popular-section {
    padding-bottom: 0;
    padding-top: 0rem;
    margin-top: -5.5rem;
}

.Kategorie-kursow-section {
    padding: 5.3rem 0 0;
}

.section-title-descr {
    color: #27284E;
    font-size: 16px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    padding: 1.25rem 0 0.6rem;
}

.Kategorie-kursow-content {
    padding-top: 2px;
    padding-bottom: 4.5rem;
}

.Kategorie-kursow-content-row {
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
}

.Kategorie-kursow-block a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.Kategorie-kursow-line,
.Kategorie-kursow-block {
    width: 100%;
    min-height: auto;
    border-radius: 45px;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
    padding: 17px 10px 13px 31px;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 0;
}

.Kategorie-kursow-line .Kategorie-kursow-img img,
.Kategorie-kursow-img img {
        width: 50px;
        margin-bottom: 0;
        margin-right: 1.5rem;
    }

.Kategorie-kursow-line .Kategorie-kursow-text,
.Kategorie-kursow-text {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
    color: #27284E;
    padding-left: 0;
}

.Kategorie-kursow-content-col {
        margin-top: 12px;
        gap: 13px;
    }

.dlaczego-my-section {
    padding: 1.6rem 0;
}

.dlaczego-my-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 23px;
    margin-top: 23px;
    flex-direction: row;
    justify-content: center;
    gap: 18px 10px;
}

.dlaczego-tab-btn {
    font-size: 12px;
    line-height: 140%;
    padding: 2px 5px;
}

.dlaczego-tab-btn:hover, .dlaczego-tab-btn.active {
    border-image: linear-gradient(135deg, #3b3486, #e8622a) 1;
    border-radius: 2.3rem;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3b3486, #e8622a) border-box;
    padding: 2px 5px;
    font-size: 12px;
}

.mast-home-may-section-top {
    position: relative;
    overflow-x: hidden;
}

.dlaczego-my-panels {
    padding-left: 10px;
}

.komentarze-section {
    padding-top: 3.4rem;
    padding-bottom: 20px;
}

.komentarze-section .section-title-descr {
    display: none;
}

.komentarze-slide {
    padding: 0;
}

.komentarz-card {
    border-radius: 40px;
    padding: 2.5rem 2.5rem;
}

.komentarz-card__name {
    color: #27284E;
    font-weight: 600;
    font-size: 20px;
}

.komentarz-card__icon img {
    width: 55px;
}

.komentarz-card__text {
    font-size: 12px;
    color: #27284E;
    font-style: italic;
    line-height: 1.4;
    padding: 1rem 0;
    font-weight: 500;
}

.telefon-do-eksperta-section {
    padding: 41px 0;
}

.telefon-do-eksperta-section .section-title-descr {
    padding-top: 15px;
    padding-bottom: 28px;
}

.telefon-do-eksperta-section-home .telefon-do-eksperta-content {
    padding: 0;
    padding-bottom: 6rem;
    padding-left: 4px;
}

.telefon-do-eksperta-block {
    min-height: 18rem;
    border-radius: 40px;
    box-shadow: 0px 2rem 2rem 0px #0000004D;
    padding: 12px 20px;
}

.telefon-do-eksperta-img {
    position: relative;
    width: 100%;
    margin-right: 1.2rem;
    margin-top: 1.3rem;
    height: 142px;
    border-radius: 8px;
}

.telefon-do-eksperta-img img {
    border-radius: 8px;
    overflow: hidden;
    height: 140px;
}

.telefon-do-eksperta-block {
    gap: 10px;
}

.telefon-do-eksperta-name {
    font-size: 18px;
    line-height: 1.45;
}

.telefon-do-eksperta-program {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 0 0;
}

.telefon-do-eksperta-name-descr {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 0;
    line-height: 1.3;
    margin-top: -2px;
}

.telefon-do-eksperta-cena {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 0 0 1rem;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
}

.telefon-do-eksperta-block .telefon-do-eksperta-cena span.woocommerce-Price-amount.amount {
    margin-left: 0;
    color: #ff5c00;
    margin-right: 0;
    margin-top: 3px;
}

a.telefon-do-eksperta-btn {
    font-weight: 600;
    font-size: 1.2rem;
    padding: 0.5rem 0.5rem;
    border-radius: 2.5rem;
    text-decoration: none;
    transition: background 0.25s;
    width: 100%;
}







}

@media (max-width: 510px) {
    .jnhp-umow-content .big-title, .program-lekcji-black .program-lekcji-block .big-title, .big-title {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
}