:root {
  --font-family-default: "roc-grotesk", sans-serif;
  --clr-brand: #0b50c8;
  --clr-blue-50: #EFF8FF;
  --clr-blue-100: #D9E4F6;
  --clr-blue-200: #B2DDFF;
  --clr-blue-500: #2E90FA;
  --clr-blue-600: #1570EF;
  --clr-blue-700: #0B50C8;
  --clr-green-50: rgba(0, 152, 140, 0.1);
  --clr-green-600: #00988C;
  --clr-success-400: #d9e4f6;
  --clr-success-alt-400: rgba(0, 152, 140, 0.1);
  --clr-accent-400: #ffc466;
  --clr-error-500: #F04438;
  --clr-bg-orange: #F3A75A;
  --clr-gray-50: #f9fafb;
  --clr-gray-100: #F2F4F7;
  --clr-gray-200: #eaecf0;
  --clr-gray-300: #D0D5DD;
  --clr-gray-400: #98A2B3;
  --clr-gray-500: #667085;
  --clr-gray-700: #344054;
  --clr-gray-900: #101828;
  --clr-light-100: #ffffff;
  --clr-standard: #D1E7EE;
  --clr-plus: #D4E0F5;
  --clr-premium: #F9E1A9;
  --fs-200: 12px;
  --fs-300: 14px;
  --fs-400: 16px;
  --fs-500: 18px;
  --fs-700: 20px;
  --fs-800: 24px;
  --fs-850: 32px;
  --fs-900: 34px;
  --fs-1000: 34px;
  --lh-default: 1.5;
  --fw-thin: 400;
  --fw-default: 500;
  --fw-bold: 700;
  --btn-clr: var(--clr-gray-900);
  --btn-bg: var(--clr-accent-400);
  --btn-padding: 6px 12px;
  --btn-radius: 999px;
  --btn-fs: 16px;
  --btn-fw: 700;
  --btn-lh: 1.5;
  --transition-default: 0.3s ease-in-out;
  --progress-number: 48px;
  --radius-default: 4px;
  --radius-2x: 8px;
  --border-small: 1px solid var(--clr-gray-200);
  --border-default: 2px solid var(--clr-gray-200);
  --container-padding: 24px 8px;
  --shadow-400: 0 4px 6px -2px #10182803;
  --shadow-500: 0 12px 16px -4px #10182808;
  --dropdown-arrow-size: 24px;
  --circle-size: 48px;
  --icon-size: 24px;
  --icon-size-xl: 48px;
}
@media (min-width: 992px) {
  :root {
    --fs-900: 48px;
    --fs-1000: 48px;
  }
}
@media (min-width: 1600px) {
  :root {
    --fs-1000: 64px;
  }
}
@media (min-width: 992px) {
  :root {
    --btn-padding: 10px 24px;
  }
}

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

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0rem !important;
  }
}
.m-1 {
  margin: 0.25rem !important;
}

@media (min-width: 992px) {
  .m-lg-1 {
    margin: 0.25rem !important;
  }
}
.m-2 {
  margin: 0.5rem !important;
}

@media (min-width: 992px) {
  .m-lg-2 {
    margin: 0.5rem !important;
  }
}
.m-3 {
  margin: 1rem !important;
}

@media (min-width: 992px) {
  .m-lg-3 {
    margin: 1rem !important;
  }
}
.m-4 {
  margin: 1.5rem !important;
}

@media (min-width: 992px) {
  .m-lg-4 {
    margin: 1.5rem !important;
  }
}
.m-5 {
  margin: 3rem !important;
}

@media (min-width: 992px) {
  .m-lg-5 {
    margin: 3rem !important;
  }
}
.ms-0 {
  margin-left: 0rem !important;
}

@media (min-width: 992px) {
  .ms-lg-0 {
    margin-left: 0rem !important;
  }
}
.ms-1 {
  margin-left: 0.25rem !important;
}

@media (min-width: 992px) {
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
}
.ms-2 {
  margin-left: 0.5rem !important;
}

@media (min-width: 992px) {
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
}
.ms-3 {
  margin-left: 1rem !important;
}

@media (min-width: 992px) {
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
}
.ms-4 {
  margin-left: 1.5rem !important;
}

@media (min-width: 992px) {
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
}
.ms-5 {
  margin-left: 3rem !important;
}

@media (min-width: 992px) {
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
}
.mt-0 {
  margin-top: 0rem !important;
}

@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
}
.mt-1 {
  margin-top: 0.25rem !important;
}

@media (min-width: 992px) {
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
}
.mt-2 {
  margin-top: 0.5rem !important;
}

@media (min-width: 992px) {
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
}
.mt-3 {
  margin-top: 1rem !important;
}

@media (min-width: 992px) {
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
}
.mt-4 {
  margin-top: 1.5rem !important;
}

@media (min-width: 992px) {
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
}
.mt-5 {
  margin-top: 3rem !important;
}

@media (min-width: 992px) {
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
}
.mb-0 {
  margin-bottom: 0rem !important;
}

@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}

@media (min-width: 992px) {
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}

@media (min-width: 992px) {
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
}
.mb-3 {
  margin-bottom: 1rem !important;
}

@media (min-width: 992px) {
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}

@media (min-width: 992px) {
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
}
.mb-5 {
  margin-bottom: 3rem !important;
}

@media (min-width: 992px) {
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
}
.me-0 {
  margin-right: 0rem !important;
}

@media (min-width: 992px) {
  .me-lg-0 {
    margin-right: 0rem !important;
  }
}
.me-1 {
  margin-right: 0.25rem !important;
}

@media (min-width: 992px) {
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
}
.me-2 {
  margin-right: 0.5rem !important;
}

@media (min-width: 992px) {
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
}
.me-3 {
  margin-right: 1rem !important;
}

@media (min-width: 992px) {
  .me-lg-3 {
    margin-right: 1rem !important;
  }
}
.me-4 {
  margin-right: 1.5rem !important;
}

@media (min-width: 992px) {
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
}
.me-5 {
  margin-right: 3rem !important;
}

@media (min-width: 992px) {
  .me-lg-5 {
    margin-right: 3rem !important;
  }
}
.my-0 {
  margin-block: 0rem !important;
}

@media (min-width: 992px) {
  .my-lg-0 {
    margin-block: 0rem !important;
  }
}
.my-1 {
  margin-block: 0.25rem !important;
}

@media (min-width: 992px) {
  .my-lg-1 {
    margin-block: 0.25rem !important;
  }
}
.my-2 {
  margin-block: 0.5rem !important;
}

@media (min-width: 992px) {
  .my-lg-2 {
    margin-block: 0.5rem !important;
  }
}
.my-3 {
  margin-block: 1rem !important;
}

@media (min-width: 992px) {
  .my-lg-3 {
    margin-block: 1rem !important;
  }
}
.my-4 {
  margin-block: 1.5rem !important;
}

@media (min-width: 992px) {
  .my-lg-4 {
    margin-block: 1.5rem !important;
  }
}
.my-5 {
  margin-block: 3rem !important;
}

@media (min-width: 992px) {
  .my-lg-5 {
    margin-block: 3rem !important;
  }
}
.mx-0 {
  margin-inline: 0rem !important;
}

@media (min-width: 992px) {
  .mx-lg-0 {
    margin-inline: 0rem !important;
  }
}
.mx-1 {
  margin-inline: 0.25rem !important;
}

@media (min-width: 992px) {
  .mx-lg-1 {
    margin-inline: 0.25rem !important;
  }
}
.mx-2 {
  margin-inline: 0.5rem !important;
}

@media (min-width: 992px) {
  .mx-lg-2 {
    margin-inline: 0.5rem !important;
  }
}
.mx-3 {
  margin-inline: 1rem !important;
}

@media (min-width: 992px) {
  .mx-lg-3 {
    margin-inline: 1rem !important;
  }
}
.mx-4 {
  margin-inline: 1.5rem !important;
}

@media (min-width: 992px) {
  .mx-lg-4 {
    margin-inline: 1.5rem !important;
  }
}
.mx-5 {
  margin-inline: 3rem !important;
}

@media (min-width: 992px) {
  .mx-lg-5 {
    margin-inline: 3rem !important;
  }
}
.p-0 {
  padding: 0rem !important;
}

@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0rem !important;
  }
}
.p-1 {
  padding: 0.25rem !important;
}

@media (min-width: 992px) {
  .p-lg-1 {
    padding: 0.25rem !important;
  }
}
.p-2 {
  padding: 0.5rem !important;
}

@media (min-width: 992px) {
  .p-lg-2 {
    padding: 0.5rem !important;
  }
}
.p-3 {
  padding: 1rem !important;
}

@media (min-width: 992px) {
  .p-lg-3 {
    padding: 1rem !important;
  }
}
.p-4 {
  padding: 1.5rem !important;
}

@media (min-width: 992px) {
  .p-lg-4 {
    padding: 1.5rem !important;
  }
}
.p-5 {
  padding: 3rem !important;
}

@media (min-width: 992px) {
  .p-lg-5 {
    padding: 3rem !important;
  }
}
.ps-0 {
  padding-left: 0rem !important;
}

@media (min-width: 992px) {
  .ps-lg-0 {
    padding-left: 0rem !important;
  }
}
.ps-1 {
  padding-left: 0.25rem !important;
}

@media (min-width: 992px) {
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
}
.ps-2 {
  padding-left: 0.5rem !important;
}

@media (min-width: 992px) {
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
}
.ps-3 {
  padding-left: 1rem !important;
}

@media (min-width: 992px) {
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
}
.ps-4 {
  padding-left: 1.5rem !important;
}

