@charset "UTF-8";
img {
  display: flex;
  width: 100%;
  height: auto;
}

* input[type="color"],
* input[type="date"],
* input[type="datetime"],
* input[type="datetime-local"],
* input[type="email"],
* input[type="month"],
* input[type="number"],
* input[type="password"],
* input[type="search"],
* input[type="tel"],
* input[type="text"],
* input[type="time"],
* input[type="url"],
* input[type="week"],
* input,
* textarea {
  font-size: 16px !important;
  caret-color: var(--red) !important;
}

:root {
  --arrow-pos: 46px;
  --variable-top: -8px;
  --black-100: #272d35;
  --black-300: #1a1e24;
  --black-500: #0d0f12;
  --black-700: #08090b;
  --white-100: #ffffff;
  --white-300: #fcfcfc;
  --white-500: #fafafa;
  --white-600: #f4f4f4;
  --white-700: #ebebeb;
  --blue-50: #f0f7fa;
  --blue-100: #d1e5ef;
  --blue-200: #bbd9e7;
  --blue-300: #9cc7db;
  --blue-500: #6bacca;
  --blue-800: #3b5f6f;
  --blue-900: #2d4855;
  --red-50: #fbebee;
  --red-300: #e5798f;
  --red-500: #d83758;
  --red-600: #c53250;
  --red-700: #99273e;
  --grey-10: #f0f1f390;
  --grey-50: #f0f1f3;
  --grey-100: #cfd4db;
  --grey-200: #b8bfca;
  --grey-300: #97a2b1;
  --grey-400: #8390a2;
  --grey-500: #64748b;
  --grey-600: #5b6a7e;
  --grey-700: #475263;
  --grey-800: #37404c;
  --yellow-100: #fef6f0;
  --yellow-200: #fef2e8;
  --yellow-500: #fde2ce;
  --yellow-600: #fff8f5;
  --yellow-700: #ffebdd;
  --success-50: #e9f8ec;
  --success-800: #136726;
}

.hb-wrapper .hb-image-container div.hb-image-div img {
  width: unset;
}

