/* Styles of PostHero.
   This file is the source: edit it directly. */

.padding-section-88-88 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

@media screen and (max-width:767px) {
  .padding-section-88-88 {
    padding-top: 2rem;
  }
}
/* Styles of PostArticle.
   This file is the source: edit it directly. */

.padding-section-104-168 {
  padding-top: 6.5rem;
  padding-bottom: 10.5rem;
}

.blog_cover-image-wrapper {
  aspect-ratio: 2.04/1.28;
  border-radius: var(--base-size-brand--border-24);
  width: 100%;
  overflow: hidden;
}

.blog_cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* Styles of PostBody.
   This file is the source: edit it directly. */

button {
  overflow: visible;
}

button {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

button {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-richtext:after {
  clear: both;
}

.w-richtext ol,
.w-richtext ul {
  overflow: hidden;
}

.w-richtext figure>div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure.w-richtext-figure-type-video>div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div {
  max-width: 100%;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.blog_rich-text h2:lang(pl) {
  padding-bottom: 10px;
}

.blog_rich-text figure {
  aspect-ratio: 2.04/1.28;
  border-radius: var(--base-size-brand--border-24);
  margin-top: 3rem;
  margin-bottom: 4rem;
}

.blog_rich-text img {
  aspect-ratio: 2.04/1.28;
  border-radius: var(--base-size-brand--border-24);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog_rich-text p {
  margin-bottom: 1rem;
}

.blog_rich-text h1:lang(pl) {
  padding-bottom: 10px;
}

.blog_rich-text h3:lang(pl) {
  padding-bottom: 10px;
}

.blog_rich-text h4,
.blog_rich-text h5,
.blog_rich-text h6 {
  margin-bottom: 1rem;
}

@media screen and (max-width:767px) {
  .blog_rich-text h3 {
    line-height: 1.4;
  }
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child,
.w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}

.blog_rich-text em {
  position: relative;
  z-index: 1;
  padding: 0.25rem 0.25rem 0 0.25rem;
  display: inline-block;
  color: #FF8600;
}

.blog_rich-text em::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: '';
  background-color: #FFF3E5;
  z-index: -1;
  border-radius: .5rem;
  height: 100%;
  width: 100%;
}
/* Rich text extras of the blog: the styles Webflow's site scripts comparisongreenem-1.0.0.js and
   comparisonstyles-2.0.0.js inject into <head> on every blog page (copied from the scripts, in their
   order), so no script is needed: green emphasis in narrow comparison texts and the .plan-table
   comparison table used inside post bodies. */
.blog_rich-text.is-comparison-narrow em{color:#2ECC70!important}
.blog_rich-text.is-comparison-narrow em::after{background-color:#EAFAF1!important}
.blog_rich-text.is-comparison-narrow em{color:#2ECC70!important}
.blog_rich-text.is-comparison-narrow em::after{background-color:#EAFAF1!important}
.plan-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border-radius:1rem;overflow:hidden;background:#fff;color:#636363;box-shadow:0 4px 24px rgba(0,0,0,.07);font-size:.95rem;line-height:1.7}
.plan-table th,.plan-table td{padding:14px 18px;vertical-align:top;text-align:left;font-weight:400;border:none;border-bottom:1px solid #f2f2f2}
.plan-table th:first-child{background:#f7f9fc;font-weight:600;color:#042612}
.plan-table th:nth-child(2){background:linear-gradient(135deg,#2ecc70,#27ae60);color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.02em}
.plan-table th:nth-child(3){background:#f7f9fc;color:#636363;font-weight:600}
.plan-table tbody tr{transition:background .2s}
.plan-table tbody tr:hover{background:#f7f9fc}
.plan-table tbody td:first-child{font-weight:500;color:#042612}
.plan-table tbody td:nth-child(2){background:#eafaf1}
.plan-table tbody td:nth-child(3){background:#fff}
.plan-table tbody tr:last-child td{border-bottom:none}

/* variant "wide" of the article section (new, not on Webflow): the full container width */
.blog_article-wide {
  width: 100%;
}
/* Styles of PostFaq.
   This file is the source: edit it directly. */

.fs_accordion-1_paragraph {
  margin-bottom: 0;
}

.fs_accordion-1_body {
  padding: 0 1.5rem 2rem;
  transition: max-height .3s;
  overflow: hidden;
}

.fs_accordion-1_content {
  overflow: hidden;
}

.fs_accordion-1_arrow-wrapper {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: transform .3s;
  display: flex;
}

.fs_accordion-1_arrow-wrapper:after {
  content: "";
  border-bottom: 2.5px solid #1a1a2e;
  border-right: 2.5px solid #1a1a2e;
  width: 10px;
  height: 10px;
  margin-top: -2px;
  transform: rotate(45deg);
}

.fs_accordion-1_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  display: flex;
}

.fs_accordion-1_item {
  border-radius: var(--base-size-brand--border-20);
  background-color: var(--background-color--background-secondary);
}

.fs_accordion-1_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
/* Styles of PostRelated.
   This file is the source: edit it directly. */

.spacer-large-48 {
  width: 100%;
  padding-top: 3rem;
}

._2-col-grid-9-3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-group-testimonials_wrapper {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.padding-section-128-96 {
  padding-top: 8rem;
  padding-bottom: 6rem;
}

@media screen and (max-width:991px) {
  .spacer-large-48 {
    padding-top: 2.5rem;
  }

  ._2-col-grid-9-3 {
    grid-template-columns: 1fr;
  }

  .button-group-testimonials_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width:767px) {
  .spacer-large-48 {
    padding-top: 2rem;
  }

  .padding-section-128-96 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
/* "Read more" list of a post: the custom code of Webflow's blog post template, verbatim
   ("Przeczytaj kolejne artykuly: ukryj aktualnie czytany wpis, pokaz dokladnie 3 karty"):
   hides the card of the post being read and shows exactly three cards. */
.blog_collection-list > .blog_collection-item:has(.w--current){display:none !important;}
.blog_collection-list:not(:has(> .blog_collection-item:nth-child(-n+3) .w--current)) > .blog_collection-item:nth-child(n+4){display:none !important;}
.blog_collection-list:has(> .blog_collection-item:nth-child(-n+3) .w--current) > .blog_collection-item:nth-child(n+5){display:none !important;}

/* variant "all" (new, not on Webflow): every card except the post being read */
.is-blog-all .blog_collection-list > .blog_collection-item:not(:has(.w--current)) {
  display: block !important;
}