@media (min-width: 992px) {
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
}
.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 992px) {
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
.pt-0 {
  padding-top: 0rem !important;
}

@media (min-width: 992px) {
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
}
.pt-1 {
  padding-top: 0.25rem !important;
}

@media (min-width: 992px) {
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
}
.pt-2 {
  padding-top: 0.5rem !important;
}

@media (min-width: 992px) {
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
}
.pt-3 {
  padding-top: 1rem !important;
}

@media (min-width: 992px) {
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
}
.pt-4 {
  padding-top: 1.5rem !important;
}

@media (min-width: 992px) {
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
}
.pt-5 {
  padding-top: 3rem !important;
}

@media (min-width: 992px) {
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
}
.pb-0 {
  padding-bottom: 0rem !important;
}

@media (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}

@media (min-width: 992px) {
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}

@media (min-width: 992px) {
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
}
.pb-3 {
  padding-bottom: 1rem !important;
}

@media (min-width: 992px) {
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}

@media (min-width: 992px) {
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
}
.pb-5 {
  padding-bottom: 3rem !important;
}

@media (min-width: 992px) {
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
}
.pe-0 {
  padding-right: 0rem !important;
}

@media (min-width: 992px) {
  .pe-lg-0 {
    padding-right: 0rem !important;
  }
}
.pe-1 {
  padding-right: 0.25rem !important;
}

@media (min-width: 992px) {
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
}
.pe-2 {
  padding-right: 0.5rem !important;
}

@media (min-width: 992px) {
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
}
.pe-3 {
  padding-right: 1rem !important;
}

@media (min-width: 992px) {
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
}
.pe-4 {
  padding-right: 1.5rem !important;
}

@media (min-width: 992px) {
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
}
.pe-5 {
  padding-right: 3rem !important;
}

@media (min-width: 992px) {
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
}
.py-0 {
  padding-block: 0rem !important;
}

@media (min-width: 992px) {
  .py-lg-0 {
    padding-block: 0rem !important;
  }
}
.py-1 {
  padding-block: 0.25rem !important;
}

@media (min-width: 992px) {
  .py-lg-1 {
    padding-block: 0.25rem !important;
  }
}
.py-2 {
  padding-block: 0.5rem !important;
}

@media (min-width: 992px) {
  .py-lg-2 {
    padding-block: 0.5rem !important;
  }
}
.py-3 {
  padding-block: 1rem !important;
}

@media (min-width: 992px) {
  .py-lg-3 {
    padding-block: 1rem !important;
  }
}
.py-4 {
  padding-block: 1.5rem !important;
}

@media (min-width: 992px) {
  .py-lg-4 {
    padding-block: 1.5rem !important;
  }
}
.py-5 {
  padding-block: 3rem !important;
}

@media (min-width: 992px) {
  .py-lg-5 {
    padding-block: 3rem !important;
  }
}
.px-0 {
  padding-inline: 0rem !important;
}

@media (min-width: 992px) {
  .px-lg-0 {
    padding-inline: 0rem !important;
  }
}
.px-1 {
  padding-inline: 0.25rem !important;
}

@media (min-width: 992px) {
  .px-lg-1 {
    padding-inline: 0.25rem !important;
  }
}
.px-2 {
  padding-inline: 0.5rem !important;
}

@media (min-width: 992px) {
  .px-lg-2 {
    padding-inline: 0.5rem !important;
  }
}
.px-3 {
  padding-inline: 1rem !important;
}

@media (min-width: 992px) {
  .px-lg-3 {
    padding-inline: 1rem !important;
  }
}
.px-4 {
  padding-inline: 1.5rem !important;
}

@media (min-width: 992px) {
  .px-lg-4 {
    padding-inline: 1.5rem !important;
  }
}
.px-5 {
  padding-inline: 3rem !important;
}

@media (min-width: 992px) {
  .px-lg-5 {
    padding-inline: 3rem !important;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  color: var(--clr-gray-900);
  font-family: var(--font-family-default);
  font-size: var(--fs-400);
  font-weight: 500;
  line-height: 1.5;
  min-height: 100vh;
  min-height: 100svh;
}
body a {
  text-decoration: none;
  color: var(--clr-gray-900);
}
body:has(.modal.active), body:has(.tooltip.active) {
  overflow-y: hidden;
}

img,
svg,
video,
iframe {
  max-width: 100%;
  display: block;
}

p:last-child {
  margin-bottom: 0;
}

.flex-center, .modal, .view__header--step {
  display: flex;
  align-items: center;
  justify-content: center;
}

.position-relative {
  position: relative;
  isolation: isolate;
}

.border-0 {
  border: none !important;
}
.border-default, .dropdown__trigger, .form__input, .view__select {
  border: var(--border-default) !important;
}
.border-small {
  border: var(--border-small) !important;
}
.border-top {
  border-top: var(--border-default) !important;
}
.border-small-top {
  border-top: var(--border-small) !important;
}
.border-bottom {
  border-bottom: var(--border-default) !important;
}
.border-small-bottom, .modal__subheader, .modal__header {
  border-bottom: var(--border-small) !important;
}
.border-gray-100 {
  border-color: var(--clr-gray-100) !important;
}
.border-gray-200 {
  border-color: var(--clr-gray-200) !important;
}
.border-gray-400 {
  border-color: var(--clr-gray-400) !important;
}
.border-gray-500 {
  border-color: var(--clr-gray-500) !important;
}
.border-gray-900 {
  border-color: var(--clr-gray-900) !important;
}
.border-blue-200 {
  border-color: var(--clr-blue-200) !important;
}
.border-black-12 {
  border-color: rgba(0, 0, 0, 0.12) !important;
}

.rounded, .form .alert-feedback > span {
  border-radius: var(--radius-default) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 999px;
}
.rounded-2x {
  border-radius: var(--radius-2x) !important;
}

.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.shadow-400, [data-swiper] .swiper-button-next, [data-swiper] .swiper-button-prev {
  box-shadow: 0 0 16px -4px rgba(16, 24, 40, 0.0823529412);
}
.shadow-500 {
  box-shadow: 0 0 16px -4px rgba(16, 24, 40, 0.1450980392);
}

.aspect-16by9 {
  aspect-ratio: 16/9;
}

.d-flex {
  display: flex;
}

.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .gap-3 {
    gap: 0.5rem;
  }
}
.gap-4 {
  gap: 1.5rem;
}
.gap-5 {
  gap: 3rem;
}
@media only screen and (min-width: 992px) {
  .gap-lg-4 {
    gap: 1.5rem;
  }
}

.lh-1 {
  line-height: 1 !important;
}
.lh-12 {
  line-height: 1.2 !important;
}

.underline {
  text-decoration: underline !important;
}

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

@media only screen and (min-width: 992px) {
  .align-items-lg-start {
    align-items: start !important;
  }
}
@media only screen and (min-width: 992px) {
  .align-items-lg-center {
    align-items: center !important;
  }
}

@media only screen and (min-width: 1440px) {
  .align-items-xl-center {
    align-items: center !important;
  }
}

.align-items-start {
  align-items: start !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: end;
}

.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
.d-inline {
  display: inline-block !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-flex {
  display: flex !important;
}
@media only screen and (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}
@media only screen and (min-width: 992px) {
  .d-lg-flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 992px) {
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column;
}
.flex-initial {
  flex: 0 0 auto;
}
.flex-1 {
  flex: 1 1 auto;
}
@media only screen and (min-width: 992px) {
  .flex-lg-column {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1440px) {
  .flex-xl-row {
    flex-direction: row;
  }
}

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

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

.bg-orange {
  background-color: var(--clr-bg-orange);
}
.bg-gray-50 {
  background-color: var(--clr-gray-50);
}
.bg-green-600 {
  background-color: var(--clr-green-600);
}
.bg-blue-50 {
  background-color: var(--clr-blue-50);
}
.bg-blue-700 {
  background-color: var(--clr-blue-700);
}
.bg-light-100 {
  background-color: var(--clr-light-100);
}
.bg-standard {
  background-color: var(--clr-standard);
}
.bg-plus {
  background-color: var(--clr-plus);
}
.bg-premium {
  background-color: var(--clr-premium);
}
.bg-transparent {
  background-color: transparent !important;
}

.page-container {
  padding-inline: 1rem;
}
@media only screen and (min-width: 1440px) {
  .page-container {
    margin-inline: 3rem;
  }
}

.container {
  padding-inline: 0.5rem;
  width: 100%;
  margin-inline: auto;
}
@media only screen and (min-width: 992px) {
  .container {
    padding-inline: 1rem;
  }
}
@media only screen and (min-width: 1440px) {
  .container {
    width: clamp(200px, 80%, 992px);
  }
}

.w-100 {
  width: 100%;
}

.grid, .view__wrap {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: var(--_gap, var(--grid-gap, 1rem));
}
.grid > *, .view__wrap > * {
  grid-column: auto/span 12;
}
.grid > * .img-wrapper img, .view__wrap > * .img-wrapper img,
.grid > * .img-wrapper iframe,
.view__wrap > * .img-wrapper iframe {
  width: 100%;
}
.grid.gap-2, .gap-2.view__wrap {
  --_gap:0.5rem;
}
.grid.gap-3, .gap-3.view__wrap {
  --_gap: 1rem;
}
.grid.gap-4, .gap-4.view__wrap {
  --_gap:1.5rem;
}
@media only screen and (min-width: 992px) {
  .grid.gap-lg-4, .gap-lg-4.view__wrap {
    --_gap:1.5rem;
  }
}
@media (min-width: 992px) {
  .grid > .col-2, .view__wrap > .col-2 {
    grid-column: auto/span 2;
  }
  .grid > .col-3, .view__wrap > .col-3 {
    grid-column: auto/span 3;
  }
  .grid > .col-4, .view__wrap > .col-4 {
    grid-column: auto/span 4;
  }
  .grid > .col-5, .view__wrap > .col-5 {
    grid-column: auto/span 5;
  }
  .grid > .col-6, .view__wrap > .col-6 {
    grid-column: auto/span 6;
  }
  .grid > .col-7, .view__wrap > .col-7 {
    grid-column: auto/span 7;
  }
  .grid > .col-8, .view__wrap > .col-8 {
    grid-column: auto/span 8;
  }
  .grid > .col-9, .view__wrap > .col-9 {
    grid-column: auto/span 9;
  }
  .grid > .col-10, .view__wrap > .col-10 {
    grid-column: auto/span 10;
  }
  .grid > .col-11, .view__wrap > .col-11 {
    grid-column: auto/span 11;
  }
  .grid > .col-12, .view__wrap > .col-12 {
    grid-column: auto/span 12;
  }
}

.accordion {
  font-family: var(--font-family-default);
}
.accordion__item:not(.active) .accordion__content {
  display: none;
}
.accordion__item {
  border-bottom: 1px solid var(--clr-gray-200);
}
.accordion__header {
  cursor: pointer;
}
.accordion__title {
  cursor: pointer;
  position: relative;
  padding: 1rem 4rem 1rem 1rem;
  font-family: var(--font-family-default);
  font-size: var(--fs-300);
  font-weight: var(--fw-default);
  border: none;
  background-color: transparent;
  text-align: start;
  width: 100%;
}
.accordion__item .accordion__title:before {
  content: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/arrow-small-down.svg?708ae207d2b7a274ecbde2a28507b57b);
  display: block;
  width: 1rem;
  height: auto;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform-origin: center;
  transform: rotate(0deg) translateY(-50%);
}
.accordion__item.active > .accordion__header > .accordion__title:before {
  content: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/arrow-small-down.svg?708ae207d2b7a274ecbde2a28507b57b);
  display: block;
  width: 1rem;
  height: auto;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: scaleY(-1) translateY(calc(-50% + 1.25em));
}
.accordion__text {
  padding: 0;
  color: var(--neutral--700);
}
@media only screen and (min-width: 992px) {
  .accordion__text {
    margin-top: -0.5rem;
  }
}
.accordion__text__text {
  padding-bottom: 3rem;
}
.accordion__text.rabat-code {
  padding-inline-start: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .accordion__text.rabat-code {
    padding-inline-start: 1rem;
  }
}
.accordion__child {
  padding-left: 2rem;
}
.accordion:not(.accordion__child) > .accordion__item {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .accordion:not(.accordion__child) > .accordion__item {
    margin-bottom: 1rem;
  }
}
.accordion:not(.accordion__child) > .accordion__item.active {
  border: none;
}
@media only screen and (max-width: 991px) {
  .accordion__reminder + .view {
    padding-top: 0rem;
  }
}
.accordion__text > b {
  display: block;
  text-transform: uppercase;
}
.accordion__text > b + p, .accordion__text > b + b {
  margin-top: 2rem;
}
.accordion__text > b + p, .accordion__text > b + ul, .accordion__text > b + ol, .accordion__text > b + b {
  margin-top: 1rem;
}
.accordion__text > b + ul, .accordion__text > b + ol {
  padding-left: 1.5rem;
}
.accordion__text > b + ul ul, .accordion__text > b + ol ul {
  list-style-type: disc;
}
.accordion__text > b + ul ol, .accordion__text > b + ol ol {
  list-style-type: decimal;
}

@keyframes tooltip-show {
  0% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes tooltip-hide {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.tooltip {
  z-index: 100;
}
.tooltip::before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: #000;
  opacity: 0.3;
}
@media only screen and (max-width: 991px) {
  .tooltip {
    width: 16px;
    height: 20px;
  }
}
.tooltip__wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  align-items: center;
  gap: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .tooltip__wrap {
    justify-content: space-between;
  }
}
.tooltip__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  overflow-y: auto;
  padding: 1rem;
  background: var(--clr-light-100);
  border-radius: var(--radius-small);
  box-shadow: -0.25rem -0.25rem 1rem 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0.25rem 0.25rem 2rem 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: right;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 768px) {
  .tooltip__content {
    width: 500px;
  }
}
@media only screen and (min-width: 992px) {
  .tooltip__content {
    padding: 2rem;
  }
}
.tooltip:not(.active) .tooltip__content {
  pointer-events: none;
  opacity: 0;
}
.tooltip.active .tooltip__content {
  pointer-events: all;
  opacity: 1;
}
.tooltip.active {
  display: flex;
}
.tooltip.active::before {
  animation: tooltip-show 0.5s forwards;
}
.tooltip:not(.active)::before {
  animation: tooltip-hide 0.5s forwards;
}
.tooltip__text {
  text-align: start;
}
.tooltip__trigger {
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  line-height: 1rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: var(--clr-blue-500);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .tooltip__trigger {
    width: 1rem;
    height: 1rem;
    text-decoration: none;
  }
}
.tooltip__trigger * {
  pointer-events: none;
}
.tooltip__trigger::before {
  content: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-additional-info.svg?d53fe763af94af9ce48f00ed2aabf383);
  display: block;
}
.tooltip__trigger > * {
  display: none;
}
@media only screen and (min-width: 992px) {
  .tooltip__trigger > * {
    display: block;
  }
}
.tooltip__close, .modal__close {
  display: inline-block;
  align-self: end;
  background-color: var(--clr-gray-200);
  padding: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
}
.tooltip__close::before, .modal__close::before {
  content: "";
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-close.svg?f324f67784e076a03f447bd79ffdb25f);
  background-size: contain;
  display: block;
  width: 12px;
  height: 12px;
}