@media (max-width: 575px) {
  * > br.mobile {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  * > br.mobile.tablet {
    display: none;
  }
}
@media (min-width: 992px) {
  * > br.mobile.desktop {
    display: none;
  }
}

svg {
  display: flex;
  height: auto;
}

.my-container {
  width: min(90%, 940px);
  margin: auto;
}
.my-container--narrow {
  width: min(90%, 982px);
}
.my-container--medium {
  width: min(90%, 1200px);
}
.my-container--wide {
  width: min(90%, 1320px);
}

html.blocked {
  overflow: hidden;
}

body,
html {
  /* Tutaj umieszczamy style globalne */
  font-family: "Poppins";
  background-color: #fff;
  color: var(--grey-700);
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-height) + 20px);
  /* Font sizes */
  /* Font weights */
  /* Font colors */
  /* Buttons */
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html p {
  margin: 0;
  color: var(--grey-700);
}
body .wrapper-link,
html .wrapper-link {
  text-decoration: none;
  color: unset;
}
@media screen and (min-width: 576px) {
  body .mobile-only,
  html .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  body .mobile-hidden,
  html .mobile-hidden {
    display: none;
  }
}
body .s-60-30,
html .s-60-30 {
  font-size: 60px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  body .s-60-30,
  html .s-60-30 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  body .s-60-30,
  html .s-60-30 {
    font-size: 30px;
  }
}
body .s-34-18,
html .s-34-18 {
  font-size: 34px;
  line-height: 1.58;
}
@media (max-width: 991px) {
  body .s-34-18,
  html .s-34-18 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  body .s-34-18,
  html .s-34-18 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  body .s-34-18,
  html .s-34-18 {
    font-size: 18px;
  }
}
body .s-34-16,
html .s-34-16 {
  font-size: 34px;
  line-height: 1.58;
}
@media (max-width: 991px) {
  body .s-34-16,
  html .s-34-16 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  body .s-34-16,
  html .s-34-16 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  body .s-34-16,
  html .s-34-16 {
    font-size: 16px;
  }
}
body .s-18-16,
html .s-18-16 {
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  body .s-18-16,
  html .s-18-16 {
    font-size: 17px;
  }
}
@media (max-width: 575px) {
  body .s-18-16,
  html .s-18-16 {
    font-size: 16px;
  }
}
body .s-18-14,
html .s-18-14 {
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  body .s-18-14,
  html .s-18-14 {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  body .s-18-14,
  html .s-18-14 {
    font-size: 14px;
  }
}
body .s-16-16,
html .s-16-16 {
  font-size: 16px;
  line-height: 1.6;
}
body .s-18-12,
html .s-18-12 {
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  body .s-18-12,
  html .s-18-12 {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  body .s-18-12,
  html .s-18-12 {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  body .s-18-12,
  html .s-18-12 {
    font-size: 14px;
  }
}
body .s-16-14 > *,
html .s-16-14 > * {
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  body .s-16-14 > *,
  html .s-16-14 > * {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  body .s-16-14 > *,
  html .s-16-14 > * {
    font-size: 14px;
  }
}
body .s-16-13,
html .s-16-13 {
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  body .s-16-13,
  html .s-16-13 {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  body .s-16-13,
  html .s-16-13 {
    font-size: 13px;
  }
}
body .s16-13,
html .s16-13 {
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  body .s16-13,
  html .s16-13 {
    font-size: 14px;
  }
}
body .s-16-12,
html .s-16-12 {
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  body .s-16-12,
  html .s-16-12 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  body .s-16-12,
  html .s-16-12 {
    font-size: 14px;
  }
}
body .s-14-14,
html .s-14-14 {
  font-size: 14px;
  line-height: 1.58;
}
body .s-14-13,
html .s-14-13 {
  font-size: 14px;
  line-height: 1.58;
}
@media (max-width: 575px) {
  body .s-14-13,
  html .s-14-13 {
    font-size: 13px;
  }
}
body .s-14-10,
html .s-14-10 {
  font-size: 14px;
  line-height: 1.58;
}
@media (max-width: 991px) {
  body .s-14-10,
  html .s-14-10 {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  body .s-14-10,
  html .s-14-10 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  body .s-14-10,
  html .s-14-10 {
    font-size: 10px;
  }
}
body .s-13-16,
html .s-13-16 {
  font-size: 13px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  body .s-13-16,
  html .s-13-16 {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  body .s-13-16,
  html .s-13-16 {
    font-size: 16px;
  }
}
body .s-13-14,
html .s-13-14 {
  font-size: 13px;
  line-height: 1.58;
}
@media (max-width: 575px) {
  body .s-13-14,
  html .s-13-14 {
    font-size: 14px;
  }
}
body .s-13-12,
html .s-13-12 {
  font-size: 13px;
  line-height: 1.58;
}
@media (max-width: 575px) {
  body .s-13-12,
  html .s-13-12 {
    font-size: 14px;
  }
}
body .s-13-10,
html .s-13-10 {
  font-size: 13px;
  line-height: 1.58;
}
@media (max-width: 991px) {
  body .s-13-10,
  html .s-13-10 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  body .s-13-10,
  html .s-13-10 {
    font-size: 11px;
  }
}
@media (max-width: 575px) {
  body .s-13-10,
  html .s-13-10 {
    font-size: 10px;
  }
}
body .w-700,
html .w-700 {
  font-weight: 600;
}
body .w-600,
html .w-600 {
  font-weight: 600;
}
body .w-500,
html .w-500 {
  font-weight: 500;
}
body .w-400,
html .w-400 {
  font-weight: 400;
}
body .c-white,
html .c-white {
  color: var(--white-100);
}
body .c-gray,
html .c-gray {
  color: var(--grey-600);
}
body .c-red,
html .c-red {
  color: var(--red-500);
}
body .c-melon,
html .c-melon {
  color: #ffbdbd;
}
body .c-champagne,
html .c-champagne {
  color: #fde2ce;
}
body .c-seashell,
html .c-seashell {
  color: #fdf6f1;
}
body .c-carolina,
html .c-carolina {
  color: #6aadca;
}
body .c-columbia,
html .c-columbia {
  color: #d6f0fb;
}
body .c-alice,
html .c-alice {
  color: #ebf3f5;
}
body .btn-wrapper > *,
html .btn-wrapper > * {
  transition: 300ms ease-out;
}
body .btn-wrapper .btn-white-border,
html .btn-wrapper .btn-white-border {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 34px;
  color: #fff;
  text-decoration: none;
}
body .btn-wrapper .btn-white-full,
html .btn-wrapper .btn-white-full {
  border: 1px solid #fff;
  border-radius: 34px;
  background: #fff;
  color: var(--red);
  text-decoration: none;
}
body .btn-wrapper .btn-white-full:hover,
html .btn-wrapper .btn-white-full:hover {
  background: transparent;
  color: #fff;
}
body .btn-wrapper .btn-red-full,
html .btn-wrapper .btn-red-full {
  background: var(--red);
  border-radius: 34px;
  line-height: 1.5;
  color: #fff;
  border: none;
  text-decoration: none;
}
body .btn-wrapper .btn-red-full:hover,
html .btn-wrapper .btn-red-full:hover {
  background: var(--red-hover);
}
body .btn-wrapper .btn-red-border,
html .btn-wrapper .btn-red-border {
  background: transparent;
  border-radius: 34px;
  color: var(--red);
}
body .btn-wrapper .btn-red-border:hover,
html .btn-wrapper .btn-red-border:hover {
  background: transparent !important;
}
body .btn-wrapper .btn-red-underline,
html .btn-wrapper .btn-red-underline {
  background: transparent;
  border: none;
  color: var(--red);
  text-decoration: underline;
  font-weight: 700;
  text-underline-offset: 8px;
}
body .bubbles,
html .bubbles {
  position: fixed;
  right: var(--position);
  bottom: var(--position);
  z-index: 99;
  isolation: isolate;
  --position: 100px;
  --width: 68px;
  --gap: 16px;
}
@media (max-width: 1199px) {
  body .bubbles,
  html .bubbles {
    --position: 80px;
  }
}
@media (max-width: 991px) {
  body .bubbles,
  html .bubbles {
    --position: 60px;
  }
}
@media (max-width: 767px) {
  body .bubbles,
  html .bubbles {
    --position: 40px;
  }
}
@media (max-width: 575px) {
  body .bubbles,
  html .bubbles {
    --width: 66px;
    --position: 30px;
  }
}
@media (max-width: 400px) {
  body .bubbles,
  html .bubbles {
    --position: 15px;
  }
}
body .bubbles > a,
body .bubbles .messenger-bubble-icon,
html .bubbles > a,
html .bubbles .messenger-bubble-icon {
  width: var(--width);
  height: var(--width);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  transition: bottom 0.3s 1s;
  z-index: 1;
}
body .bubbles > a svg path,
body .bubbles .messenger-bubble-icon svg path,
html .bubbles > a svg path,
html .bubbles .messenger-bubble-icon svg path {
  transition: 0.3s;
}
body .bubbles > a:hover,
body .bubbles .messenger-bubble-icon:hover,
html .bubbles > a:hover,
html .bubbles .messenger-bubble-icon:hover {
  background: var(--red);
}
body .bubbles > a:hover svg path,
body .bubbles .messenger-bubble-icon:hover svg path,
html .bubbles > a:hover svg path,
html .bubbles .messenger-bubble-icon:hover svg path {
  fill: #fff;
}
body .bubbles .phone-bubble,
html .bubbles .phone-bubble {
  z-index: 1;
}
body .bubbles .mail-bubble,
html .bubbles .mail-bubble {
  position: absolute;
  bottom: 0;
  z-index: 2;
}
body .bubbles .messenger-bubble-icon,
html .bubbles .messenger-bubble-icon {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  z-index: 3;
}
@media (hover: hover) and (pointer: fine) {
  body .bubbles:hover .mail-bubble,
  html .bubbles:hover .mail-bubble {
    bottom: calc(var(--width) + var(--gap));
    transition: bottom 0.3s 0s;
  }
  body .bubbles:hover .messenger-bubble-icon,
  html .bubbles:hover .messenger-bubble-icon {
    bottom: calc(2 * var(--width) + 2 * var(--gap));
    transition: bottom 0.3s 0s;
  }
}
body .bubbles.active .phone-bubble,
html .bubbles.active .phone-bubble {
  pointer-events: all !important;
}
body .bubbles.active .mail-bubble,
html .bubbles.active .mail-bubble {
  pointer-events: all !important;
  bottom: calc(var(--width) + var(--gap));
  transition: bottom 0.3s 0s;
}
body .bubbles.active .messenger-bubble-icon,
html .bubbles.active .messenger-bubble-icon {
  pointer-events: all !important;
  bottom: calc(2 * var(--width) + 2 * var(--gap));
  transition: bottom 0.3s 0s;
}
@media (pointer: coarse) {
  body .bubbles .phone-bubble,
  body .bubbles .mail-bubble,
  body .bubbles .messenger-bubble-icon,
  html .bubbles .phone-bubble,
  html .bubbles .mail-bubble,
  html .bubbles .messenger-bubble-icon {
    pointer-events: none;
    transition:
      bottom 0.3s 0s,
      pointer-events 0s 0.5s;
  }
}
body .polylang-wrapper,
html .polylang-wrapper {
  cursor: pointer;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: var(--width);
  height: var(--width);
  min-width: var(--width);
  --width: 38px;
  --unit: 10px;
}
@media (max-width: 899px) {
  body .polylang-wrapper,
  html .polylang-wrapper {
    display: none;
  }
}
@media (max-width: 899px) {
  body .polylang-wrapper,
  html .polylang-wrapper {
    --width: 32px;
    --unit: 8px;
  }
}
@media (max-width: 575px) {
  body .polylang-wrapper,
  html .polylang-wrapper {
    --width: 28px;
    --unit: 6px;
  }
}
body .polylang-wrapper > *,
html .polylang-wrapper > * {
  top: 0;
  transition:
    top 0.3s 1s,
    background-color 0.3s;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  isolation: isolate;
}
body .polylang-wrapper > *:nth-child(2):after,
body .polylang-wrapper > *:nth-child(3):after,
html .polylang-wrapper > *:nth-child(2):after,
html .polylang-wrapper > *:nth-child(3):after {
  position: absolute;
  top: calc(-3 * var(--unit));
  left: calc(-1 * var(--unit));
  background: #fff;
  width: calc(var(--width) + 2 * var(--unit));
  height: calc(var(--width) + 4 * var(--unit));
  content: "";
  z-index: -1;
  isolation: isolate;
}
body .polylang-wrapper > * a,
html .polylang-wrapper > * a {
  transition: 0.3s;
  z-index: 1;
  position: relative;
}
body .polylang-wrapper > * a img,
html .polylang-wrapper > * a img {
  position: relative;
  transition: 0.3s;
  z-index: 2;
}
body .polylang-wrapper > * a::after,
html .polylang-wrapper > * a::after {
  background: var(--red);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
body .polylang-wrapper > *:hover,
html .polylang-wrapper > *:hover {
  background: var(--red);
}
body .polylang-wrapper > *:hover a img,
html .polylang-wrapper > *:hover a img {
  position: relative;
  filter: brightness(0) invert(1);
}
body .polylang-wrapper > *:hover a::after,
html .polylang-wrapper > *:hover a::after {
  opacity: 1;
}
body .polylang-wrapper .current-lang,
html .polylang-wrapper .current-lang {
  z-index: 3;
}
body .polylang-wrapper > *:nth-child(2),
html .polylang-wrapper > *:nth-child(2) {
  z-index: 2;
}
body .polylang-wrapper > *:nth-child(3),
html .polylang-wrapper > *:nth-child(3) {
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  body .polylang-wrapper .active > *:nth-child(2),
  html .polylang-wrapper .active > *:nth-child(2) {
    top: calc(var(--width) + 4 * var(--unit) + 4px);
    transition:
      top 0.3s 0s,
      background-color 0.3s;
  }
  body .polylang-wrapper .active > *:nth-child(3),
  html .polylang-wrapper .active > *:nth-child(3) {
    top: calc(2 * var(--width) + 6 * var(--unit) + 4px);
    transition:
      top 0.3s 0s,
      background-color 0.3s;
  }
}
body .polylang-wrapper.active .current-lang,
html .polylang-wrapper.active .current-lang {
  pointer-events: all !important;
}
body .polylang-wrapper.active > *:nth-child(2),
html .polylang-wrapper.active > *:nth-child(2) {
  pointer-events: all !important;
  top: calc(var(--width) + 4 * var(--unit) + 4px);
  transition:
    top 0.3s 0s,
    background-color 0.3s;
}
body .polylang-wrapper.active > *:nth-child(3),
html .polylang-wrapper.active > *:nth-child(3) {
  pointer-events: all !important;
  top: calc(2 * var(--width) + 6 * var(--unit) + 4px);
  transition:
    top 0.3s 0s,
    background-color 0.3s;
}
body .polylang-wrapper > *,
html .polylang-wrapper > * {
  pointer-events: none;
  transition:
    top 0.3s 0s,
    background-color 0.3s,
    pointer-events 0s 0.5s;
}

.modal-contact {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal-contact:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  opacity: 0.5;
  z-index: 0;
}
.modal-contact .modal-close-outer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.modal-contact .modal-text {
  width: min(90%, 544px);
  height: min(90%, 330px);
  background: #fff;
  padding: 20px;
  text-align: center;
  line-height: 1.6;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (max-width: 767px) {
  .modal-contact .modal-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
  .modal-contact .modal-text {
    font-size: 13px;
  }
}
.modal-contact .modal-text p {
  max-width: 355px;
  margin-inline: auto;
}
.modal-contact .modal-text .message-text {
  display: block;
}
.modal-contact .modal-text .newsletter-text {
  display: none;
}
.modal-contact .modal-text .modal-close {
  position: absolute;
  top: 21px;
  right: 21px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}
.modal-contact.open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.styled-link {
  color: inherit !important;
  text-decoration: none !important;
  transition: all 0.15s;
}

.styled-link:hover {
  color: var(--red) !important;
}

html.new-styles,
body.new-styles {
  background-color: var(--white-300);
}

.new-styles .headline-main-color {
  color: var(--grey-600);
}
.new-styles .headline-xxxl {
  font-size: 51px;
  line-height: 1.25em;
  letter-spacing: -0.01em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .new-styles .headline-xxxl {
    font-size: 55px;
  }
}
@media (min-width: 1023px) {
  .new-styles .headline-xxxl {
    font-size: 60px;
  }
}
@media (min-width: 1200px) {
  .new-styles .headline-xxxl {
    font-size: 67px;
  }
}
.new-styles .headline-xxl {
  font-size: 51px;
  line-height: 1.25em;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.new-styles .headline-xl {
  font-size: 28px;
  line-height: 1.3em;
  letter-spacing: -0.01em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .new-styles .headline-xl {
    font-size: 32px;
  }
}
@media (min-width: 1023px) {
  .new-styles .headline-xl {
    font-size: 38px;
  }
}
.new-styles .headline-l,
.new-styles .headline-l > * {
  font-size: 21px;
  line-height: 1.3em;
  letter-spacing: -0.01em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .new-styles .headline-l,
  .new-styles .headline-l > * {
    font-size: 24px;
  }
}
@media (min-width: 1023px) {
  .new-styles .headline-l,
  .new-styles .headline-l > * {
    font-size: 28px;
  }
}
.new-styles .headline-m {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .new-styles .headline-m {
    font-size: 21px;
  }
}
.new-styles .headline-s {
  font-size: 21px;
  line-height: 1.3em;
  font-weight: 600;
}
.new-styles .text-big,
.new-styles .text-big * {
  font-size: 19px;
  line-height: 1.4em;
  font-weight: 600;
}
@media (min-width: 1023px) {
  .new-styles .text-big,
  .new-styles .text-big * {
    font-size: 21px;
  }
}
.new-styles .text-paragraph,
.new-styles .text-paragraph * {
  font-size: 16px;
  line-height: 1.6em;
}
.new-styles .text-small,
.new-styles .text-small * {
  font-size: 14px;
  line-height: 1.5em;
}
.new-styles .text-wysiwyg,
.new-styles .text-wysiwyg * {
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 400;
  color: var(--grey-700);
}
.new-styles .text-wysiwyg a {
  font-weight: 600;
  transition: color 250ms ease-in-out;
  color: var(--red-500);
}
.new-styles .text-wysiwyg a:hover {
  color: var(--grey-700);
}
.new-styles .text-wysiwyg b,
.new-styles .text-wysiwyg strong {
  font-weight: 600;
}
.new-styles .text-wysiwyg ul li,
.new-styles .text-wysiwyg ol li {
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 400;
  color: var(--grey-700);
}
.new-styles .btn-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (min-width: 768px) {
  .new-styles .btn-container {
    flex-direction: row;
    justify-content: center;
    gap: 8px;
  }
}
.new-styles .a-primary-btn {
  transition:
    color 250ms ease-in-out,
    background-color 250ms ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-500);
  border-radius: 34px;
  color: var(--red-500);
  padding: 17px 24px;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.23em;
  font-weight: 600;
  height: 56px;
  text-align: center;
}
@media (max-width: 410px) {
  .new-styles .a-primary-btn {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .new-styles .a-primary-btn {
    min-width: auto;
  }
}
.new-styles .a-primary-btn:hover {
  color: var(--white-500);
  background-color: var(--red-600);
}
.new-styles .a-primary-btn--red {
  color: var(--white-500);
  background-color: var(--red-500);
}
.new-styles .a-primary-btn--red:hover {
  background-color: var(--red-600);
}
.new-styles .a-primary-btn--alt {
  border: 2px solid var(--red-500);
}
.new-styles .a-primary-btn--clear {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}
.new-styles .a-primary-btn--clear:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41395 6.56673L1.37922 10.6015C1.22826 10.7524 1.03613 10.8279 0.802829 10.8279C0.569528 10.8279 0.377398 10.7524 0.226439 10.6015C0.0754794 10.4505 0 10.2584 0 10.0251C0 9.79177 0.0754794 9.59964 0.226439 9.44868L4.26117 5.41395L0.226439 1.37922C0.0754794 1.22826 0 1.03613 0 0.802829C0 0.569528 0.0754794 0.377398 0.226439 0.226439C0.377398 0.0754794 0.569528 0 0.802829 0C1.03613 0 1.22826 0.0754794 1.37922 0.226439L5.41395 4.26117L9.44868 0.226439C9.59964 0.0754794 9.79177 0 10.0251 0C10.2584 0 10.4505 0.0754794 10.6015 0.226439C10.7524 0.377398 10.8279 0.569528 10.8279 0.802829C10.8279 1.03613 10.7524 1.22826 10.6015 1.37922L6.56673 5.41395L10.6015 9.44868C10.7524 9.59964 10.8279 9.79177 10.8279 10.0251C10.8279 10.2584 10.7524 10.4505 10.6015 10.6015C10.4505 10.7524 10.2584 10.8279 10.0251 10.8279C9.79177 10.8279 9.59964 10.7524 9.44868 10.6015L5.41395 6.56673Z' fill='%23D83758'/%3E%3C/svg%3E%0A")
    no-repeat center;
}
.new-styles .a-primary-btn--clear:hover:before {
  background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41395 6.56673L1.37922 10.6015C1.22826 10.7524 1.03613 10.8279 0.802829 10.8279C0.569528 10.8279 0.377398 10.7524 0.226439 10.6015C0.0754794 10.4505 0 10.2584 0 10.0251C0 9.79177 0.0754794 9.59964 0.226439 9.44868L4.26117 5.41395L0.226439 1.37922C0.0754794 1.22826 0 1.03613 0 0.802829C0 0.569528 0.0754794 0.377398 0.226439 0.226439C0.377398 0.0754794 0.569528 0 0.802829 0C1.03613 0 1.22826 0.0754794 1.37922 0.226439L5.41395 4.26117L9.44868 0.226439C9.59964 0.0754794 9.79177 0 10.0251 0C10.2584 0 10.4505 0.0754794 10.6015 0.226439C10.7524 0.377398 10.8279 0.569528 10.8279 0.802829C10.8279 1.03613 10.7524 1.22826 10.6015 1.37922L6.56673 5.41395L10.6015 9.44868C10.7524 9.59964 10.8279 9.79177 10.8279 10.0251C10.8279 10.2584 10.7524 10.4505 10.6015 10.6015C10.4505 10.7524 10.2584 10.8279 10.0251 10.8279C9.79177 10.8279 9.59964 10.7524 9.44868 10.6015L5.41395 6.56673Z' fill='%23fff'/%3E%3C/svg%3E%0A")
    no-repeat center;
}
.new-styles .a-icon-btn {
  transition:
    color 250ms ease-in-out,
    background-color 250ms ease-in-out;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background-color: var(--white-500);
  border-radius: 34px;
  color: var(--red-500);
  padding: 17px 24px 17px 16px;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.23em;
  font-weight: 600;
  height: 56px;
  color: var(--white-500);
  background-color: var(--red-500);
  min-width: 261px;
  text-align: center;
}
@media (max-width: 410px) {
  .new-styles .a-icon-btn {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .new-styles .a-icon-btn {
    min-width: auto;
  }
}
.new-styles .a-icon-btn img,
.new-styles .a-icon-btn svg {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
  object-fit: contain;
}
.new-styles .a-icon-btn svg path {
  transition: stroke 250ms ease-in-out;
}
@media (min-width: 768px) {
  .new-styles .a-icon-btn:hover {
    background-color: var(--red-600);
  }
}
.new-styles .a-icon-btn--white {
  background-color: var(--white-100);
  color: var(--red-500);
  gap: 14px;
  padding-left: 24px;
}
.new-styles .a-icon-btn--white img {
  width: 20px;
  height: 16px;
}
.new-styles .a-icon-btn--white:hover {
  color: var(--white-100);
}
.new-styles .a-icon-btn--narrow {
  padding-inline: 24px;
  min-width: unset;
}
.new-styles .a-icon-btn--white-w-border {
  background-color: var(--white-100);
  border: 1px solid var(--red-500);
  color: var(--red-500);
  gap: 14px;
  padding-left: 24px;
}
.new-styles .a-icon-btn--white-w-border img,
.new-styles .a-icon-btn--white-w-border svg {
  width: 18px;
  height: 13px;
}
.new-styles .a-icon-btn--white-w-border svg path {
  transition: fill 250ms ease-in-out;
}
.new-styles .a-icon-btn--white-w-border:hover {
  color: var(--white-100);
}
.new-styles .a-icon-btn--white-w-border:hover svg path {
  fill: var(--white-100);
}
.new-styles .wysiwyg p,
.new-styles .wysiwyg a {
  font-size: 16px;
  line-height: 1.6em;
}
.new-styles .wysiwyg a {
  transition: color 250ms ease-in-out;
  text-decoration: none;
  font-weight: 700;
  color: var(--grey-700);
}
.new-styles .wysiwyg a:hover {
  color: var(--red-500);
}
.new-styles .wysiwyg b,
.new-styles .wysiwyg strong {
  font-weight: 700;
}

.form-effects .form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form-effects .form-wrapper__input {
  position: relative;
}
.form-effects .form-wrapper__input label {
  transition:
    font-size 250ms ease-in-out,
    transform 250ms ease-in-out;
  position: absolute;
  top: 37px;
  left: 22px;
  z-index: 9;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.form-effects .form-wrapper__input label.active,
.form-effects .form-wrapper__input label.filled {
  transform: translate(-9px, -11px);
  font-size: 13px;
}
.form-effects .form-wrapper input[type="email"] {
  box-sizing: border-box;
  width: 100%;
  border: 0;
  outline: unset;
  background-color: var(--white-100);
  border: 1px solid var(--grey-200);
  border-radius: 8px;
  padding: 21px 20px 7px;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 500;
  margin-bottom: 12px;
  max-height: 54px;
  color: var(--grey-500);
}
.form-effects .form-wrapper input[type="submit"] {
  cursor: pointer;
  margin-top: 24px;
  border: unset;
  outline: unset;
  box-shadow: unset;
}
.form-effects .form-wrapper input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-effects .form-wrapper input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  border: 1px solid var(--grey-700);
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.form-effects .form-wrapper input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: var(--grey-500);
}
.form-effects .form-wrapper input[type="checkbox"]:checked::after {
  content: "✔";
  opacity: 1;
}
.form-effects .form-wrapper__headline {
  margin-bottom: 12px;
}
.form-effects .form-wrapper .wpcf7-list-item {
  padding: 0;
  margin: 0;
}
.form-effects .form-wrapper .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.form-effects .form-wrapper .wpcf7-list-item-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  color: var(--grey-700);
  padding-left: 30px;
  cursor: pointer;
}
.form-effects .wpcf7-not-valid-tip {
  font-size: 13px !important;
}

.wpcf7-response-output {
  font-size: 14px !important;
  color: var(--grey-700) !important;
}

#waveform {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 15px;
  max-height: 70px;
}
#waveform div {
  min-width: 75px;
}
@media (min-width: 576px) {
  #waveform div {
    min-width: 100px;
  }
}
@media (min-width: 576px) {
  #waveform {
    gap: 30px;
  }
}

.c-audio-section__file-speed-dropdown {
  display: flex;
  align-items: center;
  gap: 10px;
}

.js-speed-control {
  padding: 5px 10px;
  font-size: 14px;
  color: var(--gray);
  border-radius: 5px;
  cursor: pointer;
  border: unset;
  outline: unset;
  background-color: transparent;
}

.js-speed-control:focus {
  outline: none;
}

.mb-100 {
  margin-bottom: 50px;
}

#breadcrumbs {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 500;
}
#breadcrumbs > span {
  display: flex;
  align-items: center;
  gap: 12px;
}
#breadcrumbs span span {
  display: flex;
  align-items: center;
  gap: 12px;
}
#breadcrumbs span span a {
  font-size: 12px;
  line-height: 1.58;
  color: var(--black-100);
  text-decoration: none;
  position: relative;
}
#breadcrumbs span span a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
  width: 4px;
  height: 7px;
  background-image: url("/wp-content/themes/ergotree/assets/img/arrow-breadcrumb.svg");
}
#breadcrumbs span .breadcrumb_last {
  font-size: 12px;
  line-height: 1.58;
  color: var(--red-500);
}

