/***
    The new CSS reset - version 1.5.1 (last updated 1.3.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(iframe, canvas, img, svg, video, div.master-slider-parent *):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a,
button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol,
ul,
menu {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

a, a:visited, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

.container {
  max-width: 500px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 400px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 758px) {
  .container {
    max-width: 560px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.underline-long {
  margin: 1em auto;
  height: 1px;
  width: 65px;
  border-radius: 2px;
  background-color: #fea900;
}

.underline-short {
  margin: 0.8em auto;
  height: 1px;
  width: 30px;
  border-radius: 2px;
  background-color: #fea900;
}

.underline-full-width {
  margin: 1em auto;
  height: 1px;
  width: 100%;
  border-radius: 10px;
  background-color: #fea900;
}

.wp-block-embed.adj-rounded iframe {
  border-radius: 10px;
}

.wp-block-button .wp-block-button__link {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
  padding-left: 2em;
  padding-right: 2em;
  width: unset;
  white-space: wrap;
  margin-bottom: 1rem;
}

.full-width-container {
  position: relative;
  width: 100vw;
  max-width: unset;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

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

.submenu-icon-1 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-A.png");
}

.submenu-icon-2 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-B.png");
}

.submenu-icon-3 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-C.png");
}

.submenu-icon-4 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-A1.png");
}

.submenu-icon-5 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-B-automat.png");
}

.submenu-icon-6 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-CE.png");
}

.submenu-icon-7 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-A2.png");
}

.submenu-icon-8 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-BE.png");
}

.submenu-icon-9 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kategoria-D.png");
}

.submenu-icon-kierowcy-1 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/szkolenia-okresowe.png");
}

.submenu-icon-kierowcy-2 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kurs-przewoz-rzeczy.png");
}

.submenu-icon-kierowcy-3 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/ADR-materialy-niebezpieczne.png");
}

.submenu-icon-kierowcy-4 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/kurs-przewoz-osob.png");
}

.submenu-icon-kierowcy-5 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/ikona-pakiety.png");
}

.submenu-icon-kierowcy-6 .submenu-icon {
  width: 65px;
  height: 65px;
  background-size: cover;
  margin-bottom: 0.8em;
  background-image: url("../../assets/img/menu-icons/ikona-instruktor.png");
}

.home .blog-excerpts .motocykle,
.single-post .post-main-content .motocykle,
.single-post .post-sidebar-excerpts .motocykle,
.page-template-archive .blog-archive .motocykle,
.category .blog-archive .motocykle {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-A.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .samochody-osobowe,
.single-post .post-main-content .samochody-osobowe,
.single-post .post-sidebar-excerpts .samochody-osobowe,
.page-template-archive .blog-archive .samochody-osobowe,
.category .blog-archive .samochody-osobowe {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-B.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .ciezarowki,
.single-post .post-main-content .ciezarowki,
.single-post .post-sidebar-excerpts .ciezarowki,
.page-template-archive .blog-archive .ciezarowki,
.category .blog-archive .ciezarowki {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-C.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .kategoria-a1,
.single-post .post-main-content .kategoria-a1,
.single-post .post-sidebar-excerpts .kategoria-a1,
.page-template-archive .blog-archive .kategoria-a1,
.category .blog-archive .kategoria-a1 {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-A1.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .kategoria-b-automat,
.single-post .post-main-content .kategoria-b-automat,
.single-post .post-sidebar-excerpts .kategoria-b-automat,
.page-template-archive .blog-archive .kategoria-b-automat,
.category .blog-archive .kategoria-b-automat {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-B-automat.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .ciezarowki-przyczepa,
.single-post .post-main-content .ciezarowki-przyczepa,
.single-post .post-sidebar-excerpts .ciezarowki-przyczepa,
.page-template-archive .blog-archive .ciezarowki-przyczepa,
.category .blog-archive .ciezarowki-przyczepa {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-CE.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .kategoria-a2,
.single-post .post-main-content .kategoria-a2,
.single-post .post-sidebar-excerpts .kategoria-a2,
.page-template-archive .blog-archive .kategoria-a2,
.category .blog-archive .kategoria-a2 {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-A2.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .auto-z-przyczepka,
.single-post .post-main-content .auto-z-przyczepka,
.single-post .post-sidebar-excerpts .auto-z-przyczepka,
.page-template-archive .blog-archive .auto-z-przyczepka,
.category .blog-archive .auto-z-przyczepka {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-BE.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .autobusy,
.single-post .post-main-content .autobusy,
.single-post .post-sidebar-excerpts .autobusy,
.page-template-archive .blog-archive .autobusy,
.category .blog-archive .autobusy {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/kategoria-D.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}
.home .blog-excerpts .aktualnosci,
.single-post .post-main-content .aktualnosci,
.single-post .post-sidebar-excerpts .aktualnosci,
.page-template-archive .blog-archive .aktualnosci,
.category .blog-archive .aktualnosci {
  width: 45px;
  height: 45px;
  background-image: url("../../assets/img/menu-icons/aktualnosci.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex: none;
}

.akademia-links .akademia-jazdy .akademia-icon {
  height: 110px;
  background-image: url("../../assets/img/ADJ@2x.png.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.akademia-links .akademia-motocyklisty .akademia-icon {
  height: 110px;
  background-image: url("../../assets/img/AM@2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.akademia-links .akademia-przemyslu .akademia-icon {
  height: 110px;
  background-image: url("../../assets/img/AP@2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.akademia-links .akademia-operatora .akademia-icon {
  height: 110px;
  background-image: url("../../assets/img/AO@2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.akademia-links .akademia-spawania .akademia-icon {
  height: 110px;
  background-image: url("../../assets/img/AS@2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.blog-pagination {
  padding: 1em 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1em;
  margin-bottom: 2em;
}
.blog-pagination > * {
  display: inline-block;
  padding: 0.3em 0.7em;
  font-size: 14px;
  border: 1px solid rgba(107, 107, 107, 0.3);
}
.blog-pagination .current {
  border-color: #fea900;
  color: #fea900;
}
.blog-pagination .next-page-link-icon, .blog-pagination .prev-page-link-icon {
  background-image: url("../../assets/img/pagination-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 28px;
  width: 15px;
}
@media screen and (min-width: 992px) {
  .blog-pagination .next-page-link-icon, .blog-pagination .prev-page-link-icon {
    height: 36px;
    width: 20px;
  }
}
.blog-pagination .prev-page-link-icon {
  transform: rotate(180deg);
  margin-right: 1em;
}
.blog-pagination .next-page-link-icon {
  margin-left: 1em;
}
.blog-pagination .prev,
.blog-pagination .next {
  border: none;
  padding: 0px;
}
@media screen and (min-width: 992px) {
  .blog-pagination {
    width: 100%;
  }
  .blog-pagination > * {
    padding: 0.8em 1.3em;
    font-size: 16px;
  }
  .blog-pagination .prev,
  .blog-pagination .next {
    border: none;
    padding: 8px;
  }
  .blog-pagination .prev-page-link-icon {
    margin-right: 2em;
  }
  .blog-pagination .next-page-link-icon {
    margin-left: 2em;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

.cky-consent-container {
  top: unset !important;
  bottom: 0 !important;
}
@media screen and (min-width: 440px) {
  .cky-consent-container {
    bottom: unset !important;
    top: 40% !important;
    left: calc(50% - 220px) !important;
  }
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

h1,
.h1 {
  font-size: 30px;
}
@media screen and (min-width: 992px) {
  h1,
  .h1 {
    font-size: 35px;
  }
}

h2,
.h2 {
  font-size: 20px;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 992px) {
  h2,
  .h2 {
    margin-top: 2.5em;
  }
}

h3,
.h3 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 992px) {
  h3,
  .h3 {
    margin-top: 2em;
  }
}

h4,
.h4 {
  margin-bottom: 1.5em;
}

p {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  p {
    font-size: 15px;
    line-height: 20px;
  }
}

strong {
  font-weight: 700;
}

b {
  font-weight: 600;
}

:where(h1, h2, h3, h4, h5, h6),
:where(.h1, .h2, .h3, .h4, .h5, .h6) {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
}

:is(.h1, .h2, .h3, .h4, .h5, .h6) {
  margin-top: 0;
}

hr {
  color: rgb(191, 191, 191);
}

.page-main-content .page-content ol,
.page-main-content .page-content .kurs-main-content ol,
.kurs-main-content .page-main-content .page-content ol,
.page-main-content .page-content .kurs-short-info ol,
.kurs-short-info .page-main-content .page-content ol,
.page-main-content .page-content .post-main-content .post-content ol,
.post-main-content .post-content .page-main-content .page-content ol,
.page-main-content .page-content .home .front-page-content ol,
.home .front-page-content .page-main-content .page-content ol,
.page-main-content .page-content .category-description ol,
.category-description .page-main-content .page-content ol,
.page-main-content .page-content .faq-page .faq-section ol,
.faq-page .faq-section .page-main-content .page-content ol, .page-main-content .page-content ul,
.kurs-main-content .page-main-content .page-content ol,
.page-main-content .page-content .kurs-main-content ol,
.kurs-main-content ol,
.kurs-main-content .kurs-short-info ol,
.kurs-short-info .kurs-main-content ol,
.kurs-main-content .post-main-content .post-content ol,
.post-main-content .post-content .kurs-main-content ol,
.kurs-main-content .home .front-page-content ol,
.home .front-page-content .kurs-main-content ol,
.kurs-main-content .category-description ol,
.category-description .kurs-main-content ol,
.kurs-main-content .faq-page .faq-section ol,
.faq-page .faq-section .kurs-main-content ol,
.kurs-main-content ul,
.kurs-main-content .kurs-short-info ul,
.kurs-short-info .kurs-main-content ul,
.kurs-main-content .category-description ul,
.category-description .kurs-main-content ul,
.kurs-short-info .page-main-content .page-content ol,
.page-main-content .page-content .kurs-short-info ol,
.kurs-short-info .kurs-main-content ol,
.kurs-main-content .kurs-short-info ol,
.kurs-short-info ol,
.kurs-short-info .post-main-content .post-content ol,
.post-main-content .post-content .kurs-short-info ol,
.kurs-short-info .home .front-page-content ol,
.home .front-page-content .kurs-short-info ol,
.kurs-short-info .category-description ol,
.category-description .kurs-short-info ol,
.kurs-short-info .faq-page .faq-section ol,
.faq-page .faq-section .kurs-short-info ol,
.kurs-short-info ul,
.kurs-short-info .category-description ul,
.category-description .kurs-short-info ul,
.post-main-content .post-content .page-main-content .page-content ol,
.page-main-content .page-content .post-main-content .post-content ol,
.post-main-content .post-content .kurs-main-content ol,
.kurs-main-content .post-main-content .post-content ol,
.post-main-content .post-content .kurs-short-info ol,
.kurs-short-info .post-main-content .post-content ol,
.post-main-content .post-content ol,
.post-main-content .post-content .home .front-page-content ol,
.home .front-page-content .post-main-content .post-content ol,
.post-main-content .post-content .category-description ol,
.category-description .post-main-content .post-content ol,
.post-main-content .post-content .faq-page .faq-section ol,
.faq-page .faq-section .post-main-content .post-content ol,
.post-main-content .post-content ul,
.home .front-page-content .page-main-content .page-content ol,
.page-main-content .page-content .home .front-page-content ol,
.home .front-page-content .kurs-main-content ol,
.kurs-main-content .home .front-page-content ol,
.home .front-page-content .kurs-short-info ol,
.kurs-short-info .home .front-page-content ol,
.home .front-page-content .post-main-content .post-content ol,
.post-main-content .post-content .home .front-page-content ol,
.home .front-page-content ol,
.home .front-page-content .category-description ol,
.category-description .home .front-page-content ol,
.home .front-page-content .faq-page .faq-section ol,
.faq-page .faq-section .home .front-page-content ol,
.home .front-page-content ul,
.category-description .page-main-content .page-content ol,
.page-main-content .page-content .category-description ol,
.category-description .kurs-main-content ol,
.kurs-main-content .category-description ol,
.category-description .kurs-short-info ol,
.kurs-short-info .category-description ol,
.category-description .post-main-content .post-content ol,
.post-main-content .post-content .category-description ol,
.category-description .home .front-page-content ol,
.home .front-page-content .category-description ol,
.category-description ol,
.category-description .faq-page .faq-section ol,
.faq-page .faq-section .category-description ol,
.category-description ul,
.faq-page .faq-section .page-main-content .page-content ol,
.page-main-content .page-content .faq-page .faq-section ol,
.faq-page .faq-section .kurs-main-content ol,
.kurs-main-content .faq-page .faq-section ol,
.faq-page .faq-section .kurs-short-info ol,
.kurs-short-info .faq-page .faq-section ol,
.faq-page .faq-section .post-main-content .post-content ol,
.post-main-content .post-content .faq-page .faq-section ol,
.faq-page .faq-section .home .front-page-content ol,
.home .front-page-content .faq-page .faq-section ol,
.faq-page .faq-section .category-description ol,
.category-description .faq-page .faq-section ol,
.faq-page .faq-section ol,
.faq-page .faq-section ul {
  list-style-position: inside;
  padding-left: 2em;
  margin-bottom: 1em;
  padding-top: 0em;
}
.page-main-content .page-content ul,
.kurs-main-content ul,
.kurs-short-info ul,
.post-main-content .post-content ul,
.home .front-page-content ul,
.category-description ul,
.faq-page .faq-section ul {
  list-style-type: disc;
  font-size: 13px;
  line-height: 18px;
}
.page-main-content .page-content ul li,
.kurs-main-content ul li,
.kurs-short-info ul li,
.post-main-content .post-content ul li,
.home .front-page-content ul li,
.category-description ul li,
.faq-page .faq-section ul li {
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .page-main-content .page-content ul,
  .kurs-main-content ul,
  .kurs-short-info ul,
  .post-main-content .post-content ul,
  .home .front-page-content ul,
  .category-description ul,
  .faq-page .faq-section ul {
    font-size: 15px;
    line-height: 20px;
  }
}
.page-main-content .page-content ol,
.kurs-main-content ol,
.kurs-short-info ol,
.post-main-content .post-content ol,
.home .front-page-content ol,
.category-description ol,
.faq-page .faq-section ol {
  font-size: 13px;
  list-style-type: decimal;
  line-height: 18px;
}
@media screen and (min-width: 992px) {
  .page-main-content .page-content ol,
  .kurs-main-content ol,
  .kurs-short-info ol,
  .post-main-content .post-content ol,
  .home .front-page-content ol,
  .category-description ol,
  .faq-page .faq-section ol {
    font-size: 15px;
    line-height: 20px;
  }
}
.page-main-content .page-content ul ul,
.page-main-content .page-content ol ul,
.kurs-main-content ul ul,
.kurs-main-content ol ul,
.kurs-short-info ul ul,
.kurs-short-info ol ul,
.post-main-content .post-content ul ul,
.post-main-content .post-content ol ul,
.home .front-page-content ul ul,
.home .front-page-content ol ul,
.category-description ul ul,
.category-description ol ul,
.faq-page .faq-section ul ul,
.faq-page .faq-section ol ul {
  list-style-type: circle;
  margin-left: 15px;
}
.page-main-content .page-content ol ol,
.page-main-content .page-content ul ol,
.kurs-main-content ol ol,
.kurs-main-content ul ol,
.kurs-short-info ol ol,
.kurs-short-info ul ol,
.post-main-content .post-content ol ol,
.post-main-content .post-content ul ol,
.home .front-page-content ol ol,
.home .front-page-content ul ol,
.category-description ol ol,
.category-description ul ol,
.faq-page .faq-section ol ol,
.faq-page .faq-section ul ol {
  list-style-type: lower-latin;
  margin-left: 15px;
}

.wp-block-columns {
  column-gap: 2em;
}

.default-page .page-content a {
  color: #176CD5;
  font-weight: 600;
  text-decoration: underline;
}
.default-page .page-content .wp-block-button a {
  color: inherit;
  text-decoration: none;
}

.d-none {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.border-white-1 {
  border: 1px solid white;
}

.border-white-2 {
  border: 2px solid white;
}

.border-black-1 {
  border: 1px solid white;
}

.text-center {
  text-align: center;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  height: 60px;
  background-color: #fafafa;
  z-index: 130;
}

.main-logo {
  height: 100%;
  margin-left: 26px;
}
.main-logo img {
  height: 60px;
  width: 120px;
  max-height: 100%;
}

.mobile-menu-modal {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  background-color: white;
  height: calc(100vh - 60px);
  transition: height 0.3s ease-in-out;
  z-index: 120;
  overflow: hidden;
  min-width: 100%;
}
.mobile-menu-modal .menu-mobile-menu-container {
  height: calc(100% + 25px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mobile-menu-modal .pelna-oferta-link {
  position: sticky;
  bottom: 70px;
  right: 10px;
  align-self: flex-end;
  padding: 1em 2em;
  background-color: #fea900;
  border-radius: 10px;
  box-shadow: 0 0 10px 20px rgba(255, 255, 255, 0.7882352941);
}
.mobile-menu-modal.hide-menu-modal {
  height: 0;
}

.top-bar-mobile-menu {
  padding: 1.5em 0;
  padding-left: 1em;
  height: calc(100% - 25px);
  overflow-y: auto;
}
.top-bar-mobile-menu li {
  padding: 8px 0;
}
.top-bar-mobile-menu a {
  font-size: 18px;
  text-transform: uppercase;
  height: 35px;
  display: block;
}
.top-bar-mobile-menu a img {
  width: 20px;
  margin-right: 20px;
  margin-bottom: 2px;
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
}
.top-bar-mobile-menu .no-arrow {
  padding-left: 40px;
}
.top-bar-mobile-menu img.rotate-arrow {
  transform: rotate(-90deg);
}
.top-bar-mobile-menu .menu-item-has-children.hidden-sub-menu > ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0px;
}
.top-bar-mobile-menu .menu-item-has-children > a::before {
  content: "";
  background-image: url(../../assets/img/menu-down-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 0px;
  margin-right: 15px;
  height: 13px;
  width: 21px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.top-bar-mobile-menu .menu-item-has-children > ul {
  padding: 0 2.5em;
  margin: 10px 0 20px;
  max-height: 600px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.top-bar-mobile-menu .menu-item-has-children > ul a {
  font-size: 14px;
  text-transform: none;
  height: 35px;
  display: flex;
  align-items: center;
}
.top-bar-mobile-menu .menu-item-has-children > ul img {
  width: 30px;
  margin-right: 15px;
}
.top-bar-mobile-menu .submenu-icon-1 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-A.png");
}
.top-bar-mobile-menu .submenu-icon-2 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-B.png");
}
.top-bar-mobile-menu .submenu-icon-3 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-C.png");
}
.top-bar-mobile-menu .submenu-icon-4 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-A1.png");
}
.top-bar-mobile-menu .submenu-icon-5 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-B-automat.png");
}
.top-bar-mobile-menu .submenu-icon-6 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-CE.png");
}
.top-bar-mobile-menu .submenu-icon-7 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-A2.png");
}
.top-bar-mobile-menu .submenu-icon-8 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-BE.png");
}
.top-bar-mobile-menu .submenu-icon-9 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kategoria-D.png");
}
.top-bar-mobile-menu .submenu-icon-kierowcy-1 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/szkolenia-okresowe.png");
}
.top-bar-mobile-menu .submenu-icon-kierowcy-2 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kurs-przewoz-rzeczy.png");
}
.top-bar-mobile-menu .submenu-icon-kierowcy-3 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/ADR-materialy-niebezpieczne.png");
}
.top-bar-mobile-menu .submenu-icon-kierowcy-4 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/kurs-przewoz-osob.png");
}
.top-bar-mobile-menu .submenu-icon-kierowcy-5 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/ikona-pakiety.png");
}
.top-bar-mobile-menu .submenu-icon-kierowcy-6 a::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../assets/img/menu-icons/ikona-instruktor.png");
}

.top-bar-desktop-menu {
  display: none;
}
.top-bar-desktop-menu .desktop-menu {
  height: 100%;
  display: flex;
  align-items: center;
  column-gap: 1.5em;
}
.top-bar-desktop-menu .desktop-menu a {
  height: 100%;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .top-bar-desktop-menu {
    display: block;
    min-width: 700px;
  }
}
@media screen and (min-width: 1200px) {
  .top-bar-desktop-menu .desktop-menu {
    column-gap: 3em;
  }
}

#kierowcy-zawodowi::before, #kursy-prawa-jazdy::before {
  content: "";
  background-image: url("../../assets/img/menu-down-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 1px;
  margin-right: 3px;
  height: 11px;
  width: 19px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}

.rotate-arrow::before {
  transform: rotate(-90deg);
}

.eng-ukr-info-links {
  display: flex;
  align-items: center;
  gap: 2em;
}
.eng-ukr-info-links img {
  height: 28px;
}
.eng-ukr-info-links .ukr-link {
  display: none;
}
@media (min-width: 992px) {
  .eng-ukr-info-links .ukr-link {
    display: block;
  }
}

.top-bar-icons {
  margin-left: 2.4em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 4.3em;
  padding-top: 4px;
}
.top-bar-icons img {
  height: 23px;
  width: 23px;
}
.top-bar-icons .phone-icon {
  height: 24px;
}
.top-bar-icons .search-icon {
  padding: 5px 5px 0;
}
.top-bar-icons .search-icon.icon-border {
  border: 2px solid #fea900;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .top-bar-icons {
    margin-left: 0;
    width: unset;
  }
  .top-bar-icons .phone-icon {
    display: none;
  }
  .top-bar-icons .search-icon {
    padding: 5px;
  }
}

.kierowcy-submenu, .kursy-submenu {
  position: fixed;
  background: white;
  top: 60px;
  left: 0;
  right: 0;
  height: calc(100vh - 60px);
  max-height: 720px;
  padding: 2em 3em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 20px 2px rgba(66, 66, 66, 0.1);
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.kierowcy-submenu .submenu-list, .kursy-submenu .submenu-list {
  display: flex;
  flex-wrap: wrap;
  width: 600px;
  row-gap: 2rem;
  position: relative;
}
.kierowcy-submenu .submenu-wrapper, .kursy-submenu .submenu-wrapper {
  display: flex;
}
.kierowcy-submenu .informacje-submenu, .kursy-submenu .informacje-submenu {
  margin-left: 4rem;
  position: relative;
  top: 20px;
  width: auto;
  font-size: 14px;
}
.kierowcy-submenu .informacje-submenu h4, .kursy-submenu .informacje-submenu h4,
.kierowcy-submenu .informacje-submenu .h4,
.kursy-submenu .informacje-submenu .h4 {
  text-transform: uppercase;
  border-bottom: 1px solid rgba(107, 107, 107, 0.3);
  padding-bottom: 6px;
  width: fit-content;
  margin-bottom: 2em;
  font-size: 16px;
}
.kierowcy-submenu .informacje-submenu li a, .kursy-submenu .informacje-submenu li a {
  text-transform: none;
  margin-bottom: 1em;
  display: block;
}
.kierowcy-submenu .informacje-submenu .informacje-menu, .kursy-submenu .informacje-submenu .informacje-menu {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 16rem);
  overflow-y: scroll;
  scrollbar-width: none;
}
.kierowcy-submenu .informacje-submenu .informacje-menu a, .kursy-submenu .informacje-submenu .informacje-menu a {
  text-align: left;
}
.kierowcy-submenu .informacje-submenu .informacje-menu li, .kursy-submenu .informacje-submenu .informacje-menu li {
  width: unset;
}

.kursy-submenu.kursy-hidden-submenu {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
}
.kursy-submenu li {
  width: 25%;
}
.kursy-submenu li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  text-transform: none;
  height: 110px;
  text-align: center;
}
@media screen and (max-height: 660px) and (min-width: 1200px) {
  .kursy-submenu .informacje-submenu {
    margin-left: 2rem;
  }
  .kursy-submenu .informacje-submenu .informacje-menu {
    flex-wrap: wrap;
    overflow-y: visible;
    column-gap: 1rem;
  }
  .kursy-submenu .informacje-submenu .informacje-menu li {
    max-width: 14rem;
  }
}

.kierowcy-submenu.kursy-hidden-submenu {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
}
.kierowcy-submenu li {
  width: 40%;
}
.kierowcy-submenu li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  text-transform: none;
  height: 140px;
  text-align: center;
}

.top-bar-secondary-menu-modal {
  position: fixed;
  background: white;
  top: 60px;
  left: 0;
  right: 0;
  height: calc(100vh - 60px);
  max-height: 720px;
  padding: 4em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 20px 2px rgba(66, 66, 66, 0.1);
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.top-bar-secondary-menu-modal .secondary-menu {
  position: relative;
  display: flex;
  align-items: flex-start;
  max-width: 960px;
  min-height: 300px;
  margin: 0 auto;
  column-gap: 6em;
}
.top-bar-secondary-menu-modal .secondary-menu a {
  margin-bottom: 1em;
  display: block;
  font-size: 14px;
}
.top-bar-secondary-menu-modal.kursy-hidden-submenu {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
}
.top-bar-secondary-menu-modal .menu-item-has-children > a {
  text-transform: uppercase;
  border-bottom: 1px solid rgba(107, 107, 107, 0.3);
  padding-bottom: 6px;
  margin-bottom: 2em;
  font-size: 17px;
  pointer-events: none;
  white-space: nowrap;
}
.top-bar-secondary-menu-modal .social-media-links {
  position: absolute;
  right: 5em;
  bottom: 4em;
  display: flex;
  gap: 0.6rem;
  margin-top: 2.5rem;
  justify-content: center;
}
.top-bar-secondary-menu-modal .social-media-links > a {
  height: 3.5rem;
  width: 3.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.2s ease;
}
.top-bar-secondary-menu-modal .social-media-links .facebook-link {
  background-image: url("../../assets/img/social-media-icons/facebook_icon.png");
}
.top-bar-secondary-menu-modal .social-media-links .facebook-link:hover {
  background-image: url("../../assets/img/social-media-icons/facebook_icon_hover.png");
}
.top-bar-secondary-menu-modal .social-media-links .instagram-link {
  background-image: url("../../assets/img/social-media-icons/Instagram_icon.png");
}
.top-bar-secondary-menu-modal .social-media-links .instagram-link:hover {
  background-image: url("../../assets/img/social-media-icons/Instagram_icon_hover.png");
}
.top-bar-secondary-menu-modal .social-media-links .youtube-link {
  background-image: url("../../assets/img/social-media-icons/Youtube_icon.png");
}
.top-bar-secondary-menu-modal .social-media-links .youtube-link:hover {
  background-image: url("../../assets/img/social-media-icons/Youtube_icon_hover.png");
}
.top-bar-secondary-menu-modal .social-media-links .linkedin-link {
  background-image: url("../../assets/img/social-media-icons/Linkedin_icon.png");
}
.top-bar-secondary-menu-modal .social-media-links .linkedin-link:hover {
  background-image: url("../../assets/img/social-media-icons/Linkedin_icon_hover.png");
}
.top-bar-secondary-menu-modal .secondary-menu-oferta-btn {
  position: absolute;
  left: 5em;
  bottom: 4em;
}
.top-bar-secondary-menu-modal .secondary-menu-oferta-btn a {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
}

.secondary-desktop-menu-btn, .secondary-mobile-menu-btn {
  background-color: #fea900;
  width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  font-size: 11px;
  font-weight: 300;
  color: white;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}
.secondary-desktop-menu-btn img, .secondary-mobile-menu-btn img {
  position: absolute;
  top: 16px;
  right: 17px;
  width: 26px;
  height: 26px;
}

.secondary-mobile-menu-btn .mobile-hamb-icon.hidden-icon {
  opacity: 0;
  z-index: -1;
}
.secondary-mobile-menu-btn .mobile-close-icon.hidden-icon {
  opacity: 0;
  z-index: -1;
}
@media screen and (min-width: 992px) {
  .secondary-mobile-menu-btn {
    display: none;
  }
}

.secondary-desktop-menu-btn {
  display: none;
}
.secondary-desktop-menu-btn p {
  margin-top: 2.7em;
  font-size: 10px;
}
.secondary-desktop-menu-btn .mobile-close-icon.hidden-icon {
  opacity: 0;
  z-index: -1;
}
.secondary-desktop-menu-btn .desktop-hamb-icon.hidden-icon {
  opacity: 0;
  z-index: -1;
}
.secondary-desktop-menu-btn p.hidden-icon {
  opacity: 0;
  z-index: -1;
}
@media screen and (min-width: 992px) {
  .secondary-desktop-menu-btn {
    display: block;
  }
}

#breadcrumbs {
  position: absolute;
  left: 0;
  top: 68px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  width: 100%;
  overflow: scroll;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#breadcrumbs::-webkit-scrollbar {
  display: none;
}
#breadcrumbs a {
  padding-right: 5px;
}
#breadcrumbs span {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 992px) {
  #breadcrumbs {
    padding-left: 30px;
  }
}

.home #breadcrumbs {
  display: none;
}

footer {
  background-color: #1F1F1F;
}

.footer-menu {
  color: rgb(255, 255, 255) !important;
  padding-top: 3em;
  padding-bottom: 1em;
}
.footer-menu h4,
.footer-menu .h4 {
  font-size: 18px;
  margin-left: 2em;
  margin-bottom: 0;
  padding: 0.8em 0;
  font-weight: 500;
}
.footer-menu img {
  position: relative;
  top: -1px;
  width: 20px;
  margin-right: 12px;
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
}
.footer-menu img.rotate-arrow {
  transform: rotate(-90deg);
}
.footer-menu > div {
  margin-bottom: 0.4em;
}
.footer-menu .mobile-accordion {
  cursor: pointer;
  pointer-events: all;
}
.footer-menu ul {
  overflow: hidden;
  max-height: 520px;
  transition: all 0.3s ease-in-out;
}
.footer-menu ul.hidden-footer-menu {
  max-height: 0;
  pointer-events: none;
}
.footer-menu li {
  padding: 8px;
  padding-left: 3em;
  border-bottom: 1px solid rgba(107, 107, 107, 0.3);
}
.footer-menu li a {
  font-size: 12px;
  font-weight: 300;
}
.footer-menu .underline-long {
  display: none;
}
@media screen and (min-width: 992px) {
  .footer-menu {
    text-align: left;
    display: flex;
    column-gap: 1em;
  }
  .footer-menu .underline-long {
    display: block;
    margin: 1em 0;
  }
  .footer-menu ul.hidden-footer-menu {
    max-height: unset;
    pointer-events: initial;
  }
  .footer-menu .mobile-accordion img {
    display: none;
  }
  .footer-menu h4,
  .footer-menu .h4 {
    margin-left: 0;
    padding: 0;
    font-size: 16px;
  }
  .footer-menu li {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
  }
  .footer-menu > div {
    width: 22%;
  }
  .footer-menu > div.dane-przelewy {
    width: 30%;
  }
  .footer-menu > div.kursy-footer-menu {
    width: 28%;
  }
  .footer-menu #menu-footer-kursy li {
    margin-right: 2em;
  }
}

.dane-przelewy {
  text-align: center;
}
.dane-przelewy h4,
.dane-przelewy .h4 {
  text-align: left;
}
.dane-przelewy h5,
.dane-przelewy .h5 {
  font-size: 14px;
  margin: 2em 0;
  font-weight: 300;
}
.dane-przelewy .przelewy-nr-konta {
  font-size: 16px;
  line-height: 28px;
}
.dane-przelewy .przelewy-text {
  font-size: 10px;
  font-weight: 300;
}
.dane-przelewy .wrapper {
  max-height: 400px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.dane-przelewy .wrapper.hidden-footer-menu {
  max-height: 0;
}
@media screen and (min-width: 992px) {
  .dane-przelewy {
    text-align: left;
    order: -2;
  }
  .dane-przelewy .wrapper.hidden-footer-menu {
    max-height: unset;
  }
  .dane-przelewy .przelewy-nr-konta {
    font-size: 14px;
    line-height: 20px;
  }
  .dane-przelewy h5,
  .dane-przelewy .h5 {
    margin-top: 8px;
  }
}

.footer-contact {
  text-align: center;
}
.footer-contact h4,
.footer-contact .h4 {
  margin-bottom: 0.5em;
  margin-left: 0;
}
.footer-contact p {
  font-size: 20px;
  font-weight: 300;
  margin-top: 2em;
  line-height: 26px;
  margin-bottom: 25px;
}
.footer-contact p.adresy-osrodkow {
  display: none;
}
.footer-contact .footer-phone-link,
.footer-contact .footer-mail-link {
  display: block;
  margin-top: 8px;
}
.footer-contact .social-media-links {
  display: flex;
  gap: 0.6rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  justify-content: center;
}
.footer-contact .social-media-links > a {
  height: 3.5rem;
  width: 3.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.2s ease;
}
.footer-contact .social-media-links .facebook-link {
  background-image: url("../../assets/img/social-media-icons/facebook_icon.png");
}
.footer-contact .social-media-links .facebook-link:hover {
  background-image: url("../../assets/img/social-media-icons/facebook_icon_hover.png");
}
.footer-contact .social-media-links .instagram-link {
  background-image: url("../../assets/img/social-media-icons/Instagram_icon.png");
}
.footer-contact .social-media-links .instagram-link:hover {
  background-image: url("../../assets/img/social-media-icons/Instagram_icon_hover.png");
}
.footer-contact .social-media-links .youtube-link {
  background-image: url("../../assets/img/social-media-icons/Youtube_icon.png");
}
.footer-contact .social-media-links .youtube-link:hover {
  background-image: url("../../assets/img/social-media-icons/Youtube_icon_hover.png");
}
.footer-contact .social-media-links .linkedin-link {
  background-image: url("../../assets/img/social-media-icons/Linkedin_icon.png");
}
.footer-contact .social-media-links .linkedin-link:hover {
  background-image: url("../../assets/img/social-media-icons/Linkedin_icon_hover.png");
}
@media screen and (min-width: 992px) {
  .footer-contact {
    order: -1;
    text-align: left;
  }
  .footer-contact .underline-short {
    display: none;
  }
  .footer-contact a {
    font-size: 16px;
    margin-top: 20px;
    line-height: 20px;
  }
  .footer-contact p.adresy-osrodkow {
    display: block;
    font-size: 12px;
  }
  .footer-contact p.adresy-osrodkow strong {
    font-size: 16px;
    font-weight: 400;
  }
}

.copyright-bar {
  position: relative;
  padding: 1em 2em;
  background-color: #000;
  color: rgba(255, 255, 255, 0.5);
  height: 60px;
}
.copyright-bar p {
  font-size: 8px;
  line-height: 12px;
  font-weight: 300;
}
@media screen and (min-width: 992px) {
  .copyright-bar {
    padding-left: 30px;
  }
  .copyright-bar p {
    font-size: 10px;
    margin-top: 7px;
  }
  .copyright-bar p br {
    display: none;
  }
  .copyright-bar p span {
    margin-left: 8em;
  }
}

.scroll-up-btn {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 60px;
  width: 60px;
  cursor: pointer;
  background-color: #fea900;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-top-left-radius: 10px;
  padding: 15px;
  opacity: 0;
  transition: all 0.7s ease;
  transform: translateY(100px);
}
.scroll-up-btn img {
  margin-top: 5px;
}
.scroll-up-btn.fixed {
  opacity: 1;
  transform: translateY(0);
}

footer .recaptcha-statement {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  padding: 1rem;
  text-align: center;
}
footer .recaptcha-statement a {
  color: #fea900;
}
@media screen and (min-width: 992px) {
  footer .recaptcha-statement {
    text-align: right;
  }
}

.page-template-page-o-nas h1 {
  text-align: center;
}

.o-nas-linki-akademii {
  display: flex;
  overflow-x: scroll;
  column-gap: 1em;
  margin-bottom: 3em;
}
.o-nas-linki-akademii .link-item {
  min-width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.o-nas-linki-akademii .link-thumbnail {
  border-radius: 10px;
  max-height: 130px;
  object-fit: cover;
}
.o-nas-linki-akademii .link-btn {
  text-align: center;
  display: block;
  border-radius: 5px;
  border: 1px solid #fea900;
  text-transform: uppercase;
  padding: 10px;
  width: 65px;
  margin: 0 auto 1em;
  font-size: 10px;
}
@media (min-width: 992px) {
  .o-nas-linki-akademii {
    overflow-x: auto;
  }
  .o-nas-linki-akademii .link-thumbnail {
    max-height: 200px;
  }
}

.customer-feedback {
  background-color: #fea900;
  padding: 1em 0;
  margin-bottom: 4em;
  margin-top: 2em;
}
.customer-feedback .underline-short {
  background-color: white;
}
.customer-feedback .slider-container {
  position: relative;
}
.customer-feedback .opinia-single {
  padding: 0 2em 2em;
  text-align: center;
  width: 100%;
  margin-bottom: 1em;
}
.customer-feedback .stars-container {
  margin: 1.5em auto 2.5em;
}
.customer-feedback .stars-container ul {
  display: flex;
  column-gap: 1.5em;
  justify-content: center;
  align-items: center;
}
.customer-feedback .stars-container img {
  width: 25px;
  height: 25px;
}
.customer-feedback .opinia-text {
  margin-bottom: 2em;
}
.customer-feedback .opinia-name {
  font-size: 16px;
}
.customer-feedback .swiper .swiper-button-prev,
.customer-feedback .swiper .swiper-button-next {
  color: white;
  top: 43%;
}
.customer-feedback .swiper .swiper-button-prev::after,
.customer-feedback .swiper .swiper-button-next::after {
  font-size: 30px;
}
.customer-feedback .swiper .swiper-button-next {
  right: -5px;
}
.customer-feedback .swiper .swiper-button-prev {
  left: -5px;
}
.customer-feedback .swiper .swiper-pagination-bullet {
  margin: 0 12px;
  width: 12px;
  height: 12px;
  border: 1px solid black;
  background-color: transparent;
  opacity: 0.5;
}
.customer-feedback .swiper .swiper-pagination-bullet-active {
  background: white;
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .customer-feedback .swiper {
    padding: 0 2em;
    margin: 0 -2em;
  }
}

.google-reviews {
  padding: 1em 0;
  margin-bottom: 4em;
  margin-top: 2em;
}

.section-departments {
  background-color: #fea900;
  padding: 1em 0;
  margin-bottom: 3em;
  margin-top: 2em;
}
.section-departments .underline-short {
  background-color: white;
}
.section-departments .grid-slider .grid-card {
  background-color: white;
}

.search-modal {
  position: fixed;
  top: 60px;
  right: 0;
  width: 100%;
  padding: 3em 1em 0;
  background-color: #fafafa;
  border: 1px solid rgba(107, 107, 107, 0.3);
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: 99;
  transition: top 0.2s ease-in-out;
}
.search-modal.hidden-search-modal {
  top: -180px;
}
.search-modal form {
  display: flex;
  justify-content: center;
  margin-bottom: 2em;
}
.search-modal .search-input-field {
  border: 1px solid rgba(107, 107, 107, 0.3);
  border-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 10px 15px;
  flex-grow: 1;
}
.search-modal .search-input-field::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.search-modal button {
  padding: 11px 15px;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #fea900;
  color: white;
  margin-left: -5px;
}
.search-modal .search-close-btn {
  display: block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid rgba(107, 107, 107, 0.3);
  border-bottom: none;
  padding: 3px 20px;
  margin: 0 auto;
  width: fit-content;
}
.search-modal .search-close-btn img {
  width: 25px;
  height: 14px;
  display: block;
  transform: rotate(180deg);
}
@media screen and (min-width: 992px) {
  .search-modal {
    border-radius: 0;
    padding: 4.5em 4em 0;
  }
  .search-modal .search-input-field {
    border: none;
    border-bottom: 2px solid rgba(107, 107, 107, 0.3);
    border-radius: 0;
    flex-basis: 500px;
    flex-grow: 0;
  }
  .search-modal form {
    margin-bottom: 5em;
  }
  .search-modal button {
    padding: 11px 25px;
    border-radius: 10px;
    margin-left: 2em;
  }
}

#adj-slider {
  height: 100%;
}
#adj-slider .swiper-slide img.mobile-slide-background-img {
  position: absolute;
  top: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: -1;
}
#adj-slider .swiper-slide img.slide-background-img {
  position: absolute;
  top: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: -1;
}
#adj-slider .swiper-slide .content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
}
#adj-slider .swiper-slide .content-wrapper h2 {
  margin: 0 0 1rem;
  font-size: 26px;
  text-align: left;
}
#adj-slider .swiper-slide .content-wrapper p {
  font-size: 14px;
}
#adj-slider .swiper-slide .content-wrapper .inside-link-slider-btn {
  margin: 1.5em auto 1em;
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
  padding: 0.8em 1.4em;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  white-space: wrap;
}
#adj-slider .swiper-button-next:after,
#adj-slider .swiper-button-prev:after {
  color: #fea900;
  font-size: 30px;
}
#adj-slider .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid black;
  opacity: 0.8;
  background-color: white;
}
#adj-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
#adj-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px;
}
#adj-slider .swiper-pagination-bullet-active {
  background-color: #fea900;
  width: 10px;
  height: 10px;
  border-color: white;
  opacity: 1;
  position: relative;
  top: 1px;
}
@media screen and (min-width: 992px) {
  #adj-slider .swiper-slide img.mobile-slide-background-img {
    display: none;
  }
  #adj-slider .swiper-slide .content-wrapper {
    padding: 2rem;
    bottom: auto;
    width: 450px;
    border-radius: 10px;
  }
  #adj-slider .swiper-slide .content-wrapper.left {
    left: 8%;
    right: auto;
  }
  #adj-slider .swiper-slide .content-wrapper.right {
    right: 8%;
    left: auto;
  }
  #adj-slider .swiper-slide .content-wrapper.top {
    top: 10%;
    bottom: auto;
  }
  #adj-slider .swiper-slide .content-wrapper.bottom {
    bottom: 10%;
    top: auto;
  }
  #adj-slider .swiper-slide .content-wrapper.center {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  #adj-slider .swiper-slide .content-wrapper h2 {
    margin: 0 0 1rem;
    font-size: 32px;
  }
  #adj-slider .swiper-slide .content-wrapper p {
    font-size: 16px;
  }
  #adj-slider .swiper-slide .content-wrapper .inside-link-slider-btn {
    margin: 1.5em 0 0;
    font-size: 22px;
  }
}

.nbwz-global-popup {
  position: fixed;
  padding: 1rem;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.8s ease;
  user-select: none;
}
.nbwz-global-popup.hidden {
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}
.nbwz-global-popup .inside-wrapper {
  position: relative;
  border-radius: 10px;
  background-color: white;
  width: min(100%, 450px);
}
.nbwz-global-popup .block-part-wrapper {
  border-radius: 10px;
  overflow: hidden;
}
.nbwz-global-popup .block-part-wrapper .wp-block-image {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.nbwz-global-popup .block-part-wrapper .wp-block-image img {
  width: 100%;
  object-fit: cover;
  pointer-events: none;
}
.nbwz-global-popup .block-part-wrapper .wp-block-heading {
  margin: inherit;
}
.nbwz-global-popup .block-part-wrapper .wp-block-button {
  width: 100%;
}
.nbwz-global-popup .block-part-wrapper .wp-block-button .wp-block-button__link {
  position: relative;
  background-color: #fea900;
  color: white;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  width: 100%;
  margin-bottom: 0;
}
.nbwz-global-popup .block-part-wrapper .wp-block-button .wp-block-button__link::after {
  content: "";
  display: inline-block;
  background-image: url("../../assets/img/white-arrow-up.png.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  rotate: 90deg;
  width: 1rem;
  height: 0.9rem;
  margin-left: 4px;
}
.nbwz-global-popup .close-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 3px;
  border: 1px solid black;
  border-radius: 5rem;
  background-color: white;
  display: flex;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}
.nbwz-global-popup .logo-wrapper {
  position: absolute;
  top: 1rem;
  left: 1rem;
  border-radius: 5rem;
  height: 2.5rem;
  width: 2.5rem;
  overflow: hidden;
  background-color: white;
}
.nbwz-global-popup .logo-wrapper img {
  object-fit: cover;
  margin-left: -2px;
  margin-top: -3px;
}
@media screen and (min-width: 768px) {
  .nbwz-global-popup .close-btn {
    top: -1.8rem;
    right: -1.8rem;
  }
}

.adj-call-to-action .cta-banner {
  font-family: "Work Sans", sans-serif;
  border: 2px solid black;
  border-radius: 16px;
  padding: 1rem 1.5rem;
  background-color: #fea900;
  color: white;
  min-width: 350px;
  max-width: 840px;
  margin: 2rem auto;
  text-transform: uppercase;
  text-shadow: -1px -1px 4px rgba(125, 67, 0, 0.6), 1px -1px 4px rgba(125, 67, 0, 0.6), -3px 5px 7px rgba(128, 68, 0, 0.6), 1px 1px rgba(125, 67, 0, 0.6);
}
.adj-call-to-action .cta-banner .top-line {
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1.5rem;
}
.adj-call-to-action .cta-banner .bottom-line {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.adj-call-to-action .cta-banner .bottom-line .text-p {
  font-weight: 700;
  text-align: center;
}
.adj-call-to-action .cta-banner .bottom-line .button-link {
  border: 2px solid black;
  border-radius: 3rem;
  min-width: 180px;
  text-align: center;
  flex-shrink: 0;
  padding: 1rem 1.2rem;
  text-shadow: none;
  margin-bottom: 0.5rem;
  order: 3;
  background-color: #48d900 !important;
  box-shadow: 0px 3px 14px 0px rgba(125, 67, 0, 0.6);
}
.adj-call-to-action .cta-banner .bottom-line .button-link:hover {
  font-weight: 500;
  box-shadow: 0px 3px 17px 0px rgba(125, 67, 0, 0.8);
}
.adj-call-to-action .cta-banner .bottom-line .img-wrapper {
  flex-shrink: 0;
  height: 90px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 992px) {
  .adj-call-to-action .cta-banner {
    min-width: 650px;
  }
  .adj-call-to-action .cta-banner .top-line {
    margin-bottom: 0.5rem;
  }
  .adj-call-to-action .cta-banner .bottom-line {
    flex-direction: row;
    align-items: flex-end;
    column-gap: 1rem;
  }
  .adj-call-to-action .cta-banner .bottom-line .text-p {
    text-align: start;
  }
  .adj-call-to-action .cta-banner .bottom-line .button-link {
    order: unset;
  }
  .adj-call-to-action .cta-banner .bottom-line .img-wrapper {
    margin-bottom: 0;
  }
}

.bestsellers-section {
  background-color: #fea900;
  padding-top: 2rem;
}
.bestsellers-section .underline-short {
  background-color: white;
}
.bestsellers-section .grid-wrapper .bestseller-tag {
  visibility: hidden;
}
.bestsellers-section .grid-wrapper.kurs-promocja + h3 {
  color: black;
}
.bestsellers-section .grid-item {
  margin-bottom: 2rem;
}
.bestsellers-section .show-more-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  margin-top: -2em;
  padding-bottom: 3rem;
}
.bestsellers-section .show-more-button a {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
  background-color: white;
  color: #fea900;
  outline: white solid 1px;
  outline-offset: 1px;
}

.kursy-menu-bestsellers {
  background-color: #fea900;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.kursy-menu-bestsellers .swiper-button-next,
.kursy-menu-bestsellers .swiper-button-prev {
  color: white;
  top: 35%;
}
.kursy-menu-bestsellers .swiper-button-next::after,
.kursy-menu-bestsellers .swiper-button-prev::after {
  font-size: 30px;
}
.kursy-menu-bestsellers .swiper-button-next {
  right: -5px;
}
.kursy-menu-bestsellers .swiper-button-prev {
  left: -5px;
}
.kursy-menu-bestsellers:hover .outer-wrapper {
  max-height: 300px;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}
.kursy-menu-bestsellers .outer-wrapper {
  max-height: 0;
  transition: all 0.4s ease-out;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.kursy-menu-bestsellers .arrow-wrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 1rem;
}
.kursy-menu-bestsellers .arrow-wrapper img {
  rotate: 180deg;
}
.kursy-menu-bestsellers .grid-item {
  margin-bottom: 0;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.kursy-menu-bestsellers .grid-item .grid-wrapper {
  height: 140px;
}
.kursy-menu-bestsellers .grid-item .h3 {
  margin: 1rem 0 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}
.kursy-menu-bestsellers .grid-item img {
  box-shadow: none;
}
.kursy-menu-bestsellers .h2 {
  margin: 1rem;
  font-size: 20px;
  text-align: center;
}
.kursy-menu-bestsellers .underline-short {
  background-color: white;
}
.kursy-menu-bestsellers .grid-wrapper .bestseller-tag {
  visibility: hidden;
}
.kursy-menu-bestsellers .grid-wrapper.kurs-promocja + .h3 {
  color: black;
}

.fair-price-info-slider a {
  background-color: #fea900;
  color: white;
  padding: 1rem 0;
  display: flex;
  overflow: hidden;
  margin-top: 3rem;
}
.fair-price-info-slider a .inner-wrapper {
  padding: 0 1rem;
  display: flex;
  gap: 2rem;
  align-items: center;
  flex-shrink: 0;
  animation-name: fairPriceSlider;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 15s;
}
.fair-price-info-slider a .inner-wrapper h4,
.fair-price-info-slider a .inner-wrapper .h4 {
  font-size: 1.2rem;
  margin: 0;
}
.fair-price-info-slider a .inner-wrapper img {
  height: 40px;
}
@keyframes fairPriceSlider {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (min-width: 992px) {
  .fair-price-info-slider a .inner-wrapper {
    padding: 0 1.5rem;
    gap: 3rem;
  }
  .fair-price-info-slider a .inner-wrapper h4,
  .fair-price-info-slider a .inner-wrapper .h4 {
    font-size: 1.4rem;
  }
  .fair-price-info-slider a .inner-wrapper img {
    height: 55px;
  }
}

#formularz-zapisy .payment-options {
  max-width: 800px;
  margin: 2rem auto 4rem;
}
#formularz-zapisy .payment-options .payment-single-option {
  position: relative;
  padding: 1.4rem;
  border: 1px solid #fea900;
  margin-bottom: 2rem;
  border-radius: 10px;
}
#formularz-zapisy .payment-options .payment-single-option:has(input[type=radio]:checked) {
  border-width: 3px;
}
#formularz-zapisy .payment-options .payment-single-option .input-wrapper label::after {
  content: "";
  position: absolute;
  inset: 0;
}
#formularz-zapisy .payment-options .form-header {
  margin-bottom: 3rem;
}
#formularz-zapisy .payment-options .form-header h2 {
  font-size: 30px;
  margin: 0 2rem;
}
#formularz-zapisy .payment-options .input-wrapper {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.2rem;
  align-items: center;
}
#formularz-zapisy .payment-options .input-wrapper input[type=radio] {
  padding: 8px;
}
#formularz-zapisy .payment-options .input-wrapper input[type=radio]:checked {
  background-color: #fea900;
}
#formularz-zapisy .payment-options .input-wrapper label {
  margin-bottom: 0;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
}
#formularz-zapisy .payment-options .payment-info .osrodki-info {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  justify-content: space-between;
  padding-top: 1rem;
}
#formularz-zapisy .payment-options .payment-info .osrodki-info h4 {
  margin-bottom: 0.5rem;
  font-size: 18px;
}
#formularz-zapisy .payment-options .payment-info .account-number .text {
  font-size: 18px;
  margin-bottom: 1rem;
}
#formularz-zapisy .payment-options .payment-info .account-number .number {
  font-size: 20px;
  letter-spacing: -0.2px;
}
#formularz-zapisy .payment-options .payment-info p {
  font-size: 16px;
  line-height: 1.4;
}
#formularz-zapisy .payment-options .payment-online .payment-info,
#formularz-zapisy .payment-options .payment-online-installment .payment-info {
  display: flex;
  gap: 2rem;
  align-items: center;
}
#formularz-zapisy .payment-options .payment-online .payment-info img,
#formularz-zapisy .payment-options .payment-online-installment .payment-info img {
  height: 40px;
}
@media all and (min-width: 992px) {
  #formularz-zapisy .payment-options .form-header h2 {
    font-size: 34px;
  }
  #formularz-zapisy .payment-options .payment-info .osrodki-info {
    flex-direction: row;
  }
  #formularz-zapisy .payment-options .payment-info .account-number .text {
    font-size: 20px;
    margin-bottom: 0.5rem;
  }
  #formularz-zapisy .payment-options .payment-info .account-number .number {
    font-size: 24px;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
  }
}

.online-payment-redirection {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.online-payment-redirection .heading {
  text-align: center;
  padding-bottom: 2rem;
}
.online-payment-redirection .heading h2 {
  font-size: 24px;
}
.online-payment-redirection .info-text {
  max-width: 800px;
  margin: 0 auto 4rem;
  line-height: 1.5;
}
.online-payment-redirection .payment-link-wrapper {
  padding: 1rem;
  display: flex;
  justify-content: center;
}
.online-payment-redirection .payment-link-wrapper .payment-link-btn {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Work Sans";
}
.online-payment-redirection .installment-info {
  font-family: "Work Sans";
  font-size: 1.2rem;
}

.payment-info-office {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
.payment-info-office .payment-heading {
  text-align: center;
  padding-bottom: 1rem;
}
.payment-info-office .payment-heading h2 {
  font-size: 24px;
  margin-bottom: 0.5rem;
}
.payment-info-office .payment-info {
  margin: 1rem auto 1rem;
}
.payment-info-office .payment-info p {
  font-size: 16px;
  line-height: 1.5;
}
.payment-info-office .payment-info .osrodki-info {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  justify-content: space-between;
  padding-top: 1rem;
}
.payment-info-office .payment-info .osrodki-info h4 {
  margin-bottom: 0.5rem;
  font-size: 18px;
}
@media all and (min-width: 992px) {
  .payment-info-office .payment-info .osrodki-info {
    flex-direction: row;
  }
}

.payment-info-transfer {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
.payment-info-transfer .payment-heading {
  text-align: center;
  padding-bottom: 0.5rem;
}
.payment-info-transfer .payment-heading h2 {
  font-size: 24px;
  margin-bottom: 1rem;
}
.payment-info-transfer .payment-info {
  margin: 1rem auto 1rem;
}
.payment-info-transfer .payment-info .account-number {
  margin-bottom: 3rem;
}
.payment-info-transfer .payment-info .account-number .text {
  font-size: 18px;
  margin-bottom: 1rem;
}
.payment-info-transfer .payment-info .account-number .number {
  font-size: 20px;
  letter-spacing: -0.2px;
}
.payment-info-transfer .payment-info p {
  font-size: 16px;
  line-height: 1.5;
}
@media all and (min-width: 992px) {
  .payment-info-transfer .payment-info .account-number .text {
    font-size: 20px;
    margin-bottom: 0.5rem;
  }
  .payment-info-transfer .payment-info .account-number .number {
    font-size: 24px;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
  }
}

.bundle-theory-variants {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 3rem;
  justify-content: center;
  order: 2;
}
.bundle-theory-variants p.kurs-heading-p {
  width: 100%;
}
.bundle-theory-variants .bundle-theory-variant {
  position: relative;
  display: grid;
  grid-template-columns: 30px auto;
  grid-template-rows: auto auto;
  gap: 0.4rem 0.3rem;
  flex: 0 1 calc(50% - 0.5rem);
  max-width: 180px;
  padding: 0.5rem;
  background-color: white;
  color: #176CD5;
  border: 1px solid #176CD5;
  border-radius: 4px;
  -webkit-user-select: none; /* Safari */
  user-select: none;
}
.bundle-theory-variants .bundle-theory-variant:has(input[type=radio]:checked) {
  background-color: #176CD5;
  color: white;
}
.bundle-theory-variants .bundle-theory-variant:has(input[type=radio]:checked) .img-wrapper img {
  filter: none;
}
.bundle-theory-variants .bundle-theory-variant input {
  opacity: 0;
  position: absolute;
}
.bundle-theory-variants .bundle-theory-variant .img-wrapper {
  grid-column: 1/span 1;
  height: 20px;
  width: 20px;
  background-color: white;
  border-radius: 100%;
  outline: 2px solid white;
}
.bundle-theory-variants .bundle-theory-variant .img-wrapper img {
  object-fit: contain;
  height: auto;
  filter: grayscale(100%) brightness(1.5) opacity(0.6);
}
.bundle-theory-variants .bundle-theory-variant label {
  grid-column: 2/-1;
  padding: 0;
  border: none;
  color: inherit;
  font-size: 1.2rem;
  font-weight: 700;
}
.bundle-theory-variants .bundle-theory-variant label::after {
  content: "";
  position: absolute;
  inset: 0;
}
.bundle-theory-variants .bundle-theory-variant .label-text {
  font-size: 0.85rem;
  grid-column: 1/-1;
  grid-row: 2/-1;
}
.bundle-theory-variants .bundle-theory-variant .label-text span {
  display: block;
}
@media screen and (min-width: 992px) {
  .bundle-theory-variants {
    justify-content: flex-start;
  }
  .bundle-theory-variants .bundle-theory-variant {
    grid-template-columns: 50px 1fr;
    gap: 0.5rem 0.7rem;
    padding: 0.7rem;
    max-width: 220px;
  }
  .bundle-theory-variants .bundle-theory-variant .img-wrapper {
    grid-row: 1/-1;
    width: 40px;
    height: 40px;
    align-self: center;
    justify-self: center;
    outline-width: 4px;
  }
  .bundle-theory-variants .bundle-theory-variant label {
    font-size: 1.4rem;
  }
  .bundle-theory-variants .bundle-theory-variant .label-text {
    grid-column: 2/-1;
    font-size: 0.9rem;
  }
}