.tooltip-small {
  display: block;
  width: 21rem;
  padding: 2rem;
  background: white;
  border-radius: 8px;
  box-shadow: -0.25rem -0.25rem 1rem 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0.25rem 0.25rem 2rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: calc(100% + 1.5rem);
  left: calc(50% - 10.5rem);
  text-align: center;
  transition: all 0.5s ease;
}

.tooltip-small:not(.active) {
  pointer-events: none;
  transform: translateY(3rem);
  opacity: 0;
}

.tooltip-small .tooltip-heading {
  display: block;
  margin-bottom: 1rem;
  line-height: 1.15;
  font-family: roc-grotesk-wide, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.tooltip-inline-trigger {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  position: relative;
  line-height: 1rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  /* color: var(--brand01--700); */
  color: #002f6d;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.tooltip-inline-trigger * {
  pointer-events: none;
}

.tooltip-inline-trigger:before {
  content: "";
  display: block;
  width: 140%;
  height: 140%;
  position: absolute;
  top: -25%;
  left: -22%;
  z-index: -1;
  border: 1px solid #323e52;
  border-radius: 9999px;
}

.tooltip-acceptance, .tooltip-contact {
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.tooltip-acceptance p, .tooltip-contact p {
  font-size: 0.875rem;
}

@media only screen and (max-width: 991px) {
  .tooltip-contact, .tooltip-acceptance {
    left: calc(50% - 16rem);
    width: 18rem;
  }
}

.tooltip-small .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  top: 0;
  right: 0 !important;
}
.tooltip-small .btn-icon svg {
  width: 1rem;
}

@property --progress {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@keyframes progress-0 {
  from {
    --progress: 0;
  }
  to {
    --progress: 0;
  }
}
@keyframes progress-1 {
  from {
    --progress: 0;
  }
  to {
    --progress: 25;
  }
}
@keyframes progress-2 {
  from {
    --progress: 25;
  }
  to {
    --progress: 50;
  }
}
@keyframes progress-3 {
  from {
    --progress: 50;
  }
  to {
    --progress: 75;
  }
}
@keyframes progress-4 {
  from {
    --progress: 75;
  }
  to {
    --progress: 100;
  }
}
@keyframes progress-completed {
  from {
    --progress: 100;
  }
  to {
    --progress: 100;
  }
}
.view {
  --_view-padding: 1rem;
  --_view-gap: 1rem;
  --_view-progress-size: 48px;
  border-radius: var(--radius-default);
  padding-block: 2rem;
}
@media only screen and (min-width: 992px) {
  .view {
    --_view-padding: 2rem;
  }
}
.view__wrap {
  --_gap: 0;
}
@media only screen and (min-width: 992px) {
  .view__wrap {
    margin-bottom: 1rem;
  }
}
.view__panel {
  border-radius: var(--radius-2x);
}
.view__panel hr {
  border-color: #eaecf0;
}
.view__panel.active {
  box-shadow: 0 0 16px 16px rgba(16, 24, 40, 0.031372549);
  z-index: 1;
}
.view__panel.active .view__header {
  border: var(--border-default);
  border-bottom: unset;
}
.view__panel.document {
  border-radius: var(--radius-2x);
  -webkit-border-radius: var(--radius-2x);
  -moz-border-radius: var(--radius-2x);
  -ms-border-radius: var(--radius-2x);
  -o-border-radius: var(--radius-2x);
}
.view__panel.document .view__content > .text-block > .document-content > * {
  font-family: Tahoma;
}
.view__panel.step-1 .view__header--step svg {
  animation: progress-1 1s forwards;
}
.view__panel.step-1 .view__header--step svg circle.fg {
  stroke: var(--clr-green-600);
}
.view__panel.step-2 .view__header--step svg {
  animation: progress-2 1s forwards;
}
.view__panel.step-2 .view__header--step svg circle.fg {
  stroke: var(--clr-green-600);
}
.view__panel.step-3 .view__header--step svg {
  animation: progress-3 1s forwards;
}
.view__panel.step-3 .view__header--step svg circle.fg {
  stroke: var(--clr-green-600);
}
.view__panel.step-4 .view__header--step svg {
  animation: progress-4 1s forwards;
}
.view__panel.step-4 .view__header--step svg circle.fg {
  stroke: var(--clr-green-600);
}
.view__panel.completed {
  margin-bottom: 1rem;
}
.view__panel.completed .view__header {
  border: var(--border-default);
  border-radius: var(--radius-2x);
  border-color: var(--clr-green-600);
}
.view__panel.completed .view__header--step {
  color: var(--clr-green-600);
}
.view__panel.completed .view__header--step svg {
  animation: progress-completed forwards;
}
.view__panel.completed .view__header--step svg circle.fg {
  stroke: var(--clr-green-600);
}
.view__header {
  background-color: var(--clr-gray-50);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--_view-gap);
  padding: 1rem var(--_view-padding);
  border-radius: var(--radius-default) var(--radius-default) 0 0;
}
.view__header:has(.badge__inline) {
  align-items: start;
}
.view__header.document {
  cursor: pointer;
}
.view__header:not(:first-child).active {
  border-top: unset;
}
.view__header > .badge__inline {
  flex-basis: 100%;
  padding-left: 48px;
}
@media only screen and (max-width: 991px) {
  .view__header > .badge__inline .badge, .view__header > .badge__inline .cr-btn-add, .view__header > .badge__inline .cr-btn-add-alt {
    background-color: transparent !important;
    padding: 0;
    line-height: 1.2;
    font-size: var(--fs-300);
    color: var(--clr-gray-700);
  }
  .view__header > .badge__inline .badge:first-child, .view__header > .badge__inline .cr-btn-add:first-child, .view__header > .badge__inline .cr-btn-add-alt:first-child {
    color: var(--clr-gray-500);
  }
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
  .view__header > .badge__inline + .ms-auto {
    margin-left: unset !important;
  }
}
.view__header--step {
  width: 48px;
  height: 48px;
  font-weight: var(--fw-bold);
  position: relative;
}
.view__header--step svg {
  position: absolute;
  --size: 48px;
  --half-size: calc(var(--size) / 2);
  --stroke-width: 2px;
  --radius: calc((var(--size) - var(--stroke-width)) / 2);
  --circumference: calc(var(--radius) * 3.14 * 2);
  --dash: calc((var(--progress) * var(--circumference)) / 100);
}
.view__header--step svg circle {
  cx: var(--half-size);
  cy: var(--half-size);
  r: var(--radius);
  stroke-width: var(--stroke-width);
  fill: none;
  stroke-linecap: round;
}
.view__header--step svg circle.bg {
  stroke: var(--clr-gray-200);
}
.view__header--step svg circle.fg {
  transform: rotate(-90deg);
  transform-origin: var(--half-size) var(--half-size);
  stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
  transition: stroke-dasharray 0.3s linear 0s;
}
@media only screen and (max-width: 991px) {
  .view__header--step + div {
    align-self: center;
  }
}
.view__header--subtitle {
  font-size: var(--fs-300);
}
.view__header--subtitle.duplicate {
  color: #FFC466;
}
.view__header--subtitle.error {
  color: #F00;
}
.view__content {
  background-color: var(--clr-light-100);
  padding: var(--_view-padding);
  border: var(--border-default);
  border-radius: 0 0 var(--radius-2x) var(--radius-2x);
}
.view__content .content {
  padding: 1rem;
  border: var(--border-default);
  border-radius: var(--radius-default);
  height: 100%;
}
.view__content .content > .icon__wrapper + * {
  margin-block: 1rem 0.25rem;
}
.view__card {
  padding: var(--_view-padding);
  border: var(--border-default);
}
.view__card--radio {
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
  cursor: pointer;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549);
  transition: var(--transition-default);
}
.view__card--radio input[type=radio] {
  font-size: inherit;
  position: absolute;
  right: calc(var(--_view-padding) + 2px);
  top: calc(var(--_view-padding) + 2px);
  width: 24px;
  height: 24px;
  border-color: var(--clr-gray-200);
  background-color: var(--clr-blue-50);
  cursor: pointer;
}
.view__card--radio input[type=radio]:checked {
  background-color: var(--clr-blue-50) !important;
}
.view__card--radio input[type=radio]:checked ~ .content {
  border-color: var(--clr-blue-600) !important;
}
.view__card--radio input[type=radio]:checked ~ .content .icon__wrapper {
  border-color: var(--clr-blue-600) !important;
  background-color: var(--clr-blue-50) !important;
}
.view__card--radio input[type=radio]:checked ~ .content .form__change {
  background-color: var(--clr-blue-50) !important;
  border-color: var(--clr-blue-600) !important;
}
.view__card--radio:hover {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
}
.view__select {
  --radius-default: 8px;
  margin-top: 8px;
  padding: 10px 16px 10px 16px;
  padding-right: 3rem;
  color: var(--clr-gray-300);
  width: 100%;
  background: transparent;
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/arrow-small-down.svg?708ae207d2b7a274ecbde2a28507b57b);
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position-x: calc(100% - 1rem);
  background-position-y: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.view__text > * > small {
  display: block;
}
.view__text > *:not(:last-child) {
  margin-bottom: 1em;
}
.view__text > *:not(:last-child) > small {
  margin-bottom: -0.5em;
}
.view__completed-steps {
  position: relative;
  isolation: isolate;
}
.view__completed-steps::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 19px;
  height: 100%;
  width: 4px;
  background-image: linear-gradient(var(--clr-gray-300) 33%, rgba(255, 255, 255, 0) 0%);
  background-position: left;
  background-size: 2px 6px;
  background-repeat: repeat-y;
  z-index: -1;
}
.view .view__completed-step {
  display: flex;
  align-items: start;
  gap: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .view .view__completed-step {
    margin-bottom: 3rem;
  }
}
.view .view__completed-step svg,
.view .view__completed-step img {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background-color: var(--clr-light-100);
}