.breadcrumbs-home-icon {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  display: none;
}
.breadcrumbs-home-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.dcg-select {
  cursor: pointer;
  background-color: var(--white-300);
  font-size: 13px;
  line-height: 1.6em;
  font-weight: 400;
  color: var(--grey-300);
  border: 1px solid var(--grey-400);
  padding: 8px 36px 8px 20px; /* 🔹 Większy prawy padding (36px) */
  border-radius: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("./assets/img/chev-bottom.svg");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 14px;
  height: 42px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
@media (min-width: 1023px) {
  .dcg-select {
    width: 220px;
  }
}
@media (min-width: 1200px) {
  .dcg-select {
    width: 260px;
  }
}
@media (min-width: 1400px) {
  .dcg-select {
    width: 280px;
    font-size: 14px;
  }
}
.dcg-select option {
  font-size: 12px !important;
  line-height: 1.6em;
}
.dcg-select.selected {
  background-color: var(--red-500);
  color: var(--white-100);
  background-image: url("./assets/img/chev-bottom-white.svg");
}
@media (min-width: 1200px) {
  .dcg-select--medium {
    display: none;
  }
}

.dcg-service-tab {
  transition:
    background-color 150ms ease-in-out,
    color 150ms ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1.6em;
  border-radius: 6px;
  background-color: var(--white-300);
  border: 1px solid var(--grey-400);
  padding: 5px 16px;
  color: var(--black-300);
  font-weight: 500;
  height: 42px;
}
@media (min-width: 1200px) {
  .dcg-service-tab {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  .dcg-service-tab {
    font-size: 16px;
  }
}
.dcg-service-tab:hover {
  background-color: var(--red-500);
  color: var(--white-100);
}
.dcg-service-tab.active {
  background-color: var(--red-500);
  color: var(--white-100);
}
.dcg-service-tab.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.a-arrow-link {
  transition: color 250ms ease-in-out;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding: 11px 33px;
  background-color: var(--white-600);
  color: var(--grey-700);
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
  height: 48px;
}
.a-arrow-link img,
.a-arrow-link svg {
  width: 15px;
  height: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
.a-arrow-link img path,
.a-arrow-link svg path {
  transition: fill 250ms ease-in-out;
}
.a-arrow-link:hover {
  color: var(--red-500);
}
.a-arrow-link:hover svg path {
  fill: var(--red-500);
}

@media (max-width: 899px) {
  .not-mobile {
    display: none !important;
  }
}

.search-form-wrapper {
  display: none !important;
}

.js-loading.hidden {
  display: none;
}

.page-404 {
  overflow: hidden;
  background-color: var(--white-300);
  padding-top: 30px;
}
@media (min-width: 1023px) {
  .page-404 {
    padding: 0;
  }
}
.page-404__wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
  min-height: 577px;
}
@media (min-width: 1023px) {
  .page-404__wrapper {
    flex-direction: row;
    align-items: center;
    gap: 30px;
  }
}
.page-404__label,
.page-404__headline {
  color: var(--red-500);
}
.page-404__headline {
  margin-bottom: 20px;
}
@media (min-width: 1023px) {
  .page-404__headline {
    max-width: 385px;
  }
}
.page-404__label {
  font-weight: 500;
}
.page-404__content,
.page-404__bg {
  flex: 1;
}
.page-404__description {
  color: var(--grey-700);
  font-weight: 400;
  margin-bottom: 40px;
}
.page-404__bg {
  position: relative;
}
.page-404__bg-img {
  width: 100%;
  height: 100%;
}
@media (min-width: 1023px) {
  .page-404__bg-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 50vw;
    height: 577px;
  }
}
.page-404__bg img {
  width: 100%;
  min-height: 306px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center;
  opacity: 0.3;
}
@media (min-width: 1023px) {
  .page-404__bg img {
    min-height: auto;
    height: 100%;
  }
}
.page-404__bg::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: var(--yellow-700);
  transform: translateX(-50%);
}
@media (min-width: 1023px) {
  .page-404__bg::before {
    width: 50vw;
    height: 577px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1023px) {
  .page-404__content-inner {
    max-width: 486px;
  }
}

.section__contact {
  padding: 50px 0;
  border-top: 1px solid var(--blue-300);
  border-bottom: 1px solid var(--blue-300);
}
.section__contact-wrapper {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  align-items: center;
  justify-items: center;
  text-align: center;
  gap: 20px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .section__contact-wrapper {
    grid-template-columns: 10fr 8fr 10fr;
    justify-items: stretch;
    text-align: left;
    max-width: 563px;
  }
}

.color-white {
  color: var(--white-100);
}

.leading-normal {
  font-weight: 400;
}

.bottom-belt {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 72px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}
@supports (top: 100dvh) {
  .bottom-belt {
    top: calc(100dvh - 72px);
    bottom: auto;
  }
}
.bottom-belt .a-primary-btn {
  background: #fafafa;
}
.bottom-belt .a-icon-btn {
  background-color: #6aadca;
}
@media (min-width: 768px) {
  .bottom-belt {
    display: none;
  }
}