.bundle-variants-terminy-container .bundle-terminy-slider {
  overflow-x: scroll;
  margin: 1rem 1.4rem 2rem;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.bundle-variants-terminy-container .bundle-terminy-slider input[type=radio]:checked + label {
  color: white;
  background-color: #176CD5;
  padding-left: 3rem;
}
.bundle-variants-terminy-container .bundle-terminy-slider input[type=radio]:checked + label::before {
  content: "";
  background-image: url("../img/ok-64.png");
  background-size: contain;
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  background-color: white;
  border-radius: 2rem;
  outline: 3px solid white;
  inset: 0;
  margin: auto 0.9rem;
}
.bundle-variants-terminy-container .bundle-terminy-slider label {
  position: relative;
  padding: 5px 10px;
  background-color: white;
  color: #176cd5;
  border-radius: 5px;
  margin-right: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 500;
  border: 1px solid #176cd5;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  -webkit-user-select: none; /* Safari */
  user-select: none;
}

#formularz-zapisy .formularz-kurs-pakiet {
  margin-bottom: 3rem !important;
}
#formularz-zapisy .formularz-kurs-pakiet .kurs-pakiet .pakiet-osrodek,
#formularz-zapisy .formularz-kurs-pakiet .kurs-pakiet .pakiet-teoria {
  width: 48% !important;
}