.completed-mark > .view__header {
  position: relative;
}
.completed-mark > .view__header::after {
  position: absolute;
  content: "";
  top: 50%;
  right: var(--_view-padding, 1rem);
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-arrow-bottom.svg?daaedb18e4f9cf668e387d5ef2f4d87d);
  background-color: var(--clr-light-100);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px 14px;
  border: var(--border-small);
  border-radius: 50%;
}
.completed-mark > .view__header .view__header--title {
  color: var(--clr-gray-900) !important;
}
.completed-mark .icon__wrapper {
  width: 32px;
}

#step-1 {
  --_gap: 1rem;
}

.sidebar {
  padding: 4rem 2rem;
  background-color: var(--clr-light-100);
}
@media only screen and (max-width: 991px) {
  .sidebar {
    margin-top: 0;
    padding: 2rem 1rem;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar {
    border-top: var(--border-small);
  }
}
@media only screen and (min-width: 1440px) {
  .sidebar {
    padding: 4rem;
  }
  .sidebar > .grid, .sidebar > .view__wrap {
    grid-gap: 3rem 1rem;
  }
}
.sidebar__details img,
.sidebar__details svg {
  flex: 0 0 auto;
}

.badge, .cr-btn-add, .cr-btn-add-alt {
  padding: 4px 12px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--radius-2x);
  font-size: var(--fs-200);
  position: relative;
  line-height: 1.5;
}
.badge > span, .cr-btn-add > span, .cr-btn-add-alt > span {
  display: inline-block;
}
.badge > span > strong, .cr-btn-add > span > strong, .cr-btn-add-alt > span > strong {
  display: inline-block;
}
.badge::before, .cr-btn-add::before, .cr-btn-add-alt::before {
  content: var(--_badge-content, unset);
  background-image: var(--_badge-background-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-width: var(--_badge-width, 1rem);
  min-height: var(--_badge-height, 1rem);
  width: var(--_badge-width, 1rem);
  height: var(--_badge-height, 1rem);
  display: block;
}
.badge--300 {
  font-size: var(--fs-300);
}
.badge--white {
  background-color: var(--clr-light-100);
  color: var(--clr-gray-900);
}
.badge--blue {
  background-color: var(--clr-blue-100);
  color: var(--clr-blue-600);
}
.badge--green {
  background-color: var(--clr-green-50);
  color: var(--clr-green-600);
}
.badge--gray {
  background-color: var(--clr-gray-200);
  color: var(--clr-gray-900);
}
.badge--gray-500 {
  color: var(--clr-gray-500);
}
.badge--blue-900 {
  color: var(--clr-light-100);
  background-color: #142D5A;
}
.badge--check::before {
  --_badge-content: "";
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49978 7.37817L12.3941 0.483887L13.4547 1.54454L5.49978 9.49947L0.726807 4.72655L1.78747 3.6659L5.49978 7.37817Z' fill='%23101828'/%3E%3C/svg%3E");
}
.badge--check.badge--green::before {
  --_badge-content: "";
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49978 7.37817L12.3941 0.483887L13.4547 1.54454L5.49978 9.49947L0.726807 4.72655L1.78747 3.6659L5.49978 7.37817Z' fill='%2300988C'/%3E%3C/svg%3E");
}
.badge--check.badge--green.badge--blue::before {
  --_badge-content: "";
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49978 7.37817L12.3941 0.483887L13.4547 1.54454L5.49978 9.49947L0.726807 4.72655L1.78747 3.6659L5.49978 7.37817Z' fill='%231570EF'/%3E%3C/svg%3E");
}
.badge--check-2 {
  --_badge-content: "";
  --_badge-background-url: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-check-fill-green.svg?efbe809f08e43dbe8043ba706a7afe81);
}
.badge--clock::before {
  --_badge-content: "";
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8.75 8H11.75V9.5H7.25V4.25H8.75V8Z' fill='%23101828'/%3E%3C/svg%3E%0A");
}
.badge--clock.badge--green::before {
  --_badge-content: "";
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8.75 8H11.75V9.5H7.25V4.25H8.75V8Z' fill='%2300988C'/%3E%3C/svg%3E%0A");
}
.badge--clock.badge--blue::before {
  --_badge-content: "";
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8.75 8H11.75V9.5H7.25V4.25H8.75V8Z' fill='%231570EF'/%3E%3C/svg%3E%0A");
}
.badge--calendar::before {
  --_badge-content: "";
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.75 0.75V2.25H10.25V0.75H11.75V2.25H14.75C15.1642 2.25 15.5 2.58579 15.5 3V15C15.5 15.4142 15.1642 15.75 14.75 15.75H1.25C0.83579 15.75 0.5 15.4142 0.5 15V3C0.5 2.58579 0.83579 2.25 1.25 2.25H4.25V0.75H5.75ZM14 8.25H2V14.25H14V8.25ZM4.25 3.75H2V6.75H14V3.75H11.75V5.25H10.25V3.75H5.75V5.25H4.25V3.75Z' fill='%23101828'/%3E%3C/svg%3E%0A");
}
.badge--products::before {
  --_badge-content: "";
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 5.5H0.5V1.0022C0.5 0.586773 0.841483 0.25 1.24385 0.25H14.7561C15.167 0.25 15.5 0.57841 15.5 1.0022V5.5H14.75V13.0011C14.75 13.4147 14.4163 13.75 14.0049 13.75H1.99505C1.58357 13.75 1.25 13.4144 1.25 13.0011V5.5ZM13.25 5.5H2.75V12.25H13.25V5.5ZM2 1.75V4H14V1.75H2ZM5.75 7H10.25V8.5H5.75V7Z' fill='%23667085'/%3E%3C/svg%3E%0A");
}
.badge--lock {
  --_badge-content: "";
  --_badge-background-url: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-lock-green.svg?2cc69c11557356fbe05728e83335f232);
}
.badge__inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list--check-list {
  list-style: none;
}
.list--check-list li {
  display: flex;
  gap: 1rem;
  font-size: var(--fs-400);
  line-height: 1.5;
}
.list--check-list li::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z' fill='%2300988C'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: block;
}
.list--check-list.alt li {
  gap: 0.5rem;
  margin-bottom: 0.5em;
  font-size: var(--fs-300);
}
.list--check-list.alt li::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5ZM7.25195 11L12.5553 5.6967L11.4946 4.63604L7.25195 8.8787L5.13066 6.75732L4.06999 7.81805L7.25195 11Z' fill='%2300988C'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.list--cart li {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
}