#btn-variant-generated {
  display: flex;
  flex-direction: column;
}

.single-kursy .installment-info-link-wrapper {
  position: relative;
  width: 100dvw;
  margin-left: -50dvw;
  left: 50%;
  margin-bottom: 1rem;
  margin-top: -13px;
  text-align: center;
}
.single-kursy .installment-info-link-wrapper a {
  background-color: #fea900;
  color: white;
  padding: 0.6rem 1.6rem;
  text-decoration: underline;
  font-weight: 500;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 1.2rem;
  display: block;
}
.single-kursy .installment-info-link-wrapper a::before {
  content: "";
  background-image: url("../../assets/img/white-arrow-up.png.webp");
  display: inline-block;
  height: 0.7rem;
  width: 0.85rem;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  margin-right: 6px;
}
@media screen and (min-width: 500px) {
  .single-kursy .installment-info-link-wrapper {
    width: unset;
    margin: unset;
    margin-bottom: 1rem;
    left: unset;
  }
  .single-kursy .installment-info-link-wrapper a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media screen and (min-width: 992px) {
  .single-kursy .installment-info-link-wrapper {
    order: 2;
    margin: 0 70px 1.4rem;
  }
}
.single-kursy .installment-info-bar {
  position: absolute;
  font-family: "Work Sans", sans-serif;
  background-color: #fea900;
  color: white;
  padding: 0.5rem 3rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.single-kursy .installment-info-bar .icon-slider {
  display: none;
}
.single-kursy .installment-info-bar .link-wrapper {
  position: relative;
}
.single-kursy .installment-info-bar .link-wrapper a {
  padding-left: 2rem;
  text-decoration: underline;
  font-weight: 500;
}
.single-kursy .installment-info-bar .link-wrapper a::before {
  content: "";
  background-image: url("../../assets/img/white-arrow-up.png.webp");
  display: inline-block;
  height: 1.2rem;
  width: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  position: absolute;
  left: 0rem;
}
.single-kursy .installment-info-bar .close-btn {
  margin-left: -1.5rem;
  padding-top: 2px;
  display: none;
}
@media screen and (min-width: 992px) {
  .single-kursy .installment-info-bar {
    width: 100dvw;
    left: -50%;
    margin-left: 50%;
  }
  .single-kursy .installment-info-bar .link-wrapper {
    flex-basis: 35%;
  }
  .single-kursy .installment-info-bar .icon-slider {
    display: block;
    flex-basis: 65%;
    overflow-x: scroll;
    display: flex;
    gap: 1.2rem;
  }
  .single-kursy .installment-info-bar .icon-slider .slider-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.8rem;
  }
  .single-kursy .installment-info-bar .icon-slider .slider-item .info-text {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .single-kursy .installment-info-bar .close-btn {
    display: block;
  }
}

.single-kurs-container {
  padding-top: 2.2em;
  background-color: white;
}
.single-kurs-container .course-not-active-info {
  font-size: 1.4rem;
  color: #fea900;
}
@media screen and (min-width: 992px) {
  .single-kurs-container {
    box-shadow: 0px 0px 14px 4px rgba(66, 66, 66, 0.2);
  }
}

.kurs-main-info .kurs-info-wrapper .kurs-heading-p {
  margin-bottom: 0;
  text-align: center;
}
.kurs-main-info .kurs-info-wrapper .formularz-teoria {
  margin: 0.4em auto 0.8em;
  width: 95%;
  max-width: 350px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
}
.kurs-main-info .kurs-info-wrapper .formularz-teoria > div {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  width: 30%;
}
.kurs-main-info .kurs-info-wrapper .formularz-teoria > div label {
  padding: 0.5rem;
  border: 1px solid #176CD5;
  border-radius: 5px;
  font-size: 15px;
  color: #176CD5;
  width: 100%;
  text-align: center;
}
.kurs-main-info .kurs-info-wrapper .formularz-teoria input {
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0.5em;
  margin-left: 0;
  display: none;
}
.kurs-main-info .kurs-info-wrapper .formularz-teoria input:checked + label {
  background-color: #176CD5;
  pointer-events: all;
  color: white;
}
.kurs-main-info .kurs-info-wrapper .formularz-teoria .kurs-teoria-label {
  font-size: 12px;
  display: block;
  margin-bottom: 1em;
  width: 100%;
}
.kurs-main-info .kurs-terminy-buttons .primary-btn {
  width: 100%;
  font-size: 18px;
  font-family: "Work Sans", sans-serif;
}
.kurs-main-info .kurs-terminy-buttons #osrodek-generowany {
  display: block;
}
@media screen and (min-width: 576px) {
  .kurs-main-info .kurs-terminy-buttons #osrodek-generowany {
    display: inline;
    padding-left: 0.2em;
  }
}
.kurs-main-info .kurs-info-wrapper.terminy-empty .kurs-terminy,
.kurs-main-info .kurs-info-wrapper.terminy-empty .kurs-terminy-buttons {
  display: none;
}
.kurs-main-info .kurs-terminy-empty-wrapper.hidden {
  display: none;
}
.kurs-main-info .kurs-terminy-empty-wrapper input[type=submit] {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
  min-width: 100%;
  margin: 0 auto;
}
.kurs-main-info .kurs-terminy-empty-wrapper .kurs-terminy-empty {
  padding-top: 0.5em;
}
.kurs-main-info .kurs-terminy-empty-wrapper .form-terminy-empty {
  position: relative;
}
.kurs-main-info .kurs-terminy-empty-wrapper .form-terminy-empty > div {
  width: 100%;
}
.kurs-main-info .kurs-terminy-empty-wrapper .formularz-terminy-empty {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 1em;
  font-size: 18px;
  width: 100%;
}
.kurs-main-info .kurs-terminy-empty-wrapper .formularz-terminy-empty::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.kurs-main-info .kurs-terminy-empty-wrapper .wpcf7-response-output {
  margin: 0 0 2em;
  border-radius: 8px;
}
.kurs-main-info .kurs-terminy-empty-wrapper .wpcf7-spinner {
  position: absolute;
  top: 17px;
  right: -10px;
}
@media screen and (min-width: 992px) {
  .kurs-main-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 2em;
    row-gap: 1em;
  }
  .kurs-main-info .kurs-info-wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .kurs-main-info .kurs-info-wrapper .kurs-heading-p {
    text-align: left;
  }
  .kurs-main-info .kurs-info-wrapper .formularz-teoria {
    order: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1.5rem;
    margin: 0 0 2em;
    width: unset;
    max-width: unset;
  }
  .kurs-main-info .kurs-info-wrapper .formularz-teoria > div {
    margin-bottom: 0;
    width: unset;
  }
  .kurs-main-info .kurs-info-wrapper .formularz-teoria > div label {
    font-size: 16px;
    padding: 0.6rem 1rem;
    cursor: pointer;
  }
  .kurs-main-info .kurs-info-wrapper .formularz-teoria .kurs-teoria-label {
    margin-bottom: 0.5em;
    width: 100%;
  }
  .kurs-main-info .kurs-info-wrapper .formularz-teoria .kurs-teoria-label h2 {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  .kurs-main-info .kurs-terminy-empty-wrapper {
    order: 2;
    margin-bottom: 0.5em;
  }
  .kurs-main-info .kurs-terminy-empty-wrapper form.wpcf7-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1em;
    position: relative;
  }
  .kurs-main-info .kurs-terminy-empty-wrapper form.wpcf7-form p:first-of-type {
    width: 71%;
  }
  .kurs-main-info .kurs-terminy-empty-wrapper form.wpcf7-form p:nth-of-type(2) {
    width: 24%;
  }
  .kurs-main-info .kurs-terminy-empty-wrapper input[type=submit] {
    width: 20%;
  }
  .kurs-main-info .kurs-terminy-empty-wrapper .wpcf7-spinner {
    top: 18px;
    right: -50px;
  }
  .kurs-main-info .kurs-terminy-empty-wrapper .wpcf7-response-output {
    margin: 0 0 0.5em;
  }
  .kurs-main-info .kurs-terminy-buttons {
    order: 5;
    margin-bottom: 0;
    margin-top: 0.5em;
  }
  .kurs-main-info .kurs-short-info {
    order: 1;
    margin-bottom: 1em;
    max-height: 160px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .kurs-main-info .kurs-short-info::-webkit-scrollbar {
    display: none;
  }
  .kurs-main-info .kurs-terminy {
    margin-bottom: 0;
    order: 4;
  }
  .kurs-main-info .kurs-terminy h2 {
    text-align: left;
    margin-top: 1em;
  }
  .kurs-main-info #kurs-terminy-slider {
    margin-bottom: 2em;
  }
}

.kurs-img-wrapper {
  position: relative;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
  height: 240px;
}
.kurs-img-wrapper .kurs-info-tags {
  position: absolute;
  bottom: 0.8rem;
  left: 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  text-align: center;
}
.kurs-img-wrapper .bestseller-title-tag,
.kurs-img-wrapper .promo-price-tag {
  padding: 0.5rem 0.7rem;
  height: 38px;
  min-width: 135px;
  font-family: "Work Sans", sans-serif;
  letter-spacing: 0.6px;
  font-weight: 700;
  z-index: 1;
  color: white;
  border: 1px solid white;
  border-radius: 10px;
  display: none;
}
.kurs-img-wrapper .bestseller-title-tag {
  position: absolute;
  bottom: 11rem;
  background-color: #fea900;
}
.kurs-img-wrapper .bestseller-title-tag.show-tag {
  display: block;
}
.kurs-img-wrapper .promo-price-tag {
  background-color: #C60000;
}
.kurs-img-wrapper .promo-price-tag.show-tag {
  display: block;
}
.kurs-img-wrapper .img-fair-price-info {
  height: 38px;
  font-size: 12px;
  border-radius: 8px;
  padding: 9px 8px;
  background-color: white;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 400px) {
  .kurs-img-wrapper {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media screen and (min-width: 992px) {
  .kurs-img-wrapper {
    width: 45%;
    margin-left: 0;
    margin-right: 0;
    height: unset;
    max-height: 570px;
    min-height: 450px;
  }
  .kurs-img-wrapper img {
    height: 93%;
  }
  .kurs-img-wrapper .kurs-info-tags {
    top: 1rem;
    bottom: unset;
    right: -1rem;
    left: unset;
    min-width: 200px;
    align-items: stretch;
  }
  .kurs-img-wrapper .bestseller-title-tag,
  .kurs-img-wrapper .promo-price-tag {
    padding: 0.8rem 1.4rem;
    height: unset;
    font-size: 20px;
  }
  .kurs-img-wrapper .bestseller-title-tag {
    position: static;
  }
  .kurs-img-wrapper .img-fair-price-info {
    display: none;
  }
}
.kurs-img-wrapper img {
  border-radius: 10px;
  object-fit: cover;
  display: block;
  height: 100%;
}

.kurs-title {
  position: relative;
  flex-wrap: wrap;
  row-gap: 1.5em;
  align-items: center;
  padding: 0.8em 0;
  margin-bottom: 1rem;
}
.kurs-title img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  float: left;
}
.kurs-title h1 {
  font-size: 24px;
  line-height: 1.3;
}
@media screen and (max-width: 991px) {
  .kurs-title {
    order: 0;
  }
}
.kurs-title .grid-cena {
  font-family: "Work Sans", sans-serif;
  position: absolute;
  top: -51px;
  right: -5px;
  height: 38px;
  font-weight: 900;
  font-size: 21px;
  border-radius: 8px;
  padding: 5px 6px;
  background-color: white;
}
.kurs-title .grid-cena span {
  display: none;
}
.kurs-title .grid-cena span.regular-price {
  font-family: "Work Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  text-decoration: line-through rgba(0, 0, 0, 0.6) 2px;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 45px;
  right: 0;
  left: 0;
  padding: 5px 6px;
  border-radius: 8px;
  background-color: white;
  display: inline-block;
}
.kurs-title .grid-cena span.regular-price .cena-text {
  display: none;
}
.kurs-title .grid-cena.bestseller-price {
  color: white;
  background-color: #fea900;
}
.kurs-title .grid-cena.promo-price-tag {
  color: white;
  top: -97px;
  background-color: #C60000;
  border: 1px solid white;
}
.kurs-title .grid-cena.promo-price-tag p {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 0.5em;
  display: none;
}
.kurs-title .fair-price-info {
  position: absolute;
  bottom: 0.5rem;
  background: transparent;
  left: 75px;
  font-size: 1rem;
  text-decoration: underline;
  font-weight: 500;
  font-family: "Work Sans";
  display: none;
}
@media screen and (min-width: 992px) {
  .kurs-title {
    display: flex;
    row-gap: 1em;
    padding-top: 0;
    padding-bottom: 1.5em;
  }
  .kurs-title img {
    width: 60px;
    height: 60px;
    float: none;
  }
  .kurs-title h1 {
    order: -1;
    width: 100%;
    font-size: 26px;
  }
  .kurs-title .grid-cena {
    position: static;
    font-family: "Work Sans";
    font-size: 24px;
    font-weight: 700;
    width: unset;
    height: unset;
    font-size: 30px;
  }
  .kurs-title .grid-cena span {
    display: inline;
  }
  .kurs-title .grid-cena span.regular-price {
    display: inline;
    position: static;
    font-size: 30px;
    padding-left: 1rem;
  }
  .kurs-title .grid-cena.bestseller-price {
    color: #fea900;
    background-color: white;
  }
  .kurs-title .grid-cena.promo-price-tag {
    display: block;
    color: #C60000;
    background-color: white;
    width: unset;
    height: unset;
    font-size: 30px;
  }
  .kurs-title .fair-price-info {
    display: block;
  }
}

.kurs-terminy .right-arrow, .kurs-terminy .left-arrow {
  height: 20px;
  width: 20px;
  border-width: 3px 3px 0 0;
  border-color: grey;
  border-style: solid;
  border-radius: 3px;
  position: absolute;
  bottom: 18px;
}

.kurs-terminy {
  position: relative;
  margin-bottom: 2em;
}
.kurs-terminy h2 {
  font-size: 14px;
  font-weight: 500;
}
.kurs-terminy span {
  font-size: 14px;
}
.kurs-terminy .left-arrow {
  left: -5px;
  transform: rotate(-135deg);
}
.kurs-terminy .right-arrow {
  right: -5px;
  transform: rotate(45deg);
}
@media screen and (min-width: 992px) {
  .kurs-terminy .left-arrow {
    left: 0;
    bottom: 50px;
  }
  .kurs-terminy .right-arrow {
    right: 0;
    bottom: 50px;
  }
}

.kurs-terminy-slider {
  overflow-x: scroll;
  margin: 1em 1em 2em;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.kurs-terminy-slider::-webkit-scrollbar {
  display: none;
}
.kurs-terminy-slider input[type=radio] {
  display: none;
}
.kurs-terminy-slider label {
  padding: 5px 10px;
  background-color: white;
  color: #176CD5;
  border-radius: 5px;
  margin-right: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 20px;
  font-weight: 500;
  border: 1px solid #176CD5;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kurs-terminy-slider input:checked + label {
  color: white;
  background-color: #176CD5;
}
@media screen and (min-width: 992px) {
  .kurs-terminy-slider {
    margin: 0.4em 2em 1.2em;
  }
}

.kurs-pakiet h4 {
  font-size: 14px;
  font-weight: 400;
}
.kurs-pakiet .title-price-container h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.kurs-pakiet .left-arrow,
.kurs-pakiet .right-arrow {
  bottom: 20px;
}
@media screen and (min-width: 992px) {
  .kurs-pakiet .title-price-container {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
}

.single-kurs-container.kurs-pakietowy {
  height: unset;
  max-height: unset;
}

.kurs-terminy-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  row-gap: 1em;
  margin-bottom: 2em;
  margin-top: 2.3em;
}
.kurs-terminy-buttons .secondary-btn {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  border: 1px solid #176CD5;
  color: #176CD5;
  background-color: white;
  min-width: 270px;
  order: 2;
}
.kurs-terminy-buttons .primary-btn {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
  min-width: 270px;
}
@media screen and (min-width: 992px) {
  .kurs-terminy-buttons {
    flex-direction: row;
  }
  .kurs-terminy-buttons .secondary-btn {
    width: 200px;
    order: 0;
    min-width: unset;
    margin-right: 20px;
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
  .kurs-terminy-buttons .primary-btn {
    min-width: unset;
    width: 270px;
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
}
@media screen and (min-width: 1200px) {
  .kurs-terminy-buttons .primary-btn {
    padding-left: 1em;
    padding-right: 1em;
  }
}

.kurs-short-info {
  margin-bottom: 2em;
}

.kurs-info-kursanta .wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
  cursor: pointer;
}
.kurs-info-kursanta .wrapper img {
  width: 20px;
  margin-right: 12px;
  transition: all 0.3s ease-in-out;
}
.kurs-info-kursanta .wrapper img.rotate-arrow {
  transform: rotate(-90deg);
}
.kurs-info-kursanta .wrapper h4 {
  font-weight: 500;
  margin-bottom: 0;
}
.kurs-info-kursanta .wrapper h4 span {
  display: none;
}
.kurs-info-kursanta ul {
  font-size: 14px;
  padding: 0 3.5em 2em;
  margin-bottom: 2em;
  overflow: hidden;
  max-height: 400px;
  transition: all 0.3s ease-in-out;
}
.kurs-info-kursanta ul.hidden-menu {
  max-height: 0;
  pointer-events: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.kurs-info-kursanta li {
  margin-bottom: 5px;
  position: relative;
  min-height: 40px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.kurs-info-kursanta li a {
  padding: 10px 0;
  display: block;
}
.kurs-info-kursanta li.flag-icon-eng::before {
  content: "";
  background-image: url("../../assets/img/menu-icons/uk-flag-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.kurs-info-kursanta li.flag-icon-ukr {
  margin-bottom: 2em;
}
.kurs-info-kursanta li.flag-icon-ukr::before {
  content: "";
  background-image: url("../../assets/img/menu-icons/ukr-flag-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.kurs-info-kursanta li.flag-icon-ukr::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  width: calc(100% + 35px);
  height: 2px;
  display: block;
  margin: 1em auto;
  position: absolute;
  bottom: -20px;
  left: -35px;
  right: 0;
}
.kurs-info-kursanta li:is([class*=step-])::before {
  content: "";
  background-color: #fea900;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-weight: 700;
  text-align: center;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1px;
}
.kurs-info-kursanta li.step-1::before {
  content: "1";
}
.kurs-info-kursanta li.step-2::before {
  content: "2";
}
.kurs-info-kursanta li.step-3::before {
  content: "3";
}
.kurs-info-kursanta li.step-4::before {
  content: "4";
}
@media screen and (min-width: 992px) {
  .kurs-info-kursanta {
    display: flex;
    align-items: flex-start;
  }
  .kurs-info-kursanta ul {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1em;
  }
  .kurs-info-kursanta li {
    margin-right: 1em;
    min-width: 10%;
    min-height: 70px;
  }
  .kurs-info-kursanta li.flag-icon-eng {
    min-width: 15%;
  }
  .kurs-info-kursanta li.flag-icon-eng::before {
    width: 28px;
    height: 28px;
  }
  .kurs-info-kursanta li.flag-icon-ukr {
    min-width: 15%;
    margin-right: 4%;
    padding-right: 1em;
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    margin-bottom: 0;
  }
  .kurs-info-kursanta li.flag-icon-ukr::after {
    display: none;
  }
  .kurs-info-kursanta li.flag-icon-ukr::before {
    width: 28px;
    height: 28px;
  }
  .kurs-info-kursanta li:is([class*=step-]) {
    min-width: 13%;
  }
  .kurs-info-kursanta li:is([class*=step-])::before {
    width: 35px;
    height: 35px;
    font-size: 16px;
    font-weight: 700;
  }
  .kurs-info-kursanta li:is([class*=step-]) a {
    text-decoration: underline;
  }
  .kurs-info-kursanta ul.hidden-menu {
    max-height: unset;
    pointer-events: all;
    margin-bottom: 1em;
  }
  .kurs-info-kursanta .wrapper {
    display: none;
    pointer-events: none;
    margin-bottom: 0;
    padding: 10px 0;
    min-width: 210px;
  }
  .kurs-info-kursanta .wrapper h4 span {
    display: inline;
  }
}

.kurs-main-content {
  padding-top: 1em;
  padding-bottom: 1em;
}
.kurs-main-content .wp-block-group {
  margin-bottom: 2em;
}
.kurs-main-content .wp-block-group .wp-block-columns {
  align-items: center;
}
.kurs-main-content .wp-block-group h3 {
  text-align: center;
  margin-bottom: 1em;
}
.kurs-main-content .wp-block-group h3 br {
  display: none;
}
.kurs-main-content .wp-block-column {
  transition: opacity 0.3s ease-in, transform 0.5s ease-in-out, translate 0.6s ease-in-out;
}
.kurs-main-content .wp-block-columns.lazy-load-effect .wp-block-column {
  opacity: 0;
  transform: scale(0.9);
}
@media screen and (min-width: 992px) {
  .kurs-main-content .wp-block-columns.lazy-load-effect:first-child.wp-block-column {
    translate: 50px;
  }
  .kurs-main-content .wp-block-columns.lazy-load-effect:last-child.wp-block-column {
    translate: -50px;
  }
}
.kurs-main-content .wp-block-embed iframe {
  display: block;
  margin: 0 auto;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .kurs-main-content .wp-block-columns.mobile-reverse .wp-block-column:nth-of-type(2) {
    order: -1;
  }
}
.kurs-main-content .wp-block-image img {
  border-radius: 10px;
  display: block;
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 992px) {
  .kurs-main-content {
    padding-top: 3em;
  }
}

@media screen and (min-width: 992px) {
  .kurs-matching-blog-posts .blog-grid {
    justify-content: flex-start;
    column-gap: 1.5em;
  }
  .kurs-matching-blog-posts .blog-excerpt {
    width: 23%;
    margin-bottom: 1em;
    flex-grow: 1;
  }
}

.single-kurs-seo-text {
  margin-bottom: 2em;
}

.single-kurs-container .kurs-sticky-bar {
  display: none;
}
@media screen and (min-width: 992px) {
  .single-kurs-container .kurs-sticky-bar {
    display: block;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    padding: 0.8em 2em;
    background-color: white;
    z-index: 98;
    transform: translateY(-200px);
    transition: transform 0.3s ease-in-out;
  }
  .single-kurs-container .kurs-sticky-bar.show-sticky-bar {
    transform: translateY(0px);
  }
  .single-kurs-container .kurs-sticky-bar .kurs-title {
    flex-wrap: nowrap;
    align-items: center;
    padding: 0;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-title img {
    order: -1;
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-title h1 {
    font-size: 20px;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-title h2 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-title .grid-cena {
    padding: 0 20px;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 400;
    font-family: "Work Sans", sans-serif;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-title .grid-cena.promo-price-tag p {
    display: none;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-terminy-buttons {
    width: fit-content;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    font-weight: 500;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-terminy-buttons .secondary-btn {
    font-size: 18px;
    padding: 1em;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-terminy-buttons .primary-btn {
    font-size: 18px;
    padding: 1em;
  }
  .single-kurs-container .kurs-sticky-bar .kurs-terminy-buttons a.hidden {
    display: none;
  }
}

.single-kurs-container.kurs-pakietowy .kurs-sticky-bar .primary-btn .btn-name-separator:nth-of-type(4) {
  display: none;
}

.single-kurs-container .kurs-terminy-buttons.new-template {
  display: block;
}
.single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .enroll-btn {
  background: #fea900;
  font-family: "Work Sans", sans-serif;
  font-size: 19px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  color: white;
  padding: 1rem;
  border: 1px solid #fea900;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .enroll-btn .icon-container {
  width: 25px;
  height: 25px;
  position: relative;
}
.single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .enroll-btn .icon-container img {
  position: absolute;
  top: 7px;
  left: 5px;
}
.single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .enroll-btn .white-arrow {
  rotate: 90deg;
}
.single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .enroll-btn .yellow-arrow {
  opacity: 0;
  rotate: -90deg;
}
.single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .info-btn-body {
  padding: 0.8rem;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: "Work Sans", sans-serif;
  font-size: 18px;
  display: flex;
  justify-content: space-evenly;
  gap: 1rem;
}
.single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .info-btn-body .label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 992px) {
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn {
    display: flex;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn:hover .info-btn-body {
    border-color: #fea900;
    background-color: transparent;
    color: white;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn:hover .info-btn-body > div {
    position: relative;
    z-index: 1;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn:hover .info-btn-body .label {
    color: white;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn:hover .info-btn-body::after {
    right: 0;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .enroll-btn {
    border-radius: 10px;
    position: relative;
    white-space: nowrap;
    font-size: 18px;
    flex-shrink: 0;
    left: 7px;
    order: 1;
    transition: all 0.3s ease;
    z-index: 1;
    padding: 0.8rem;
    gap: 0.5rem;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .info-btn-body {
    position: relative;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    flex-grow: 1;
    padding-left: 1rem;
    order: 2;
    transition: all 0.4s ease;
    font-size: 16px;
    gap: 0.6rem;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .info-btn-body::after {
    content: "";
    position: absolute;
    background-color: #fea900;
    border: 1px solid #fea900;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    left: -5px;
    top: 0;
    bottom: 0;
    right: 100%;
    transition: all 0.4s ease;
  }
}
@media screen and (min-width: 1200px) {
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .enroll-btn {
    font-size: 19px;
    padding: 1rem;
    gap: 0.8rem;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .info-btn-body {
    font-size: 18px;
    gap: 1rem;
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1405px) {
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .enroll-btn {
    font-size: 22px;
  }
  .single-kurs-container .kurs-terminy-buttons.new-template .course-enroll-btn .info-btn-body {
    font-size: 22px;
  }
}

.terminy-wrapper {
  margin-bottom: 5em;
}
.terminy-wrapper h1 {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  padding-top: 1.5em;
  margin-bottom: 0;
}
.terminy-wrapper h2 {
  font-size: 20px;
  margin: 1.5em 0;
}
.terminy-wrapper .underline-full-width {
  margin: 0.5em auto;
  min-height: 1px;
}
.terminy-wrapper .kursy-pakietowe h3 {
  margin: 2em 0 1em;
  text-align: center;
}
.terminy-wrapper > div:not(.underline-full-width, .underline-long) {
  margin: 0 auto 4em;
  max-width: 1000px;
}

.terminy-category .wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 3000px;
  transition: all 0.3s ease-in-out;
}
.terminy-category .wrapper .no-cat-in-json {
  text-align: center;
  font-size: 18px;
  margin: 1em 0 2em;
}
.terminy-category .wrapper.hidden-menu {
  max-height: 0;
  pointer-events: none;
  margin: 0;
}
.terminy-category h4 {
  text-align: center;
  margin: 0em 0em 1em;
}

.terminy-item {
  margin-bottom: 0;
  margin-top: 1em;
}

.terminy-header {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
}
.terminy-header h3 {
  font-size: 18px;
  margin: 1em 1em 1em 0;
  font-weight: 500;
}
.terminy-header .terminy-header-icon {
  width: 35px;
  margin-right: 1.5em;
}
.terminy-header .terminy-arrow-icon {
  width: 20px;
  transition: all 0.3s ease-in-out;
  margin-left: auto;
}
.terminy-header .terminy-arrow-icon.rotate-arrow {
  transform: rotate(90deg);
}

.terminy-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0.5em;
  column-gap: 3em;
}
.terminy-content .terminy-data {
  font-size: 20px;
  margin-bottom: 0;
}
.terminy-content p {
  margin-bottom: 1em;
}
.terminy-content .terminy-teoria {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  flex-shrink: 0;
  flex-basis: 180px;
}
.terminy-content .terminy-opis {
  min-width: 50%;
}

.terminy-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 1em;
  column-gap: 3em;
  order: 10;
  margin-bottom: 1em;
}
.terminy-buttons .secondary-btn {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  border: 1px solid #176CD5;
  color: #176CD5;
  background-color: white;
  font-size: 16px;
  min-width: 160px;
}
.terminy-buttons .primary-btn {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
  font-size: 16px;
  min-width: 160px;
}

@media screen and (min-width: 992px) {
  .terminy-category .terminy-wrapper {
    padding: 0 2em;
  }
  .terminy-item {
    margin-bottom: 1.5em;
    margin-left: 1.2em;
    margin-right: 1.2em;
  }
  .terminy-item > .underline-long {
    display: none;
  }
  .terminy-content {
    margin-right: 3em;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .terminy-content .terminy-opis {
    flex-grow: 1;
  }
  .terminy-header {
    padding: 0.2em 1.2em;
  }
  .terminy-buttons {
    flex-direction: row;
  }
}
.post-container {
  padding-top: 2.5em;
  padding-bottom: 1em;
}
.post-container .sidebar-title {
  text-align: center;
}
.post-container h1 {
  font-size: 20px;
  text-align: center;
  width: 100%;
}
.post-container h2,
.post-container .h2 {
  text-align: center;
  margin-bottom: 1em;
  margin-top: 2em;
  font-size: 18px;
}
.post-container h3,
.post-container .h3 {
  text-align: center;
  margin-bottom: 0.6em;
  margin-top: 1.5em;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .post-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 2em;
  }
  .post-container h1 {
    font-size: 30px;
    text-align: left;
  }
  .post-container h2,
  .post-container .h2 {
    text-align: center;
    margin-bottom: 1em;
    margin-top: 2em;
  }
  .post-container h3,
  .post-container .h3 {
    text-align: left;
  }
  .post-container .post-main-content {
    width: 70%;
  }
  .post-container .post-sidebar-excerpts {
    width: 25%;
  }
  .post-container .blog-excerpt {
    margin-bottom: 2em;
  }
}

.post-main-content {
  margin-bottom: 3em;
}

.post-title-thumbnail {
  margin-bottom: 2em;
}
.post-title-thumbnail .post-thumbnail {
  position: relative;
  width: 100vw;
  max-width: unset;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 1em;
  border-radius: 10px;
  min-height: 200px;
  max-height: 260px;
  object-fit: cover;
}
@media screen and (min-width: 992px) {
  .post-title-thumbnail .post-thumbnail {
    width: 100%;
    position: static;
    margin-left: 0;
    margin-right: 0;
    min-height: 400px;
    max-height: 600px;
  }
}

.post-title-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}
.post-title-wrapper .icons-wrapper {
  display: flex;
  order: 2;
  margin-top: 1em;
}
@media screen and (min-width: 992px) {
  .post-title-wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .post-title-wrapper .icons-wrapper {
    display: flex;
    order: 0;
    margin-top: 0;
    margin-right: 1em;
  }
}

.single-post .post-sidebar-excerpts .kategoria-icon {
  width: 30px;
  height: 30px;
  background-size: contain;
  margin-right: 10px;
}
.single-post .post-sidebar-excerpts .blog-excerpt img {
  max-height: 150px;
}
.single-post .post-sidebar-excerpts .blog-excerpt .wrapper {
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .single-post .post-sidebar-excerpts .blog-excerpt .wrapper {
    justify-content: flex-start;
  }
}

.post-akademia-links {
  width: 100%;
}

.single-post .post-inne-kursy {
  position: relative;
  width: 100vw;
  max-width: unset;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.single-post .post-inne-kursy .grid-item {
  position: relative;
}
.single-post .post-inne-kursy .grid-item h3,
.single-post .post-inne-kursy .grid-item .h3 {
  margin: 0;
}
.single-post .post-inne-kursy .grid-item a::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.single-post .post-inne-kursy .grid-container {
  display: flex;
  overflow-x: scroll;
  column-gap: 1em;
  padding: 2em 1em;
}
.single-post .post-inne-kursy .grid-container .grid-item {
  min-width: 320px;
}
.single-post .post-inne-kursy .grid-container .grid-item .grid-cena {
  bottom: 10px;
}
@media screen and (min-width: 992px) {
  .single-post .post-inne-kursy {
    width: 100%;
    flex-direction: column;
    position: sticky;
    top: 100px;
    margin: 0;
  }
  .single-post .post-inne-kursy .grid-container {
    padding-left: 0;
    padding-right: 0;
    overflow-x: unset;
  }
  .single-post .post-inne-kursy .grid-container .grid-item {
    width: 100%;
    min-width: unset;
  }
  .single-post .post-inne-kursy .grid-container .grid-wrapper {
    height: 160px;
  }
}

.post-main-content #toc-wrapper {
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: rgba(107, 107, 107, 0.3);
  margin-bottom: 2rem;
  box-shadow: 0px 15px 20px 2px rgba(66, 66, 66, 0.1);
}
.post-main-content #toc-wrapper :is(h2, h3, h4),
.post-main-content #toc-wrapper :is(.h2, .h3, .h4) {
  margin-top: 0;
  text-align: left;
}
.post-main-content #toc-wrapper ol {
  list-style: decimal;
  padding-left: 1.2rem;
  list-style-position: outside;
}
.post-main-content #toc-wrapper ol li {
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.post-main-content #toc-wrapper ol a {
  font-size: 15px;
}

.blog-archive h1 {
  font-size: 30px;
  text-align: center;
  padding-top: 1.2em;
  text-transform: uppercase;
}
.blog-archive .more-posts-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3em;
}
.blog-archive .more-posts-button a {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
}

.blog-container {
  padding-top: 1em;
}
.blog-container .blog-categories ul {
  padding: 2em 0;
  overflow-x: scroll;
  display: flex;
  margin: 0 auto;
}
.blog-container .blog-categories li {
  margin-right: 1.2em;
  display: flex;
  align-items: center;
  flex: none;
}
.blog-container .blog-categories .kategoria-icon {
  width: 30px;
  height: 30px;
  margin-right: 7px;
}
.blog-container .blog-categories .category-link {
  white-space: nowrap;
  display: block;
}
.blog-container .blog-categories > h2, .blog-container .blog-categories > .h2, .blog-container .blog-categories > .underline-short {
  display: none;
}
@media screen and (min-width: 992px) {
  .blog-container {
    display: grid;
    grid-template-columns: 73% 23%;
    grid-template-rows: 450px auto;
    column-gap: 2.5em;
  }
  .blog-container .blog-categories {
    order: 2;
    padding-left: 1em;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .blog-container .blog-categories ul {
    flex-direction: column;
    row-gap: 1em;
    overflow-x: auto;
  }
  .blog-container .blog-categories .category-link {
    white-space: normal;
  }
  .blog-container .blog-categories > h2, .blog-container .blog-categories > .h2 {
    margin-top: 1rem;
  }
  .blog-container .blog-categories > h2, .blog-container .blog-categories > .h2, .blog-container .blog-categories > .underline-short {
    display: block;
  }
}

.blog-main-content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .blog-main-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 1em;
    order: 1;
    grid-column-end: 2;
    grid-row-end: -1;
    grid-row-start: 1;
  }
  .blog-main-content .blog-excerpt {
    width: 48%;
  }
}

.blog-polecane-kursy {
  order: 3;
}
.blog-polecane-kursy .grid-item {
  position: relative;
}
.blog-polecane-kursy .grid-item h3 {
  margin: 0;
}
.blog-polecane-kursy .grid-item a::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .blog-polecane-kursy {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
  }
  .blog-polecane-kursy .post-inne-kursy {
    position: sticky;
    top: 100px;
  }
  .blog-polecane-kursy .post-inne-kursy > h2, .blog-polecane-kursy .post-inne-kursy > .h2 {
    margin-top: 1rem;
  }
  .blog-polecane-kursy .post-inne-kursy .grid-container {
    flex-direction: column;
    overflow-x: inherit;
  }
  .blog-polecane-kursy .post-inne-kursy .grid-item {
    width: 100%;
  }
}

.category .post-inne-kursy {
  max-width: 500px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 400px) {
  .category .post-inne-kursy {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 758px) {
  .category .post-inne-kursy {
    max-width: 560px;
  }
}
@media screen and (min-width: 992px) {
  .category .post-inne-kursy {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .category .post-inne-kursy {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .category .post-inne-kursy {
    max-width: 1320px;
  }
}
.category .post-inne-kursy .grid-item {
  position: relative;
}
.category .post-inne-kursy .grid-item h3 {
  margin: 0;
}
.category .post-inne-kursy .grid-item a::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .category .post-inne-kursy .grid-container {
    flex-direction: row;
  }
  .category .post-inne-kursy .grid-item {
    width: 32%;
  }
}

.page-o-nas-top-content {
  padding-top: 2.5em;
  padding-bottom: 3em;
}
.page-o-nas-top-content h1 {
  font-size: 24px;
}
.page-o-nas-top-content p {
  font-size: 14px;
  text-align: center;
}
@media (min-width: 992px) {
  .page-o-nas-top-content h1 {
    font-size: 35px;
  }
}

.o-nas-main-content {
  padding-bottom: 2em;
}
.o-nas-main-content .wp-block-embed iframe {
  border-radius: 10px;
  box-shadow: 0px 0px 14px 4px rgba(66, 66, 66, 0.2);
}
.o-nas-main-content .o-nas-zdawalnosc {
  box-shadow: 0px 0px 20px 15px rgba(66, 66, 66, 0.1);
  margin-bottom: 3em;
}
.o-nas-main-content .o-nas-zdawalnosc h6 {
  padding-bottom: 2em;
  padding-top: 1em;
}
.o-nas-main-content .o-nas-czym-sie-wyrozniamy .wp-block-columns {
  padding-top: 2em;
}
.o-nas-main-content .o-nas-czym-sie-wyrozniamy .wp-block-image img {
  border-radius: 10px;
  max-height: 300px;
  object-fit: cover;
  box-shadow: 0px 0px 14px 4px rgba(66, 66, 66, 0.2);
}
@media (min-width: 782px) {
  .o-nas-main-content .o-nas-czym-sie-wyrozniamy .wp-block-columns:nth-child(odd) .wp-block-column:nth-of-type(2) {
    order: -1;
  }
}
.o-nas-main-content .o-nas-poswiadczenie-prezydenta {
  box-shadow: 0px 0px 20px 15px rgba(66, 66, 66, 0.1);
  padding-top: 3em;
  padding-bottom: 3em;
  z-index: 1;
}
.o-nas-main-content .o-nas-poswiadczenie-prezydenta .wp-block-image {
  margin: 3em 1em 2em;
}
.o-nas-main-content .o-nas-certyfikat-akredytacja {
  padding-top: 3em;
  padding-bottom: 3em;
  margin-bottom: 2em;
  text-align: center;
}
.o-nas-main-content .o-nas-certyfikat-akredytacja .wp-block-image {
  width: 120px;
  margin: 2em auto 1em;
}
.o-nas-main-content .o-nas-certyfikat-akredytacja .wp-block-column {
  padding-top: 1em;
}
.o-nas-main-content .o-nas-pracownie-specjalistyczne {
  padding-top: 1em;
}
.o-nas-main-content .o-nas-pracownie-specjalistyczne p {
  margin-top: 3em;
  margin-bottom: 3em;
}
.o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-columns {
  position: relative;
  width: 100vw;
  max-width: unset;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  display: flex;
  column-gap: 1em;
  overflow-x: scroll;
  padding-bottom: 4em;
  padding-left: 1em;
  padding-right: 1em;
}
.o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-column {
  flex-basis: 200px;
  flex-shrink: 0;
}
.o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-column h3 {
  margin-bottom: 0.6em;
  font-weight: 400;
}
.o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-column .wp-block-image img {
  height: 160px;
  object-fit: cover;
}
.o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-column .wp-block-button__link {
  border-color: #fea900;
  border-width: 1px;
  width: fit-content;
  margin: 0 auto;
  padding: 0.6em 1em;
}
@media (min-width: 992px) {
  .o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-columns {
    max-width: 500px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    position: static;
    width: 100%;
    padding-bottom: 4em;
    overflow-x: auto;
    column-gap: 2em;
  }
}
@media screen and (min-width: 992px) and (min-width: 400px) {
  .o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-columns {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 992px) and (min-width: 758px) {
  .o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-columns {
    max-width: 560px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  .o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-columns {
    max-width: 960px;
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  .o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-columns {
    max-width: 1140px;
  }
}
@media screen and (min-width: 992px) and (min-width: 1400px) {
  .o-nas-main-content .o-nas-pracownie-specjalistyczne .wp-block-columns {
    max-width: 1320px;
  }
}
.o-nas-main-content .o-nas-park-maszyn {
  box-shadow: 0px 0px 20px 15px rgba(66, 66, 66, 0.1);
  padding: 3em 0 1em;
  margin-bottom: 3em;
  text-align: center;
}
.o-nas-main-content .o-nas-park-maszyn .wp-block-columns {
  margin-top: 3em;
}
.o-nas-main-content .o-nas-park-maszyn p {
  margin-bottom: 3em;
}
.o-nas-main-content .o-nas-park-maszyn .wp-block-button__link {
  padding: 1em;
  margin-bottom: 2em;
}
.o-nas-main-content .o-nas-innowacje .wp-block-columns {
  padding-top: 2em;
  margin-bottom: 1em;
}
.o-nas-main-content .o-nas-innowacje .wp-block-image img {
  border-radius: 10px;
  box-shadow: 0px 0px 14px 4px rgba(66, 66, 66, 0.2);
}
@media (min-width: 782px) {
  .o-nas-main-content .o-nas-innowacje .wp-block-columns:nth-child(odd) .wp-block-column:nth-of-type(2) {
    order: -1;
  }
}

.default-page {
  padding-top: 2.5em;
}
.default-page h1 {
  text-align: center;
}
.default-page .page-content {
  padding: 2em 0;
}
.default-page .page-content img {
  border-radius: 10px;
}
.default-page .category-description {
  margin-bottom: 2em;
}
.default-page .category-description h2, .default-page .category-description h3 {
  margin: 2em 0 1em;
}

.single-akademia {
  padding-top: 2em;
}
.single-akademia h1 {
  text-align: center;
}
.single-akademia .akademie-main-content {
  padding: 2em 0;
}
.single-akademia .attachment-post-thumbnail {
  max-height: 550px;
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
}

@media screen and (min-width: 992px) {
  .search-results-grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1em;
    justify-content: space-between;
  }
  .search-results-grid .single-search-result {
    width: 49%;
  }
}
@media screen and (min-width: 1200px) {
  .search-results-grid .single-search-result {
    width: 32%;
  }
}

.search-results {
  padding-top: 1em;
}
.search-results h1 {
  text-align: center;
}
.search-results > .underline-long {
  margin-bottom: 2.5em;
}

.single-search-result {
  display: block;
  margin-bottom: 2em;
}
.single-search-result .wp-post-image {
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 0.5em;
}

#formularz-zapisy .mobile-disabled {
  display: none;
}
@media screen and (min-width: 992px) {
  #formularz-zapisy .mobile-disabled {
    display: initial;
  }
}
#formularz-zapisy .desktop-disabled {
  display: initial;
}
@media screen and (min-width: 992px) {
  #formularz-zapisy .desktop-disabled {
    display: none;
  }
}
#formularz-zapisy sup {
  color: red;
  font-size: 14px;
}
#formularz-zapisy input.succes + span {
  margin-left: -30px;
}
#formularz-zapisy input.succes + span::after {
  content: "";
  background-image: url("../../assets/img/ok-64.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 50%;
  padding: 0 12px;
}
#formularz-zapisy input:focus,
#formularz-zapisy select:focus,
#formularz-zapisy a:focus {
  outline: 1px solid #176CD5;
}
#formularz-zapisy input.error + span + small,
#formularz-zapisy select.error + span + small {
  display: block;
  font-size: 12px;
  color: red;
  margin-bottom: 12px;
  margin-top: -6px;
}
#formularz-zapisy .form-pkk-dane,
#formularz-zapisy .form-pkz-dane {
  position: relative;
}
#formularz-zapisy .form-pkk-dane input.error + span + small,
#formularz-zapisy .form-pkz-dane input.error + span + small {
  position: absolute;
  bottom: -20px;
}
#formularz-zapisy .form-pkk-dane input.succes + span,
#formularz-zapisy .form-pkz-dane input.succes + span {
  position: absolute;
  top: 25px;
  right: 0;
}
#formularz-zapisy input,
#formularz-zapisy select {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 1em;
  margin-left: 0;
}
#formularz-zapisy input::placeholder,
#formularz-zapisy select::placeholder {
  color: rgba(0, 0, 0, 0.7);
}
#formularz-zapisy input[type=checkbox] {
  padding: 0.5em;
}
#formularz-zapisy input.error {
  border-color: rgba(255, 60, 60, 0.8);
  background-color: rgba(255, 60, 60, 0.1);
}
#formularz-zapisy .form-firma-dane,
#formularz-zapisy .form-pkk-dane,
#formularz-zapisy .form-pkz-dane,
#formularz-zapisy .form-adres-dane {
  max-height: 600px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
#formularz-zapisy .form-firma-dane {
  max-height: 620px;
}
#formularz-zapisy .form-adres-dane {
  margin-bottom: 2em;
}
#formularz-zapisy .form-firma-dane.hidden,
#formularz-zapisy .form-pkk-dane.hidden,
#formularz-zapisy .form-pkz-dane.hidden,
#formularz-zapisy .form-adres-dane.hidden {
  max-height: 0;
  opacity: 0;
  margin-bottom: 0;
  pointer-events: none;
}
#formularz-zapisy .firma-checkbox-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
#formularz-zapisy .firma-checkbox-wrapper label[for=form-firma-checkbox] {
  margin-bottom: 0;
  margin-left: 10px;
}
#formularz-zapisy .form-grid-container li.formularz-pkk,
#formularz-zapisy .form-grid-container li.formularz-pkz {
  margin-bottom: 2em;
}
#formularz-zapisy .form-grid-container li.formularz-osrodek {
  margin-bottom: 2rem;
}
#formularz-zapisy .pkk-checkbox-wrapper,
#formularz-zapisy .pkz-checkbox-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
#formularz-zapisy .pkk-checkbox-wrapper label[for^=form-pkk-checkbox],
#formularz-zapisy .pkk-checkbox-wrapper label[for^=form-pkz-checkbox],
#formularz-zapisy .pkz-checkbox-wrapper label[for^=form-pkk-checkbox],
#formularz-zapisy .pkz-checkbox-wrapper label[for^=form-pkz-checkbox] {
  margin-bottom: 0;
  margin-left: 10px;
}
#formularz-zapisy .pkk-bundle,
#formularz-zapisy .pkz-bundle {
  margin-bottom: 1rem;
}
#formularz-zapisy .input-pkk-group,
#formularz-zapisy .input-pkz-group {
  position: relative;
  display: flex;
  align-items: baseline;
  column-gap: 0.4em;
  margin-bottom: 2.2em;
}
#formularz-zapisy .input-pkk-group input,
#formularz-zapisy .input-pkz-group input {
  width: 5em;
  text-align: center;
  padding: 0.8rem 0.4rem;
}
#formularz-zapisy .adres-checkbox-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 2em;
  margin-top: 2em;
}
#formularz-zapisy .adres-checkbox-wrapper label[for=form-adres-checkbox] {
  margin-bottom: 0;
  margin-left: 10px;
}
#formularz-zapisy input:checked {
  background-color: #fea900;
  pointer-events: all;
}
#formularz-zapisy .form-step {
  padding-top: 3em;
  margin-bottom: 2em;
  display: none;
}
#formularz-zapisy .form-step.active {
  display: block;
}
#formularz-zapisy .form-step-1 li:nth-of-type(-n + 3) {
  grid-column: 1;
}
#formularz-zapisy .form-step-2 li:nth-of-type(-n + 3) {
  grid-column: 1;
}
#formularz-zapisy .form-header {
  text-align: center;
  margin-bottom: 2em;
}
#formularz-zapisy h1 {
  margin-bottom: 1.4rem;
}
#formularz-zapisy .form-grid-container {
  margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
  #formularz-zapisy .form-grid-container {
    padding: 0 4em;
    max-width: 800px;
    margin: 0 auto 2em;
  }
}
#formularz-zapisy .form-grid-container li {
  margin-bottom: 0;
  position: relative;
}
#formularz-zapisy .form-step-1 .form-grid-container li:nth-last-child(-n+5) {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}
#formularz-zapisy label:not([for=form-regulamin],
[for=form-rodo],
[for=form-e-learning],
[for=form-stacjonarne],
[for=form-zgoda-marketing],
[for=form-zgoda-telefon],
[for=form-teoria-word],
[for=form-zgoda-required]) {
  font-size: 14px;
  display: block;
  margin-bottom: 0.5em;
}
#formularz-zapisy label:where([for=form-regulamin],
[for=form-rodo],
[for=form-zgoda-marketing],
[for=form-zgoda-telefon],
[for=form-zgoda-required]) {
  font-size: 12px;
  margin-left: 1em;
}
#formularz-zapisy .formularz-teoria > div {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
#formularz-zapisy .formularz-teoria > div label {
  margin-left: 1em;
}
#formularz-zapisy input:not([type=checkbox], [type=radio]),
#formularz-zapisy select {
  width: 100%;
  margin-bottom: 20px;
}
#formularz-zapisy .formularz-firma {
  margin-top: 2em;
}
#formularz-zapisy .prev-next-buttons a,
#formularz-zapisy .prev-next-buttons input {
  display: block;
  margin: 0 auto 2em;
  color: white;
  font-size: 16px;
  background-color: orange;
  padding: 1em;
  border-radius: 10px;
  width: 150px;
  text-align: center;
  position: relative;
}
#formularz-zapisy .prev-next-buttons input {
  border: none;
}
#formularz-zapisy .prev-next-buttons img {
  width: 16px;
  object-fit: contain;
  position: absolute;
  top: 23px;
}
#formularz-zapisy .prev-next-buttons .form-next-btn img {
  transform: rotate(90deg);
  right: 22px;
}
#formularz-zapisy .prev-next-buttons .form-prev-btn img {
  transform: rotate(-90deg);
  left: 22px;
}
#formularz-zapisy a.form-prev-btn {
  background-color: rgba(0, 0, 0, 0.3);
}
#formularz-zapisy .prev-next-buttons .first-btn.locked,
#formularz-zapisy .prev-next-buttons .second-btn.locked {
  opacity: 0.5;
  pointer-events: none;
}
#formularz-zapisy .form-step-2 .form-header {
  position: relative;
}
#formularz-zapisy .form-step-2 .form-header img {
  position: absolute;
  left: 0;
  top: 10px;
  width: 80px;
  height: 80px;
}
#formularz-zapisy .form-step-2 .prev-next-buttons,
#formularz-zapisy .form-step-3 .prev-next-buttons {
  display: flex;
  max-width: 800px;
  margin: auto;
}
#formularz-zapisy .form-data-overview {
  margin: 2em 0;
  max-width: 800px;
}
@media screen and (min-width: 992px) {
  #formularz-zapisy .form-data-overview {
    margin: 3em auto;
  }
}
#formularz-zapisy .form-data-overview li {
  margin-bottom: 0.4em;
}
#formularz-zapisy .form-data-overview li span {
  font-weight: 700;
  padding-left: 0.5em;
}
#formularz-zapisy .potwierdzenie-poprawnosci {
  margin: 2em auto;
  display: flex;
  gap: 1rem;
  align-items: center;
  max-width: 800px;
}
#formularz-zapisy .potwierdzenie-poprawnosci label {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
}
#formularz-zapisy .form-step-3 .udzielone-zgody h3 {
  margin-top: 1rem;
}
#formularz-zapisy .form-step-3 .udzielone-zgody p {
  font-size: 14px;
}
#formularz-zapisy .prev-next-buttons input[type=submit].locked {
  opacity: 0.5;
  pointer-events: none;
}
#formularz-zapisy .form-step-3 .succes-tag {
  padding: 1em;
  background-color: rgba(29, 179, 59, 0.6);
  border: 1px solid green;
  border-radius: 5px;
  width: 350px;
  margin: 1em auto;
  text-align: center;
}
#formularz-zapisy .form-step-3 .succes-tag.error-tag {
  background-color: rgb(255, 50, 50);
  border: 1px solid red;
  color: white;
}
#formularz-zapisy .formularz-kurs-pakiet .kurs-pakiet {
  display: flex;
  margin-bottom: 1.5em;
  column-gap: 4%;
  flex-wrap: wrap;
}
#formularz-zapisy .formularz-kurs-pakiet .kurs-pakiet select {
  width: 100%;
}
#formularz-zapisy .formularz-kurs-pakiet .kurs-pakiet .pakiet-kategoria {
  width: 48%;
}
#formularz-zapisy .formularz-kurs-pakiet .kurs-pakiet .pakiet-termin {
  width: 48%;
}
#formularz-zapisy .formularz-kurs-pakiet .kurs-pakiet .pakiet-osrodek {
  width: 100%;
}
@media screen and (min-width: 992px) {
  #formularz-zapisy .formularz-kurs-pakiet .kurs-pakiet {
    flex-wrap: nowrap;
  }
}
#formularz-zapisy .form-data-overview span {
  white-space: nowrap;
}
#formularz-zapisy .form-data-overview .underline-short.hidden {
  display: none;
}
#formularz-zapisy .form-data-overview .zgoda-telefon.hidden,
#formularz-zapisy .form-data-overview .exam-price-info.hidden {
  display: none;
}
#formularz-zapisy .form-data-overview .zgoda-marketing.hidden {
  display: none;
}
#formularz-zapisy .form-data-overview .p-1 {
  padding: 1em 0;
}
#formularz-zapisy .form-data-overview .container {
  max-width: 800px;
  margin: 0 auto;
}
#formularz-zapisy .form-data-overview h2 {
  text-align: center;
}
#formularz-zapisy .form-data-overview h3 {
  margin-bottom: 1em;
}
#formularz-zapisy .form-data-overview p {
  font-size: 16px;
}
#formularz-zapisy .form-data-overview .dane-osobowe dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 1.5em 0;
  row-gap: 0.5em;
}
#formularz-zapisy .form-data-overview .dane-osobowe dt {
  grid-column-start: 1;
  margin-bottom: 0.5em;
}
#formularz-zapisy .form-data-overview .dane-osobowe dd {
  grid-column-start: 2;
}
#formularz-zapisy .form-data-overview .cena-kursu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4em;
}
#formularz-zapisy .form-data-overview .dane-osobowe .pkk-label.hidden,
#formularz-zapisy .form-data-overview .dane-osobowe .pkk-field.hidden {
  display: none;
}
#formularz-zapisy .form-data-overview .dane-osobowe .pkz-label.hidden,
#formularz-zapisy .form-data-overview .dane-osobowe .pkz-field.hidden {
  display: none;
}
#formularz-zapisy .form-data-overview .adres-korespondencyjny.hidden,
#formularz-zapisy .form-data-overview .adres-korespondencyjny-value.hidden {
  display: none;
}
#formularz-zapisy .form-data-overview .dane-firmy.hidden {
  display: none;
}
#formularz-zapisy .form-data-overview .dane-firmy dl {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
#formularz-zapisy .form-data-overview .dane-firmy dt {
  grid-column-start: 1;
  margin-bottom: 1em;
}
#formularz-zapisy .form-data-overview .dane-firmy dd {
  grid-column-start: 2;
}