.card {
  padding: 1rem;
}
.card--gray {
  background-color: var(--clr-gray-50);
}
.card__header img {
  width: 95px;
}
@media only screen and (max-width: 991px) {
  .card__header.sidebar-card-header, .card__header.sidebar-card-header div:first-child {
    flex-direction: row;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .card__header.sidebar-card-header, .card__header.sidebar-card-header div:first-child {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1440px) {
  .card__header.sidebar-card-header, .card__header.sidebar-card-header div:first-child {
    flex-direction: row;
    align-items: center;
  }
}
.card__title {
  --_text-lh: 1.2;
  word-break: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}
.card--border {
  border: var(--border-default);
}
.card--border-small {
  border: var(--border-small);
}
.card--bg-1 {
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/pakiet-standard.svg?2f094e8ffadd6dd0d3d7fd1f7af1f388);
  background-color: var(--clr-standard);
  background-position: right;
  background-repeat: no-repeat;
}
.card--bg-2 {
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/pakiet-plus.svg?54bf5cc2dd44165849866fc9f671a129);
  background-color: var(--clr-plus);
  background-position: right;
  background-repeat: no-repeat;
}
.card--bg-3 {
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/pakiet-premium.svg?106eee162426dc26094c170a14ffa9ac);
  background-color: var(--clr-premium);
  background-position: right;
  background-repeat: no-repeat;
}
.card--rounded {
  --_card-border-radius: var(--radius-default);
  border-radius: var(--_card-border-radius);
}
.card--rounded > *:only-child {
  border-radius: var(--_card-border-radius);
}
.card--rounded > *:first-child:not(:only-child, .d-flex) {
  border-radius: var(--_card-border-radius) var(--_card-border-radius) 0 0;
}
.card--rounded > *:last-child:not(:only-child, .d-flex) {
  border-radius: 0 0 var(--_card-border-radius) var(--_card-border-radius);
}
.card--rounded--2x {
  --_card-border-radius: var(--radius-2x);
}
.card--rounded .cr-btn-add-icon {
  min-width: 16px;
}

.contact--tel {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.contact--tel::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 15.0022C19.999 17.8731 17.9816 20.2726 15.2872 20.8616L14.6492 18.9476C15.8532 18.7511 16.8765 18.0171 17.4649 17H15C13.8954 17 13 16.1046 13 15V11C13 9.8954 13.8954 9 15 9H17.9381C17.446 5.05369 14.0796 2 10 2C5.92038 2 2.55399 5.05369 2.06189 9H5C6.10457 9 7 9.8954 7 11V15C7 16.1046 6.10457 17 5 17H2C0.89543 17 0 16.1046 0 15V10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10V10.9987V11V15V15.0022ZM18 15V11H15V15H18ZM2 11V15H5V11H2Z' fill='%23101828'/%3E%3C/svg%3E%0A");
  display: block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.form input[type=text],
.form input[type=email],
.form input[type=tel] {
  --_text-clr: var(--clr-gray-900);
  font-family: var(--font-family-default);
}
.form input[type=date] {
  cursor: pointer;
  font-family: var(--font-family-default);
}
.form input[type=date]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}
.form label {
  font-size: var(--fs-300);
}
@media only screen and (max-width: 991px) {
  .form .floating-label input:not(:-moz-placeholder) + .floating-label-text {
    font-size: var(--fs-200);
    top: 12px;
  }
  .form .floating-label input:focus + .floating-label-text, .form .floating-label input:not(:placeholder-shown) + .floating-label-text {
    font-size: var(--fs-200);
    top: 12px;
  }
}
.form .floating-label input:not(:-moz-placeholder) ~ .envelope-sign {
  display: none;
}
.form .floating-label input:focus ~ .envelope-sign, .form .floating-label input:not(:placeholder-shown) ~ .envelope-sign {
  display: none;
}
.form .floating-label input[type=email] {
  padding-left: 1rem !important;
}
.form .floating-label input[type=email] + .floating-label-text {
  left: 3rem;
}
.form .floating-label input[type=email]:not(:-moz-placeholder) + .floating-label-text {
  left: 1rem;
}
.form .floating-label input[type=email]:focus + .floating-label-text, .form .floating-label input[type=email]:not(:placeholder-shown) + .floating-label-text {
  left: 1rem;
}
.form .floating-label input[type=tel] {
  padding-left: 1rem !important;
}
.form .floating-label input[type=tel] + .floating-label-text {
  left: 71px !important;
}
.form .floating-label input[type=tel]:not(:-moz-placeholder) + .floating-label-text {
  left: 71px !important;
}
.form .floating-label input[type=tel]:focus + .floating-label-text, .form .floating-label input[type=tel]:not(:placeholder-shown) + .floating-label-text {
  left: 71px !important;
}
@media only screen and (min-width: 992px) {
  .form .floating-label input:not(:-moz-placeholder) + .floating-label-text {
    display: none;
  }
  .form .floating-label input:focus + .floating-label-text, .form .floating-label input:not(:placeholder-shown) + .floating-label-text {
    display: none;
  }
}
.form .floating-label-text {
  position: absolute;
  top: 24px;
  left: 1rem;
  transform: translate(0, -50%);
  pointer-events: none;
  transition: 0.3s ease-in-out;
  color: var(--clr-gray-500);
  line-height: 1;
}
@media only screen and (min-width: 992px) {
  .form .floating-label-text {
    top: 50%;
    transform: translateY(-50%);
  }
}
.form__input {
  --_text-clr: var(--clr-gray-500);
  position: relative;
  padding: 10px 16px;
  font-size: var(--fs-300);
  background: var(--clr-light-100);
  border-radius: var(--radius-2x);
  width: 100%;
}
.form__input.valid {
  --_text-clr: var(--clr-gray-900) !important;
  border-color: var(--clr-gray-900) !important;
  padding-right: 3rem;
}
.form__input.valid ~ .check-sign::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99872 10.1709L16.1911 0.978523L17.6053 2.39273L6.99872 12.9993L0.634766 6.6354L2.04899 5.2212L6.99872 10.1709Z' fill='%2300988C'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
  position: absolute;
  right: 1rem;
  top: 48px;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
}
.form__input.invalid {
  border-color: var(--clr-error-500) !important;
}
.form__input.invalid + .floating-label-text {
  color: var(--clr-error-500) !important;
}
.form__input ~ .check-sign {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-close-2.svg?e996dee799c85fab5cac020e301ed6a1) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 1rem;
  top: 1em;
  display: block;
  width: 16px;
  height: 16px;
  z-index: 10;
  cursor: pointer;
}
.form__input ~ .check-sign:active {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-close-2-state-2.svg?608b4bf3c970d5bcd61c30db54dedb95) no-repeat center;
  background-size: contain;
}
@media only screen and (min-width: 992px) {
  .form__input ~ .check-sign {
    top: 48px;
    transform: translateY(-50%);
  }
}
.form__input:focus, .form__input:focus-visible, .form__input:focus-within {
  border-color: var(--clr-blue-500) !important;
  outline: 1px solid var(--clr-blue-500) !important;
}
.form__email {
  padding-left: 2.75rem;
}
.form__email ~ .envelope-sign::before {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-envelope-gray.svg?94ac5397d6b773bd50808e9c9bcafd68) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 1rem;
  top: 48px;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
}
.form__email.valid ~ .envelope-sign::before {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-envelope.svg?6d2ab0f8e9397c26b77433f4c1b71b8e) no-repeat center;
  background-size: contain;
}
.form__date::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-calendar-gray.svg?aab258c40630ce32fef5385e0ce558a6) no-repeat center;
  background-size: contain;
  width: 16px;
  height: 16px;
  border-width: thin;
}
.form__date.valid::-webkit-calendar-picker-indicator {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-calendar.svg?0c69a8ef788802f9e7feaeacf3291ff9) no-repeat center;
  background-size: contain;
}
.form__custom-select button {
  --_text-clr: var(--clr-gray-500);
  padding-block: 10px;
  font-family: var(--font-family-default);
}
.form__custom-select.valid button {
  --_text-clr: var(--clr-gray-900);
  border-color: var(--clr-gray-900);
}
.form__custom-select.invalid button {
  border-color: var(--clr-error-500);
}
.form__custom-select .dropdown__content {
  padding: 0;
}
.form__custom-select ul {
  list-style: none;
  padding-block: 4px;
  max-height: 303.32px;
  overflow: auto;
}
.form__custom-select ul li {
  cursor: pointer;
  padding: 12px 16px;
  padding-block: 5px;
}
.form__custom-select ul li:last-child {
  border-radius: 0 0 var(--radius-default);
}
.form__custom-select ul li:hover {
  background-color: var(--clr-gray-100);
}
.form__custom-select:not(.form__custom-select--big-layout) li.active {
  background-color: var(--clr-blue-50);
  color: var(--clr-blue-500);
  display: flex;
  justify-content: space-between;
}
.form__custom-select:not(.form__custom-select--big-layout) li.active::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49978 7.37817L12.3941 0.483887L13.4547 1.54454L5.49978 9.49947L0.726807 4.72655L1.78747 3.6659L5.49978 7.37817Z' fill='%232E90FA'/%3E%3C/svg%3E");
  display: block;
}
@media only screen and (min-width: 768px) {
  .form__custom-select--sort.active input[type=text] {
    padding-left: calc(1.5rem + 20px);
  }
  .form__custom-select--sort.active input[type=text] + span::before {
    content: "";
    background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-search.svg?116b21061489e8646f8c0a4093b0bb38) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    position: absolute;
    left: 1rem;
    top: 48px;
    transform: translateY(-50%);
  }
}
.form__custom-select--big-layout .dropdown__content li:has([data-search-title]) {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 1fr);
  align-items: center;
  gap: 0 1rem;
}
.form__custom-select--big-layout .dropdown__content li:has([data-search-title]).active {
  background-color: var(--clr-blue-50);
}
.form__custom-select--big-layout .dropdown__content li:has([data-search-title]).active [data-search-title] {
  color: var(--clr-blue-500);
}
.form__custom-select--big-layout .dropdown__content li:has([data-search-title]) [data-search-title] {
  grid-column: 1/span 9;
  grid-row: 1/span 1;
  line-height: 1.2;
  display: block;
}
.form__custom-select--big-layout .dropdown__content li:has([data-search-title]) [data-search-title]:only-child {
  grid-row: 1/span 2;
}
.form__custom-select--big-layout .dropdown__content li:has([data-search-title]) [data-search-subtitle] {
  grid-column: 1/span 9;
  grid-row: 2/span 1;
  display: block;
}
.form__radio {
  display: flex;
  align-items: center;
}
.form__radio + span {
  display: block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.form__radio__wrap {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 12px 24px;
  margin-block: 1rem;
  border: var(--border-default);
  border-radius: var(--radius-2x);
}
.form__radio__wrap:has(input[type=radio]:checked) {
  border-color: var(--clr-blue-500);
}
.form__radio__wrap input[type=radio] {
  width: 24px;
  height: 24px;
}
.form__radio__wrap input[type=radio] + span {
  color: var(--clr-gray-500);
  margin-right: auto;
  font-size: var(--fs-300);
}
.form__radio__wrap input[type=radio] + span strong {
  display: block;
  font-size: var(--fs-400);
}
.form__radio__wrap input[type=radio] + span + span {
  font-size: var(--fs-200);
}
.form__radio__wrap input[type=radio] + span + span strong {
  font-weight: var(--fw-500);
  font-size: var(--fs-300);
}
.form__radio__wrap input[type=radio]:checked + span {
  color: var(--clr-gray-900);
}
.form__radio-list > .form__radio__wrap {
  border-radius: 0;
}
.form__radio-list > .form__radio__wrap:first-child {
  border-radius: var(--radius-default) var(--radius-default) 0 0;
  border-bottom-color: transparent;
}
.form__radio-list > .form__radio__wrap:last-child {
  border-radius: 0 0 var(--radius-default) var(--radius-default);
}
.form__change {
  padding: 12px 16px;
}
.form__checkbox {
  display: flex;
  gap: 1rem;
}
.form__checkbox:not(:first-child, :last-child) {
  margin-block: 1rem;
}
.form__checkbox:has(.tooltip-small) {
  position: relative;
}
.form__checkbox input[type=checkbox] {
  position: absolute !important;
  visibility: hidden !important;
  width: 1px;
  height: 1px;
  order: 2;
}
.form__checkbox input[type=checkbox]:checked + label::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAwCAYAAABJy8k0AAAACXBIWXMAAAsSAAALEgHS3X78AAACc0lEQVRogd2Zu1HDQBRFDx7lpgNyJbgD1AHOFWA6oASoAKjAJlBOB4gOUKIYOjC5ZkygNRiNLO/bj7TSzWyvvHtmP9p739lut2OKiuI0aXz1UZXZdv/hbIrgUZxugJvG1wWQ7OFnfQ/Kt45AA1wCeRSn5zCxGY/i9A54PNGsAJLJgEdxugLWms0fJrHUhdDABPa4CTSMHNwUGtiOdo9bQL9UZbYa5YzbQsMIX2dRnC6AHJgLH/2FhpHtcVfQMCJwl9AwEnDX0DCCPW4B/V6VWXLsx6Bn3AK6AJZdDYIFt4RODr13m4IEV9ZxgydoCBBcQefU/lkibWiAqNHpgv97Y1uV2ZNwAMbqCxoOTvWOPXVbldlGOBCx+oQGBa5xkHiFt4D+BhZVmX1K+5xpnp5rZQycyxI6MYGG+nC7R+/0XLdEtlZyAP1h2vcMuBa0f1UrxJWeGAAaavBC0H5OHdFaw3fEwF1yAg1/S10ia/ihoQFmVZm9Ai/C5+bUy/5c2mEI0KBubsq6SeEvOKhM6MgQGmDlEhoatjSK0xy4Ev6H1gXCAtrLHaJ5V18iO+ygUZNqU2jQ0ABXs5ZgBt96p1cXn6CgocWdWcDfqJn9lUUM7N0fHI2ebHIuai+94HTlsk29mKLOzM0C3lS9QMOJIEK9QhLq96hvPfcFDZopqzInbx7HcTQG9iWt6Kkqsxy49TSG3qFBkLmpZegafhBoEIaNjuEHgwaDlFXBS+/1TQ0KDYbxsqGp2WtwaLDI1Q3hC+DOtE+Xsi4aChydUQzsSy4qKTqOLihocACuYWqCgwZHtbMO+CChwWHRUMEtgWfgC3ggUGiAH0aPZ9Zbym4yAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
}
.form__checkbox.marketing {
  display: grid;
  grid-template-columns: 24fr 1fr;
  align-items: center;
}
.form__checkbox label {
  --_checkbox-size: 1.375rem;
  --_check-size: 1rem;
  --_checkbox-border-radius: 6px;
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
}
.form__checkbox label::before, .form__checkbox label::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form__checkbox label::before {
  display: block;
  width: var(--_check-size);
  height: var(--_check-size);
  left: 0.7rem;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.form__checkbox label::after {
  border-radius: var(--_checkbox-border-radius);
  width: var(--_checkbox-size);
  height: var(--_checkbox-size);
  border: 1px solid var(--clr-gray-300);
  transition: 0.05s ease-out;
}
.form__checkbox label:active::after, .form__checkbox label:focus::after {
  border: 2px solid var(--clr-blue-500) !important;
}
.form__checkbox label:active ~ .floating-label, .form__checkbox label:focus ~ .floating-label {
  top: 24px;
}
.form__checkbox label:has(input[type=checkbox]:checked)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49978 7.37817L12.3941 0.483887L13.4547 1.54454L5.49978 9.49947L0.726807 4.72655L1.78747 3.6659L5.49978 7.37817Z' fill='%231570EF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.form__checkbox label:has(input[type=checkbox]:checked)::after {
  border: 1px solid var(--clr-blue-500);
  background-color: var(--clr-blue-50);
}
.form__checkbox--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.form__checkbox--inline > div {
  margin: 0;
}
.form__checkbox--small label {
  --_checkbox-size: 1rem;
  --_check-size: 0.66rem;
  font-size: 0.75rem;
}
.form__checkbox--small label::before {
  left: 0.5rem;
}
.form__checkbox--small--text label {
  font-size: 0.75rem;
}
.form__citizenship input[type=radio] {
  height: 18px;
  width: 18px;
}
.form__contact-preference {
  margin-block: 1rem;
  padding-block: 2rem;
  border-top: var(--border-small);
  border-bottom: var(--border-small);
}
@media (min-width: 992px) {
  .form__contact-preference {
    margin-block: 2rem;
  }
}
.form__acceptance {
  margin-bottom: 2rem;
}
.form__acceptance > *:not(:first-child):not(:nth-child(2)) {
  padding-left: 2rem;
}
.form__prefix {
  display: flex;
  align-items: center;
}
.form__prefix > .dropdown {
  flex-basis: 65px;
  position: relative;
}
.form__prefix > .dropdown::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 8px;
  bottom: 8px;
  width: 1px;
  transform: translateX(-50%);
  background-color: var(--clr-gray-200);
  z-index: 1;
}
.form__prefix > .dropdown .dropdown__trigger {
  justify-content: center;
  border-radius: var(--radius-2x) 0 0 var(--radius-2x);
  border-right: none !important;
}
.form__prefix > .dropdown .dropdown__trigger::after {
  margin-left: 1rem;
}
.form__prefix > .dropdown.active .dropdown__trigger {
  border-radius: var(--radius-2x) 0 0 0;
}
.form__prefix > .dropdown + input {
  flex-basis: calc(100% - 65px);
  border-radius: 0 var(--radius-2x) var(--radius-2x) 0;
}
.form__prefix > .dropdown + input:not(:focus) {
  border-left: none !important;
}
.form__prefix.valid .dropdown__trigger {
  --_text-clr: var(--clr-gray-900);
  border-color: var(--clr-gray-900);
}
.form__prefix.invalid .dropdown__trigger {
  --_text-clr: var(--clr-error-500);
  border-color: var(--clr-error-500);
}
.form__prefix input[type=tel]:focus, .form__prefix input[type=tel]:focus-visible, .form__prefix input[type=tel]:focus-within {
  border-color: var(--clr-blue-500) !important;
  border-width: 1px !important;
  outline: 1px solid var(--clr-blue-500) !important;
}
.form__prefix--tel > .dropdown li,
.form__prefix--tel > .dropdown button {
  display: flex;
}
.form__prefix--tel > .dropdown li::before,
.form__prefix--tel > .dropdown button::before {
  content: "+";
  display: block;
}
@media only screen and (max-width: 991px) {
  .form .position-relative > label {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .form .position-relative .envelope-sign::before, .form .position-relative .envelope-sign::after,
  .form .position-relative .check-sign::before,
  .form .position-relative .check-sign::after {
    top: 50%;
  }
}
.form .invalid {
  display: block;
}
.form .invalid.form__checkbox label input:not(:checked) + span {
  color: var(--clr-error-500);
}
.form .invalid.form__checkbox label::after {
  border: 1px solid var(--clr-error-500);
}
.form .invalid-feedback {
  color: var(--clr-error-500);
  font-size: var(--fs-200);
}
.form .alert-feedback > span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: var(--fs-300);
  margin-top: 0.5rem;
}
.form .alert-feedback > span::before {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-additional-info-black.svg?f317c07f601c207c4941b5aa5de5ff59) no-repeat center;
  background-size: contain;
  min-width: 1.2em;
  min-height: 1.2em;
  display: block;
}
.form .alert-feedback.domain {
  color: var(--clr-accent-400);
}
.form .alert-feedback.domain > span::before {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-additional-info-yellow.svg?17afe4c6cdba805bc111ffd932cbd726) no-repeat center;
}