.page-template-form-submit .formularz-template .underline-short.hidden {
  display: none;
}
.page-template-form-submit .formularz-template .zgoda-telefon.hidden {
  display: none;
}
.page-template-form-submit .formularz-template .p-1 {
  padding: 1em 0;
}
.page-template-form-submit .formularz-template .container {
  max-width: 800px;
  margin: 0 auto;
}
.page-template-form-submit .formularz-template h2 {
  text-align: center;
  margin-top: 1rem;
}
.page-template-form-submit .formularz-template h3 {
  margin-bottom: 1rem;
}
.page-template-form-submit .formularz-template p {
  font-size: 16px;
}
.page-template-form-submit .formularz-template .dane-osobowe dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 2em 0;
}
.page-template-form-submit .formularz-template .dane-osobowe dt {
  grid-column-start: 1;
  margin-bottom: 1em;
}
.page-template-form-submit .formularz-template .dane-osobowe dd {
  grid-column-start: 2;
}
.page-template-form-submit .formularz-template .cena-kursu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4em;
}
.page-template-form-submit .formularz-template .dane-firmy.hidden {
  display: none;
}
.page-template-form-submit .formularz-template .dane-firmy dl {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.page-template-form-submit .formularz-template .dane-firmy dt {
  grid-column-start: 1;
  margin-bottom: 1em;
}
.page-template-form-submit .formularz-template .dane-firmy dd {
  grid-column-start: 2;
}
.page-template-form-submit .formularz-template .back-to-home-page {
  color: #fea900;
}
.page-template-form-submit .formularz-template .form-submit-error-message {
  color: #C60000;
}
.page-template-form-submit .formularz-template .link-element {
  font-family: "Work Sans", sans-serif;
}
.page-template-form-submit .formularz-template .udzielone-zgody p {
  font-size: 14px;
}
.page-template-form-submit .formularz-template .udzielone-zgody h2, .page-template-form-submit .formularz-template .udzielone-zgody h3, .page-template-form-submit .formularz-template .udzielone-zgody h4 {
  margin-top: 0;
}

.form-submit-container .regulamin a {
  text-decoration: underline;
  color: #fea900;
}

.contact-page {
  padding-top: 2em;
}
.contact-page h1 {
  text-align: center;
}
.contact-page h4 {
  margin-bottom: 1em;
  text-align: center;
}
.contact-page p.header {
  font-family: "Work Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-bottom: 0.6em;
}
.contact-page .phone-label,
.contact-page .mail-label {
  margin-right: 0.3em;
}
.contact-page .page-content {
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
.contact-page .contact-page-form-wrapper {
  margin-bottom: 3em;
}
.contact-page .contact-page-form-wrapper input, .contact-page .contact-page-form-wrapper textarea {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 0.8em;
  font-size: 18px;
  width: 100%;
}
.contact-page .contact-page-form-wrapper input::placeholder, .contact-page .contact-page-form-wrapper textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.contact-page .contact-page-form-wrapper textarea {
  margin-bottom: 1em;
  margin-top: 2em;
  display: block;
}
.contact-page .contact-page-form-wrapper input[type=submit] {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
  min-width: 150px;
  margin: 0 auto;
}
.contact-page .contact-page-form-wrapper .form-column > p {
  text-align: center;
}
.contact-page .contact-page-form-wrapper form.wpcf7-form .right-column {
  position: relative;
  margin-bottom: 4em;
}
.contact-page .contact-page-form-wrapper form.wpcf7-form .wpcf7-spinner {
  position: absolute;
  bottom: 18px;
  left: 30px;
}
.contact-page .contact-page-form-wrapper form.wpcf7-form label {
  display: block;
  margin-bottom: 0.5em;
}
.contact-page .contact-page-form-wrapper form.wpcf7-form label span {
  color: red;
}
.contact-page .contact-page-form-wrapper .info-column {
  margin: 3em 0 3em;
}
.contact-page .contact-page-form-wrapper .contact-info {
  text-align: center;
  margin-bottom: 4em;
}
.contact-page .contact-page-form-wrapper .contact-info a {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
}
.contact-page .contact-page-form-wrapper .contact-info-firmy {
  text-align: center;
}
.contact-page .contact-page-form-wrapper .contact-info-firmy a {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
}
.contact-page .contact-page-main-info {
  margin-bottom: 2em;
  margin-top: 6em;
}
.contact-page .contact-page-main-info .phone-links,
.contact-page .contact-page-main-info .email-links {
  text-align: center;
}
.contact-page .contact-page-main-info .phone-links a,
.contact-page .contact-page-main-info .email-links a {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
}
.contact-page .contact-page-main-info .column {
  margin-bottom: 3em;
}
@media screen and (min-width: 992px) {
  .contact-page h4 {
    text-align: left;
  }
  .contact-page p.header {
    min-height: 30px;
  }
  .contact-page .contact-page-form-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2em;
    margin-bottom: 0;
  }
  .contact-page .contact-page-form-wrapper .contact-info {
    text-align: center;
  }
  .contact-page .contact-page-form-wrapper .contact-info a:hover {
    color: #fea900;
  }
  .contact-page .contact-page-form-wrapper textarea {
    height: 8.4em;
    display: block;
    margin-bottom: 1.7em;
    margin-top: 0;
  }
  .contact-page .contact-page-form-wrapper input[type=submit] {
    min-width: 200px;
    float: right;
  }
  .contact-page .contact-page-form-wrapper form.wpcf7-form {
    display: flex;
    column-gap: 2em;
  }
  .contact-page .contact-page-form-wrapper form.wpcf7-form .left-column {
    padding-left: 6em;
    width: 80%;
  }
  .contact-page .contact-page-form-wrapper form.wpcf7-form .left-column > p {
    position: relative;
    margin-bottom: 1.2em;
  }
  .contact-page .contact-page-form-wrapper .form-column {
    position: relative;
    width: 100%;
  }
  .contact-page .contact-page-form-wrapper .form-column > p {
    margin-bottom: 2em;
    text-align: left;
  }
  .contact-page .contact-page-form-wrapper .form-column label {
    position: absolute;
    top: 16px;
    left: -100px;
    font-size: 12px;
  }
  .contact-page .contact-page-form-wrapper .info-column {
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 2em;
    padding-top: 3em;
    margin: 0 0 3em;
  }
  .contact-page .contact-page-form-wrapper .info-column > div {
    width: 45%;
  }
  .contact-page .contact-page-form-wrapper .info-column h4 {
    text-align: center;
  }
  .contact-page .contact-page-main-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2em;
  }
  .contact-page .contact-page-main-info .column {
    width: 45%;
  }
  .contact-page .contact-page-main-info h4 {
    text-align: center;
    min-height: 30px;
    font-weight: 400;
  }
  .contact-page .contact-page-main-info .mail-label {
    display: block;
  }
  .contact-page .contact-page-main-info .phone-links a,
  .contact-page .contact-page-main-info .email-links a {
    margin-bottom: 0.8em;
  }
  .contact-page .contact-page-main-info .phone-links a:hover,
  .contact-page .contact-page-main-info .email-links a:hover {
    color: #fea900;
  }
}
@media screen and (min-width: 1200px) {
  .contact-page .contact-page-form-wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 1em;
  }
  .contact-page .contact-page-form-wrapper .underline-long {
    display: none;
  }
  .contact-page .contact-page-form-wrapper .info-column {
    width: unset;
    display: block;
    padding-top: 0;
    margin: 0;
  }
  .contact-page .contact-page-form-wrapper .info-column > div {
    width: unset;
    text-align: left;
  }
  .contact-page .contact-page-form-wrapper .info-column h4 {
    text-align: left;
  }
  .contact-page .contact-page-form-wrapper .contact-info {
    margin-top: 2.7em;
    text-align: left;
  }
  .contact-page .contact-page-form-wrapper .form-column {
    width: 60%;
  }
  .contact-page .contact-page-main-info .column {
    width: 22%;
  }
  .contact-page .contact-page-main-info h4 {
    min-height: 40px;
  }
  .contact-page .contact-page-main-info p.header {
    min-height: 60px;
  }
}

.oferta-main-content {
  max-width: 1000px;
  margin: auto;
}
.oferta-main-content > div {
  margin-bottom: 4em;
}
.oferta-main-content .underline-full-width {
  margin: 0.5em auto;
}
.oferta-main-content h2 {
  margin: 1.5em 0;
}
.oferta-main-content h3 {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
  font-weight: 500;
}
.oferta-main-content .terminy-header {
  padding: 0;
}
.oferta-main-content .terminy-header .terminy-header-icon {
  margin-right: 1.5em;
}
.oferta-main-content .cena-kursu {
  margin-left: auto;
  text-align: right;
  min-width: 60px;
}
.oferta-main-content .cena-kursu.promo-price {
  color: red;
}
@media screen and (min-width: 992px) {
  .oferta-main-content .terminy-header {
    padding: 0.2em 20px;
  }
  .oferta-main-content .underline-full-width {
    margin: 1em auto;
  }
}

.faq-page {
  padding-top: 3em;
  padding-bottom: 3em;
}

.faq-page .faq-section, .single-kursy .faq-section {
  margin: 0 auto;
  max-width: 1000px;
}
.faq-page .question-wrapper, .single-kursy .question-wrapper {
  border-bottom: 1px solid #fea900;
  margin-bottom: 1.5em;
}
.faq-page .question-wrapper a, .single-kursy .question-wrapper a {
  color: #176CD5;
}
.faq-page .question-wrapper h3, .single-kursy .question-wrapper h3 {
  font-size: 16px;
  margin-bottom: 1em;
  margin-top: 1em;
  padding-left: 0.7em;
  position: relative;
}
.faq-page .question-wrapper h3::after, .single-kursy .question-wrapper h3::after {
  content: "";
  background-image: url("../../assets/img/menu-down-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 14px;
  width: 20px;
  position: absolute;
  right: 10px;
  top: 5px;
  display: block;
  transition: all 0.4s ease-in-out;
  rotate: 90deg;
}
.faq-page .question-wrapper h3.rotate-arrow::after, .single-kursy .question-wrapper h3.rotate-arrow::after {
  rotate: 0deg;
}
.faq-page .question-wrapper .answer, .single-kursy .question-wrapper .answer {
  line-height: 2;
  padding: 0 1em 1em;
  max-height: 1000px;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.faq-page .question-wrapper .answer.hidden-content, .single-kursy .question-wrapper .answer.hidden-content {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 992px) {
  .faq-page .question-wrapper h3, .single-kursy .question-wrapper h3 {
    font-size: 20px;
  }
}

.instructor-single {
  padding-top: 4rem;
}
.instructor-single .instructor-info-card {
  margin-bottom: 5rem;
}
.instructor-single .thumbnail-wrapper {
  height: 250px;
  width: 250px;
  margin: 0 auto 2rem;
}
.instructor-single .thumbnail-wrapper img {
  border-radius: 50%;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.instructor-single .instructor-info {
  margin-bottom: 0.8rem;
}
.instructor-single .short-description {
  padding-top: 2rem;
  margin-bottom: 2rem;
}
.instructor-single .short-description h3 {
  margin-bottom: 1rem;
  text-align: center;
}
.instructor-single .blog-excerpt {
  margin-bottom: 2rem;
}
.instructor-single .blog-excerpt .blog-excerpt-img {
  max-height: 200px;
}
.instructor-single .page-content .wp-block-heading {
  margin-bottom: 1rem;
}
.instructor-single .page-content .wp-block-column {
  margin-bottom: 1rem;
}
.instructor-single .instructor-courses .grid-item {
  position: relative;
}
.instructor-single .instructor-courses .grid-item h3 {
  margin: 0;
}
.instructor-single .instructor-courses .grid-item a::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .instructor-single .instructor-info-card {
    display: flex;
    justify-content: center;
    gap: 6rem;
    align-items: center;
  }
  .instructor-single .thumbnail-wrapper {
    height: unset;
    width: unset;
    aspect-ratio: 1/1;
    flex-basis: 300px;
    margin: 0 0 0 auto;
  }
  .instructor-single .info-wrapper {
    flex-basis: 48%;
    flex-shrink: 0;
  }
  .instructor-single .info-wrapper .title {
    text-align: left;
  }
  .instructor-single .info-wrapper .underline-long {
    margin: 1rem 0 2rem;
    width: 150px;
  }
  .instructor-single .short-description h3 {
    margin-bottom: 1rem;
    text-align: left;
  }
  .instructor-single .instructor-content-wrapper {
    display: flex;
    gap: 5rem;
  }
  .instructor-single .instructor-content-wrapper .instructor-courses {
    flex-shrink: 0;
    order: 1;
    width: clamp(300px, 25%, 350px);
  }
  .instructor-single .instructor-content-wrapper .grid-container {
    flex-direction: column;
  }
  .instructor-single .instructor-content-wrapper .grid-item {
    width: unset;
    margin-bottom: 2rem;
  }
  .instructor-single .instructor-content-wrapper .page-content {
    padding-top: 1rem;
  }
  .instructor-single .instructor-blog-posts .blog-grid {
    justify-content: center;
    gap: 2rem;
  }
  .instructor-single .instructor-blog-posts .blog-excerpt {
    width: 31%;
  }
}

.instructors-page {
  padding-top: 4rem;
}
.instructors-page .page-content {
  text-align: center;
}
.instructors-page .instructors-list {
  padding: 2rem 0;
}
.instructors-page .instructor-preview {
  margin-bottom: 4rem;
}
.instructors-page .instructor-preview .thumbnail-wrapper {
  height: 300px;
  width: 300px;
  margin: 0 auto 2rem;
}
.instructors-page .instructor-preview .thumbnail-wrapper img {
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.instructors-page .instructor-info-wrapper .title {
  text-align: center;
  margin-bottom: 1rem;
}
.instructors-page .instructor-info-wrapper .instructor-info {
  margin-bottom: 0.8rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .instructors-page .instructors-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .instructors-page .instructor-preview {
    flex-basis: 33%;
    padding: 1.5rem;
  }
  .instructors-page .instructor-preview .thumbnail-wrapper img {
    margin: 0;
  }
}

.departments-wrapper .info-section h3.wp-block-heading {
  margin-top: 1rem;
}
.departments-wrapper .page-title {
  margin-bottom: 3rem;
}
.departments-wrapper .custom-field-content {
  max-width: 800px;
  margin: 0 auto 3rem;
  text-align: center;
}
.departments-wrapper .courses-section {
  margin-bottom: 3rem;
}
.departments-wrapper .department-course {
  display: block;
  height: 200px;
  max-width: 500px;
  position: relative;
  margin-bottom: 2rem;
  border-radius: 10px;
  overflow: hidden;
}
.departments-wrapper .department-course .course-title {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  z-index: 1;
  color: white;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(1px);
}
.departments-wrapper .department-course .course-title > * {
  margin: 0;
  text-align: center;
}
.departments-wrapper .department-course .post-thumbnail {
  position: absolute;
  inset: 0;
  object-fit: cover;
  height: 100%;
}
.departments-wrapper .wp-editor-content {
  margin-bottom: 3rem;
}
@media screen and (min-width: 992px) {
  .departments-wrapper .courses-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 5rem;
  }
  .departments-wrapper .department-course {
    flex: 1 0 31%;
    margin-bottom: 0;
    max-width: 31%;
    min-width: 350px;
  }
}

.road-signs-page .h2 {
  text-align: center;
}
.road-signs-page .signs-categories {
  margin-bottom: 6rem;
}
.road-signs-page .signs-categories .heading {
  margin-bottom: 2rem;
}
.road-signs-page .signs-categories .links-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.road-signs-page .signs-categories .road-sign-cat-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  font-family: "Work Sans";
  font-weight: 500;
  text-align: center;
  padding: 1rem;
}
.road-signs-page .signs-categories .road-sign-cat-link img {
  object-fit: contain;
  transition: transform 0.2s ease;
}
.road-signs-page .signs-categories .road-sign-cat-link span {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.road-signs-page .signs-categories .road-sign-cat-link:hover img {
  transform: scale(1.05) translateY(-4px);
}
@media screen and (min-width: 992px) {
  .road-signs-page .signs-categories .links-wrapper {
    flex-direction: row;
    column-gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .road-signs-page .signs-categories .road-sign-cat-link {
    flex: 0 1 23%;
  }
}

.road-signs-category .h2 {
  text-align: center;
}
.road-signs-category .heading {
  margin-bottom: 3rem;
}
.road-signs-category .sign-links {
  margin-bottom: 2rem;
}
.road-signs-category .sign-links .road-sign-link {
  position: relative;
  display: flex;
  column-gap: 1rem;
  align-items: center;
  opacity: 1;
  transition: opacity 0.1s ease;
}
.road-signs-category .sign-links .road-sign-link .img-wrapper {
  flex-shrink: 0;
}
.road-signs-category .sign-links .road-sign-link .img-wrapper img {
  transition: transform 0.1s ease;
}
.road-signs-category .sign-links .road-sign-link a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.road-signs-category .sign-links .road-sign-link .link-el {
  color: #166be2;
  text-decoration: underline;
  margin-bottom: 0;
}
.road-signs-category .sign-links .road-sign-link:hover .img-wrapper img {
  transform: scale(1.25);
}
.road-signs-category .sign-links:hover .road-sign-link {
  opacity: 0.4;
}
.road-signs-category .sign-links .road-sign-link:hover {
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .road-signs-category .sign-links {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
  }
  .road-signs-category .sign-links .road-sign-link {
    flex: 1 1 300px;
  }
}

:is(.road-signs-category, .single-road-sign) .back-link {
  display: flex;
  justify-content: center;
  column-gap: 2rem;
  margin: 3rem 0;
}
:is(.road-signs-category, .single-road-sign) .back-link a {
  font-family: "Work Sans", sans-serif;
  color: white;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  background-color: #fea900;
  padding: 1rem 2rem;
  border-radius: 12px;
  max-width: 350px;
}

.single-road-sign .h2,
.single-road-sign .h3,
.single-road-sign h4 {
  text-align: center;
}
.single-road-sign .heading {
  text-align: center;
  margin-bottom: 2rem;
}
.single-road-sign .top-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
  margin-bottom: 2rem;
}
.single-road-sign .top-section .full-name {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: "Work Sans", sans-serif;
}
.single-road-sign .post-content {
  padding: 2rem 0;
}
@media screen and (min-width: 992px) {
  .single-road-sign p {
    font-size: 16px;
    line-height: 1.6;
  }
  .single-road-sign .top-section {
    flex-direction: row;
    column-gap: 4rem;
    padding: 0 2rem;
    margin-bottom: 2rem;
  }
  .single-road-sign .top-section .img-wrapper {
    height: 300px;
    flex-shrink: 0;
  }
  .single-road-sign .top-section .img-wrapper img {
    object-fit: contain;
    height: 100%;
  }
}

body {
  background-color: #fafafa;
}

.page-main-content {
  margin-top: 60px;
  min-height: 60vh;
}

h2,
.h2 {
  text-align: center;
}

.main-slider {
  height: calc(100vh - 140px);
}
.main-slider .slider-desktop {
  height: 100%;
  object-fit: cover;
}
.main-slider .slider-mobile {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 992px) {
  .main-slider {
    height: calc(100vh - 160px);
    background-color: rgb(60, 60, 60);
  }
  .main-slider .slider-mobile {
    display: none;
  }
  .main-slider .slider-desktop {
    display: block;
  }
}

.main-info h1 {
  text-align: center;
  font-size: 20px;
  margin: 1.2em 0;
  font-weight: 500;
}
.main-info p {
  text-align: center;
  padding: 0 15px;
}
.main-info .read-more-link {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .main-info h1 {
    font-size: 26px;
    font-weight: 500;
  }
}

.akademia-links {
  margin: 2em 0;
}
.akademia-links ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  row-gap: 1em;
  margin: 0 auto;
}
.akademia-links li {
  width: 50%;
}
.akademia-links li a {
  color: transparent;
  font-size: 1px;
  display: block;
}
@media screen and (min-width: 992px) {
  .akademia-links {
    margin-bottom: 4em;
  }
  .akademia-links ul {
    row-gap: 2em;
  }
  .akademia-links li {
    width: 20%;
  }
}

.home .akademia-links {
  padding: 0.5em 0;
}
.home .akademia-links #menu-akademie-linki {
  display: none;
}
@media screen and (min-width: 768px) {
  .home .akademia-links {
    padding: 0;
  }
  .home .akademia-links #menu-akademie-linki {
    display: flex;
  }
}