.dropdown {
  position: relative;
  font-family: var(--font-family-default);
}
@media only screen and (max-width: 767px) {
  .dropdown.modal-holdder {
    position: static;
  }
}
.dropdown__trigger {
  position: relative;
  padding: 10px 40px 10px 16px;
  font-size: var(--fs-300);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--clr-light-100);
  border-radius: var(--radius-2x);
  width: 100%;
  cursor: pointer;
}
.dropdown__trigger.text-gray-900 {
  color: var(--clr-gray-900);
}
.dropdown__trigger.prefix-tel {
  padding: 10px 16px;
}
.dropdown__trigger:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}
.dropdown input[type=text].dropdown__trigger, .dropdown button.dropdown__trigger:not(.prefix-tel) {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/arrow-small-down.svg?708ae207d2b7a274ecbde2a28507b57b) no-repeat calc(100% - 16px) center;
  background-size: 16px;
}
@media only screen and (min-width: 768px) {
  .dropdown.active > .dropdown__trigger {
    border-radius: var(--radius-2x) var(--radius-2x) 0 0;
  }
  .dropdown.active > .dropdown__trigger::after {
    transform-origin: center;
    transform: rotate(180deg);
  }
}
.dropdown__content {
  display: block;
  padding: 1rem;
  background-color: var(--clr-light-100);
  border: var(--border-default);
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  z-index: 950;
  cursor: auto;
}
@media only screen and (min-width: 992px) {
  .dropdown__content {
    border-top: unset;
    border-radius: 0 0 var(--radius-default) var(--radius-default);
  }
}
@media only screen and (max-width: 767px) {
  .dropdown__content.dropdown__modal {
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    border: none;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: end;
    position: fixed;
    inset: 0;
  }
}
.dropdown:not(.active) .dropdown__content {
  display: none;
}
@media only screen and (min-width: 768px) {
  .dropdown__modal p,
  .dropdown__modal span {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown__modal p {
    text-align: center;
    padding: 12px 16px;
  }
  .dropdown__modal span {
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dropdown__modal > .wrapper {
    width: 100%;
    background-color: var(--clr-light-100);
    border-radius: 12px 12px 0 0;
    position: relative;
  }
  .dropdown__modal > .wrapper ul {
    overflow: auto;
    max-height: 400px;
    padding-inline: 1rem;
  }
  .dropdown__modal > .wrapper li {
    padding: 8px 12px;
    border-radius: var(--radius-default);
    margin-bottom: 10px;
  }
  .dropdown__modal .modal__close {
    position: absolute;
    right: 1rem;
    top: calc(1rem - 4px);
    z-index: 1;
  }
}

.voivodeship-dropdown {
  z-index: 9999;
}
.voivodeship-dropdown .dropdown p {
  font-size: var(--fs-300);
}
@media only screen and (max-width: 991px) {
  .voivodeship-dropdown .dropdown p {
    display: none;
  }
}

[data-swiper] .swiper-button-next, [data-swiper] .swiper-button-prev {
  width: 32px;
  height: 32px;
  border: var(--border-small);
  border-color: var(--clr-gray-300);
  border-radius: 50%;
  background: var(--clr-light-100);
  margin: 0;
}
[data-swiper] .swiper-button-next::after, [data-swiper] .swiper-button-prev::after {
  content: "";
  width: 12px;
  height: 12px;
}
[data-swiper] .swiper-button-next {
  right: 0;
  transform: translate(50%, -50%);
}
[data-swiper] .swiper-button-next::after {
  background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.17219 5.0005L0.34375 2.17203L1.75799 0.757813L6.00059 5.0005L1.75799 9.2431L0.34375 7.8289L3.17219 5.0005Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}
[data-swiper] .swiper-button-prev {
  left: 0;
  transform: translate(-50%, -50%);
}
[data-swiper] .swiper-button-prev::after {
  background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.82879 4.9995L5.65723 7.82797L4.24299 9.24219L0.000385867 4.9995L4.24299 0.756899L5.65723 2.1711L2.82879 4.9995Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

.modal {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.modal-open {
  overflow: hidden !important;
}
.modal.active {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 999;
}
.modal__content {
  width: 100dvw;
  background: var(--clr-light-100);
}
@media only screen and (max-width: 991px) {
  .modal__content {
    height: 100dvh;
  }
}
@media only screen and (min-width: 992px) {
  .modal__content {
    width: clamp(100px, 80vw, 1200px);
    border-radius: 12px;
  }
}
.modal__header {
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal__subheader .upselling-packages-container {
  max-height: 300px;
  overflow-y: auto;
}
@media only screen and (min-width: 992px) {
  .modal__subheader .upselling-packages-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) {
  .modal__subheader .upselling-packages-container .card:not(:last-child) {
    flex-grow: 1;
  }
}
.modal__subheader .card__header {
  min-width: 92px;
}
.modal__subheader .card__header img {
  min-width: 60px;
}
.modal__body {
  padding: 2rem;
  background-color: var(--clr-gray-100);
  overflow: auto;
  max-height: calc(100vh - 237px);
  max-height: calc(100svh - 237px);
}
.modal__body .card__body {
  padding-bottom: 1rem;
}
.modal__body .card__body img {
  width: 95px;
}
.modal__body .card__header {
  padding-bottom: 1rem;
  min-height: 58px;
}
.modal__footer {
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  justify-content: end;
}
.modal .view__card--radio input[type=radio] {
  right: unset;
  left: calc(1rem + 2px);
  top: calc(1rem + 2px);
}
.modal .view__card--radio .content {
  border-color: var(--clr-gray-400) !important;
  height: 100%;
}
.modal .card {
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.075);
}
.modal .card__title {
  --_text-lh: 1.2;
}
.modal .badge--check::before {
  --_badge-width: 18px;
  --_badge-height: 18px;
  --_badge-background-url: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49978 7.37817L12.3941 0.483887L13.4547 1.54454L5.49978 9.49947L0.726807 4.72655L1.78747 3.6659L5.49978 7.37817Z' fill='%2300988C'/%3E%3C/svg%3E");
}
.modal__checkbox {
  height: 100%;
}
.modal__checkbox .content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal__checkbox .content > * {
  flex: 0 0 auto;
}
.modal__checkbox .content .card__header {
  flex: 1 0 auto;
}
.modal__checkbox.checked .content {
  border-color: var(--clr-blue-600) !important;
}
.modal__checkbox.checked .content .cr-btn-add-alt {
  border-color: transparent;
  border-radius: 50%;
  background-color: var(--clr-blue-50);
  padding: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__checkbox.checked .content .cr-btn-add-alt::after {
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-check-blue.svg?f57f901ad80df67b70038b8d14f7ad95);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.modal.dodatkowe-szkolenia .modal__body {
  /* HTML: <div class="loader"></div> */
}
.modal.dodatkowe-szkolenia .modal__body .card {
  box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.075);
}
.modal.dodatkowe-szkolenia .modal__body .loader {
  width: 50px;
  --b: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, #000) content-box;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation: l4 1s infinite steps(10);
}
@keyframes l4 {
  to {
    transform: rotate(1turn);
  }
}
.modal.dodatkowe-szkolenia .view__card--radio .content {
  border-color: var(--clr-gray-200);
}
.modal.sms .modal__content {
  height: auto;
  width: clamp(200px, 100% - 1rem, 600px);
  border-radius: 12px;
  background: var(--clr-light-100);
}
.modal.sms .modal__body {
  border-radius: 0 0 12px 12px;
  background-color: var(--clr-light-100);
}
.modal.sms .form__input {
  border-width: 1px;
  border-radius: var(--radius-default);
  border-color: var(--clr-gray-500);
  width: clamp(100px, 50%, 200px);
  text-align: center;
}

.waiting-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 23, 0.1);
  z-index: 99;
  border-radius: 0 0 var(--radius-2x) var(--radius-2x);
  display: flex;
  align-items: center;
  justify-content: center;
}
.waiting-cover.minor-candidate, .waiting-cover.times-up {
  left: 0;
  top: 0;
}
.waiting-cover .loader {
  width: 50px;
  --b: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, #171717) content-box;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation: l4 1s infinite steps(10);
}
@keyframes l4 {
  to {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
  }
}

.timer {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  cursor: default !important;
}
@media only screen and (max-width: 991px) {
  .timer {
    gap: 0.25rem;
    font-size: var(--fs-300);
  }
  .timer::after {
    margin-left: 0.5rem;
  }
}
.timer::before {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-clock-black.svg?da1e4e0f883a3c972b29f7333a6d6da0) no-repeat center;
  background-size: contain;
  width: 1.2em;
  height: 1.2em;
  display: block;
}

.testimonials {
  display: flex;
  justify-content: center;
}
.testimonials .loader {
  width: 50px;
  --b: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, #171717) content-box;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation: l4 1s infinite steps(10);
}
@keyframes l4 {
  to {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
  }
}

/* component: floating action button - contact */
.fab {
  display: block;
  width: 5.5rem;
  height: 3rem;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  position: fixed;
  bottom: 2rem;
  right: -2rem;
  opacity: 0.9;
  z-index: 10000;
  border-radius: 9999px;
  box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.fab:hover {
  opacity: 1;
}
@media only screen and (min-width: 992px) {
  .fab {
    padding: 1rem;
    width: 4rem;
    height: 4rem;
    right: 1rem;
  }
}

.fab-contact {
  background: #a3cedd;
}

.cr-btn, .cr-btn-arrow, .cr-btn-arrow-bottom, .cr-btn-arrow-left, .cr-btn-arrow-right, .cr-btn-select-city, .cr-btn-icon, .cr-btn-icon-right, .cr-btn-icon-left, .timer {
  display: block;
  text-align: center;
  color: var(--_btn-clr, var(--btn-clr));
  background: var(--_btn-bg, var(--btn-bg));
  line-height: 1.5;
  font-weight: var(--_btn-fw, var(--btn-fw));
  font-size: var(--_btn-fs, var(--btn-fs));
  padding: var(--_btn-padding, var(--btn-padding));
  border-radius: var(--_btn-radius, var(--btn-radius));
  text-decoration: none;
  transition: var(--transition-default);
  font: inherit;
  cursor: pointer;
  border: none;
}
.cr-btn[disabled], [disabled].cr-btn-arrow, [disabled].cr-btn-arrow-bottom, [disabled].cr-btn-arrow-left, [disabled].cr-btn-arrow-right, [disabled].cr-btn-select-city, [disabled].cr-btn-icon, [disabled].cr-btn-icon-right, [disabled].cr-btn-icon-left, [disabled].timer {
  background: var(--clr-gray-300);
  color: var(--clr-gray-50);
  pointer-events: none;
  cursor: not-allowed;
}
.cr-btn-big {
  --_btn-fs: var(--fs-400);
  --_btn-padding: 10px 24px;
}
@media only screen and (max-width: 991px) {
  .cr-btn-mobile-big {
    --_btn-fs: var(--fs-400);
    --_btn-padding: 10px 24px;
  }
}
.cr-btn-icon, .cr-btn-icon-right, .cr-btn-icon-left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.cr-btn-icon-left::before {
  content: "";
  width: 1em;
  height: 1em;
  display: block;
}
.cr-btn-icon-right::after {
  content: "";
  width: 1em;
  height: 1em;
  display: block;
}
.cr-btn-arrow, .cr-btn-arrow-bottom, .cr-btn-arrow-left, .cr-btn-arrow-right, .cr-btn-select-city {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.cr-btn-arrow-right::after, .cr-btn-select-city::after {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-arrow-right.svg?1322e244a85a99c568f155aa3ba26016) no-repeat center;
  background-size: contain;
  width: 1em;
  height: 1em;
  display: block;
}
.cr-btn-arrow-left {
  color: var(--clr-gray-500);
}
.cr-btn-arrow-left::before {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-arrow-left.svg?724f2ab19215d4a597bc9abae0106204) no-repeat center;
  background-size: contain;
  width: 1em;
  height: 1em;
  display: block;
}
.cr-btn-arrow-bottom.document {
  opacity: 0.9;
  color: var(--clr-light-100);
  background-color: var(--clr-blue-500);
  left: calc(100% - 56px);
  bottom: 0;
  position: sticky;
  border: 4px solid #D1E9FF;
  height: 56px;
  width: 56px;
}
.cr-btn-arrow-bottom.document:hover {
  opacity: 1;
}
.cr-btn-arrow-bottom.document > span {
  display: none;
}
@media only screen and (min-width: 992px) {
  .cr-btn-arrow-bottom.document > span {
    display: inline;
  }
}
@media only screen and (min-width: 992px) {
  .cr-btn-arrow-bottom.document {
    width: 200px;
    left: calc(100% - 200px);
  }
}
.cr-btn-arrow-bottom::after {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-arrow-bottom-white.svg?af60c58757087acb836f0300d7a9d73b) no-repeat center;
  background-size: contain;
  width: 1em;
  height: 1em;
  display: block;
}
.cr-btn-reset, .cr-btn-color-mode, .cr-btn-add-icon, .cr-btn-add, .cr-btn-add-alt, .cr-btn-text {
  border: none;
  background: unset;
  cursor: pointer;
}
.cr-btn-text {
  --_text-clr: var(--clr-blue-500);
  font-family: var(--font-family-default);
  text-decoration: underline;
  cursor: pointer;
}
.cr-btn-add, .cr-btn-add-alt {
  border-radius: var(--radius-default);
  position: relative;
  padding-block: 8px;
  font-size: var(--fs-300);
  cursor: pointer;
}
.cr-btn-add::after, .cr-btn-add-alt::after {
  content: "";
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  transform: translate(-50%, -50%);
  outline: 4px solid var(--clr-light-100);
  border-radius: 50%;
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-plus.svg?7bc6dae4fd5821a491949f501758401a);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  z-index: 1;
}
.cr-btn-add.pakiet-standard, .pakiet-standard.cr-btn-add-alt {
  background-color: #D1E7EE;
}
.cr-btn-add.pakiet-plus, .pakiet-plus.cr-btn-add-alt {
  background-color: #D4E0F5;
}
.cr-btn-add.pakiet-premium, .pakiet-premium.cr-btn-add-alt {
  background-color: #F9E1A9;
}
.cr-btn-add__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.cr-btn-add-icon {
  border-radius: var(--radius-default);
  width: 16px;
  height: 16px;
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-close-2.svg?e996dee799c85fab5cac020e301ed6a1) no-repeat center;
  background-size: contain;
  transition: 0.2s ease-in-out;
}
.cr-btn-add-icon:hover {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-close-2-state-2.svg?608b4bf3c970d5bcd61c30db54dedb95) no-repeat center;
  background-size: contain;
}
.cr-btn-add-alt {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: var(--border-small);
  border-radius: var(--radius-2x);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.075);
}
.cr-btn-add-alt::after {
  background-image: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-plus-2.svg?7c278ac8d75fb5481efb0884623fd0e7);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: unset;
  top: unset;
  transform: none;
  outline: none;
  position: static;
}
@media only screen and (max-width: 991px) {
  .cr-btn-select-city {
    gap: 0.25rem;
    font-size: var(--fs-300);
  }
  .cr-btn-select-city::after {
    margin-left: 0.5rem;
  }
}
.cr-btn-select-city::after {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-arrow-right-2.svg?2a58416625982490fcbdcbd98c85e1a3) no-repeat center;
  background-size: contain;
}
.cr-btn-select-city::before {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-localisation.svg?02c2113a78e98e6977072952dd91bf2c) no-repeat center;
  background-size: contain;
  width: 1.2em;
  height: 1.2em;
  display: block;
}
.cr-btn-color-mode {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 36px;
  height: 36px;
  background-color: var(--clr-gray-200);
}
.cr-btn-color-mode::after {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-color-switch.svg?c563ecd66c329b20146a6026919e94c8) no-repeat center;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: block;
}
.cr-btn-change {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cr-btn-change::before {
  content: "";
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-change.svg?0d930b2159364a59f1fd34d1ef295684) no-repeat center;
  background-size: contain;
  width: 0.75em;
  height: 0.75em;
  display: block;
}
.cr-btn-gray {
  --_btn-bg: var(--clr-gray-100);
  --_btn-clr: var(--clr-gray-700);
}
.cr-btn-outline {
  --_btn-clr: var(--clr-gray-500);
  --_btn-bg: transparent;
  border: var(--border-default);
}
.cr-btn-blue {
  --_btn-bg: var(--clr-blue-500);
  --_btn-clr: var(--clr-light-100);
  border: 4px solid var(--clr-blue-100);
}