.grid-container {
  padding: 2em 0;
}
@media screen and (min-width: 992px) {
  .grid-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5em;
    justify-content: center;
  }
  .grid-container .grid-item {
    width: 32%;
  }
  .grid-container .grid-item.double-grid-item {
    width: 66%;
  }
  .grid-container .grid-item.half-grid-item {
    width: 49%;
  }
  .grid-container .grid-item.half-grid-item .grid-wrapper {
    height: 200px;
  }
}

.kursy-zawodowe .show-more-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  margin-top: -2em;
}
.kursy-zawodowe .show-more-button a {
  border-radius: 10px;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  width: fit-content;
  white-space: nowrap;
  display: block;
  color: white;
  background-color: #fea900;
  border: 1px solid #fea900;
}

.grid-item {
  margin-bottom: 4em;
  display: block;
  text-align: center;
  font-size: 12px;
  transition: opacity 0.3s ease-in, max-height 0.3s ease-out, transform 0.3s ease-in-out, translate 0.3s ease-in-out;
  max-height: 300px;
}
.grid-item.collapsed-item {
  max-height: 0;
  opacity: 0;
  margin-bottom: -2px;
  pointer-events: none;
  visibility: hidden;
}
.grid-item h3,
.grid-item .h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}

.grid-item.lazy-load-effect {
  opacity: 0;
  transform: scale(0.7);
}