.text, .text-black, .text-1000, .text-850, .text-accent, .text-light-100, .text-green-600, .text-yellow, .text-error, .text-blue-500, .text-gray-900, .text-gray-700, .text-gray-500, .view__panel:not(.active) .view__header, .text-gray-400, .text-deleted, .text-900, .text-800, .text-700, .view__header--title, .card__title, .text-600, .text-500, .modal .badge--check, .text-400, .view__select, .form input[type=text],
.form input[type=email],
.form input[type=tel], .form__input, .dropdown__trigger, .text-300, .modal .card__title, .text-200, .form__custom-select--big-layout .dropdown__content li:has([data-search-title]) [data-search-subtitle], .text-100 {
  color: var(--_text-clr, var(--clr-gray-900));
  font-size: var(--_text-fs, var(--fs-400));
  line-height: var(--_text-lh, var(--lh-default));
  font-weight: var(--_text-fw, var(--fw-default));
}
.text-100 {
  --_text-fs: var(--fs-100);
}
.text-200, .form__custom-select--big-layout .dropdown__content li:has([data-search-title]) [data-search-subtitle] {
  --_text-fs: var(--fs-200);
}
.text-300, .modal .card__title {
  --_text-fs: var(--fs-300);
}
.text-400, .view__select, .form input[type=text],
.form input[type=email],
.form input[type=tel], .form__input, .dropdown__trigger {
  --_text-fs: var(--fs-400);
}
.text-500, .modal .badge--check {
  --_text-fs: var(--fs-500);
}
.text-600 {
  --_text-fs: var(--fs-600);
}
.text-700, .view__header--title, .card__title {
  --_text-fs: var(--fs-700);
}
.text-800 {
  --_text-fs: var(--fs-800);
}
.text-900 {
  --_text-fs: var(--fs-900);
}
.text-deleted {
  text-decoration: line-through;
}
.text-gray-400 {
  --_text-clr: var(--clr-gray-400);
}
.text-gray-500, .view__panel:not(.active) .view__header, .form__custom-select--big-layout .dropdown__content li:has([data-search-title]) [data-search-subtitle] {
  --_text-clr: var(--clr-gray-500);
}
.text-gray-700 {
  --_text-clr: var(--clr-gray-700);
}
.text-gray-900 {
  --_text-clr: var(--clr-gray-900);
}
.text-blue-500 {
  --_text-clr: var(--clr-blue-500);
}
.text-error {
  --_text-clr: var(--clr-error-500);
}
.text-yellow {
  --_text-clr: var(--btn-bg);
}
.text-green-600 {
  --_text-clr: var(--clr-green-600);
}
.text-light-100 {
  --_text-clr: var(--clr-light-100);
}
.text-accent {
  --_text-clr: var(--clr-accent-400);
}
.text-center {
  text-align: center;
}
.text-850 {
  --_text-fs: var(--fs-850);
}
.text-1000 {
  --_text-fs: var(--fs-1000);
}
.text-block {
  padding-right: 1rem;
  padding-block: 1rem;
  overflow: auto;
  max-height: 600px;
}
@media only screen and (max-width: 991px) {
  .text-block {
    overflow: scroll;
  }
}
.text-block p {
  margin-bottom: 1em;
}
.text-black {
  --_text-clr: #000;
}

main {
  background-color: var(--clr-gray-50);
}

.icon {
  width: 24px;
  height: 24px;
}
.icon__wrapper {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: var(--border-small);
  border-radius: var(--radius-default);
}
.icon-before-document::before {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-document-black.svg?5836afb591b08fefe305704e4cb5aec1) no-repeat center;
  background-size: contain;
}
.icon-after-arrow-bottom-white::after {
  background: url(/wp-content/plugins/cr-teb-sprzedaz20/dist/images/icon-arrow-bottom-white.svg?af60c58757087acb836f0300d7a9d73b) no-repeat center;
  background-size: contain;
}
.icon--text {
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon--text > * {
  width: 16px;
  height: 16px;
  line-height: 1.2;
  text-align: center;
}

strong {
  font-weight: var(--fw-bold) !important;
}

small {
  font-size: var(--fs-200);
}

.fw-thin, .form__custom-select--big-layout .dropdown__content li:has([data-search-title]) [data-search-subtitle] {
  font-weight: var(--fw-thin) !important;
}
.fw-normal {
  font-weight: var(--fw-normal) !important;
}
.fw-bold, .cr-btn-add, .cr-btn-add-alt {
  font-weight: var(--fw-bold) !important;
}

.app {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}
.app > * {
  grid-column: auto/span 10;
}
@media only screen and (min-width: 992px) {
  .app header {
    grid-column: 1/span 10;
  }
  .app .view {
    grid-column: 1/span 7;
  }
  .app .sidebar {
    grid-column: 8/span 3;
  }
}

@media only screen and (max-width: 991px) {
  .logo > svg, .logo > img {
    max-width: 72px;
  }
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

@keyframes smooth-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
@keyframes smooth-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: all;
  }
}
[data-read-more] {
  position: relative;
}
[data-read-more] [data-scroll=bottom] {
  position: sticky;
  right: 1rem;
  bottom: 0;
  margin-left: auto;
}
[data-read-more] [data-scroll=bottom]:not(.hidden) {
  animation: smooth-show 0.3s forwards;
}
[data-read-more] [data-scroll=bottom].hidden {
  animation: smooth-hide 0.3s forwards;
}

.topbar {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .topbar {
    display: none;
  }
}

.rabat-code {
  display: flex;
  align-items: center;
}
.rabat-code > *:first-child {
  flex: 1 1 auto;
  border-radius: var(--radius-2x) 0 0 var(--radius-2x) !important;
}
.rabat-code > *:last-child {
  flex: 0 0 25%;
}
.rabat-code .cr-btn, .rabat-code .timer, .rabat-code .cr-btn-icon, .rabat-code .cr-btn-icon-left, .rabat-code .cr-btn-icon-right, .rabat-code .cr-btn-arrow, .rabat-code .cr-btn-arrow-right, .rabat-code .cr-btn-arrow-left, .rabat-code .cr-btn-arrow-bottom, .rabat-code .cr-btn-select-city {
  border-radius: 0 var(--radius-2x) var(--radius-2x) 0 !important;
  height: 48px;
}

.deduplication-waiting {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.deduplication-waiting .loader {
  width: 32px;
  --b: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, #171717) content-box;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation: l4 1s infinite steps(10);
}

.cursor-pointer {
  cursor: pointer;
}

.rules-info {
  padding-left: 2rem;
}