@media screen and (min-width: 992px) {
  .grid-container .grid-item:nth-child(3n+1).grid-item.lazy-load-effect {
    translate: 200px;
  }
  .grid-container .grid-item:nth-child(3n+3).grid-item.lazy-load-effect {
    translate: -200px;
  }
  .presentation-grid-4 {
    margin-top: -3em;
  }
  .presentation-grid-2 {
    margin-top: -2em;
  }
}
.grid-wrapper {
  position: relative;
  margin-bottom: 1.5em;
  height: 180px;
}
.grid-wrapper .grid-cena {
  position: absolute;
  bottom: 10px;
  right: 12px;
  border-radius: 8px;
  padding: 8px 12px;
  background-color: white;
  font-family: "Work Sans", sans-serif;
  font-size: 22px;
  font-weight: 900;
}
.grid-wrapper img {
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0px 0px 14px 4px rgba(66, 66, 66, 0.2);
  height: 100%;
  width: 100%;
}
.grid-wrapper .on-hover-video {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.grid-wrapper .on-hover-video:hover {
  opacity: 1;
}
.grid-wrapper .promocja-tag {
  position: absolute;
  top: -14px;
  left: -12px;
  color: white;
  background-color: #C60000;
  border: 1px solid white;
  border-radius: 10px;
  padding: 0.4em 1em;
  font-size: 16px;
  font-weight: 700;
  z-index: 1;
  display: none;
}
.grid-wrapper .bestseller-tag {
  position: absolute;
  top: -14px;
  right: -12px;
  color: white;
  background-color: #fea900;
  border: 1px solid white;
  border-radius: 10px;
  padding: 0.4em 1em;
  font-size: 16px;
  font-weight: 700;
  z-index: 1;
  display: none;
}
.grid-wrapper.kurs-promocja .promocja-tag {
  display: block;
}
.grid-wrapper.kurs-promocja .grid-cena {
  color: #C60000;
}
.grid-wrapper.kurs-bestseller .bestseller-tag {
  display: block;
}
@media screen and (min-width: 992px) {
  .grid-wrapper {
    height: 160px;
  }
  .grid-wrapper .on-hover-video {
    display: block;
  }
}

.kurs-promocja + h3 {
  color: #C60000;
}

.grid-slider {
  padding: 2em 15px;
  display: flex;
  justify-content: space-between;
  overflow-x: scroll;
  column-gap: 15px;
  margin-bottom: 2em;
}
.grid-slider .grid-card {
  min-width: 300px;
  border-radius: 10px;
  box-shadow: 0px 0px 14px 4px rgba(66, 66, 66, 0.2);
  overflow: hidden;
}
.grid-slider img {
  max-height: 200px;
  object-fit: cover;
  width: 100%;
}
.grid-slider h3,
.grid-slider .h3 {
  font-size: 20px;
  margin: 10px 15px;
}
.grid-slider .wrapper {
  display: flex;
  padding: 0 15px 15px;
}
.grid-slider p {
  width: 80%;
}
.grid-slider .map-pointer-link {
  margin-right: 1em;
  padding-top: 15px;
}
.grid-slider .map-pointer-link img {
  width: 56px;
  height: 56px;
}
@media screen and (min-width: 992px) {
  .grid-slider {
    max-width: 960px;
    margin: 0 auto 3em;
    padding: 2em 30px;
    overflow-x: auto;
  }
  .grid-slider .grid-card {
    min-width: unset;
    width: 32%;
    max-width: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .grid-slider {
    max-width: 1200px;
    column-gap: 50px;
  }
}

.blog-grid {
  padding: 2em 0;
}

.blog-excerpt {
  margin-bottom: 3em;
}
.blog-excerpt .wrapper {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin: 1.3em 0;
}
.blog-excerpt .wrapper img {
  width: 50px;
  margin-right: 1em;
}
.blog-excerpt .wrapper h3,
.blog-excerpt .wrapper .h3 {
  text-align: center;
  margin: 0;
  width: 100%;
}
.blog-excerpt .blog-text-excerpt {
  font-size: 14px;
  margin-bottom: 2em;
}
.blog-excerpt .icons-wrapper {
  display: flex;
  order: 2;
  margin-top: 0.6em;
}

.blog-excerpt-img {
  border-radius: 10px;
  object-fit: cover;
  max-height: 250px;
}

@media screen and (min-width: 992px) {
  .blog-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .blog-excerpt {
    width: 47%;
  }
  .blog-excerpt .wrapper h3,
  .blog-excerpt .wrapper .h3 {
    text-align: left;
  }
}
.front-page-content {
  margin-bottom: 2em;
}
.front-page-content h2,
.front-page-content .h2 {
  text-align: center;
  margin-bottom: 1em;
  margin-top: 2em;
  font-size: 18px;
  line-height: 1.4;
}
.front-page-content h3,
.front-page-content .h3 {
  text-align: center;
  margin-bottom: 0.6em;
  margin-top: 1.5em;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
.front-page-content .wp-block-image img {
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .front-page-content h2,
  .front-page-content .h2 {
    text-align: left;
    margin-bottom: 1em;
    margin-top: 2em;
  }
  .front-page-content h3,
  .front-page-content .h3 {
    text-align: left;
  }
}

.front-page-seo-text {
  margin-bottom: 2em;
}

/*# sourceMappingURL=main.css.map */