@charset "UTF-8";
:root {
  --red: #FD5030;
  --black: #242733;
  --white: #FFFFFF;
  --background: #F7F7Fa;
  --navy-blue: #111827;
  --light-grey:#BDBDBD;
  --red-proplo:#FD5030;
  --dark-grey:#7C7F8B;
  --darker-grey:#323333;
  --red-hover: #C93F25;
  --invalid: #D9213C;
  --background-modal: #F6F6F8;
  --soft-gray-proplo: #EFF2F2;
  --light-red: #FFF6F5;
  --background-gray-weak: #F7F7FA;
  --blue: #0D6EFD;
  --blue-proplo: var(--blue);
  --blue-dashboard: #365EFC;
  --basic-border: rgba(187, 187, 187, 0.75);
  --border-hover: #7C7F8B;
  --spacing-small: 8px;
  --spacing-regular: 16px;
  --spacing-large: 24px;
  --spacing-xlarge: 32px;
  --spacing-2xlarge: 40px;
  --spacing-3xlarge: 48px;
  --spacing-4xlarge: 64px;
  --Text-Weak: var(--dark-grey);
  --radius: 8px;
  --radius-small: 4px;
}

input, textarea, select, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-image: none;
}

body {
  font-family: Poppins, sans-serif;
  color: var(--black);
  font-size: 16px;
  background-color: var(--background);
}

.header-2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .header-2 {
    font-size: 48px;
    letter-spacing: -1.2px;
  }
}

header .header-3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  header .header-3 {
    font-size: 28px;
  }
}

.header-4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .header-4 {
    font-size: 36px;
    line-height: 1.3;
  }
}

.header-5 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--navy-blue);
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .header-5 {
    font-size: clamp(30px, 3.5vw, 48px);
    line-height: 1.4;
  }
}

.header-6 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--navy-blue);
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .header-6 {
    font-size: 32px;
    line-height: 1.4;
  }
}

.size-20px {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}

.size-24px-16px {
  font-size: 16px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .size-24px-16px {
    font-size: 24px;
  }
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-sb {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700;
}

.display-block {
  display: block;
}

strong {
  font-weight: 600;
}

.header-3 {
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .header-3 {
    font-size: 28px;
  }
}

.header-3a {
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .header-3a {
    font-size: 24px;
  }
}

.subtitle-2 {
  color: var(--darker-grey);
  /* Desktop/Body 1 */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.subtitle-2.white {
  color: var(--background-gray-weak);
}

.mt-8 {
  margin-top: 8px;
  display: block;
}

a.animated {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  text-decoration: none;
}
a.animated:after {
  content: "";
  width: 0;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  bottom: 4px;
  left: 0;
  display: block;
}
a.animated:after {
  bottom: 2px;
}
a.animated:hover:after {
  content: "";
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.color-orange {
  color: var(--orange);
}

@media (min-width: 768px) {
  .desktop-24px {
    font-size: 24px;
  }
}

.version-b form label.color-black {
  color: #323333;
}

.link-medium {
  font-weight: 500;
  text-decoration: underline;
}

.lead_tabs a {
  text-decoration: none;
}
.lead_tabs a:hover {
  text-decoration: underline;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: Poppins, sans-serif;
  scroll-behavior: smooth;
}

html:has(.scroll-smooth) {
  scroll-behavior: smooth;
}

body.white {
  background-color: var(--white);
}

.red-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
}
.red-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.red-list li:before {
  content: "";
  background-color: var(--red);
  width: 8px;
  height: 5px;
  border-radius: 99px;
  display: inline-block;
}

.list-inline {
  display: Flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.badge-verified img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  display: inline-block;
}
@media (min-width: 768px) {
  .badge-verified img {
    width: 24px;
    height: 24px;
    margin-left: 8px;
  }
}

@media (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .no-tablet-only {
    display: none !important;
  }
}

.mt-40 {
  margin-top: 40px;
}

@media (min-width: 1024px) {
  .tablet-only {
    display: none !important;
  }
}

.verified-share {
  margin-block: 24px 16px;
}
.verified-share > div,
.verified-share > div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .verified-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
}
.verified-share .rate-value {
  font-size: 20px;
  font-weight: 700;
}
.verified-share .share-link {
  color: inherit;
  text-decoration: none;
  font-weight: 500;
}

.badges {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.badges li {
  list-style: none;
  background-color: #E9E9E9;
  border-radius: 99px;
  padding-inline: 16px;
  line-height: 1.6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.badges li img {
  width: 12px;
}

@media (min-width: 768px) {
  .max-width {
    margin-inline: 7vw;
  }
  .max-width-static {
    max-width: 1216px;
    margin-inline: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mobile-center {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .desktop-center {
    text-align: center;
  }
}
.container-radius {
  border-radius: 40px;
  overflow: hidden;
}

.margin-block-16px {
  margin-block: 16px;
}

@media (max-width: 767px) {
  .mobile-margin-inline-9px {
    margin-inline: 9px;
  }
}
.bg-white {
  background-color: var(--white);
}

.bg-lightgrey {
  background-color: #F6F6F8;
}

.bg-grey {
  background-color: var(--light-grey);
}

.bg-black {
  background-color: var(--darker-grey);
  color: var(--white);
  font-size: 14px;
  line-height: 1.15;
  font-weight: 400;
}

.bg-dark-grey {
  background-color: var(--dark-grey);
  color: var(--white);
}

.bg-darker-grey {
  background-color: var(--darker-grey);
  color: var(--white);
}

.bg-weak {
  background: var(--background-gray-weak, #F7F7FA);
}

.bg-pink {
  background: var(--Alert-Error-Weak, #FFEFEE);
}

@media (max-width: 767px) {
  .mobile-margin-inline {
    margin-inline: 24px;
  }
  .mobile-margin-inline-16px {
    margin-inline: 16px;
  }
}
.cta-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 600;
}
body h2,
body .h2 {
  font-size: 24px;
  line-height: 140%;
  font-weight: 600;
}
@media (min-width: 768px) {
  body h2,
  body .h2 {
    font-size: 32px;
    line-height: 160%;
    /* 51.2px */
  }
}
body h4,
body .h4 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 768px) {
  body h4,
  body .h4 {
    font-size: 20px;
  }
}
body h5 {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}
@media (min-width: 768px) {
  body h5 {
    font-size: 16px;
  }
}
body .h6 {
  font-size: 24px;
  line-height: 140%;
}
@media (min-width: 768px) {
  body .h6 {
    font-size: 28px;
  }
}
body .fs-24px {
  font-size: 24px;
}

.font-size-20px {
  font-size: 20px;
  line-height: 1.4;
}

html {
  height: 100%;
  margin: 0;
}

body.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
}

body.flex .container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: Flex;
}

body.flex.center .container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body.flex .container > div {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.background-gray {
  background: var(--soft-gray-proplo, #F5F5F5);
}

.background-gray-weak {
  background: var(--background-gray-weak);
}

body:not(.app) .container {
  padding: 40px 24px;
}

h1.with-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.margin-block-16px {
  margin-block: 16px;
}

.margin-block-40px {
  margin-block: 40px;
}

.cta-top,
nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

nav {
  gap: 0;
}
nav li {
  list-style: none;
  padding-right: 32px;
  display: inline-block;
  font-size: 0;
}
nav li a {
  text-decoration: none;
  color: var(--navy-blue);
  display: inline-block;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 16px;
}
nav li a:hover {
  font-weight: bold;
}
nav li a::before {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.cta.white.border-grey:hover {
  color: var(--light-grey);
}

.cta.white.border-grey:active {
  color: var(--red-proplo);
  outline: 1px solid var(--red-proplo);
}

input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
  appearance: none;
  /* For iOS < 15 */
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border-radius: 2px;
  -webkit-transform: translateY(-0.075em);
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  border: 2px solid #7C7F8B;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.15em;
          flex: 0 0 1.15em;
}

input[type=checkbox]:checked {
  border: #FD5030 solid 2px;
  background-color: #FD5030;
}

input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em var(--form-control-color);
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: white;
}

input[type=checkbox]:checked::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
  appearance: none;
  /* For iOS < 15 */
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border-radius: 2px;
  -webkit-transform: translateY(-0.075em);
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  border: 2px solid #7C7F8B;
}

input[type=checkbox]:checked {
  border: #FD5030 solid 2px;
  background-color: #FD5030;
}

input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em var(--form-control-color);
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: white;
}

input[type=checkbox]:checked::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
  appearance: none;
  /* For iOS < 15 */
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border-radius: 2px;
  -webkit-transform: translateY(-0.075em);
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  border: 2px solid #7C7F8B;
  border-radius: 999px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.15em;
          flex: 0 0 1.15em;
}

input[type=radio]:checked {
  border: #FD5030 solid 2px;
  background-color: #FD5030;
  border-radius: 999px;
}

input[type=radio]::before {
  border-radius: 999px;
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em var(--form-control-color);
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: white;
}

input[type=radio]:checked::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type=radio]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

.city-row > div {
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.city-row > div > .field,
.city-row > div > label {
  width: 50%;
}

.bg-image-orange {
  position: relative;
}

.bg-image-orange::after {
  position: absolute;
  content: "";
  display: block;
  clear: both;
  background-color: #FD5030;
  height: 120px;
  width: 100%;
  border-bottom-left-radius: 48px;
  top: 0;
  left: 0;
}

.phone-save {
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.phone-save div.field {
  width: 100%;
}
.phone-save input[type=tel] {
  max-width: unset;
}
.phone-save input[type=submit] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 24px;
  border: 1px solid var(--gray-disabled, #BDBDBD);
  background-color: #fff;
  min-width: 134px;
}

.red-list {
  list-style: none;
  padding: 0;
}
.red-list li {
  display: Flex;
  /*justify-content:center;*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.red-list li:before {
  content: "";
  background-color: var(--red);
  width: 8px;
  height: 5px;
  border-radius: 99px;
  display: inline-block;
}

.styles-list {
  list-style: none;
  padding: 0;
}

h1:has([data-turbo-method=delete]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[data-turbo-method=delete] {
  color: var(--dark-proplo, #242733);
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}

.tos,
.tos-optional {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
}
.tos a,
.tos-optional a {
  color: inherit;
  text-decoration-line: underline;
}
.tos label,
.tos-optional label {
  margin-bottom: 0;
}

.flex-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background-color: #fff;
  padding-block: 16px;
}
.flex-actions [type=submit] {
  margin-block: 0 !important;
}
@media (max-width: 767px) {
  .flex-actions {
    position: sticky;
    bottom: 0;
    z-index: 100;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 90px;
    gap: 24px;
    padding-block: 16px;
  }
  .flex-actions:before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16px;
    right: -16px;
    z-index: -1;
  }
  .flex-actions:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 30px;
    left: -16px;
    right: -16px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
            box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
    z-index: -2;
  }
}
.flex-actions a:not(.cta) {
  color: var(--red-proplo);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}

#review_body {
  min-height: 180px;
}

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

body.results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.query-empty {
  margin-block: 80px auto;
}

button {
  cursor: pointer;
}

@media (min-width: 768px) {
  .footer-desktop-absolute {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}

#show-more {
  color: var(--red-proplo, #FD5030);
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.hidden-text {
  display: none;
}

.fullpage {
  min-height: -webkit-fill-available;
  height: 100vh;
  max-height: 1080px;
}

.padding-112px {
  padding: 56px 16px;
}
@media (min-width: 768px) {
  .padding-112px {
    padding: 80px 112px;
  }
}

.padding-112px-right {
  padding: 56px 16px;
}
@media (min-width: 768px) {
  .padding-112px-right {
    padding: 80px 112px 80px 0;
  }
}

.padding-112px-left {
  padding: 56px 16px;
}
@media (min-width: 768px) {
  .padding-112px-left {
    padding: 80px 0 80px 112px;
  }
}

.snap-scroll {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100vh;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  -ms-scroll-snap-points-y: repeat(100vh);
      scroll-snap-points-y: repeat(100vh);
}

@media (max-width: 1023px) {
  a.header-cta {
    padding: 6px 24px;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.2px;
    line-height: 1.4;
  }
  .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .logo a img {
    padding: 4px 0;
  }
}
@media (min-width: 768px) {
  .fullscreen {
    height: 100vh;
    max-height: 1080px;
    display: Flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fullscreen .fullscreen-wrap-elements {
    display: Flex;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
form .actions.flex-line {
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form .actions.flex-line input[type=submit] {
  margin-block: 0 !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: unset;
}

img.flex {
  max-width: 100%;
  height: auto;
}

.flex-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sign-up-container .login-form.success-sent-reset {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .sign-up-container .login-form.success-sent-reset {
    margin-top: 56px;
  }
}

.margin-bottom-40px {
  margin-bottom: 40px;
}

.color-orange {
  color: var(--orange-proplo, #FD5030);
}
.color-black {
  color: var(--orange-proplo, #000) !important;
}

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

a.orange-link {
  text-decoration: none;
  font-weight: 700;
}

.centering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.min-100vh {
  min-height: 100vh;
}

.back-top {
  display: Flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.2px;
  color: #323333;
  margin: 0 auto 28px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.back-top a {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.back-top a img {
  margin: 0 auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.back-top:hover a {
  color: #fff;
  text-decoration: underline;
}
.back-top:hover img {
  translate: 0 -20%;
}

.learn-more {
  margin-inline: auto;
  display: block;
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  /* 19.6px */
  letter-spacing: 0.2px;
  text-decoration: none;
  padding-bottom: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.learn-more .white {
  color: #fff;
}
.learn-more img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.learn-more:hover {
  color: var(--red);
}
.learn-more:hover .white {
  color: var(--red);
}
.learn-more:hover img {
  translate: 0 10px;
}
@media (max-width: 768px) {
  .learn-more {
    margin-top: 142px;
  }
}
@media (min-width: 768px) {
  .learn-more {
    padding-bottom: 24px;
  }
}
.learn-more > * {
  display: block;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}

@media (max-width: 768px) {
  .sign-up-container:has(.flex-actions) {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
footer {
  position: relative;
  z-index: 100;
}

a.orange-link {
  text-decoration: none;
  font-weight: 700;
  color: var(--red-proplo, #FD5030);
}

@media (max-width: 767px) {
  .search-header {
    margin-inline: 16px;
  }
}
.search-header h2 {
  padding-block: 8px 16px;
  margin-block: 16px;
}
@media (min-width: 768px) {
  .search-header h2 {
    padding-block: 40px 16px;
    margin-block: 0 24px;
  }
}

@media (min-width: 768px) {
  .bottom-border-desktop {
    border-bottom: 1px solid var(--border-color);
  }
}

.mobile-padding {
  padding-inline: 16px;
}

@media (max-width: 767px) {
  .mobile-padding-16px {
    padding-inline: 16px;
  }
  .mobile-padding-24px {
    padding-inline: 24px;
  }
}
@media (max-width: 834px) {
  .ext-mobile-padding-16px {
    padding-inline: 16px;
  }
  .ext-mobile-padding-24px {
    padding-inline: 24px;
  }
}
@media (max-width: 1023px) {
  .tablet-padding-16 {
    padding-inline: 16px;
  }
  .tablet-padding-24 {
    padding-inline: 24px;
  }
}
.position-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.position-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal-content {
  margin-block: 126px 118px;
}
@media (min-width: 768px) {
  .modal-content {
    margin-block: 112px 136px;
  }
}

.dashboard a:not(.cta) {
  color: var(--red-proplo);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}

.shadow-8px {
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.star-required {
  color: var(--red-proplo);
}

.margin-top-40px {
  margin-top: 40px;
}

.specialization-padding label,
.inline label,
.required-checkboxes-list .inline label {
  margin-bottom: 0;
}

.bold {
  font-weight: 700;
}

.decoration-none {
  text-decoration: none;
}
.decoration-none:hover {
  text-decoration: underline;
}

.styles-list.inline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.styles-list.inline-list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sticky-bottom {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1000;
}

.size-14px {
  font-size: 14px;
}

.styles-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.pointer {
  cursor: pointer;
}

.padding-24-32px {
  padding: 24px;
}
@media (min-width: 768px) {
  .padding-24-32px {
    padding: 32px;
  }
}

.subtitle-info {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--dark-grey);
  margin-top: 12px;
}

.sticky-bottom.stuck,
header.top-shadow,
.static-top.at-top,
.search-subpage:not(.hide) {
  -webkit-box-shadow: 0 0 50px 0 rgba(16, 24, 40, 0.04);
          box-shadow: 0 0 50px 0 rgba(16, 24, 40, 0.04);
}

.blue-link {
  color: #0D6EFD !important;
}

.fit-content {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.poradnik {
  font-size: 14px;
  margin-top: 32px;
}

.nomargin {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

@media (max-width: 767px) {
  .mobile-padding-24 {
    padding-inline: 24px;
  }
}
.poradnik a {
  font-weight: 500 !important;
  color: inherit !important;
  text-decoration: underline;
}

.no-scroll {
  overflow: hidden;
}

.submenu a {
  display: block;
  color: #000;
  text-decoration: none;
  padding-inline: 16px;
}
@media (min-width: 768px) {
  .submenu a {
    padding: 4px 12px;
  }
}

body .sl-wrapper,
body .sl-wrapper .sl-counter {
  color: #fff;
}
body .sl-overlay {
  background: rgba(0, 0, 0, 0.85);
}

.login-buttons {
  margin-top: 54px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-inline: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}

.bg-salmon {
  background-color: #FFEFEE;
}

.bg-orange {
  background-color: #FD5030;
  color: #fff;
}

.bg-light-grey {
  background-color: #F8F8F8;
}

.mb-40 {
  margin-bottom: 40px;
}

dialog::-ms-backdrop {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

dialog a {
  outline: none;
}

.bg-white:not([data-page=client]):has(.flex-actions) {
  max-width: 100%;
  overflow: clip;
}

@media (max-width: 1023px) {
  .desktop-tablet-only {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .mobile-tablet-only {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .desktop-1200-only {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .mobile-1200-only {
    display: none !important;
  }
}

@media (max-width: 1389px) {
  .desktop-1390-only {
    display: none !important;
  }
}

@media (min-width: 1390px) {
  .mobile-1390-only {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .max-width-tablet {
    margin-inline: 7vw;
  }
}

.modal .modal-content {
  border: 0 none transparent;
}

.modal .position-top {
  z-index: 100;
}

.pb-40px {
  padding-bottom: var(--spacing-2xlarge);
}

@media (max-width: 767px) {
  div.not-found {
    margin-block: var(--spacing-xlarge);
  }
}

span.subtitle .subtitle-more,
span.subtitle-16 .subtitle-more {
  width: 24px;
  height: 24px;
  display: inline-block;
  translate: 0 0.4em;
}
@media (max-width: 768px) {
  span.subtitle .subtitle-more img,
  span.subtitle-16 .subtitle-more img {
    width: 18px;
    height: 18px;
  }
}

@media (min-width: 768px) {
  .underline {
    text-decoration: none;
    line-height: 178%;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
  }
  .underline:after {
    content: "";
    width: 0;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
    position: absolute;
    bottom: 4px;
    left: 0;
    display: block;
  }
  .underline:hover:after {
    content: "";
    width: 100%;
    border-bottom: 1px solid;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
  }
}
header.subheader {
  z-index: 100;
  height: 0;
}

header.subheader:not(.is-sticky) {
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

header.subheader.is-sticky {
  z-index: 100;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: unset;
  padding: 24px 0 22px;
}

header.subheader .submenu {
  height: 55px;
  max-width: 100%;
}

.padding-24px {
  padding: 24px;
}

.padding-32-24px {
  padding: 32px 24px;
}

.padding-inline-24px {
  padding-inline: 24px;
}

strong {
  font-weight: 500;
}

ul.links:has(.megamenu.show) li.mobile-tablet-only.login-buttons {
  display: none;
}

.basic-info--details .more-details {
  font-size: 16px;
}

.basic-info--icon img {
  width: 20px;
  height: 20px;
}

@media (max-width: 768px) {
  .flex-4px {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .basic-info--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .basic-info--details {
    padding-block: 5px;
  }
  .basic-info--details .more-details {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .basic-info--icon img {
    margin-top: 2px;
  }
}
.section-header {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: 0.2px;
  padding: 16px;
  margin: 0;
}

.swiper-badges .swiper-slide {
  white-space: nowrap;
}

.sl-image .like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  color: var(--Neutral-White, #FFF);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 178%;
  letter-spacing: 0.2px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  gap: 7px;
  padding: 5px 8px;
}

@media (min-width: 768px) {
  body .sl-wrapper .sl-image {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    left: 50% !important;
    translate: -50% 0;
  }
  body .sl-wrapper .sl-image img {
    max-height: 70vh !important;
  }
}
@media (min-width: 1390px) {
  .below-1390px-only {
    display: none !important;
  }
}

@media (max-width: 1389px) {
  .above-1390px-only {
    display: none !important;
  }
}

.offer-slider .swiper-button-next,
.offer-slider .swiper-button-prev {
  width: 32px;
  height: 32px;
}
@media (min-width: 1024px) {
  .offer-slider .swiper-button-next,
  .offer-slider .swiper-button-prev {
    width: 32px;
    height: 32px;
  }
}
.offer-slider .swiper-button-next::after,
.offer-slider .swiper-button-prev::after {
  display: none;
}
.offer-slider .swiper-button-next {
  content: url("/img/next-32.svg");
  right: 8px;
}
@media (min-width: 768px) {
  .offer-slider .swiper-button-next {
    right: 24px;
  }
}
.offer-slider .swiper-button-prev {
  content: url("/img/prev-32.svg");
  left: 8px;
}
@media (min-width: 768px) {
  .offer-slider .swiper-button-prev {
    left: 24px;
  }
}
.offer-slider .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.6);
  margin: 0 8px;
  opacity: 1;
}
.offer-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.offer-slider .swiper-pagination-fraction {
  font-size: 10px;
  /* top: 24px; */
  /* left: 24px; */
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  padding: 4px 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-weight: 500;
  line-height: 178%;
  letter-spacing: 0.2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 24px;
  bottom: 16px;
  position: absolute;
  left: auto;
  top: auto;
}

@media (min-width: 769px) {
  /* selektor sprawdza, czy header znajduje się wewnątrz .version-b */
  body:has(.version-b) header {
    padding-inline: 0 !important;
  }
  body:has(.version-b) header .header-container {
    margin-inline: 7vw !important;
    max-width: unset;
  }
}
.header-container .menu {
  background-color: #fff;
}

@media (min-width: 1280px) {
  .app header .header-container:has(h1.h3) {
    margin-inline: 7vw;
  }
}

header {
  background-color: var(--white);
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 20px 24px;
  background-color: var(--white);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 999;
}
@media (min-width: 834px) and (max-width: 1280px) {
  header {
    padding: 20px 40px;
  }
}
@media (min-width: 1280px) {
  header .header-container {
    margin-inline: auto;
    max-width: 1216px;
  }
}
header .menu-link-more {
  display: Flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
@media (min-width: 1390px) {
  header {
    padding: 30px 24px;
  }
}
header .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1390px) {
  header .menu {
    height: 90px;
  }
  header .menu li:has(a.open-menu) {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
header.black {
  background-color: #323333;
  color: #fff;
}
@media (max-width: 1280px) {
  header.black nav.desktop-only {
    display: none;
  }
}
header.black .header-container {
  height: 55px;
}
@media (min-width: 1390px) {
  header.black .header-container {
    height: 46px;
    max-width: 1216px;
    margin-inline: auto;
  }
}
@media (max-width: 1390px) {
  header.black .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header.black .header-container img {
    max-width: 100%;
  }
}
header.black .header-container .menu {
  background-color: #323333;
}
@media (min-width: 1390px) {
  header.black .header-container .menu {
    height: 90px;
  }
  header.black .header-container .menu li:has(a.open-menu) {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
header.black a {
  color: inherit;
}
@media (min-width: 1390px) {
  header.black .cta-top {
    gap: 32px;
    margin-left: auto;
  }
}
header.black .cta-top a {
  text-decoration: none;
}
header .header-container {
  height: 55px;
}
@media (min-width: 1390px) {
  header {
    padding: 24px 0 22px;
  }
  header .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    line-height: 1.4;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    height: 46px;
  }
  header .header-container img {
    display: block;
  }
  header .header-container .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 3vw;
  }
}
header .logo-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  max-width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1390px) {
  header .logo-menu {
    gap: 40px;
  }
}

@media (min-width: 1390px) {
  header .menu .links > li > a {
    position: relative;
    height: 90px;
    display: Flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  header .menu .links > li a:hover {
    text-decoration: none;
  }
  header .menu .links > li.current {
    border-radius: 2px;
  }
  header .menu .links > li.current > a:before {
    content: "";
    display: block;
    width: 104px;
    translate: -50% 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    background-color: var(--red-proplo);
    border-radius: 2px;
  }
}
header .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1389px) {
  header .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
header .menu .links {
  -webkit-transition: translate 0.2s;
  transition: translate 0.2s;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
}
@media (min-width: 1390px) {
  header .menu .links {
    font-size: 14px;
  }
}
@media (min-width: 1390px) {
  header .menu .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1389px) {
  header .menu .links {
    width: 100%;
  }
  header .menu .links li a:not(.cta) {
    display: block;
    padding: 12px 16px 12px 16px;
    text-decoration: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
  }
}
header .menu .links a {
  color: #323333;
  text-decoration: none;
}
@media (max-width: 1389px) {
  header .menu .links .about-us {
    margin: 54px 16px 24px;
  }
  header .menu .links .about-us .about-us-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 16px;
  }
  header .menu .links .about-us .about-us-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 178%; /* 21.36px */
    letter-spacing: 0.2px;
  }
}
header .menu .links h4 > a,
header .menu .links .h4 > a {
  padding: 0 !important;
}
@media (max-width: 1389px) {
  header .menu .links a.open-menu {
    display: Flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .menu .links a.open-menu:after {
    content: url("/img/menu-arrow-right-white.svg");
    display: block;
    margin-top: 4px;
  }
}
@media (min-width: 1390px) {
  header .menu .links a.open-menu + ul {
    display: none;
  }
  header .menu .links a.open-menu {
    display: Flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  header .menu .links a.open-menu:after {
    content: url("/img/menu-arrow-down-black.svg");
    display: block;
    margin-top: 4px;
  }
  header .menu .links a.open-menu.arrow-black:after {
    content: url("/img/menu-arrow-down-white.svg");
  }
}
@media (min-width: 1390px) {
  header .menu .links li:hover a.open-menu:after {
    margin-top: -6px;
    -webkit-transform: scale(-1);
            transform: scale(-1);
  }
}

header.black .menu .links a {
  color: #fff;
}
@media (max-width: 1389px) {
  header.black .menu .links a.open-menu {
    display: Flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header.black .menu .links a.open-menu:after {
    content: url("/img/menu-arrow-right-white.svg");
    display: block;
    margin-top: 4px;
  }
  header.black .menu .links a.open-menu.arrow-black:after {
    content: url("/img/menu-arrow-right-black.svg");
  }
}
@media (min-width: 1390px) {
  header.black .menu .links a.open-menu + ul {
    display: none;
  }
  header.black .menu .links a.open-menu {
    display: Flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  header.black .menu .links a.open-menu:after {
    content: url("/img/menu-arrow-down-black.svg");
    display: block;
    margin-top: 4px;
  }
  header.black .menu .links a.open-menu.arrow-black:after {
    content: url("/img/menu-arrow-down-white.svg");
  }
}
@media (min-width: 1390px) {
  header.black .menu .links li:hover a.open-menu:after {
    margin-top: -6px;
    -webkit-transform: scale(-1);
            transform: scale(-1);
  }
}
header.black .cta-top a {
  color: #fff;
}

@media (max-width: 1389px) {
  .header-container .menu {
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    height: 100dvh;
    translate: 0 -110vh;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: calc(100dvh - 80px);
  }
  .header-container .menu.show {
    translate: 0 0;
  }
  body.overflow-tablet {
    overflow: hidden;
  }
}
section.photo {
  padding-top: 29px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
section.photo img {
  border-radius: 50%;
  aspect-ratio: 1/1;
}
section.photo .hero {
  width: 160px;
  height: 160px;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  section.photo {
    padding-left: 27px;
  }
}
@media (min-width: 768px) {
  section.photo {
    padding-top: 50px;
  }
}
section.photo:after {
  position: absolute;
  content: "";
  display: block;
  clear: both;
  background-color: var(--red);
  height: 84px;
  width: 100%;
  border-bottom-left-radius: 48px;
  top: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  section.photo:after {
    margin-left: 12vw;
    height: 116px;
  }
}

section.basic-info {
  padding: var(--spacing-large);
}
@media (min-width: 767px) {
  section.basic-info {
    padding: var(--spacing-large) 0;
  }
}
section.basic-info .container {
  margin-block: var(--spacing-regular);
}
section.basic-info .container:first-of-type {
  margin-top: 0;
}
section.basic-info .container .name {
  display: Flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  section.basic-info .container .name {
    margin-bottom: 24px;
  }
}
section.basic-info .localization {
  font-size: 14px;
  color: var(--Text-Medium, #323333);
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .desktop-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .desktop-order .desktop-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 8px;
  }
  .desktop-order .desktop-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .desktop-order .desktop-3 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .desktop-order .localization {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .owner {
    font-size: 24px;
  }
}
.detailed-info {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .detailed-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .detailed-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 24px;
    gap: 40px;
  }
}
.detailed-info .tablet-columns {
  container-type: inline-size;
  container-name: columnsContainer;
}
.detailed-info .tablet-columns .wrapper {
  display: grid;
  row-gap: 40px;
}
@container columnsContainer (min-width: 450px) {
  .detailed-info .tablet-columns .wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.detailed-info .localisation .localisation-details {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.detailed-info .localisation .localisation-details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailed-info .localisation .localisation-details > div dd {
  margin: 0;
}
.detailed-info .localisation .localisation-details > div dt {
  font-weight: 700;
}
.detailed-info .styles .styles-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}
@media (max-width: 767px) {
  .detailed-info .styles .styles-list {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .detailed-info .styles .styles-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.detailed-info .styles .styles-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailed-info .styles .styles-list li:before {
  width: 24px;
  height: 24px;
}

.icon-diamond:before {
  content: url(/img/icon-diamond.svg);
}

section.services {
  padding-bottom: 36px;
  margin-bottom: var(--spacing-large);
}
@media (min-width: 768px) {
  section.services {
    padding-bottom: 40px;
    margin-top: 40px;
    margin-bottom: var(--spacing-2xlarge);
  }
}
section.services .more button {
  color: var(--red);
  text-decoration: none;
  background-color: transparent;
  border: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
}
section.services .services-list {
  margin-top: var(--spacing-large);
}
@media (max-width: 767px) {
  section.services .services-list {
    display: Flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
section.services .services-list dd,
section.services .services-list dt {
  margin: 0;
}
section.services .services-list dt {
  font-weight: 700;
  padding-left: 8px;
}
section.services .services-list dd {
  display: Flex;
  /*justify-content:center;*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
section.services .services-list dd:before {
  content: "";
  background-color: var(--red);
  width: 8px;
  height: 5px;
  border-radius: 99px;
  display: inline-block;
}
@media (max-width: 767px) {
  section.services .services-list dt {
    margin-left: 16px;
    display: block;
  }
}
section.services .services-list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  line-height: 1.6;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  section.services .services-list div {
    padding-block: 16px;
    border-bottom: 1px solid #D9D9D9;
  }
}
@media (min-width: 768px) {
  section.services .services-list {
    margin-top: var(--spacing-2xlarge);
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    gap: 5vw;
  }
  section.services .services-list div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.projects {
  overflow: hidden;
  padding-top: var(--spacing-large);
  position: relative;
}
@media (min-width: 768px) {
  .projects {
    padding-top: var(--spacing-xlarge);
  }
}
@media (max-width: 767px) {
  .projects .swiper {
    margin-inline: 60px;
  }
}
.projects a img {
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 253/270;
}
@media (min-width: 768px) {
  .projects a img {
    aspect-ratio: 480/320;
  }
}
.projects a:hover .image-container {
  background-color: #000;
}
.projects a:hover .image-container img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}
.projects .swiper-button-next,
.projects .swiper-button-prev {
  display: none;
}
@media (min-width: 768px) {
  .projects .swiper-button-next,
  .projects .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(50, 51, 51, 0.4);
    height: 100%;
    width: 12vw;
    max-width: 140px;
    top: 0;
    opacity: 1;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
  }
  .projects .swiper-button-next:hover,
  .projects .swiper-button-prev:hover {
    background-color: rgba(50, 51, 51, 0.6);
  }
}
@media (min-width: 768px) {
  .projects .swiper-button-next:after,
  .projects .swiper-button-prev:after {
    background-color: #696D7C;
    opacity: 1;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    font-weight: 700;
  }
}
.projects .swiper-button-next {
  right: 0;
}
.projects .swiper-button-prev {
  left: 0;
}
.projects .swiper {
  overflow: visible !important;
}
.projects .header-2 {
  color: #fff !important;
  margin-left: 24px;
  z-index: 1;
  position: relative;
}
@media (min-width: 768px) {
  .projects .header-2 {
    margin-left: 0;
  }
}
.projects .slider {
  margin-top: 64px;
}
.projects .slider .swiper-pagination {
  margin-top: 57px;
}
@media (min-width: 768px) {
  .projects .slider {
    margin-top: 60px;
  }
  .projects .slider .swiper-pagination {
    margin-top: 42px;
  }
}
.projects .image-container {
  margin-bottom: 12px;
  position: relative;
}
.projects .image-container .overlay {
  background: rgba(239, 242, 242, 0.5);
  color: #000;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  padding: 4px 16px;
  line-height: 1.5;
  border-radius: 8px;
  position: absolute;
  right: 10px;
  bottom: 11px;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .projects .image-container .overlay {
    bottom: unset;
    top: 13px;
    right: 13px;
  }
}
@media (min-width: 768px) {
  .projects .image-container {
    margin-bottom: 18px;
  }
}
.projects .image-container img.photo {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .projects .image-container img.photo {
    aspect-ratio: 480/320;
  }
}
@media (min-width: 768px) {
  .projects .description {
    width: 50%;
    margin-right: auto;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0.6;
  }
}
.projects .swiper-slide a {
  color: inherit;
  text-decoration: none;
  display: block;
}
@media (max-width: 767px) {
  .projects .swiper-slide {
    -webkit-filter: saturate(1);
            filter: saturate(1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .projects .swiper-slide .description {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .projects .swiper-slide:not(.swiper-slide-active) {
    -webkit-filter: saturate(0);
            filter: saturate(0);
  }
  .projects .swiper-slide:not(.swiper-slide-active) .description {
    opacity: 0;
  }
}

.projects .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
  position: static;
}
.projects .swiper .swiper-pagination-bullet {
  background-color: #D9D9D9;
  opacity: 1;
  height: 8px;
  width: 8px;
  border-radius: 4px;
}
.projects .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--red);
  width: 40px;
}

.font-size-20px {
  font-size: 20px;
  line-height: 140%;
}

.bold {
  font-weight: 700;
}

.profile-box {
  margin-bottom: 24px;
  padding-bottom: 1px;
}

.profile-box a {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline;
  color: #000000;
}

.width-285px {
  min-width: 285px;
  display: block;
}

.profile-row {
  display: Flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.margin-top-44px {
  margin-top: 44px;
}

.sign-up-container ol {
  margin: 0;
  padding: 0;
  margin-left: 20px;
}
.sign-up-container ol li {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

.info-box {
  margin-block: 16px;
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  gap: 16px;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-box .info-icon {
  width: 24px;
  -ms-flex-preferred-size: 24px;
      flex-basis: 24px;
}
.info-box .info-icon img {
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
}

.flex {
  display: Flex;
}

section.reviews {
  margin-block: 16px 24px;
}
@media (min-width: 768px) {
  section.reviews {
    margin-block: 40px 80px;
  }
}
section.reviews .reviews-container {
  margin: 65px 17px 32px;
}
@media (min-width: 768px) {
  section.reviews .reviews-container {
    margin: 54px 0 40px;
  }
}
@media (min-width: 768px) {
  section.reviews .swiper-wrapper {
    display: block;
  }
}
section.reviews .reviews-swiper {
  margin-top: 24px;
}
section.reviews .reviews-swiper .swiper-pagination {
  margin-top: 62px;
}
@media (min-width: 768px) {
  section.reviews .reviews-swiper {
    margin-top: 32px;
  }
  section.reviews .reviews-swiper .swiper-pagination {
    display: none !important;
  }
}
section.reviews .swiper-slide {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 18px;
}
@media (min-width: 768px) {
  section.reviews .swiper-slide {
    padding-top: 24px;
    margin-bottom: 26px;
  }
}
section.reviews .swiper-slide .review {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.2px;
  margin-block: 24px;
}
section.reviews .swiper-slide .author-details {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  section.reviews .swiper-slide .author-details {
    font-size: 16px;
    line-height: 1.4;
  }
}
section.reviews .swiper-slide .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  section.reviews .swiper-slide .author {
    max-width: 250px;
  }
}
section.reviews .swiper-slide .author .small {
  font-weight: 400;
  font-size: 12px;
  line-height: 2;
  display: block;
}
section.reviews .swiper-slide .project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  section.reviews .swiper-slide .project {
    width: 300px;
  }
}
section.reviews .swiper-slide .project .photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
section.reviews .swiper-slide .project .photos img {
  width: 62px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
section.reviews .swiper-slide .project a {
  font-size: 14px;
  line-height: 1.4;
  color: var(--red);
  text-decoration: none;
  font-weight: 600;
}

section.contact-form {
  padding-block: 40px;
  padding-inline: 24px;
}
@media (min-width: 768px) {
  section.contact-form {
    padding-block: 80px;
  }
}
@media (max-width: 768px -1) {
  section.contact-form {
    text-align: center;
  }
}
section.contact-form .aside h2 {
  margin-top: 0;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  section.contact-form .aside h2 {
    line-height: 1.3;
    margin-bottom: 24px;
  }
}
section.contact-form .aside p {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.2px;
}
@media (min-width: 768px) {
  section.contact-form .aside p {
    font-size: 24px;
    line-height: 160%;
    letter-spacing: unset;
  }
}
@media (min-width: 768px) {
  section.contact-form .two-third {
    display: grid;
    grid-template-columns: 350px auto;
  }
  section.contact-form .two-third .form {
    margin-inline: auto;
    max-width: 660px;
    width: 100%;
  }
}
section.contact-form ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-block: 16px;
}
section.contact-form ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-block: 6px;
  margin-block: 0;
  line-height: 1.6;
  padding-block: 8px;
  gap: 16px;
}
section.contact-form ul li:before {
  content: url(/img/tick-orange.svg);
  padding-top: 4px;
}

@media (max-width: 834px) {
  .inspirations-container {
    margin-inline: 0;
  }
}
@media (min-width: 835px) and (max-width: 1199px) {
  .inspirations-container {
    margin-inline: 40px;
  }
}
@media (min-width: 1200px) {
  .inspirations-container {
    margin-inline: auto;
    width: 1200px;
  }
}
@media (max-width: 834px) {
  .inspirations-container .desktop-only {
    display: none !important;
  }
}
@media (max-width: 834px) {
  .inspirations-container .mobile-only {
    display: inherit !important;
  }
}
@media (min-width: 835px) {
  .inspirations-container .mobile-only {
    display: none !important;
  }
}

.max-width-1200px {
  margin-inline: 0;
}
@media (min-width: 835px) and (max-width: 1199px) {
  .max-width-1200px {
    margin-inline: 40px;
  }
}
@media (min-width: 1200px) {
  .max-width-1200px {
    width: 1200px;
    margin-inline: auto;
  }
}

.search-subpage {
  padding-block: 24px;
  /* shadow_01 */
}
@media (min-width: 768px) {
  .search-subpage {
    position: sticky;
    top: 110px;
    z-index: 100;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: translateY(-110px);
            transform: translateY(-110px);
  }
}
@media (min-width: 768px) {
  .search-subpage.translate {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}
@media (min-width: 768px) {
  .search-subpage.hide {
    -webkit-transition: -webkit-transform 0s ease-in-out;
    transition: -webkit-transform 0s ease-in-out;
    transition: transform 0s ease-in-out;
    transition: transform 0s ease-in-out, -webkit-transform 0s ease-in-out;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .search-subpage {
    padding: 24px;
  }
}
.profiles-list-container {
  scroll-margin: 100px;
  margin-top: var(--spacing-2xlarge);
}
@media (min-width: 1024px) {
  .profiles-list-container {
    margin-top: var(--spacing-3xlarge);
    scroll-margin: 150px;
  }
}

.profiles-list .profile-card {
  border: 1px solid #EFF2F2;
  padding: var(--spacing-regular);
  padding: var(--spacing-xlarge) 0;
}
.profiles-list .profile-card .details-card {
  font-size: 14px;
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  overflow: hidden;
  padding: 1px;
}
.profiles-list .profile-card .details-card .styles {
  display: Flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profiles-list .profile-card .profile-name h2 {
  margin-block: 0 4px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .profiles-list .profile-card .profile-name h2 {
    margin-block: 0 4px;
    font-size: 20px;
    gap: 16px;
  }
}
.profiles-list .profile-card .profile-name h2 span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.profiles-list .profile-card .profile-name h2 a {
  color: var(--black);
  text-decoration: none;
}
.profiles-list .profile-card .profile-rating {
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profiles-list .profile-card .profile-rating a {
  color: #0D6EFD;
  font-size: 14px;
}
.profiles-list .profile-card:not(:last-child) {
  margin-bottom: var(--spacing-large);
}
@media (max-width: 834px) {
  .profiles-list .profile-card .details-with-photo,
  .profiles-list .profile-card .details-card {
    padding-inline: 24px;
  }
}
@media (min-width: 835px) {
  .profiles-list .profile-card {
    padding: var(--spacing-xlarge);
  }
}
.profiles-list .profile-card .profile-card--container .overlay {
  font-size: 10px;
  position: absolute;
  top: 24px;
  left: 24px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  padding: 4px 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-weight: 500;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profiles-list .profile-card .profile-card--container .overlay .icon {
  font-size: 2rem;
  color: white;
}
.profiles-list .profile-card .profile-card--container .overlay img {
  display: block;
  width: 14px;
  height: 14px;
}
.profiles-list .profile-card .profile-card--container .swiper-pagination-fraction {
  font-size: 10px;
  /* top: 24px; */
  /* left: 24px; */
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  padding: 4px 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-weight: 500;
  line-height: 178%;
  letter-spacing: 0.2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 24px;
  bottom: 16px;
  position: absolute;
  left: auto;
  top: auto;
}
@media (min-width: 835px) {
  .profiles-list .profile-card .profile-card--container {
    display: grid;
    grid-template-columns: calc(50% - var(--spacing-2xlarge) / 2) calc(50% - var(--spacing-2xlarge) / 2);
    gap: var(--spacing-2xlarge);
  }
  .profiles-list .profile-card .profile-card--container .photo-container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .profiles-list .profile-card .profile-card--container .photo-container .swiper-slide {
    width: 100% !important;
  }
  .profiles-list .profile-card .profile-card--container .photo-container .photo {
    display: block;
    width: 100%;
    height: 260px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 1023px) {
  .profiles-list .profile-card .photo-container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin-bottom: 24px;
  }
  .profiles-list .profile-card .photo-container .photo {
    display: block;
    width: 100%;
    min-height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 579/341;
    height: auto;
  }
}
@media (max-width: 834px) {
  .profiles-list .profile-card .photo {
    border-radius: 0;
  }
}
.profiles-list .profile-card .photo-container .swiper-button-next,
.profiles-list .profile-card .photo-container .swiper-button-prev {
  width: 32px;
  height: 32px;
}
@media (min-width: 1024px) {
  .profiles-list .profile-card .photo-container .swiper-button-next,
  .profiles-list .profile-card .photo-container .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
}
.profiles-list .profile-card .photo-container .swiper-button-next::after,
.profiles-list .profile-card .photo-container .swiper-button-prev::after {
  display: none;
}
.profiles-list .profile-card .photo-container .swiper-button-next {
  content: url("/img/circle-next.svg");
  right: 8px;
}
@media (min-width: 768px) {
  .profiles-list .profile-card .photo-container .swiper-button-next {
    right: 24px;
  }
}
.profiles-list .profile-card .photo-container .swiper-button-prev {
  content: url("/img/circle-prev.svg");
  left: 8px;
}
@media (min-width: 768px) {
  .profiles-list .profile-card .photo-container .swiper-button-prev {
    left: 24px;
  }
}
.profiles-list .profile-card .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.6);
  margin: 0 8px;
  opacity: 1;
}
.profiles-list .profile-card .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.profiles-list .link {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profiles-list .link.mobile-only {
  margin-top: 8px;
}
@media (max-width: 834px) {
  .profiles-list .link {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .profiles-list .link.mobile-only > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (min-width: 835px) {
  .profiles-list .link {
    gap: var(--spacing-2xlarge);
  }
  .profiles-list .link.desktop-only > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.profiles-list .link .link-arrow {
  color: var(--Brand-Primary, #FD5030);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}
@media (min-width: 835px) {
  .profiles-list .link .link-arrow {
    font-size: 16px;
  }
}
.profiles-list .more-indicator {
  color: var(--dark-grey);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-wrap: nowrap;
}

.rate img {
  width: 24px;
  height: 24px;
}

.details-with-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
.details-with-photo .hero {
  border-radius: 53px;
  display: block;
}
.details-with-photo .profile-rating img {
  margin-left: -4px;
}
.details-with-photo > div:nth-child(2):not(:has(.profile-rating)) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.details-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.search-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mb-16px {
  margin-bottom: 16px;
}

.mt-16px {
  margin-top: 16px;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  align-items: center;
}

.more-details {
  font-size: 14px;
}

.max-width-250px {
  max-width: 250px;
}

.search-intro.mobile-padding {
  padding-inline: 16px;
}
@media (min-width: 768px) {
  .search-intro.mobile-padding {
    padding-inline: 0;
  }
}

.profile-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.profile-card-header .like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.profile-card-footer {
  display: none;
}

@media (max-width: 834px) {
  .profile-card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 32px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .profile-card-footer .like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    color: var(--Text-Medium, #323333);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
  }
}
@media (max-width: 834px) {
  dialog .buttons a.cta.small {
    padding-inline: 24px;
    width: 100%;
    text-align: center;
  }
  dialog .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.profiles-list .profile-card .profile-card--container .photo-container .swiper-pagination-bullet {
  display: none;
}
.profiles-list .profile-card .profile-card--container .photo-container .swiper-pagination-bullet:first-child,
.profiles-list .profile-card .profile-card--container .photo-container .swiper-pagination-bullet:last-child,
.profiles-list .profile-card .profile-card--container .photo-container .swiper-pagination-bullet-active,
.profiles-list .profile-card .profile-card--container .photo-container .swiper-pagination-bullet-active + .swiper-pagination-bullet,
.profiles-list .profile-card .profile-card--container .photo-container .swiper-pagination-bullet.show-prev {
  display: inline-block;
}

body .sl-wrapper .sl-image .sl-caption {
  display: block !important;
  background-color: transparent;
  font-size: 12px;
  position: static;
  margin: auto;
  margin-top: 12px;
  padding: 16px;
  text-align: left;
}
body .sl-wrapper .sl-image .sl-caption div:first-child {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  body .sl-wrapper .sl-image .sl-caption {
    margin-top: 24px;
    padding: 16px 24px;
    font-size: 16px;
  }
}
body .sl-wrapper .sl-image .sl-caption a {
  color: inherit;
}

.limited-offer {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .limited-offer {
    padding-inline: 16px;
  }
}
.limited-offer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-block: 32px;
}
.limited-offer ul li {
  display: Flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  margin-bottom: 8px;
}
.limited-offer ul li:before {
  content: "";
  min-width: 8px;
  display: block;
  background-color: #FD5030;
  width: 8px;
  height: 4px;
  border-radius: 2px;
  margin-inline: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.limited-offer > div {
  background-color: #fff;
  border-radius: 16px;
  padding: 24px 16px;
}
@media (min-width: 768px) {
  .limited-offer > div {
    padding: 40px;
  }
}
.limited-offer .cta-list {
  display: Flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.limited-offer .header-orange {
  color: var(--orange-proplo, #FD5030);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  /* 250% */
  letter-spacing: -0.6px;
}
.limited-offer .header-black {
  color: var(--dark-gray, #323333);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  /* 187.5% */
  letter-spacing: -0.8px;
}
.limited-offer .header-black .orange {
  color: #FD5030;
}
@media (max-width: 1200px) {
  .limited-offer .header-orange,
  .limited-offer .header-black {
    font-size: 24px;
    line-height: 40px;
  }
}
@media (max-width: 1200px) {
  .limited-offer .header-6 {
    font-size: 24px;
  }
}
.limited-offer .countdown {
  display: Flex;
  text-align: center;
  gap: 8px;
}
.limited-offer .countdown .value {
  color: var(--orange-proplo, #FD5030);
  text-align: center;
  leading-trim: both;
  font-size: 62px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.limited-offer .countdown .label {
  color: var(--Neutral-900, #111827);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 18.336px */
  letter-spacing: 0.164px;
}
@media (max-width: 1200px) {
  .limited-offer .countdown .value {
    font-size: 46px;
  }
}
@media (min-width: 768px) {
  .limited-offer .offer-wrap {
    display: grid;
    grid-template-columns: max(33%, 400px) auto;
  }
  .limited-offer .countdown-col {
    min-width: 354px;
  }
}
@media (max-width: 767px) {
  .limited-offer .header-orange,
  .limited-offer .header-black {
    text-align: center;
  }
}
.limited-offer #modal {
  padding: 16px;
  width: 100%;
  margin-inline: 16px;
}
@media (min-width: 768px) {
  .limited-offer #modal {
    padding: 32px;
    max-width: 960px;
    margin-inline: auto;
  }
}
.limited-offer #modal::-ms-backdrop {
  background: rgba(36, 41, 61, 0.8);
}
.limited-offer #modal::backdrop {
  background: rgba(36, 41, 61, 0.8);
}
.limited-offer button.more {
  color: var(--red);
  text-decoration: none;
  background-color: transparent;
  border: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
}
.limited-offer div#cooperation-rules {
  max-height: 99vh;
}
@media (min-width: 768px) {
  .limited-offer .bottom-navi {
    display: Flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .limited-offer .countdown-col {
    text-align: center;
  }
  .limited-offer .countdown {
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.app-details {
  padding-bottom: 0;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .app-details {
    max-height: 746px;
  }
}
.app-details .h3 {
  font-size: 20px;
  font-weight: 500;
  margin-block: 4px 16px;
}
@media (min-width: 768px) {
  .app-details .h3 {
    font-weight: 600;
    margin-block: 12px 16px;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .app-details {
    font-size: 18px;
  }
}
.app-details.details-first-block {
  background-image: url(img/background-section-1.svg);
  background-position-x: 105%;
  background-position-y: -30vh;
  background-repeat: no-repeat;
  background-size: 60%;
  overflow: hidden;
}
.app-details.details-first-block img {
  -webkit-filter: drop-shadow(-170px 429px 129px rgba(128, 128, 128, 0)) drop-shadow(-109px 274px 118px rgba(128, 128, 128, 0.01)) drop-shadow(-61px 154px 100px rgba(128, 128, 128, 0.05)) drop-shadow(-27px 69px 74px rgba(128, 128, 128, 0.09)) drop-shadow(-7px 17px 41px rgba(128, 128, 128, 0.1));
          filter: drop-shadow(-170px 429px 129px rgba(128, 128, 128, 0)) drop-shadow(-109px 274px 118px rgba(128, 128, 128, 0.01)) drop-shadow(-61px 154px 100px rgba(128, 128, 128, 0.05)) drop-shadow(-27px 69px 74px rgba(128, 128, 128, 0.09)) drop-shadow(-7px 17px 41px rgba(128, 128, 128, 0.1));
}
@media (max-width: 767px) {
  .app-details img.shadow1 {
    -webkit-filter: drop-shadow(0px 457.547px 128.152px rgba(89, 89, 89, 0)) drop-shadow(0px 292.85px 116.945px rgba(89, 89, 89, 0.01)) drop-shadow(0px 164.698px 98.916px rgba(89, 89, 89, 0.05)) drop-shadow(0px 73.091px 73.091px rgba(89, 89, 89, 0.09)) drop-shadow(0px 18.516px 40.443px rgba(89, 89, 89, 0.1));
            filter: drop-shadow(0px 457.547px 128.152px rgba(89, 89, 89, 0)) drop-shadow(0px 292.85px 116.945px rgba(89, 89, 89, 0.01)) drop-shadow(0px 164.698px 98.916px rgba(89, 89, 89, 0.05)) drop-shadow(0px 73.091px 73.091px rgba(89, 89, 89, 0.09)) drop-shadow(0px 18.516px 40.443px rgba(89, 89, 89, 0.1));
  }
}
@media (min-width: 768px) {
  .app-details img.shadow1 {
    -webkit-filter: drop-shadow(0px 920.173px 257.727px 0px rgba(89, 89, 89, 0)) drop-shadow(0px 588.95px 235.188px 0px rgba(89, 89, 89, 0.01)) drop-shadow(0px 331.223px 198.93px 0px rgba(89, 89, 89, 0.05)) drop-shadow(0px 146.993px 146.993px 0px rgba(89, 89, 89, 0.09)) drop-shadow(0px 37.238px 81.336px 0px rgba(89, 89, 89, 0.1));
            filter: drop-shadow(0px 920.173px 257.727px 0px rgba(89, 89, 89, 0)) drop-shadow(0px 588.95px 235.188px 0px rgba(89, 89, 89, 0.01)) drop-shadow(0px 331.223px 198.93px 0px rgba(89, 89, 89, 0.05)) drop-shadow(0px 146.993px 146.993px 0px rgba(89, 89, 89, 0.09)) drop-shadow(0px 37.238px 81.336px 0px rgba(89, 89, 89, 0.1));
  }
}
.app-details img.shadow2 {
  -webkit-filter: drop-shadow(89px 351px 101px rgba(200, 198, 198, 0)) drop-shadow(57px 225px 93px rgba(200, 198, 198, 0.01)) drop-shadow(32px 126px 78px rgba(200, 198, 198, 0.05)) drop-shadow(14px 56px 58px rgba(200, 198, 198, 0.09)) drop-shadow(4px 14px 32px rgba(200, 198, 198, 0.1));
          filter: drop-shadow(89px 351px 101px rgba(200, 198, 198, 0)) drop-shadow(57px 225px 93px rgba(200, 198, 198, 0.01)) drop-shadow(32px 126px 78px rgba(200, 198, 198, 0.05)) drop-shadow(14px 56px 58px rgba(200, 198, 198, 0.09)) drop-shadow(4px 14px 32px rgba(200, 198, 198, 0.1));
}
.app-details .wrap p {
  margin: 0;
}
.app-details .wrap .content {
  padding: 8px;
}
@media (max-width: 767px) {
  .app-details .wrap .content {
    padding: 16px;
  }
}
@media (min-width: 1024px) {
  .app-details .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .app-details .wrap .content {
    -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
  }
  .app-details .wrap .image {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media (max-width: 1023px) {
  .app-details:not(.projektant-02) .wrap .content {
    margin-bottom: 68px;
  }
}
.app-details .counter {
  color: var(--orange-proplo, #FD5030);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .app-details .counter {
    font-size: 36px;
  }
}
.app-details img {
  display: block;
  width: 100%;
}
.app-details.bottom-zero {
  margin-bottom: 0;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.app-details.overflow {
  overflow: hidden;
}
@media (min-width: 768px) {
  .app-details.overflow img {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .app-details.padding-top-zero {
    padding-top: 0;
  }
}
.app-details .cta {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .app-details.mobile-margin {
    padding: 56px 16px 0;
  }
}

.flex-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (min-width: 1024px) {
  .projektant-01 {
    padding-block: 80px 0;
    height: 100vh;
    background-image: url(/img/projektant-01.png);
    background-size: 50% auto;
    background-position: left 60vw top 80px;
    background-repeat: no-repeat;
    max-height: 746px;
  }
}

@media (min-width: 1024px) {
  .projektant-02 {
    padding-block: 80px 0;
    height: 100vh;
    background-image: url(/img/projektant-02.png);
    background-size: 50% auto;
    background-position: right 68vw top;
    background-repeat: no-repeat;
    max-height: 746px;
  }
}

.projektant-03 {
  padding-block: 56px 81px;
}
@media (min-width: 1024px) {
  .projektant-03 {
    padding-block: 80px 0;
    height: 100vh;
    background-image: url(/img/projektant-03.png);
    background-size: 580px auto;
    background-position: 60vw;
    background-repeat: no-repeat;
    max-height: 746px;
  }
}
@media (max-width: 767px) {
  .projektant-03 .content {
    padding-inline: 32px !important;
  }
}

.how-to-use {
  padding-block: 54px 44px;
}
@media (min-width: 768px) {
  .how-to-use {
    padding-block: 80px;
    height: calc(100vh - 92px);
    max-height: 746px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 600px) {
  .how-to-use .blocks.three-columns {
    max-width: 1280px;
    margin-inline: Auto;
    gap: 32px;
  }
  .how-to-use .blocks.three-columns .block {
    padding: 16px;
  }
}
.how-to-use h2 {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  /* 250% */
  letter-spacing: -0.6px;
}
@media (max-width: 767px) {
  .how-to-use h2 {
    margin-inline: 16px;
  }
}
@media (min-width: 768px) {
  .how-to-use h2 {
    text-align: center;
    margin-block: 0 80px;
    font-size: 32px;
    line-height: 160%;
    /* 187.5% */
  }
}

.end-cta .wrap {
  border-radius: 8px;
  background: var(--light-red, #FFF6F5);
  padding: 16px;
}
.end-cta .wrap img {
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .end-cta .wrap {
    padding: 40px;
    display: Flex;
    gap: 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .end-cta .wrap .image {
    -ms-flex-preferred-size: 375px;
        flex-basis: 375px;
  }
}
.end-cta h2 {
  margin-bottom: 32px;
}
.end-cta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.end-cta ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-block: 6px;
  margin-block: 14px;
}
.end-cta ul li:before {
  content: url(/img/tick-orange.svg);
}
.end-cta .cta {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .end-cta .cta {
    margin-top: 80px;
  }
}

.footer-homepage {
  margin-top: 0;
  padding: 48px 24px;
}
@media (min-width: 834px) and (max-width: 1280px) {
  .footer-homepage {
    padding-inline: 40px !important;
  }
}
.footer-homepage .blocks .block {
  padding: 0;
}
.footer-homepage .blocks .block .summary-text {
  color: var(--Text-Disabled, #BDBDBD);
  font-size: 14px;
  font-weight: 400;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
}
.footer-homepage .blocks .block .block-header {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
}
@media (min-width: 768px) {
  .footer-homepage .blocks .block .block-header {
    margin-bottom: 24px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .footer-homepage {
    padding: 64px 0;
    margin-inline: auto;
    max-width: 1216px;
  }
}
.footer-homepage .blocks {
  padding-bottom: 40px;
  border-bottom: 1px solid #BDBDBD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .footer-homepage .blocks {
    margin-bottom: 40px;
  }
}
.footer-homepage .blocks .block {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.footer-homepage .blocks .block-content > p {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .footer-homepage .blocks {
    row-gap: 56px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 600px) {
  .footer-homepage .blocks {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer-homepage .blocks > * {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .footer-homepage .blocks .desktop-order-last {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media (min-width: 1024px) {
  .footer-homepage .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .footer-homepage .blocks > * {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
  }
}
.footer-homepage .img {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .footer-homepage .img {
    margin-bottom: 2px;
  }
}
.footer-homepage ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .footer-homepage ul {
    gap: 20px;
  }
}
.footer-homepage ul li {
  padding: 0;
  margin: 0;
}
.footer-homepage ul li a {
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-homepage ul li a:hover {
  color: inherit;
}
.footer-homepage .copyright-container {
  margin-top: 24px;
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #BDBDBD;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
}
.footer-homepage .copyright-container a {
  color: inherit;
  text-decoration: none;
}
.footer-homepage .footer-details-container {
  margin-top: 24px;
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #BDBDBD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
  gap: 40px;
}
.footer-homepage .footer-details-container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .footer-homepage .footer-details-container > div {
    gap: 8px;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
.footer-homepage .footer-details-container .socials-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
@media (min-width: 1024px) {
  .footer-homepage .footer-details-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer-homepage .footer-details-container .footer-socials {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    margin-left: auto;
    padding-left: 40px;
  }
}
@media (max-width: 1024px) {
  .footer-homepage .footer-details-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .footer-homepage .footer-details-container > div {
    width: 100%;
  }
  .footer-homepage .footer-details-container .footer-socials {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer-homepage .footer-details-container .footer-details {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer-homepage .footer-details-container .mobile-last {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.footer-homepage .footer-details-container a {
  color: inherit;
  text-decoration: none;
}
.footer-homepage a {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.footer-homepage a:not(:has(img, svg)):after {
  content: "";
  width: 0;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  bottom: 4px;
  left: 0;
  display: block;
}
.footer-homepage li a:after {
  bottom: 2px;
}
.footer-homepage a:not(:has(img, svg)):hover:after {
  content: "";
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.footer-homepage li a:hover:after {
  border-bottom: 1px solid;
}
.footer-homepage a:has(img, svg) svg {
  color: #BDBDBD;
  fill: #BDBDBD;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.footer-homepage a:has(img, svg):hover svg {
  color: #fff;
  fill: #fff;
}

.pricing-details {
  overflow: clip;
}
.pricing-details .swiper {
  overflow: visible;
}
.pricing-details .pricing-details-container {
  margin-block: var(--spacing-large);
}
@media (min-width: 768px) {
  .pricing-details .pricing-details-container {
    margin-block: var(--spacing-2xlarge);
  }
}
.pricing-details .pricing-details-container .h4 {
  margin: 0;
  padding: 0;
}
.pricing-details .pricing-details-container .h4:first-letter {
  text-transform: capitalize;
}
.pricing-details .pricing-details-container .pricing-services {
  margin-top: 44px;
}
.pricing-details .pricing-details-container .slide-wrapper {
  padding: 24px;
}
.pricing-details .pricing-details-container .swiper-slide:not(:first-child) {
  border-left: 1px solid rgb(217, 217, 217);
}
.pricing-details .pricing-details-container .price {
  margin-block: var(--spacing-xlarge);
  height: 70px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .pricing-details .pricing-details-container .price {
    margin-block: var(--spacing-2xlarge);
  }
}
.pricing-details .pricing-details-container .price .price-title {
  font-size: 16px;
}
@media (min-width: 768px) {
  .pricing-details .pricing-details-container .price .price-title {
    font-size: 18px;
  }
}
.pricing-details .pricing-details-container .price .price-value {
  font-size: 32px;
  font-weight: 700;
}
.pricing-details .pricing-details-container .price .price-type {
  font-size: 14px;
}
.pricing-details .pricing-details-container ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin: 12px 0 0 0;
  padding: 0;
}
.pricing-details .pricing-details-container ul li {
  padding-block: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.pricing-details .pricing-details-container ul li img {
  width: 16px;
  height: 16px;
  min-width: 16px;
}

.hp-claim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .hp-claim {
    height: calc(100vh - 92px);
    max-height: 746px;
  }
}
.hp-claim .wrapper {
  max-width: 1200px;
  margin-inline: auto;
}
.hp-claim .claim {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .hp-claim .claim {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.6;
  }
}
.hp-claim .claim-spacer {
  margin-block: 24px;
  line-height: 1;
  height: 5px;
  text-align: center;
}
.hp-claim .claim-spacer img {
  display: block;
  margin: auto;
}
@media (min-width: 768px) {
  .hp-claim .claim-spacer {
    margin-block: 32px;
  }
}
.hp-claim .signature {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7; /* 23.8px */
  letter-spacing: 0.2px;
}
@media (min-width: 768px) {
  .hp-claim .signature {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2px;
  }
}
.hp-claim .signature > * {
  display: block;
  margin: auto;
}
.hp-claim .signature img {
  margin-top: 8px;
}

.breadcrumbs {
  margin-top: 8px;
  padding-block: 16px;
  font-size: 14px;
  color: #636A86;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.breadcrumbs .black {
  color: var(--Text-Medium, #323333);
}
.breadcrumbs a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs img:hover {
  border-bottom: #636A86 1px solid;
}
.breadcrumbs .like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

@media (max-width: 768px) {
  .breadcrumbs.mobile-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.profile--projects {
  overflow: clip;
}
@media (min-width: 768px) {
  .profile--projects {
    padding-bottom: 44px;
  }
}
@media (max-width: 767px) {
  .profile--projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.profile--projects .profile--projects-header {
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-block: 24px;
}
.profile--projects .profile--projects-header h1 {
  margin-block: 0;
  font-size: 24px;
}
@media (min-width: 768px) {
  .profile--projects .profile--projects-header h1 {
    font-size: 32px;
  }
}
.profile--projects .profile--projects-header .profile-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile--projects .profile--projects-header .like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}
.profile--projects .profile--projects-swiper {
  overflow: visible;
}
.profile--projects .profile--projects-swiper .image-container {
  background-color: #000;
}
.profile--projects .profile--projects-swiper .image-container .photo {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
}
@media (min-width: 768px) {
  .profile--projects .profile--projects-swiper .image-container .photo {
    border-radius: 8px;
  }
}
.profile--projects .profile--projects-swiper .image-container .overlay {
  font-size: 10px;
  position: absolute;
  top: 24px;
  left: 24px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  padding: 4px 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-weight: 500;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile--projects .profile--projects-swiper .image-container .overlay .icon {
  font-size: 2rem;
  color: white;
}
.profile--projects .profile--projects-swiper .image-container .overlay img {
  display: block;
  width: 14px;
  height: 14px;
}
.profile--projects .profile--projects-swiper a:hover .image-container .photo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .profile--projects .swiper-button-next,
  .profile--projects .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 12vw;
    max-width: 140px;
    top: 0;
    opacity: 1;
  }
  .profile--projects .swiper-button-next:after,
  .profile--projects .swiper-button-prev:after {
    background-color: rgba(124, 127, 139, 0.7);
    opacity: 1;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    font-weight: 700;
  }
  .profile--projects .swiper-button-next {
    right: 0;
  }
  .profile--projects .swiper-button-prev {
    left: 0;
  }
}
.profile--projects .profile--pagination-mobile.mobile-only .swiper-pagination-fraction {
  position: absolute;
  left: unset;
  top: unset;
  bottom: 16px;
  right: 16px;
  width: 40px;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.75);
  padding: 4px 8px;
  color: var(--Text-Enabled, #636A86);
  font-size: 10px;
  font-weight: 600;
  line-height: 140%;
  /* 14px */
  letter-spacing: 0.2px;
}

.profile--basic-info {
  padding-block: 32px;
  position: relative;
}
@media (min-width: 768px) {
  .profile--basic-info::after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 50%;
    width: 200vw;
    translate: -50% 0;
    background-color: #fff;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .profile--basic-info {
    padding-block: 64px;
  }
}
.profile--basic-info .basic-info--details-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (min-width: 768px) {
  .profile--basic-info .basic-info--details-container {
    gap: 32px;
  }
}
.profile--basic-info .basic-info--details-container .basic-info--details {
  display: Flex;
  gap: 8px;
}
@media (min-width: 768px) {
  .profile--basic-info .basic-info--details-container .basic-info--details {
    gap: 16px;
  }
}
.profile--basic-info h3 {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

.profile--services {
  padding-block: 40px;
}
@media (min-width: 768px) {
  .profile--services {
    padding-block: 64px;
  }
}
.profile--services .services-container {
  padding-top: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 24px;
}
@media (max-width: 450px) {
  .profile--services .services-container {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .profile--services .services-container {
    padding-top: 64px;
  }
}
.profile--services .services-container .service {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-height: 86px;
}
.profile--services .services-container .service h3 {
  font-size: inherit;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.profile--services .services-container .service .divider {
  color: var(--Text-Disabled, #BDBDBD);
}
.profile--services .services-container .service .color-red {
  color: var(--Brand-Primary, #FD5030);
}

.hidden-price-container .show-price {
  color: var(--black, #000);
  font-weight: 600;
  text-decoration: none;
}
.hidden-price-container .show-price.hide {
  display: none;
}
.hidden-price-container .show-price:not(.hide) + .hidden-price {
  display: none;
}

.pricing-details-swiper .show-price.hide {
  display: none;
}
.pricing-details-swiper .show-price:not(.hide) + .price-container {
  display: none !important;
}

@media (min-width: 768px) {
  .profile--pricing-details .pricing-details-collapse:not(.show) {
    max-height: 500px;
    overflow: clip;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    position: relative;
  }
  .profile--pricing-details .pricing-details-collapse:not(.show):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF);
    z-index: 90;
  }
  .profile--pricing-details .pricing-details-more {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .profile--pricing-details .pricing-details-more a {
    font-size: 12px;
    line-height: 178%;
    /* 21.36px */
    letter-spacing: 0.2px;
    text-decoration: none;
    color: #323333;
  }
  .profile--pricing-details .pricing-details-more:has(~ .pricing-details-collapse.show) {
    display: none;
  }
}
@media (max-width: 767px) {
  .profile--pricing-details .pricing-details-more {
    display: none;
  }
  .profile--pricing-details .swiper {
    margin-right: 20%;
  }
}
.profile--pricing-details .pricing-details-container {
  margin-top: var(--spacing-3xlarge);
}
@media (min-width: 768px) {
  .profile--pricing-details .pricing-details-container {
    margin-top: var(--spacing-4xlarge);
  }
}
.profile--pricing-details .pricing-details-container .swiper-slide {
  border: 1px solid rgba(151, 157, 181, 0.42);
}
.profile--pricing-details .pricing-details-container .swiper-slide .small {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  display: block;
}
.profile--pricing-details .pricing-details-container .swiper-slide .big-red {
  color: var(--Brand-Primary, #FD5030);
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  display: block;
}
.profile--pricing-details .pricing-details-container .swiper-slide .divider {
  border: 0;
  border-bottom: 1px solid #D9D9D9;
  margin-block: 24px;
}
.profile--pricing-details .pricing-details-container .swiper-slide .price {
  margin-top: 0;
}

.submenu .slide:has(a.active) {
  position: relative;
  font-weight: 600;
}

.submenu .slide:has(a.active):after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--red-proplo);
  left: 0;
  bottom: 2px;
  border-radius: 999px;
  display: block;
}

.profile--additional-services {
  padding-block: 40px;
}
@media (min-width: 768px) {
  .profile--additional-services {
    padding-block: 64px;
  }
}
.profile--additional-services .services-container {
  padding-top: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}
@media (min-width: 768px) {
  .profile--additional-services .services-container {
    padding-top: 64px;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
.profile--additional-services .services-container .service {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-height: 86px;
}
.profile--additional-services .services-container .service .divider {
  color: var(--Text-Disabled, #BDBDBD);
}
.profile--additional-services .services-container .service .color-red {
  color: var(--Brand-Primary, #FD5030);
}

.profile--cooperation-steps {
  overflow: clip;
  padding-block: 40px;
}
@media (min-width: 768px) {
  .profile--cooperation-steps {
    padding-block: 64px;
  }
}
.profile--cooperation-steps .swiper {
  margin-top: 40px;
  overflow: visible;
}
@media (min-width: 768px) {
  .profile--cooperation-steps .swiper {
    margin-top: 64px;
  }
}
.profile--cooperation-steps .swiper .swiper-slide {
  height: auto;
  color: var(--darker-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.profile--cooperation-steps .swiper .swiper-slide .slide-wrapper {
  padding: 24px;
  heighT: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  .profile--cooperation-steps .swiper .swiper-slide .slide-wrapper {
    padding: 32px;
  }
}
.profile--cooperation-steps .swiper .swiper-slide .slide-wrapper .step-number {
  color: var(--red-proplo);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}
.profile--cooperation-steps .swiper .swiper-slide .slide-wrapper .title {
  margin-block: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%; /* 28px */
}
@media (min-width: 768px) {
  .profile--cooperation-steps .swiper .swiper-slide .slide-wrapper .title {
    font-size: 20px;
  }
}
.profile--cooperation-steps .swiper .swiper-slide .slide-wrapper .more {
  color: var(--Text-Medium, #323333);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.2px;
  margin-top: auto;
  padding-top: 24px;
}
.profile--cooperation-steps .swiper .swiper-slide .slide-wrapper .more a {
  color: inherit;
  text-decoration: none;
}

.profile--about {
  padding-block: 40px;
}
@media (min-width: 768px) {
  .profile--about {
    padding-block: 64px 40px;
  }
}
@media (min-width: 835px) {
  .profile--about .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 4.4vw;
  }
  .profile--about .columns > * {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .profile--about .columns .profile-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .profile--about .columns .profile-photo picture, .profile--about .columns .profile-photo img {
    display: block;
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }
}
.profile--about .columns .photo img {
  border-radius: 999px;
  margin-bottom: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile--about .columns .profile-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 160%;
  display: block;
  margin: 0;
}
.profile--about .columns .profile-description {
  color: var(--Text-Weak, #7C7F8B);
  font-size: 20px;
  font-weight: 500;
  line-height: 140%; /* 28px */
  display: block;
}
.profile--about .columns .cta {
  margin-block: 44px;
}
.profile--about .contact {
  text-align: center;
  margin-top: 80px;
}
.profile--about .profile-description-short {
  margin-bottom: 0;
  margin-top: 0;
}
@media (max-width: 834px) {
  .profile--about .profile-description-short {
    margin-top: 44px;
  }
}

@media (min-width: 768px) {
  .profile--sticky-container--wrap {
    contain: paint;
  }
}

@media (min-width: 1280px) {
  .profile--sticky-container {
    display: grid;
    grid-template-columns: calc(100% - 382px - 48px) 382px;
    gap: 48px;
  }
  .profile--sticky-container .sticky-offer {
    position: sticky;
    top: 110px;
  }
}
.profile--sticky-container .more-details > div {
  max-width: 100%;
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.profile--sticky-container .swiper-badges {
  margin: 0;
}
.profile--sticky-container .desktop-2-3 .more-details {
  max-width: 100%;
  width: calc(100% - 32px);
}

.profile--reviews {
  padding-block: 40px;
  overflow: clip;
}
@media (min-width: 768px) {
  .profile--reviews {
    padding-block: 64px;
  }
}
.profile--reviews .single-review {
  border: 1px solid rgba(151, 157, 181, 0.42);
}
.profile--reviews .single-review .body {
  font-size: 14px;
}
.profile--reviews .profile-rating {
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  gap: 16px;
}
.profile--reviews .profile-rating a {
  text-decoration: none;
  color: inherit;
}
.profile--reviews .profile-rating img {
  display: block;
}
.profile--reviews .swiper {
  margin-top: 24px;
  overflow: visible;
}
@media (min-width: 768px) {
  .profile--reviews .swiper {
    margin-top: 40px;
  }
}

.single-review {
  padding: 24px 16px;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
@media (min-width: 768px) {
  .single-review {
    padding: 32px;
  }
}
.single-review .review-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.single-review .review-header .photo .review-letter {
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 99px;
  background: var(--Text-Weak, #7C7F8B);
  color: var(--light-background-color, #FFF);
  font-size: 16px;
  font-weight: 700;
}
.single-review .review-header .author-details .title {
  color: var(--Text-Medium, #323333);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}
.single-review .review-header .author-details img {
  margin-left: -6px;
}
.single-review .review-header .review-date {
  margin-left: auto;
  color: var(--Text-Weak, #7C7F8B);
  font-size: 14px;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-review .body {
  margin-block: 24px;
}
.single-review .more a {
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.2px;
  text-decoration: none;
}
.single-review .more a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .single-review .more a {
    font-size: 16px;
  }
}

.project--title {
  margin-block: 16px;
}
@media (min-width: 1024px) {
  .project--title {
    margin-block: 24px 28px;
  }
}

.project--container {
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .project--container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
  }
}

.project--photos {
  display: grid;
  gap: 16px;
}
.project--photos .photo-container {
  position: relative;
}
@media (min-width: 1204px) {
  .project--photos {
    gap: 24px;
  }
}
.project--photos img:not(.heart-icon) {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 768px) {
  .project--photos img:not(.heart-icon) {
    aspect-ratio: 16/9 !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.project--photos a:not(.like) span.image-container {
  background-color: #000;
  border-radius: 4px;
  display: block;
}
.project--photos a:not(.like):hover img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.project--photos .like {
  position: absolute;
  top: 16px;
  right: 24px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 8px;
  color: var(--Neutral-White, #FFF);
  text-align: center;
  /* Desktop/Body 3 */
  font-size: 12px;
  font-weight: 500;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
  text-decoration: none;
  gap: 7px;
  padding: 5px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.project--photos .like img {
  display: block;
}
@media (min-width: 768px) {
  .project--photos .like {
    top: 30px;
    right: 33px;
  }
}

.project--details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.project--details h3 {
  font-size: inherit;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .project--details {
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .project--details {
    padding-top: 40px;
  }
}
.project--details .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.project--details .author .photo img {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.project--details .sticky-offer {
  margin-top: 0;
  position: sticky;
  top: 120px;
}
.project--details .author {
  font-size: 14px;
  line-height: 160%;
}
@media (min-width: 768px) {
  .project--details .author {
    font-size: 16px;
  }
}
.project--details .info--container {
  display: Flex;
  gap: 8px;
  padding-block: 24px;
  border-bottom: 1px solid #D9D9D9;
  font-size: 14px;
}
@media (min-width: 768px) {
  .project--details .info--container {
    font-size: 16px;
  }
}
.project--details .project--details-description {
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .project--details .project--details-description {
    font-size: 16px;
  }
}

.project--details-description-container .project--details-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
  line-height: 1.5em;
  max-height: 6em; /* 4 linie */
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.project--details-description-container .project--details-description.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
}
.project--details-description-container .toggle-link {
  display: inline-block;
  margin-top: 8px;
  cursor: pointer;
  color: inherit;
  text-decoration: underline;
  font-weight: 600;
  text-decoration: none;
}

.project--other-projects {
  padding-block: 40px 80px;
}
.project--other-projects .title h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  /* 28px */
}
@media (min-width: 768px) {
  .project--other-projects .title h2 {
    font-size: 24px;
    font-weight: 600;
  }
}
@media (max-width: 768px) {
  .project--other-projects .other-project {
    padding: 16px 16px 0;
    border-bottom: 1px solid #EFF2F2;
  }
}
.project--other-projects .projects-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  margin-top: 32px;
  gap: 24px;
  row-gap: 24px;
}
@media (min-width: 768px) {
  .project--other-projects .projects-wrap {
    row-gap: 32px;
  }
}
.project--other-projects .projects-wrap img.photo {
  width: 100%;
  height: auto;
  aspect-ratio: 390/256;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  border-radius: 4px 4px 0 0;
}
@media (max-width: 767px) {
  .project--other-projects .projects-wrap img.photo {
    border-radius: 4px;
  }
}
.project--other-projects .projects-wrap a {
  position: relative;
  display: block;
  aspect-ratio: 390/256;
  background-color: #000;
  border-radius: 8px;
}
.project--other-projects .projects-wrap a:hover img.photo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.project--other-projects .projects-wrap a .overlay {
  position: absolute;
  top: 24px;
  left: 24px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  padding: 4px 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 178%;
  letter-spacing: 0.2px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.project--other-projects .projects-wrap h2.title {
  color: var(--Text-Medium, #323333);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  padding-block: 16px;
  margin: 0;
  border: 0 none transparent;
  border-bottom: 1px solid #EFF2F2;
}
@media (min-width: 768px) {
  .project--other-projects .projects-wrap h2.title {
    font-size: 18px;
    padding: 24px;
    border: 1px solid #EFF2F2;
    border-top: 0 none transparent;
    border-radius: 0 0 4px 4px;
  }
}

.join-us {
  background-color: #FD5030;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .join-us {
    min-height: unset;
  }
}
@media (min-width: 1200px) {
  .join-us {
    background-image: url(/img/projektant-join-us.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;
    height: 746px;
    min-height: unset;
  }
}
.join-us img.img-tablet-only {
  display: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .join-us img.img-tablet-only {
    display: block;
    width: 100%;
    height: auto;
  }
}
.join-us .mobile-only {
  display: none;
}
@media (max-width: 768px) {
  .join-us .mobile-only {
    display: block;
  }
}
.join-us .wrap {
  padding-top: 56px;
}
@media (max-width: 767px) {
  .join-us .wrap .content {
    padding: 16px;
  }
}
.join-us .wrap .content .join-container {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .join-us .wrap .content .join-container {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .join-us .wrap {
    padding-block: 80px;
  }
}
.join-us .wrap .subheader-thin {
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 160%;
}
@media (min-width: 768px) {
  .join-us .wrap .subheader-thin {
    font-size: 32px;
    font-weight: 600;
  }
}
.join-us .wrap .value {
  display: block;
  font-size: 96px;
  font-weight: 600;
  margin-bottom: -10px;
  line-height: 140%;
}
.join-us .wrap .subheader-thick {
  display: block;
  font-size: 28px;
  font-weight: 500;
  line-height: 140%; /* 39.2px */
}
@media (min-width: 768px) {
  .join-us .wrap .subheader-thick {
    font-size: 32px;
    line-height: 160%;
  }
}
.join-us .wrap .cta {
  width: 240px;
}
@media (max-width: 767px) {
  .join-us .wrap .cta {
    width: 100%;
  }
}

.sign-up-now {
  padding-block: 80px;
  background-image: url(/img/footer-contact-cta.jpg?2);
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  height: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  .sign-up-now {
    height: 500px;
    background-position: 57% center;
  }
}
@media (min-width: 768px) {
  .sign-up-now {
    padding-block: 120px;
    font-size: 32px;
    line-height: 160%;
    height: 600px;
  }
}
.sign-up-now span.claim {
  max-width: 960px;
  margin-inline: auto;
  display: block;
  text-align: center;
  text-wrap: ballance;
  margin-bottom: 32px;
}
.sign-up-now span.claim .thin {
  font-weight: 300;
}

section.back {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), #323333;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #323333;
}
section.back .back-top.padding-block {
  padding-block: 24px;
}
section.back.bg-white {
  background: #fff;
}
section.back.bg-white a {
  color: var(--Text-Medium, #323333) !important;
}

.footer-contact {
  padding-block: 80px;
  background-image: url(/img/footer-contact-cta.jpg);
  text-align: center;
}
@media (min-width: 768px) {
  .footer-contact {
    text-align: center;
    padding-block: 120px;
  }
  .footer-contact .claim {
    max-width: 920px;
    margin-inline: auto;
    color: #fff;
  }
}

.faq-header {
  text-align: center;
  padding-block: 56px 40px;
}
@media (min-width: 768px) {
  .faq-header {
    padding-block: 100px 80px;
  }
}
.faq-header h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 140%; /* 33.6px */
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .faq-header h1 {
    font-size: 32px;
    line-height: 160%; /* 51.2px */
    margin-bottom: 16px;
  }
}
.faq-header .subtitle {
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
}

@media (min-width: 1024px) {
  .max-width-1024px {
    margin-inline: 7vw;
  }
}

.header-wspolpraca {
  padding-block: 80px;
  background-color: black;
  color: #fff;
  height: 623px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(/img/wspolpraca-top-2.jpg);
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .header-wspolpraca {
    height: 705px;
  }
}
.header-wspolpraca .header-wspolpraca-container {
  width: 100%;
}
.header-wspolpraca .header-wspolpraca-container .header-wspolpraca-content {
  width: 100%;
}
@media (min-width: 768px) {
  .header-wspolpraca .header-wspolpraca-container .header-wspolpraca-content {
    width: 608px;
  }
}
.header-wspolpraca .header-wspolpraca-container .header-wspolpraca-content h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 24px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .header-wspolpraca .header-wspolpraca-container .header-wspolpraca-content h1 {
    font-size: 48px;
    letter-spacing: -1.2px;
  }
}
.header-wspolpraca .header-wspolpraca-container .header-wspolpraca-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  max-width: 450px;
}

.about-wspolpraca {
  margin-block: 56px;
}
@media (min-width: 1024px) {
  .about-wspolpraca {
    margin-block: 120px;
  }
}
.about-wspolpraca .about-wspolpraca-header {
  padding: 24px;
  width: 100%;
  margin-bottom: 32px;
}
.about-wspolpraca .about-wspolpraca-header h2 {
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .about-wspolpraca .about-wspolpraca-header {
    width: 75%;
  }
}
.about-wspolpraca .about-wspolpraca-columns {
  padding: 24px;
}
@media (max-width: 1023px) {
  .about-wspolpraca .about-wspolpraca-columns .separator {
    border: 0 none transparent;
    border-bottom: 1px solid #D9D9D9;
    margin-block: 32px;
  }
}
.about-wspolpraca .about-wspolpraca-columns h3 {
  margin-top: 0;
  margin-bottom: 16px;
}
.about-wspolpraca .about-wspolpraca-columns p {
  margin-block: 0;
}
@media (min-width: 1024px) {
  .about-wspolpraca .about-wspolpraca-columns {
    position: relative;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .about-wspolpraca .about-wspolpraca-columns {
    margin-inline: -32px;
  }
}
@media (min-width: 1024px) {
  .about-wspolpraca .about-wspolpraca-columns:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 32px;
    left: 32px;
    border-bottom: 1px solid #D9D9D9;
    z-index: -1;
  }
  .about-wspolpraca .about-wspolpraca-columns .column {
    background-color: #fff;
    padding-inline: 32px;
    max-width: 304px;
  }
}
.about-wspolpraca .about-wspolpraca-columns h3 {
  color: var(--Brand-Primary, #FD5030);
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
  /* 38.4px */
}
@media (min-width: 1024px) {
  .about-wspolpraca .about-wspolpraca-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.wspolpraca-content {
  background-color: #F7F7FA;
}
@media (max-width: 1024px) {
  .wspolpraca-content {
    padding-bottom: 1px;
  }
}
.wspolpraca-content.wspolpraca-content-1 {
  background-color: #323333;
  color: #fff;
}
@media (max-width: 768px) {
  .wspolpraca-content.wspolpraca-content-1 {
    padding-bottom: 56px;
  }
}
.wspolpraca-content.wspolpraca-content-2 {
  background-color: #fff;
}
@media (min-width: 1024px) {
  .wspolpraca-content {
    position: relative;
    height: 800px;
    overflow: hidden;
    display: Flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .wspolpraca-content .wspolpraca-content-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-inline: 24px;
  }
  .wspolpraca-content:after {
    content: "";
    display: block;
    clear: both;
    background-position-y: center;
    background-position-x: center;
    background-size: 50% 800px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 800px;
    z-index: 2;
  }
  .wspolpraca-content.wspolpraca-content-1:after {
    background-image: url("/img/wspolpraca-1.jpg?v2");
  }
  .wspolpraca-content.wspolpraca-content-2:after {
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    width: 50%;
    height: 800px;
    background-image: url("/img/wspolpraca-2.jpg?v2");
  }
}
.wspolpraca-content .wspolpraca-img img {
  width: 100%;
  height: auto;
  display: block;
}
.wspolpraca-content .wspolpraca-content-header h2 {
  margin-block: 0 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 1024px) {
  .wspolpraca-content .wspolpraca-content-header h2 {
    font-size: 32px;
    line-height: 160%;
  }
}
.wspolpraca-content .wspolpraca-content-header h2 + p {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 32px;
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 400;
  line-height: 170%; /* 34px */
  letter-spacing: 0.2px;
}
@media (max-width: 1023px) {
  .wspolpraca-content .wspolpraca-content-header {
    padding: 24px;
  }
}
.wspolpraca-content .wspolpraca-content-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wspolpraca-content .wspolpraca-content-header ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-block: 8px;
  font-size: 14px;
}
.wspolpraca-content .wspolpraca-content-header ul li:before {
  content: url(/img/red-tick-12px.svg);
  margin-top: 2px;
}
@media (min-width: 1024px) {
  .wspolpraca-content.wspolpraca-content-1 .wspolpraca-content-header {
    padding-right: 7vw;
  }
}
@media (max-width: 1023px) {
  .wspolpraca-content.wspolpraca-content-1 .wspolpraca-content-header {
    margin-block: 56px 0;
  }
}
@media (min-width: 1024px) {
  .wspolpraca-content.wspolpraca-content-2 .wspolpraca-content-header {
    padding-left: 7vw;
  }
}
@media (max-width: 1023px) {
  .wspolpraca-content.wspolpraca-content-2 .wspolpraca-content-header {
    margin-block: 56px;
  }
}

.bottom-cta {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), #323333;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #323333;
  padding-block: 80px;
  color: #fff;
}
.bottom-cta .bottom-cta-container .claim {
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
}
.bottom-cta .bottom-cta-container .separator {
  margin-block: 32px;
}
.bottom-cta .bottom-cta-container .separator hr {
  width: 100%;
  border: 0 none;
  border-bottom: 1px solid #BDBDBD;
}
.bottom-cta .bottom-cta-container .contact .contact-header {
  color: var(--Brand-Primary, #FD5030);
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
}
.bottom-cta .bottom-cta-container .contact a {
  color: #fff;
}
@media (min-width: 1024px) {
  .bottom-cta .bottom-cta-container {
    padding: 24px;
    height: 222px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
  }
  .bottom-cta .bottom-cta-container .claim {
    width: 50%;
  }
  .bottom-cta .bottom-cta-container .separator {
    width: 18%;
  }
  .bottom-cta .bottom-cta-container .contact {
    width: 27%;
  }
}

.stepper-details {
  padding-top: 40px;
}
@media (min-width: 1024px) {
  .stepper-details {
    padding-block: 48px 100px;
  }
}
.stepper-details h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  margin-block: 0 8px;
}
@media (min-width: 1024px) {
  .stepper-details h1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 160%;
  }
}
.stepper-details .claim {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  text-wrap: balance;
}
.stepper-details .cta-image {
  margin-block: 24px 32px;
}
@media (min-width: 1024px) {
  .stepper-details .cta-image {
    margin-block: 40px 32px;
  }
}
.stepper-details .ticker {
  color: var(--Text-Enabled, #636A86);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
.stepper-details .ticker li {
  padding: 8px 16px 8px 0 !important;
}
.stepper-details .ticker li img {
  margin-right: 10px;
}
.stepper-details .disclaimer {
  margin-block: 24px;
  color: var(--Text-Enabled, #636A86);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}
.stepper-details .disclaimer a {
  font-weight: 500;
  color: inherit;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .stepper-details .disclaimer {
    margin-block: 40px;
  }
}
.stepper-details .stay-basic a {
  color: var(--Text-Enabled, #636A86);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: underline;
}
.stepper-details .pricing {
  margin-block: 16px 40px;
}
@media (min-width: 1024px) {
  .stepper-details .pricing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.stepper-details .pricing .badge-red {
  color: #323333;
  text-align: left;
  font-size: 12px;
  line-height: 178%;
  font-weight: 400;
  /* 21.36px */
  letter-spacing: 0.2px;
  border-radius: 4px;
  background: #FFE4E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1024px) {
  .stepper-details .pricing .badge-red {
    margin-block: 16px 0;
  }
}
.stepper-details .pricing .pricing-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.stepper-details .pricing .pricing-details .price-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 8px;
}
.stepper-details .pricing .pricing-details .price-line .big {
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  /* 64px */
}
@media (min-width: 1024px) {
  .stepper-details .pricing .pricing-details .price-line .big {
    font-size: 48px;
  }
}
.stepper-details .pricing .pricing-details .price-line .small {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.stepper-details .pricing .pricing-details .monthly {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .stepper-details .right-image {
    margin-block: 40px;
  }
}
@media (max-width: 1024px) {
  .stepper-details .right-image .image-container {
    margin-block: 40px;
  }
}
@media (min-width: 1024px) {
  .stepper-details .right-image .image-container.max-346px {
    margin-inline: auto;
    max-width: 346px;
  }
}
.stepper-details .stepper-two-columns {
  margin-top: 40px;
}
.stepper-details .stepper-two-columns img {
  max-width: 100%;
}
.stepper-details .stepper-two-columns .subtitle-small {
  color: var(--Text-Enabled, #636A86);
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
@media (min-width: 1024px) {
  .stepper-details .stepper-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
.stepper-details .stepper-two-columns .right-image span {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  display: block;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .stepper-details .stepper-two-columns .right-image span {
    margin-block: 32px;
    text-align: right;
  }
}
.stepper-details .stepper-two-columns .container-with-padding {
  border: 1px solid var(--Neutral-Gray-Weak, #EFF2F2);
  padding: 24px 16px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .stepper-details .stepper-two-columns .container-with-padding {
    padding: 32px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .stepper-details .stepper-two-columns .container-with-padding a.cta {
    max-width: 428px;
  }
}
.stepper-details .stepper-two-columns .container-with-padding ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 16px;
}
.stepper-details .stepper-two-columns .container-with-padding ul li {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
@media (min-width: 1024px) {
  .stepper-details .stepper-two-columns .container-with-padding ul li {
    padding: 16px 24px;
  }
}
.stepper-details .stepper-two-columns .container-with-padding ul li.background {
  border-radius: 4px;
  border: 1px solid var(--Background-Weak, #F7F7FA);
  background: #FAFAFD;
}
.stepper-details .stepper-two-columns .container-with-padding ul li.grey {
  color: var(--Text-Weak, #7C7F8B);
}

.explanation {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}

.icon-clock-before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.icon-clock-before:before {
  content: url(/img/icons/icon-clock-24.svg);
  min-width: 24px;
  min-height: 24px;
  display: inline-block;
}

.bottom-notes {
  margin-top: 48px;
}
.bottom-notes .required-info {
  margin-bottom: 24px;
  color: var(--Text-Enabled, #636A86);
  font-size: 12px;
  font-weight: 400;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
}
@media (min-width: 1024px) {
  .bottom-notes {
    margin-top: 40px;
  }
}

.onboarding-pricing {
  padding-block: 40px;
  border-top: 1px solid #EFF2F2;
  border-bottom: 1px solid #EFF2F2;
}
@media (min-width: 1024px) {
  .onboarding-pricing {
    padding-block: 80px;
  }
}
.onboarding-pricing .pricing-header {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .onboarding-pricing .pricing-header {
    margin-bottom: 40px;
  }
}
.onboarding-pricing table {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.onboarding-pricing table th {
  text-align: center;
  padding: 24px;
  font-weight: 500;
}
.onboarding-pricing table th .small {
  color: var(--Text-Enabled, #636A86);
  /* Desktop/Body 3 */
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
}
.onboarding-pricing table td {
  padding: 24px;
  text-align: center;
  color: var(--Text-Medium, #323333);
}
.onboarding-pricing table td.align-left {
  text-align: left;
}
.onboarding-pricing table th, .onboarding-pricing table tr:not(:last-of-type) td:not([colspan]) {
  border-bottom: 1px solid var(--Neutral-Gray-Weak, #EFF2F2);
}
@media (max-width: 1024px) {
  .onboarding-pricing table td[colspan] {
    padding: 16px 0 0 16px;
  }
}
@media (min-width: 1024px) {
  .onboarding-pricing table td, .onboarding-pricing table th {
    width: 33%;
    padding: 32px 48px;
  }
  .onboarding-pricing table tr td:first-child, .onboarding-pricing table tr th:first-child {
    text-align: left;
    padding: 16px 24px;
  }
  .onboarding-pricing table tr td:not(:last-child), .onboarding-pricing table tr th:not(:last-child) {
    border-right: 1px solid var(--Neutral-Gray-Weak, #EFF2F2);
  }
}

.text-footer {
  margin-bottom: 49px;
}
.text-footer .text-footer-wraper {
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--Neutral-Gray-Weak, #EFF2F2);
  padding: 32px;
}
.text-footer .text-footer-wraper a {
  color: inherit;
  font-weight: 500;
}
.text-footer .text-footer-wraper:not(.show) {
  max-height: 250px;
  position: relative;
  margin-bottom: -32px;
}
.text-footer .text-footer-wraper:not(.show):after {
  content: "";
  position: absolute;
  bottom: 31px;
  left: 0;
  right: 0;
  height: 62px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #F7F7FA));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F7F7FA 80%);
}
.text-footer h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 12px;
  margin-top: 0;
}
.text-footer h2:not(:first-child) {
  margin-top: 32px;
}
.text-footer h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 12px;
  margin-top: 0;
}
.text-footer h3:not(:first-child) {
  margin-top: 32px;
}
.text-footer p {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  margin-top: 0;
  color: var(--Text-Enabled, #636A86);
}
.text-footer p:has(+ p) {
  margin-bottom: 0;
}
.text-footer .show-more, .text-footer .show-less {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 16px;
  background: #F7F7FA;
  z-index: 2;
  position: relative;
}
.text-footer .show-more a, .text-footer .show-less a {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
  text-decoration: none;
  color: inherit;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.text-footer .show-less {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .text-footer .show-less {
    margin-top: 33px;
  }
}
.text-footer .text-footer-wraper.show ~ .show-more {
  display: none;
}
.text-footer .text-footer-wraper:not(.show) ~ .show-less {
  display: none;
}

.homepage-seo-text {
  padding-block: 64px;
}
@media (min-width: 768px) {
  .homepage-seo-text {
    padding-block: 88px;
  }
}
.homepage-seo-text .homepage-seo-text-content {
  max-width: 900px;
}
.homepage-seo-text .homepage-seo-text-content a {
  color: inherit;
}
.homepage-seo-text .homepage-seo-text-content p {
  color: #BDBDBD;
}
.homepage-seo-text h2 {
  margin-bottom: 32px;
}

.last-posts {
  padding-block: 64px;
}
@media (min-width: 768px) {
  .last-posts {
    padding-block: 64px 80px;
  }
}
.last-posts h2 {
  margin: 0;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .last-posts h2 {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .last-posts h2 .more-link {
    color: var(--Text-Medium, #323333);
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    text-decoration: none;
  }
}
.last-posts .last-posts-container {
  display: grid;
  gap: 48px;
}
@media (min-width: 768px) {
  .last-posts .last-posts-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
  }
}
.last-posts .last-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  -webkit-transition: border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  gap: 24px;
  border: 1px solid transparent;
}
.last-posts .last-post img.last-post-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 327/213;
}
@media (min-width: 768px) {
  .last-posts .last-post img.last-post-image {
    aspect-ratio: 384/282;
  }
}
.last-posts .last-post:hover {
  border: 1px solid #EDEDED;
  -webkit-box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.1);
}
.last-posts .last-post:focus {
  outline: none;
}
.last-posts .last-post .post-details {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.last-posts .last-post .post-details h3 {
  color: #212529;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  padding: 0;
  margin: 0 0 24px 0;
}
@media (min-width: 768px) {
  .last-posts .last-post .post-details h3 {
    margin: 0 0 32px 0;
  }
}
.last-posts .last-post .post-details .read-more {
  color: var(--Text-Medium, #323333);
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.2px;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}

.hp-banner .hp-banner-container {
  display: grid;
}
@media (min-width: 1024px) {
  .hp-banner .hp-banner-container {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
.hp-banner .hp-banner-container .banner-image img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right center;
     object-position: right center;
}
@media (min-width: 768px) {
  .hp-banner .hp-banner-container .banner-image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 1023px) {
  .hp-banner .hp-banner-container .banner-content {
    padding: 64px 24px;
  }
}
@media (min-width: 1024px) {
  .hp-banner .hp-banner-container .banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hp-banner .hp-banner-container .banner-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: var(--Text-Disabled, #BDBDBD);
  font-size: 16px;
}
@media (max-width: 768px) {
  .hp-banner .hp-banner-container .banner-content ul {
    margin-bottom: 32px;
  }
}
.hp-banner .hp-banner-container .banner-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-block: 6px;
  margin-block: 16px;
}
.hp-banner .hp-banner-container .banner-content ul li:before {
  content: url(/img/tick-orange.svg);
}

.find-designers {
  padding-block: 48px 24px;
}
@media (min-width: 768px) {
  .find-designers {
    padding-block: 64px;
  }
}
.find-designers h2 {
  margin: 0;
  margin-bottom: 64px;
}
@media (min-width: 768px) {
  .find-designers h2 {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .find-designers h2 .more-link {
    color: var(--Text-Medium, #fff);
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    text-decoration: none;
  }
}
.find-designers .designers-container {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .find-designers .designers-container {
    margin-inline: -24px;
    padding-inline: 24px;
  }
}
.find-designers .designers-container .designers-by-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .find-designers .designers-container .designers-by-city {
    min-width: 500px;
  }
}
.find-designers .designers-container .designers-by-city li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 99px;
  background: #484848;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.find-designers .designers-container .designers-by-city li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

.browse-profiles {
  padding-block: 24px;
}
@media (min-width: 768px) {
  .browse-profiles {
    padding-block: 64px;
  }
}
.browse-profiles h2 {
  margin: 0;
  margin-bottom: 64px;
}
@media (min-width: 768px) {
  .browse-profiles h2 {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .browse-profiles h2 .more-link {
    color: var(--Text-Medium, #fff);
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    text-decoration: none;
  }
}
.browse-profiles .inspirations-container {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .browse-profiles .inspirations-container {
    margin-inline: -24px;
    padding-inline: 24px;
  }
}
.browse-profiles .inspirations-container .inspirations-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .browse-profiles .inspirations-container .inspirations-list {
    min-width: 400px;
  }
}
.browse-profiles .inspirations-container .inspirations-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 99px;
  background: #484848;
  height: 54px;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .browse-profiles .inspirations-container .inspirations-list li {
    height: 72px;
  }
}
.browse-profiles .inspirations-container .inspirations-list li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding-right: 24px;
}
@media (min-width: 768px) {
  .browse-profiles .inspirations-container .inspirations-list li a {
    padding-right: 32px;
    gap: 16px;
  }
}
.browse-profiles .inspirations-container .inspirations-list li a img {
  display: block;
}
@media (max-width: 767px) {
  .browse-profiles .inspirations-container .inspirations-list li a img {
    height: 54px;
    width: auto;
  }
}

.browse-profiles .mobile-link a, .find-designers .mobile-link a {
  color: var(--Text-Medium, #fff);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  text-decoration: none;
  margin-top: 48px;
}

.what-is-proplo {
  padding-block: 48px;
}
@media (min-width: 768px) {
  .what-is-proplo {
    padding-block: 120px;
  }
}
.what-is-proplo h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 140%; /* 33.6px */
  margin: 0 0 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .what-is-proplo h2 {
    font-size: 32px;
    line-height: 140%; /* 44.8px */
  }
}
.what-is-proplo .subtitle {
  font-size: 18px;
  font-weight: 300;
  line-height: 160%;
}
@media (min-width: 768px) {
  .what-is-proplo .subtitle {
    font-size: 20px;
  }
}
.what-is-proplo .containers {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .what-is-proplo .containers {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
.what-is-proplo .containers a.container {
  padding: 24px 0;
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  text-decoration: none;
  color: inherit;
}
@media (min-width: 768px) {
  .what-is-proplo .containers a.container {
    padding: 24px;
  }
  .what-is-proplo .containers a.container:hover {
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    -webkit-box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.1);
  }
}
.what-is-proplo .containers a.container h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%; /* 28px */
  margin: 0;
  margin-bottom: 8px;
}
.what-is-proplo .containers a.container h3 img {
  translate: 0 5px;
}
.what-is-proplo .containers a.container p {
  margin: 0;
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}

@media (max-width: 1280px) {
  .padding-1280px-24px {
    padding-inline: 24px;
  }
}

.connects {
  position: relative;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
@media (min-width: 1000px) {
  .connects {
    height: 768px;
  }
}
@media (max-width: 768px) {
  .connects {
    height: 600px;
  }
}
.connects:after {
  content: "";
  background-color: #FD5030;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35%;
  height: 122px;
}
@media (max-width: 1440px) {
  .connects:after {
    left: 1000px;
    right: 0;
    width: unset;
  }
}
@media (max-width: 1280px) {
  .connects > div {
    padding-inline: 24px;
  }
}
.connects > div h2 {
  margin-top: 0;
}
.connects > div .container {
  padding: 72px 0 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1000px) {
  .connects > div .container {
    padding-block: 120px;
  }
}
.connects > div p {
  margin-bottom: 64px;
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
  font-weight: 300;
}
@media (min-width: 1000px) {
  .connects > div p {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .connects > div {
    background-image: url(/img/connects-vector.svg);
    background-position: 650px bottom;
    background-repeat: no-repeat;
  }
}
.connects .content {
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.connects .content h2 {
  font-weight: 500;
  margin-bottom: 8px;
}
.connects .content a {
  margin-top: auto;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
  gap: 8px;
}

.hero-container {
  position: relative;
  z-index: 2;
}

.hero .content {
  text-align: center;
  max-width: 800px;
  margin-inline: auto;
}
.hero h1 {
  color: var(--Text-Medium, #323333);
  font-size: 28px;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 768px) {
  .hero h1 {
    font-size: 36px;
  }
}
.hero h1 .black {
  color: #000;
}
.hero p {
  margin-block: 32px;
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
@media (min-width: 768px) {
  .hero p {
    margin-block: 24px;
    color: var(--Text-Strong, #000);
    font-size: 20px;
    font-weight: 300;
    line-height: 160%; /* 32px */
  }
}

section.back div {
  padding-bottom: 40px;
  margin: 0 auto;
}
section.back div a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: inherit;
  text-decoration: none;
  gap: 8px;
  color: #fff;
}
section.project-details {
  padding-block: 40px;
}
section.project-details h2 {
  margin-block: 0 40px;
}
@media (min-width: 768px) {
  section.project-details .project-details-container {
    display: grid;
    grid-template-columns: 140px 1fr 1fr;
  }
  section.project-details .project-details-container .details-col {
    grid-column: 1/3;
    margin-right: 16px;
    display: Flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  section.project-details .project-details-container .details-col .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-inline: 0;
  }
  section.project-details .project-details-container .details-col .row.center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.project-details .project-details-container .details-col .row .title {
    width: 140px;
    font-weight: 700;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
    font-size: 20px;
  }
  section.project-details .project-details-container .details-col .row .details {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-preferred-size: calc(100% - 160px);
        flex-basis: calc(100% - 160px);
  }
  section.project-details .project-details-container .review-col {
    grid-column: 3/4;
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  section.project-details .project-details-container .details-col .row {
    margin-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-inline: 0;
  }
  section.project-details .project-details-container .details-col .row .title {
    font-weight: bold;
    margin-bottom: 8px;
  }
}
section.project-details .project-details-container .review-col .review-container {
  padding: 32px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
section.project-details .project-details-container .review-col .review-container .author-details {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  section.project-details .project-details-container .review-col .review-container .author-details {
    font-size: 16px;
    line-height: 1.4;
  }
}
section.project-details .project-details-container .review-col .review-container .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  section.project-details .project-details-container .review-col .review-container .author {
    max-width: 250px;
  }
}
section.project-details .project-details-container .review-col .review-container .author .small {
  font-weight: 400;
  font-size: 12px;
  line-height: 2;
  display: block;
}

section.project-photos {
  margin-block: 24px;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  section.project-photos {
    padding-left: 140px;
    grid-template-columns: 1fr 1fr;
  }
}
section.project-photos img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
  aspect-ratio: 520/320;
  -o-object-fit: cover;
     object-fit: cover;
}

footer {
  margin-top: 24px;
  padding: 40px 16px;
}
footer a {
  color: inherit;
  text-decoration: none;
}
footer .blocks {
  max-width: unset;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 768px) {
  footer {
    padding: 80px 16px;
  }
}
footer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  footer {
    margin-top: 64px;
  }
}
footer .copright {
  padding: 8px 16px;
}

::-ms-backdrop {
  opacity: 0;
  -ms-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

::backdrop {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

:popover-open {
  width: 100%;
  max-width: 960px;
  padding: 32px;
  border-radius: 24px;
  border: 0 none;
}
:popover-open::-ms-backdrop {
  opacity: 1;
  backdrop-filter: blur(3px);
  background-color: rgba(36, 41, 61, 0.8);
}
:popover-open::backdrop {
  opacity: 1;
  backdrop-filter: blur(3px);
  background-color: rgba(36, 41, 61, 0.8);
}
:popover-open .close img {
  display: block;
}

.cooperation-rules {
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

[popover] .close {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: Poppins;
  line-height: 1.6;
  font-size: 16px;
}

section.project-lp-header {
  background-image: url(img/red-mobile.png);
  background-repeat: no-repeat;
  background-position: bottom 10% right -35px;
  padding-bottom: 0;
}
section.project-lp-header .max-width .container-wrapper {
  display: grid;
  gap: 40px;
}
section.project-lp-header .max-width .container-wrapper .container {
  padding: 24px;
}
section.project-lp-header .max-width .container-wrapper .container .content p {
  color: #374151;
  margin-bottom: 24px;
}
section.project-lp-header .max-width .container-wrapper .container .content a {
  display: inline-block;
}
section.project-lp-header .max-width .container-wrapper .container .content a:hover {
  background-color: var(--dark-grey);
}
section.project-lp-header .max-width .container-wrapper .container .content a:active {
  background-color: var(--red-proplo);
}
section.project-lp-header .max-width .container-wrapper .container img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  justify-self: right;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
section.project-lp-header .max-width .container-wrapper .container .mobile-only {
  -webkit-transform: translate(-50px, 80px);
          transform: translate(-50px, 80px);
  max-width: 120%;
}
section.project-lp-header .max-width .container-wrapper .container-2 {
  margin-top: auto;
  padding: 0;
  overflow: hidden;
}
@media (min-width: 767px) {
  section.project-lp-header {
    padding: 0;
    background-image: url(img/red.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 90%;
    background-position: top left;
  }
  section.project-lp-header .max-width .container-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.project-lp-header .max-width .container-wrapper .container {
    padding: 40px 0;
  }
  section.project-lp-header .max-width .container-wrapper .container .content p {
    width: 60%;
  }
  section.project-lp-header .max-width .container-wrapper .container img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    justify-self: right;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  section.project-lp-header .max-width .container-wrapper .container.container-2 {
    padding: 0 !important;
  }
}

section.project-lp-threeblocks {
  padding: 80px 24px;
}
section.project-lp-threeblocks .max-width .header {
  text-align: center;
  padding-bottom: 40px;
}
section.project-lp-threeblocks .max-width .header p {
  font-weight: 400;
  font-size: 24px;
}
section.project-lp-threeblocks .max-width .container-wrapper {
  display: grid;
  gap: 80px;
}
section.project-lp-threeblocks .max-width .container-wrapper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section.project-lp-threeblocks .max-width .container-wrapper .content p {
  -ms-flex-item-align: center;
      align-self: center;
  color: #374151;
  padding: 0px 10px;
  text-align: center;
  margin: 0;
  font-size: 20px;
}
section.project-lp-threeblocks .max-width .container-wrapper .content img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1/1;
}
@media (min-width: 767px) {
  section.project-lp-threeblocks {
    padding: 120px 0;
  }
  section.project-lp-threeblocks .max-width .header {
    text-align: center;
    padding-bottom: 80px;
  }
  section.project-lp-threeblocks .max-width .container-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
  section.project-lp-threeblocks .max-width .container-wrapper .content p {
    width: 100%;
    height: 100px;
    padding: 0px 16px;
  }
  section.project-lp-threeblocks .max-width .container-wrapper .content img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}

section.project-lp-threeblocks-v2 {
  padding: 0 24px 80px 24px;
}
section.project-lp-threeblocks-v2 .max-width .header {
  text-align: center;
  padding-bottom: 80px;
}
section.project-lp-threeblocks-v2 .max-width .header p {
  font-size: 20px;
  font-weight: 400;
}
section.project-lp-threeblocks-v2 .max-width .container-wrapper {
  display: grid;
  gap: 80px;
}
section.project-lp-threeblocks-v2 .max-width .container-wrapper .content {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section.project-lp-threeblocks-v2 .max-width .container-wrapper .content p {
  -ms-flex-item-align: center;
      align-self: center;
  color: #374151;
  padding: 0px 10px;
  text-align: center;
  margin: 0;
}
section.project-lp-threeblocks-v2 .max-width .container-wrapper .content img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1/1;
  width: 160px;
  height: 160px;
  background-color: var(--light-grey);
  border-radius: 50%;
}
section.project-lp-threeblocks-v2 .max-width .centering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.project-lp-threeblocks-v2 .max-width .centering a {
  display: inline-block;
}
@media (min-width: 767px) {
  section.project-lp-threeblocks-v2 {
    padding-bottom: 80px;
  }
  section.project-lp-threeblocks-v2 .max-width .header {
    text-align: center;
    padding-bottom: 80px;
  }
  section.project-lp-threeblocks-v2 .max-width .container-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
  section.project-lp-threeblocks-v2 .max-width .container-wrapper .content {
    padding-bottom: 60px;
  }
  section.project-lp-threeblocks-v2 .max-width .container-wrapper .content p {
    width: 100%;
    height: 100px;
    padding: 0px 16px;
  }
  section.project-lp-threeblocks-v2 .max-width .container-wrapper .content img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}

section.how-it-work {
  position: relative;
  padding: 80px 24px;
  border-radius: 40px;
  overflow: hidden;
  margin-inline: 5px;
}
@media (min-width: 768px) {
  section.how-it-work {
    margin-inline: 8px;
  }
}
section.how-it-work .ring-1 {
  position: absolute;
  top: -100px;
  right: -50px;
}
section.how-it-work .ring-2 {
  position: absolute;
  bottom: -60px;
  left: -60px;
}
section.how-it-work .max-width .header {
  text-align: center;
  padding-bottom: 40px;
}
section.how-it-work .max-width .header h2 {
  color: var(--white);
}
section.how-it-work .max-width .container-wrapper {
  display: grid;
  gap: 50px;
}
section.how-it-work .max-width .container-wrapper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.how-it-work .max-width .container-wrapper .content .text {
  padding: 0 4vw;
}
section.how-it-work .max-width .container-wrapper .content .text p {
  padding: 32px 0px;
  color: var(--white);
  text-align: left;
  margin: 0;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.2px;
}
section.how-it-work .max-width .container-wrapper .content .text::before {
  content: url(img/red-line.svg);
}
section.how-it-work .max-width .container-wrapper .content img {
  max-width: 100%;
}
section.how-it-work .max-width .centering {
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.how-it-work .max-width .centering a {
  margin: 32px 0;
  display: inline-block;
}
@media (min-width: 767px) {
  section.how-it-work {
    padding: 120px 0;
    border-radius: 80px;
  }
  section.how-it-work .ring-1 {
    position: absolute;
    top: 0;
    right: 0;
  }
  section.how-it-work .ring-2 {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  section.how-it-work .max-width .header {
    text-align: center;
    padding-bottom: 80px;
  }
  section.how-it-work .max-width .container-wrapper {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px;
  }
  section.how-it-work .max-width .container-wrapper .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.how-it-work .max-width .container-wrapper .content .text p {
    width: 90%;
    padding: 32px 0px;
  }
  section.how-it-work .max-width .container-wrapper .content img {
    max-width: 100%;
  }
  section.how-it-work .max-width .container-wrapper .content:nth-child(even) .text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  section.how-it-work .max-width .container-wrapper .content:nth-child(even) img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

section.tariff {
  padding: 80px 24px;
}
section.tariff .max-width .header {
  padding-bottom: 80px;
  text-align: center;
}
section.tariff .max-width .header p {
  font-size: 20px;
  font-weight: 400;
}
section.tariff .max-width .header-2 {
  height: 200px;
  margin-left: 0;
  margin-top: 0;
}
@media (min-width: 768px) {
  section.tariff .max-width .header-2 {
    margin-left: 0;
  }
}
section.tariff .max-width .header-2.color-1 {
  color: rgba(253, 80, 48, 0.4) !important;
  background-color: #FAE6E6;
  padding-top: 8px;
}
section.tariff .max-width .header-2.color-2 {
  color: #BDBDBD !important;
  background-color: #E4E4E4;
  padding-top: 8px;
}
section.tariff .max-width .container-wrapper {
  display: grid;
  gap: 80px;
}
section.tariff .max-width .container-wrapper .content {
  -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.15), 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.15), 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  border-radius: 40px;
  overflow: hidden;
  padding-bottom: 40px;
}
section.tariff .max-width .container-wrapper .content .aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  border: 2px solid #FAE6E6;
  border-radius: 120px 0 0 120px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--white);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 50px;
}
section.tariff .max-width .container-wrapper .content .aside .number {
  margin: 0;
  font-size: clamp(40px, 6.5vw, 96px);
  font-weight: 600;
  text-align: center;
  position: relative;
}
section.tariff .max-width .container-wrapper .content .aside .number span {
  font-size: 32px;
  font-size: 500;
}
@media (max-width: 768px) {
  section.tariff .max-width .container-wrapper .content .aside .number {
    font-size: clamp(55px, 6.5vw, 86px);
  }
}
section.tariff .max-width .container-wrapper .content .aside p {
  font-size: 16px;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  color: #374151;
  text-align: center;
  margin: 0;
}
section.tariff .max-width .container-wrapper .content .text {
  padding: 0 20px;
  margin-top: -60px;
}
section.tariff .max-width .container-wrapper .content .text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 24px;
  margin: 0;
}
section.tariff .max-width .container-wrapper .content .text p::before {
  content: url(img/point.png);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
  margin-top: -8px;
}
section.tariff .max-width .container-wrapper .content .text.plus {
  margin-top: 0px;
  padding-bottom: 50px;
}
section.tariff .max-width .container-wrapper .content .text.plus p {
  font-size: clamp(25px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.4;
}
section.tariff .max-width .container-wrapper .content .text.plus p::before {
  content: "";
}
section.tariff .max-width .container-wrapper .content .centering {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.tariff .max-width .container-wrapper .content .centering a {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 767px) {
  section.tariff {
    padding: 80px 0;
  }
  section.tariff .max-width .header {
    text-align: center;
    padding-bottom: 80px;
  }
  section.tariff .max-width .container-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    max-width: 1020px;
    margin-inline: auto;
  }
  section.tariff .max-width .container-wrapper .content {
    padding-bottom: 49px;
  }
  section.tariff .max-width .container-wrapper .content .text.plus {
    margin-top: auto;
  }
}

.footer-2 {
  margin-top: 0;
}
.footer-2 .container-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #BDBDBD;
}
.footer-2 .container-wrapper .copyright a {
  text-decoration: none;
  color: #BDBDBD;
}
.footer-2 .container-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

section.contact {
  margin-bottom: var(--spacing-large);
}
section.contact .e-mail a, section.contact .phone a {
  color: var(--black);
  text-decoration: none;
}
section.contact .max-width .container-wrapper {
  padding-top: 80px;
  display: grid;
  gap: 40px;
}
section.contact .max-width .container-wrapper .container {
  padding: 0 24px;
}
section.contact .max-width .container-wrapper .container .content h2 {
  padding-bottom: 40px;
}
section.contact .max-width .container-wrapper .container.container-2 {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -30%;
}
section.contact .max-width .container-wrapper .container.container-2 img {
  width: 110%;
  -webkit-transform: translateY(25%);
          transform: translateY(25%);
}
@media (min-width: 767px) {
  section.contact {
    padding: 24p 0;
    background-position: right -100px top -50px;
    background-size: auto;
    background-image: url(img/contact-right-grafic.png);
    background-repeat: no-repeat;
  }
  section.contact .max-width .container-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0px;
  }
  section.contact .max-width .container-wrapper .container .content {
    padding: 134px 0;
  }
  section.contact .max-width .container-wrapper .container .content h2 {
    padding-bottom: 82px;
  }
  section.contact .max-width .container-wrapper .container .content .e-mail {
    padding-bottom: 32px;
  }
}

section.pricing {
  padding-block: 56px 32px;
}
@media (min-width: 768px) {
  section.pricing {
    padding-block: 80px 40px;
  }
}
section.pricing h2 {
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 768px) {
  section.pricing h2 {
    margin-bottom: 80px;
    font-size: 32px;
    line-height: 160%;
  }
}
@media (max-width: 767px) {
  section.pricing h2 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  section.pricing .pricing-container-mobile-scroll {
    overflow-x: scroll;
    overflow-y: visible;
    width: calc(100% - 48px);
    margin-inline: 24px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  section.pricing .scroll-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    gap: 40px;
    margin-inline: 16px;
  }
  section.pricing .scroll-buttons .btn-prev {
    display: block;
    background-color: transparent;
    border: 0 none;
  }
  section.pricing .scroll-buttons .btn-next {
    display: block;
    background-color: transparent;
    border: 0 none;
  }
  section.pricing .scroll-buttons .disabled {
    opacity: 0.5;
  }
}
section.pricing .pricing-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-inline: auto;
  gap: 24px;
}
@media (min-width: 640px) {
  section.pricing .pricing-container.two-columns {
    grid-template-columns: 1fr 1fr;
    max-width: 782px;
    margin-inline: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  section.pricing .pricing-container {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  section.pricing .pricing-container {
    grid-template-columns: 1fr;
  }
  section.pricing .pricing-container > div {
    width: 100%;
    margin-inline: 0 !important;
  }
}
section.pricing .pricing-container > div {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(189, 189, 189, 0.5);
  height: 100%;
}
@media (max-width: 767px) {
  section.pricing .pricing-container > div {
    margin-inline: 16px;
  }
  section.pricing .pricing-container > div:first-of-type {
    margin-bottom: 56px;
  }
}
@media (min-width: 768px) {
  section.pricing .pricing-container > div {
    padding: 32px;
  }
}
section.pricing .pricing-container > div p {
  margin-block: 0;
}
section.pricing .pricing-container > div .header {
  padding-bottom: 24px;
  margin-bottom: 24px;
  margin-top: 9px;
  border-bottom: #CAC4D0 1px solid;
}
section.pricing .pricing-container > div .subheader {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
section.pricing .pricing-container > div .header-4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  margin-top: 0;
  margin-bottom: 0;
}
section.pricing .pricing-container > div .crossed-price {
  text-decoration: line-through;
}
section.pricing .pricing-container > div .price {
  font-size: 32px;
  font-weight: 600;
  line-height: 140%;
}
section.pricing .pricing-container > div .promo-price {
  font-size: 20px;
  color: var(--red-proplo);
  margin-top: -4px;
  font-weight: 500;
}
section.pricing .pricing-container > div .small {
  font-size: 14px;
  font-weight: 400;
  margin-top: -8px;
  display: block;
}
section.pricing .pricing-container > div .price-container {
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
@media (max-width: 767px) {
  section.pricing .pricing-container > div .price-container {
    padding-bottom: 24px;
    scroll-snap-align: start;
  }
}
section.pricing .pricing-container > div:nth-child(2) {
  border: 1px solid rgba(253, 80, 48, 0.2);
}
section.pricing .pricing-container > div:nth-child(3) {
  border: 1px solid var(--Border-Disabled, rgba(151, 157, 181, 0.42));
}
section.pricing .pricing-container > div:nth-child(3) .header, section.pricing .pricing-container > div:nth-child(3) .price-container {
  border-bottom: 1px solid var(--Border-Disabled, rgba(151, 157, 181, 0.42));
}
section.pricing .pricing-container > div .details {
  padding-top: 24px;
}
section.pricing .pricing-container > div .details strong {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
section.pricing .pricing-container > div .details .promo-info {
  padding: var(--spacing-regular);
  font-size: 12px;
  border-radius: 8px;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
  margin-bottom: 24px;
}
section.pricing .pricing-container > div .details .promo-info.bg-red {
  background-color: #FFE4E2;
}
section.pricing .pricing-container > div .details .promo-info.bg-gray {
  background-color: #ECECEC;
}
section.pricing .pricing-container > div .details-header {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 768px) {
  section.pricing .pricing-container > div .details-header {
    font-size: 21px;
  }
}
section.pricing .pricing-container > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.pricing .pricing-container > div ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-block: 8px;
  font-size: 14px;
}
section.pricing .pricing-container > div ul li:before {
  content: url(/img/red-tick-12px.svg);
}
section.pricing .pricing-signup .signup-claim {
  margin-top: 24px;
  max-width: 536px;
  margin-inline: auto;
  margin-bottom: 22px;
  text-align: Center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
section.pricing .pricing-signup .signup-action {
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 768px) {
  section.pricing .pricing-signup .signup-action {
    margin-top: 80px;
  }
}

.projektant-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .projektant-hero {
    padding: 40px 16px 0;
    overflow: hidden;
  }
}
@media (max-width: 1024px) {
  .projektant-hero {
    position: relative;
  }
  .projektant-hero .learn-more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1024px) {
  .projektant-hero {
    padding-block: 80px;
    height: calc(100vh - 92px);
    max-height: 746px;
    background-image: url(/img/projektant-top.png);
    background-size: 780px auto;
    background-position: left 50vw bottom -100px;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 1024px) {
  .projektant-hero img {
    display: block !important;
  }
}
.projektant-hero h1 {
  font-size: 28px;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 24px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .projektant-hero h1 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .projektant-hero h1 {
    font-size: 48px;
  }
}
@media (min-width: 1024px) {
  .projektant-hero .columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.projektant-hero .claim {
  margin-bottom: 64px;
  max-width: 500px;
}
dialog.modal[open] {
  margin-inline: auto;
  max-width: 100%;
  max-height: unset;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  margin: 0;
  height: auto;
  padding: 0;
  border: 0 none transparent;
  display: block;
}
dialog.modal[open] .close-modal img {
  width: 24px;
  height: 24px;
  display: block;
}

dialog::-ms-backdrop {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.modal-header {
  display: Flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-header h2.h6 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 768px) {
  .modal-header h2.h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 160%;
  }
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pricing-table {
  margin-block: 24px;
  overflow: auto;
}
@media (min-width: 768px) {
  .pricing-table {
    margin-block: 32px;
  }
}
.pricing-table table {
  width: 100%;
  font-size: 14px;
}
@media (min-width: 768px) {
  .pricing-table table {
    font-size: 16px;
  }
}
.pricing-table table td,
.pricing-table table th {
  padding: 16px 12px;
  text-align: left;
  width: 33%;
  height: 84px;
  min-width: 154px;
}
@media (min-width: 768px) {
  .pricing-table table td,
  .pricing-table table th {
    padding: 16px 24px;
  }
}
@media (max-width: 767px) {
  .pricing-table table td,
  .pricing-table table th {
    width: 154px;
    min-width: 240px;
  }
}
.pricing-table table tr td,
.pricing-table table tr th {
  border-bottom: 1px solid var(--soft-gray-proplo);
}
.pricing-table table tr td,
.pricing-table table tr th {
  text-align: left;
}
.pricing-table table tr th {
  font-weight: 600;
}
.pricing-table table tr th:nth-child(2) {
  background-color: #FFD0C8;
  border-radius: 8px 8px 0 0;
}
.pricing-table table tr td:nth-child(2) {
  background: #FFF6F5;
  border-left: #FFD0C8 2px solid;
  border-right: #FFD0C8 2px solid;
  font-weight: 600;
}
.pricing-table table tr th:nth-child(3),
.pricing-table table tr td:nth-child(3) {
  padding-inline: 12px;
}
@media (min-width: 768px) {
  .pricing-table table tr th:nth-child(3),
  .pricing-table table tr td:nth-child(3) {
    padding-inline: 48px;
  }
}
.pricing-table table tr td:nth-child(2) {
  padding-inline: 12px;
}
@media (min-width: 768px) {
  .pricing-table table tr td:nth-child(2) {
    padding-inline: 48px;
  }
}
.pricing-table table tr:last-child td:nth-child(2) {
  border-bottom: #FFD0C8 2px solid;
  border-radius: 0 0 8px 8px;
}

.max-width-modal {
  max-width: 1040px;
  margin-inline: auto;
  padding-inline: 16px;
}
#pricing {
  background-color: var(--background-modal);
}
#pricing .modal-header .h6 {
  margin-block: 30px;
}
@media (min-width: 768px) {
  #pricing .modal-header .h6 {
    margin-block: 16px;
  }
}
#pricing .modal-intro.blue {
  padding: 16px;
  border-radius: 16px;
  border: 1.5px rgba(37, 146, 210, 0.8) solid;
  background: #E3EEFF;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-block: 24px;
}
@media (min-width: 768px) {
  #pricing .modal-intro.blue {
    margin-block: 32px;
  }
}
@media (min-width: 768px) {
  #pricing .modal-intro.blue {
    padding: 16px 24px;
  }
}
#pricing .modal-intro.blue .header {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 8px;
}
#pricing .modal-intro {
  margin-bottom: 40px;
}
#pricing .table-scroll {
  overflow-x: auto;
  overflow-y: visible;
  padding-bottom: 24px;
}
#pricing .pricing-table {
  word-break: break-word;
  padding: 32px 16px;
  margin-block: 32px;
}
@media (min-width: 768px) {
  #pricing .pricing-table {
    padding-inline: 32px;
    margin-block: 40px;
  }
}
#pricing .pricing-table .modal-intro {
  margin-bottom: 40px;
  font-size: 20px;
}
#pricing .pricing-table .three-columns {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  #pricing .pricing-table .three-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3%;
  }
}
#pricing .pricing-table .three-columns > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
}
#pricing .pricing-table .three-columns > div div {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
#pricing .pricing-table .three-columns > div strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 160%;
}
#pricing .pricing-table .four-columns {
  margin-bottom: 40px;
}
@media (min-width: 640px) {
  #pricing .pricing-table .four-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
@media (min-width: 1024px) {
  #pricing .pricing-table .four-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px;
  }
}
#pricing .pricing-table .four-columns > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px 0;
}
#pricing .pricing-table .four-columns > div div {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
#pricing .pricing-table .four-columns > div strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
}
@media (max-width: 767px) {
  #pricing .modal-footer {
    padding: 24px 16px;
  }
}
@media (min-width: 768px) {
  #pricing .modal-footer {
    padding-block: 24px;
  }
}

@media (min-width: 1024px) {
  .tablet-mobile-only {
    display: none !important;
  }
}

@media (min-width: 600px) {
  .blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    max-width: 1280px;
    margin-inline: Auto;
  }
  .blocks.three-columns {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 56px;
  }
}
@media (min-width: 1024px) {
  .blocks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.blocks .block {
  padding: 24px 16px;
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.blocks .block h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .blocks .block h3 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .blocks .block {
    padding: 40px 16px;
    gap: 16px;
  }
}

.search-intro {
  margin-top: var(--spacing-2xlarge);
  margin-bottom: var(--spacing-large);
}
@media (min-width: 768px) {
  .search-intro {
    margin-top: 50px;
  }
}

.best-matches h2,
.other-matches h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  letter-spacing: 0.2px;
  text-align: left;
}
@media (min-width: 768px) {
  .best-matches h2,
  .other-matches h2 {
    font-weight: 600;
    line-height: 25.6px;
    letter-spacing: 0;
  }
}

.other-matches {
  margin-block: 40px;
}

.cooperation-steps {
  margin-bottom: var(--spacing-large);
}
@media (min-width: 768px) {
  .cooperation-steps {
    margin-bottom: var(--spacing-2xlarge);
  }
}
.cooperation-steps .cooperation-steps-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  row-gap: 16px;
  margin-top: var(--spacing-large);
}
@media (min-width: 768px) {
  .cooperation-steps .cooperation-steps-container {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    row-gap: 24px;
    margin-top: var(--spacing-2xlarge);
  }
}
.cooperation-steps .cooperation-steps-container .cooperation-step {
  padding: 16px;
}
.cooperation-steps .cooperation-steps-container .cooperation-step .step-number {
  color: var(--Brand-Primary, #FD5030);
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .cooperation-steps .cooperation-steps-container .cooperation-step .step-number {
    font-size: 36px;
  }
}
.cooperation-steps .cooperation-steps-container .cooperation-step .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .cooperation-steps .cooperation-steps-container .cooperation-step .title {
    font-size: 20px;
  }
}
.cooperation-steps .cooperation-steps-container .cooperation-step .cooperation-details {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .cooperation-steps .cooperation-steps-container .cooperation-step .cooperation-details {
    font-size: 16px;
  }
}

.common-modal {
  display: none;
  width: 696px;
  padding: 24px 16px 16px;
  border: 0 none;
  overflow-y: scroll;
}
@media (min-width: 768px) {
  .common-modal {
    max-height: 90vh;
    width: 50%;
    max-width: 900px;
    min-width: 696px;
  }
}
@media (max-width: 767px) {
  .common-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100vh;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
    outline: none;
  }
}
@media (min-width: 768px) {
  .common-modal {
    padding: 32px;
    border-radius: 8px;
  }
}
.common-modal[open] {
  display: block;
}
.common-modal .modal-title {
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-modal .modal-title h2 {
  margin: 0;
  padding: 0;
}
.common-modal .modal-details {
  overflow: auto;
}

.common-modal#contact-modal .profile {
  display: Flex;
  padding-block: 24px 16px;
  gap: 16px;
  border-bottom: 1px solid #D9D9D9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .common-modal#contact-modal .profile {
    padding-block: 32px;
  }
}
.common-modal#contact-modal .profile img {
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 56px;
}
.common-modal#contact-modal .profile .profile-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  display: block;
}
@media (min-width: 768px) {
  .common-modal#contact-modal .profile .profile-name {
    font-size: 16px;
  }
}
.common-modal#contact-modal .profile .profile-description {
  color: var(--Text-Enabled, #636A86);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  letter-spacing: 0.2px;
}
@media (min-width: 768px) {
  .common-modal#contact-modal .profile .profile-description {
    font-size: 14px;
  }
}
.common-modal#contact-modal .contact-form {
  margin-top: 32px;
}

.common-modal#cooperation-modal[open] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.common-modal#cooperation-modal .modal-title {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .common-modal#cooperation-modal .modal-title {
    padding-bottom: 32px;
  }
}
.common-modal#cooperation-modal .modal-details {
  height: auto;
}
@media (max-width: 768px) {
  .common-modal#cooperation-modal .modal-details {
    height: 100%;
  }
}
.common-modal#cooperation-modal .modal-details .step-number {
  color: var(--Brand-Primary, #FD5030);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.common-modal#cooperation-modal .modal-details .title {
  color: var(--Text-Strong, #000);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
  padding-block: 8px 16px;
}
@media (min-width: 768px) {
  .common-modal#cooperation-modal .modal-details .title {
    font-size: 20px;
    padding-block: 16px;
  }
}
.common-modal#cooperation-modal .cooperation-item:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
}
@media (min-width: 768px) {
  .common-modal#cooperation-modal .cooperation-item:not(:last-child) {
    padding-bottom: 32px;
    margin-bottom: 32px;
    padding-inline: 8px;
  }
}
.common-modal#cooperation-modal .close-window {
  padding-top: 16px;
  background-color: #fff;
  text-align: left;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 768px) {
  .common-modal#cooperation-modal .close-window {
    padding-top: 32px;
  }
}

.common-modal#reviews-modal[open] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.common-modal#reviews-modal .modal-title {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .common-modal#reviews-modal .modal-title {
    padding-bottom: 32px;
  }
}
.common-modal#reviews-modal .modal-details {
  height: auto;
}
@media (max-width: 768px) {
  .common-modal#reviews-modal .modal-details {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .common-modal#reviews-modal .single-review {
    padding-inline: 8px;
  }
}
.common-modal#reviews-modal .single-review:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
}
@media (min-width: 768px) {
  .common-modal#reviews-modal .single-review:not(:last-child) {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.common-modal#reviews-modal .close-window {
  padding-top: 16px;
  background-color: #fff;
  text-align: left;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 768px) {
  .common-modal#reviews-modal .close-window {
    padding-top: 32px;
  }
}

dialog.contact-form {
  overflow: clip;
  padding: 0;
  width: 100%;
  border: 0 none;
  outline: none;
  max-width: 100%;
}
@media (max-width: 899px) {
  dialog.contact-form {
    min-height: 100dvh;
    padding: 0;
    margin: 0;
    border-radius: 0;
  }
}
@media (min-width: 900px) {
  dialog.contact-form {
    max-width: 740px;
  }
}
dialog.contact-form::-ms-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
dialog.contact-form::backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
dialog.contact-form form, dialog.contact-form .greetings-container {
  overflow-y: scroll;
}
dialog.contact-form header {
  padding: 24px;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #F7F7FA;
}
dialog.contact-form header .close-wrapper {
  text-align: right;
}
dialog.contact-form header .close-wrapper .close-button {
  cursor: pointer;
  display: inline-block;
}
dialog.contact-form header .close-wrapper .close-button img {
  display: block;
}
dialog.contact-form header h2 {
  padding: 0;
  margin: 0;
}
dialog.contact-form .profile-info {
  display: Flex;
  gap: 16px;
  margin-bottom: 32px;
}
dialog.contact-form .profile-info .photo img {
  width: 56px;
  height: 56px;
  border-radius: 9999px;
}
dialog.contact-form .profile-info h3 {
  padding: 0;
  margin: 0;
}
dialog.contact-form .profile-info .profile-description {
  font-size: 14px;
  color: #636A86;
}
dialog.contact-form .field.tos input {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
  translate: 0 8px;
}
dialog.contact-form .field.tos label {
  font-size: 12px;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
  color: var(--Text-Medium, #323333);
}
dialog.contact-form .field.tos label a {
  text-decoration: underline !important;
}
dialog.contact-form .tos-container {
  padding-block: 16px;
}
dialog.contact-form .blue-greetings {
  margin-inline: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  border-radius: 4px;
  background: #F5F6FF;
  color: #365EFC;
  /* Desktop/Mobile/Body 1 */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.2px;
}
@media (min-width: 768px) {
  dialog.contact-form .blue-greetings {
    padding: 16px 32px;
  }
}
dialog.contact-form .more-block {
  margin-bottom: 32px;
}
dialog.contact-form .more-block ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
dialog.contact-form .more-block ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  color: var(--Text-Medium, #323333);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}
dialog.contact-form .dropdown-gray {
  border-radius: 4px;
  margin-bottom: 32px;
}
dialog.contact-form .dropdown-gray .dropdown-handler {
  cursor: pointer;
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
  padding: 16px;
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
dialog.contact-form .dropdown-gray .dropdown-content:not(.show) {
  display: none;
}
dialog.contact-form .dropdown-gray .dropdown-content {
  padding: 8px 16px 16px;
}
dialog.contact-form .dropdown-gray .dropdown-content img {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
dialog.contact-form .dropdown-gray .dropdown-content ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
dialog.contact-form .dropdown-gray .dropdown-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  color: var(--Text-Medium, #323333);
  /* Desktop/Body 3 */
  font-size: 12px;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
}
dialog.contact-form .dropdown-gray .dropdown-content ul li strong {
  font-weight: 500;
}
dialog.contact-form .dropdown-gray .dropdown-content .blue-greetings {
  margin-top: 16px;
  padding: 8px 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 4px;
  background: #EAECFF;
  color: #365EFC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  /* Desktop/Mobile/Body 1 */
  color: var(--Interactive-elements, #365EFC);
  font-size: 12px;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
}
@media (min-width: 768px) {
  dialog.contact-form .dropdown-gray .dropdown-content .blue-greetings {
    padding: 8px 24px;
  }
}
dialog.contact-form input:has(~ .textarea-meta, ~ .required-field-error) {
  margin-bottom: 4px;
}
dialog.contact-form .required-info {
  color: var(--Text-Enabled, #636A86);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
  margin-bottom: 16px;
}
dialog.contact-form .greetings .profile-info {
  margin-bottom: 0;
}

.greetings:not(.show) {
  display: none;
}

.simple-footer {
  margin-top: 0;
  font-size: 14px;
  letter-spacing: 0.2px;
}
.simple-footer a:hover {
  color: #fff;
  text-decoration: underline;
}

.fulscreen-modal {
  margin: 0;
  width: 100%;
  min-height: 100dvh;
  height: 100dvw;
  max-width: 100vw;
  outline: none;
  border: 0 none;
  padding: 0;
  border-radius: 0;
  overflow: clip;
}
.fulscreen-modal a {
  font-weight: 500;
  text-decoration: underline !important;
  color: inherit;
}
.fulscreen-modal .close-wrapper {
  text-align: right;
}
.fulscreen-modal .close-button {
  cursor: pointer;
}
.fulscreen-modal header {
  border-bottom: 1px solid var(--Background-Weak, #F7F7FA);
}
.fulscreen-modal .modal-content-wrapper {
  max-width: 992px;
  width: 100%;
  margin-inline: auto;
  padding: 56px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  overflow-x: auto;
}
@media (min-width: 768px) and (max-width: 768px) {
  .fulscreen-modal .modal-content-wrapper {
    padding: 40px 30px;
  }
}
@media (min-width: 768px) {
  .fulscreen-modal .modal-content-wrapper {
    gap: 80px;
  }
}
@media (min-width: 768px) {
  .fulscreen-modal .modal-title {
    text-align: center;
  }
}
.fulscreen-modal .modal-title h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%; /* 28px */
  margin: 0 0 16px;
}
.fulscreen-modal .modal-title p {
  margin: 0;
  padding: 0;
}
.fulscreen-modal .modal-content-inside {
  margin: 0;
  padding: 0;
  border: 0;
}
.fulscreen-modal .modal-content-inside dl {
  padding-block: 32px;
}
.fulscreen-modal .modal-content-inside dl > div {
  padding-inline: 24px;
}
.contact-details {
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Gray-Weak, #EFF2F2);
}
.contact-details:not(:last-child) {
  margin-bottom: 32px;
}
.contact-details .padding-container {
  padding-inline: 24px;
}
.contact-details .contact-header {
  display: Flex;
  gap: 24px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.contact-details .contact-header .contact-status {
  border-radius: 8px 0px 8px 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--white-proplo, #FFF);
  font-size: 14px;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
}
.contact-details .contact-header .contact-status[data-status=Oczekujące] {
  background: #4A5DE2;
}
.contact-details .contact-header .contact-status[data-status=Odrzucone] {
  background: rgba(99, 106, 134, 0.75);
}
.contact-details .contact-header .contact-status[data-status=Kupione] {
  background: #3AA34E;
}
.contact-details .contact-label {
  margin-bottom: 4px;
  color: var(--Text-Enabled, #636A86);
  font-size: 12px;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .contact-details .contact-label {
    display: block;
  }
}
.contact-details .contact-label img {
  margin-right: 8px;
}
.contact-details .contact-message {
  margin-bottom: 24px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .contact-details .contact-message {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .contact-details .contact-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.contact-details .contact-text {
  font-weight: 500;
}
.contact-details .contact-text .toggle-link {
  color: var(--Brand-Button, #365EFC);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 16.8px */
  margin-top: 8px;
}
.contact-details .contact-header {
  font-weight: 600;
  margin-bottom: 8px;
}
.contact-details .contact-data {
  margin-block: 32px;
}
.contact-details .contact-data .contact-grey-block {
  padding: 16px;
  border-radius: 8px;
  background: var(--Background-Weak, #F7F7FA);
}
@media (min-width: 768px) {
  .contact-details .contact-data .contact-grey-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .contact-details .contact-data .contact-grey-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}

.contact-footer {
  padding: 24px;
  background-color: #F7F7FA;
}
.contact-footer .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .contact-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media (min-width: 1024px) {
  .contact-footer {
    padding: 16px 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .contact-footer .buy-access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.contact-footer .price-value {
  color: var(--text-gray-82, #2E2E2E);
  font-size: 20px;
  font-weight: 500;
  line-height: 20px; /* 100% */
}
.contact-footer .small {
  color: var(--text-gray-82, #2E2E2E);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.contact-footer .buyprice.grey {
  color: #7C7F8B !important;
}
.contact-footer .buyprice.grey .price-value {
  color: #7C7F8B !important;
  text-decoration: line-through;
}
.contact-footer .buyprice.grey .small {
  color: #7C7F8B !important;
  text-decoration: line-through;
}

.margin-top-thank-you {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .margin-top-thank-you {
    padding-top: 80px;
  }
}
.margin-top-thank-you span {
  color: var(--orange-proplo, #FD5030);
  display: block;
  font-weight: 700;
  line-height: 140%;
  font-size: 16px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .margin-top-thank-you span {
    font-size: 20px;
  }
}
.margin-top-thank-you .small {
  color: var(--soft-gray-proplo, #EFF2F2);
  /* small/paragraph */
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.2px;
  margin-block: 16px;
}
.margin-top-thank-you .small a {
  color: var(--Primary---Default, #FD5030);
  font-weight: 700;
  letter-spacing: 0.2px;
  text-decoration: none;
}
@media (min-width: 768px) {
  .margin-top-thank-you .small {
    max-width: 250px;
  }
}
.margin-top-thank-you ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .margin-top-thank-you ul {
    margin-bottom: 80px;
  }
}
.margin-top-thank-you ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-block: 6px;
  margin-block: 14px;
}
.margin-top-thank-you ul li:before {
  content: url(/img/tick-orange.svg);
}
.margin-top-thank-you a.cta {
  line-height: 1;
  padding: 16px 32px;
}

.ebook-form {
  color: var(--soft-gray-proplo, #EFF2F2);
  padding: 40px 16px;
}
.ebook-form .thank-you {
  padding: 16px;
  border-radius: 8px;
  color: #111827;
}
.ebook-form .thank-you img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  aspect-ratio: 311/176;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .ebook-form .thank-you img {
    margin-bottom: 64px;
    aspect-ratio: 520/368;
  }
}
@media (min-width: 768px) {
  .ebook-form .thank-you {
    padding: 40px;
  }
}
@media (min-width: 768px) {
  .ebook-form {
    padding: 50px 12vw 80px;
  }
}
.ebook-form .content-wrap {
  max-width: 680px;
}
@media (max-width: 767px) {
  .ebook-form .content-wrap {
    margin-bottom: 40px;
  }
}
.ebook-form span.subheader {
  display: block;
  color: var(--Primary---Default, #FD5030);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .ebook-form span.subheader {
    font-size: 20px;
    margin-top: 80px;
  }
}
.ebook-form .form-container {
  padding: 24px 16px;
  border-radius: 6px;
  max-width: 475px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .ebook-form .form-container {
    padding: 32px 24px;
    margin-left: 0;
    margin-top: 80px;
  }
}
.ebook-form h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  margin-block: 12px 16px;
}
@media (min-width: 768px) {
  .ebook-form h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -1.2px;
  }
}
.ebook-form p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.2px;
}
@media (min-width: 768px) {
  .ebook-form p {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .ebook-form .cols {
    display: grid;
    grid-template-columns: 700fr 600fr;
    gap: 80px;
  }
}
.about-ebook {
  font-size: 14px;
}
@media (min-width: 768px) {
  .about-ebook {
    font-size: 16px;
  }
}
.about-ebook .wrap {
  padding: 40px 16px;
}
@media (min-width: 768px) {
  .about-ebook .wrap {
    padding: 80px 12vw;
  }
}
@media (min-width: 768px) {
  .about-ebook .cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8vw;
  }
}
.about-ebook .cols img {
  display: block;
}
.about-ebook .cols > .col {
  padding: 24px 16px;
}
@media (min-width: 768px) {
  .about-ebook .cols > .col {
    padding: 40px 16px;
  }
}
.about-ebook .cols > .col h2 {
  margin-block: 12px;
}
@media (min-width: 768px) {
  .about-ebook .cols > .col h2 {
    margin-block: 15px;
  }
}

.sign-up-container {
  margin-block: 40px;
  padding: 40px 16px 16px;
  min-height: calc(100dvh - 84px - 78px);
}
@media (min-width: 768px) {
  .sign-up-container {
    min-height: calc(100dvh - 94px - 78px);
    display: Flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .sign-up-container {
    padding: 40px 24px 24px;
  }
}
.sign-up-container .field.tos {
  margin-block: 40px;
}
.sign-up-container .sign-up-new h1 {
  margin-bottom: 40px;
}
.sign-up-container a:not(.cta) {
  color: #323333;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.2px;
}
.sign-up-container a:not(.cta):hover {
  text-decoration: underline;
}
.sign-up-container .field {
  margin-bottom: 24px;
}
.sign-up-container .login-form-max-width {
  max-width: 475px;
  width: 100%;
}
.sign-up-container .login-form-max-width form input[type=text],
.sign-up-container .login-form-max-width form input[type=email],
.sign-up-container .login-form-max-width form input[type=tel],
.sign-up-container .login-form-max-width form input[type=password],
.sign-up-container .login-form-max-width form input[type=month],
.sign-up-container .login-form-max-width form input[type=number] {
  max-width: 475px;
}
.sign-up-container .small-12px {
  font-size: 12px;
}
.sign-up-container .row {
  margin-inline: 0;
}
@media (min-width: 768px) {
  .sign-up-container .sign-up-details {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8vw;
  }
}
@media (max-width: 767px) {
  .sign-up-container .sign-up-details {
    display: Flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 48px;
  }
}
.sign-up-container form .actions [type=submit] {
  background-color: var(--orange-proplo, #FD5030);
  margin-block: 16px;
}
@media (min-width: 768px) {
  .sign-up-container form .actions [type=submit] {
    margin-block: 24px;
  }
}
.sign-up-container .account-more {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 16px;
  padding-block: 8px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .sign-up-container .account-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sign-up-container h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 130%;
}
@media (min-width: 768px) {
  .sign-up-container h1 {
    font-size: 36px;
  }
}
.sign-up-container .login-form {
  margin-top: 40px;
}
.sign-up-container .actions.margin-24px {
  margin-top: 24px;
}

.bottom-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 64px;
}

.flex-space-horizontal {
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
  width: 100%;
}
.flex-space-horizontal > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
}

.sign-up-form {
  margin-bottom: 40px;
}
.sign-up-form h1,
.sign-up-form .h1,
.sign-up-form h2,
.sign-up-form .h2,
.sign-up-form h3,
.sign-up-form .h3,
.sign-up-form h4,
.sign-up-form .h4 {
  font-weight: 700;
}

.subscription-welcome {
  margin-block: 40px;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 8px;
}

.step-edit {
  padding-top: 32px;
}
@media (min-width: 768px) {
  .step-edit {
    padding-top: 40px;
  }
}

form .field {
  margin-bottom: 16px;
  width: 100%;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=password],
form input[type=month],
form input[type=number] {
  padding: 9px 16px;
  border-radius: 6px;
  outline: 1px solid var(--basic-border);
  border: 0 transparent;
  background: var(--Background-Surface, linear-gradient(0deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.99) 100%), #ADB5BD);
  width: 100%;
  height: 44px;
}
form input[type=checkbox] {
  outline: 1px solid var(--basic-border);
  border: 0 transparent;
}
form .flexible-inputs input[type=text],
form .flexible-inputs input[type=email],
form .flexible-inputs input[type=tel],
form .flexible-inputs input[type=password],
form .flexible-inputs input[type=month],
form .flexible-inputs input[type=number],
form .flexible-inputs .dropdown-style {
  max-width: unset;
}
form span.tel {
  position: relative;
  display: block;
}
form span.tel input {
  padding-left: 72px;
}
form span.tel:before {
  position: absolute;
  content: "+48";
  left: 0;
  top: 0;
  bottom: 0;
  /*width: 40px;*/
  background: white;
  z-index: 1;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 9px 16px;
  border-right: 1px solid var(--basic-border);
  color: #323333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
  line-height: 1.6;
}
form label:has(~ span.tel:focus-within) {
  color: var(--blue-proplo);
}
form label:has(~ span.tel.invalid) {
  color: #D9213C;
}
form textarea {
  padding: 9px 16px;
  border-radius: 6px;
  outline: 1.5px solid var(--basic-border);
  background: var(--Background-Surface, linear-gradient(0deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.99) 100%), #ADB5BD);
  width: 100%;
  min-height: 150px;
}
form label,
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=password],
form textarea,
form input[type=month],
form input[type=year],
form input[type=number],
form .style-title:has(~ .dropdown-style-button) {
  border: 1px solid transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  caret-shape: block;
  caret-width: thin;
  -webkit-transition: outline 0.2s ease-in-out;
  transition: outline 0.2s ease-in-out;
  font-size: 14px;
  font-family: Poppins;
}
form label:has(~ input:not(:-moz-placeholder)), form label:has(~ textarea:not(:-moz-placeholder)) {
  color: var(--Text-Medium, #323333);
}
form label:has(~ input:not(:-ms-input-placeholder)), form label:has(~ textarea:not(:-ms-input-placeholder)) {
  color: var(--Text-Medium, #323333);
}
form label:has(~ input:not(:placeholder-shown)),
form label:has(~ textarea:not(:placeholder-shown)) {
  color: var(--Text-Medium, #323333);
}
form input[type=text]:not(:-moz-placeholder), form input[type=email]:not(:-moz-placeholder), form input[type=tel]:not(:-moz-placeholder), form input[type=password]:not(:-moz-placeholder), form textarea:not(:-moz-placeholder), form input[type=month]:not(:-moz-placeholder), form input[type=year]:not(:-moz-placeholder), form input[type=number]:not(:-moz-placeholder) {
  border: 1px solid transparent;
  -moz-transition: outline 0.2s ease-in-out;
  transition: outline 0.2s ease-in-out;
  outline: 1px solid #636A86;
  color: var(--Text-Medium, #323333);
}
form input[type=text]:not(:-ms-input-placeholder), form input[type=email]:not(:-ms-input-placeholder), form input[type=tel]:not(:-ms-input-placeholder), form input[type=password]:not(:-ms-input-placeholder), form textarea:not(:-ms-input-placeholder), form input[type=month]:not(:-ms-input-placeholder), form input[type=year]:not(:-ms-input-placeholder), form input[type=number]:not(:-ms-input-placeholder) {
  border: 1px solid transparent;
  -ms-transition: outline 0.2s ease-in-out;
  transition: outline 0.2s ease-in-out;
  outline: 1px solid #636A86;
  color: var(--Text-Medium, #323333);
}
form input[type=text]:not(:placeholder-shown),
form input[type=email]:not(:placeholder-shown),
form input[type=tel]:not(:placeholder-shown),
form input[type=password]:not(:placeholder-shown),
form textarea:not(:placeholder-shown),
form input[type=month]:not(:placeholder-shown),
form input[type=year]:not(:placeholder-shown),
form input[type=number]:not(:placeholder-shown),
form .style-title:has(~ .dropdown-style-button input:checked) {
  border: 1px solid transparent;
  -webkit-transition: outline 0.2s ease-in-out;
  transition: outline 0.2s ease-in-out;
  outline: 1px solid #636A86;
  color: var(--Text-Medium, #323333);
}
form label:has(~ .dropdown-style input:checked) {
  color: black;
}
form .style-title:has(~ .dropdown-style-button) {
  border: 1px solid transparent;
}
form input[type=text]:hover,
form input[type=email]:hover,
form input[type=tel]:hover,
form input[type=password]:hover,
form textarea:hover,
form input[type=month]:hover,
form input[type=year]:hover,
form input[type=number]:hover,
form .dropdown-style .style-title:hover {
  border: 1px solid transparent;
  outline: 1px solid var(--border-hover);
  caret-color: var(--border-hover);
}
form label:has(~ input:focus),
form label:has(~ textarea:focus) {
  color: var(--blue-proplo);
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form input[type=password]:focus,
form textarea:focus,
form input[type=month]:focus,
form input[type=year]:focus,
form input[type=number]:focus,
form .style-title:has(~ .dropdown-style-button.active) {
  border: 1px solid transparent;
  outline: 1.5px solid var(--blue-proplo);
  caret-color: var(--blue-proplo);
  caret-shape: block;
  caret-width: thin;
}
form input[type=text]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form input[type=phone]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  color: var(--dark-gray, #7C7F8B);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  font-family: Poppins;
}
form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=phone]::-moz-placeholder, form input[type=password]::-moz-placeholder, form textarea::-moz-placeholder {
  color: var(--dark-gray, #7C7F8B);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  font-family: Poppins;
}
form input[type=text]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=phone]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  color: var(--dark-gray, #7C7F8B);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  font-family: Poppins;
}
form input[type=text]::-ms-input-placeholder, form input[type=email]::-ms-input-placeholder, form input[type=phone]::-ms-input-placeholder, form input[type=password]::-ms-input-placeholder, form textarea::-ms-input-placeholder {
  color: var(--dark-gray, #7C7F8B);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  font-family: Poppins;
}
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form input[type=phone]::placeholder,
form input[type=password]::placeholder,
form textarea::placeholder,
form input[type=month],
form input[type=year],
form input[type=number] {
  color: var(--dark-gray, #7C7F8B);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  font-family: Poppins;
}
form label:has(~ input.invalid),
form label:has(~ textarea.invalid),
form label.invalid {
  color: #D9213C !important;
}
form input[type=text].invalid,
form input[type=email].invalid,
form input[type=tel].invalid,
form input[type=password].invalid,
form textarea.invalid,
form input[type=checkbox].invalid,
form input[type=radio].invalid,
form input[type=month].invalid,
form input[type=year].invalid {
  border: 1px solid transparent !important;
  outline: 1px solid #D9213C !important;
}
form input[type=text].invalid::-webkit-input-placeholder, form input[type=email].invalid::-webkit-input-placeholder, form input[type=tel].invalid::-webkit-input-placeholder, form input[type=password].invalid::-webkit-input-placeholder, form textarea.invalid::-webkit-input-placeholder, form input[type=checkbox].invalid::-webkit-input-placeholder, form input[type=radio].invalid::-webkit-input-placeholder, form input[type=month].invalid::-webkit-input-placeholder, form input[type=year].invalid::-webkit-input-placeholder {
  color: #D9213C !important;
}
form input[type=text].invalid::-moz-placeholder, form input[type=email].invalid::-moz-placeholder, form input[type=tel].invalid::-moz-placeholder, form input[type=password].invalid::-moz-placeholder, form textarea.invalid::-moz-placeholder, form input[type=checkbox].invalid::-moz-placeholder, form input[type=radio].invalid::-moz-placeholder, form input[type=month].invalid::-moz-placeholder, form input[type=year].invalid::-moz-placeholder {
  color: #D9213C !important;
}
form input[type=text].invalid:-ms-input-placeholder, form input[type=email].invalid:-ms-input-placeholder, form input[type=tel].invalid:-ms-input-placeholder, form input[type=password].invalid:-ms-input-placeholder, form textarea.invalid:-ms-input-placeholder, form input[type=checkbox].invalid:-ms-input-placeholder, form input[type=radio].invalid:-ms-input-placeholder, form input[type=month].invalid:-ms-input-placeholder, form input[type=year].invalid:-ms-input-placeholder {
  color: #D9213C !important;
}
form input[type=text].invalid::-ms-input-placeholder, form input[type=email].invalid::-ms-input-placeholder, form input[type=tel].invalid::-ms-input-placeholder, form input[type=password].invalid::-ms-input-placeholder, form textarea.invalid::-ms-input-placeholder, form input[type=checkbox].invalid::-ms-input-placeholder, form input[type=radio].invalid::-ms-input-placeholder, form input[type=month].invalid::-ms-input-placeholder, form input[type=year].invalid::-ms-input-placeholder {
  color: #D9213C !important;
}
form input[type=text].invalid::placeholder,
form input[type=email].invalid::placeholder,
form input[type=tel].invalid::placeholder,
form input[type=password].invalid::placeholder,
form textarea.invalid::placeholder,
form input[type=checkbox].invalid::placeholder,
form input[type=radio].invalid::placeholder,
form input[type=month].invalid::placeholder,
form input[type=year].invalid::placeholder {
  color: #D9213C !important;
}
form label {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #636A86;
}
form p.error {
  margin-block: 2px 0;
  margin-left: 8px;
  font-size: 12px;
  color: var(--invalid);
}
form input[type=password]:before {
  content: url(img/locker.svg);
}
form input[type=password] {
  background-image: url(/img/locker.svg);
  background-color: #fff;
  padding-left: 36px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 16px center;
}
form .info {
  color: var(--dark-gray, #7C7F8B);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  margin-left: 8px;
}
form .invalid ~ .textarea-meta {
  display: none;
}
form .checkboxes > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  font-size: 14px;
}
form .dropdown-style {
  width: 100%;
  border-radius: 6px;
  position: relative;
}
form .dropdown-style.services {
  width: 100%;
}
@media (min-width: 1024px) {
  form .dropdown-style.services {
    width: 354px;
  }
}
form .dropdown-style .style-title {
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 9px 16px;
  border-radius: 6px;
  outline: 1px solid var(--basic-border);
}
form .dropdown-style .style-title:has(~ .active) img {
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
form .dropdown-style .style-title .arrow-down {
  width: 44px;
  border-left: 1px solid var(--gray-disabled, #BDBDBD);
  margin-block: -9px;
  margin-right: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 16px;
}
form .dropdown-style.disabled .style-title {
  outline: 1px solid var(--light-grey);
  color: var(--light-grey);
}
form .dropdown-style.disabled .style-title .arrow-down {
  border-left: 1px solid var(--gray-disabled, #BDBDBD);
}
form .dropdown-style .dropdown-style-button {
  padding: 16px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 4px;
  background: #FFF;
}
form .dropdown-style .dropdown-style-button:has(.hs-cta-trigger-button) {
  padding-bottom: 0;
  height: 250px;
}
form .dropdown-style .dropdown-style-button.longer {
  max-height: 190px;
}
form .dropdown-style .dropdown-style-button.active {
  display: Flex;
  position: absolute;
  width: calc(100% - 45px);
  z-index: 1001;
  translate: 0 4px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
form .dropdown-style .dropdown-style-button.active.adaptive {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
form .dropdown-style .dropdown-style-button .option {
  display: block;
  width: 100%;
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form .dropdown-style .dropdown-style-button .option label {
  margin-bottom: 0;
}
form #profile_avatar {
  width: 160px;
  height: 160px;
}
form #profile_avatar::-webkit-file-upload-button {
  visibility: hidden;
}
form #profile_avatar::before {
  content: "";
  display: inline-block;
  border-radius: 160px;
  outline: none;
  -webkit-user-select: none;
  cursor: pointer;
  width: 160px;
  height: 160px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
form #profile_avatar:hover::before {
  border-color: black;
}
form .avatar-row {
  padding-block: 24px;
  margin-bottom: 16px;
  position: relative;
}
form .avatar-row input {
  position: relative;
  z-index: 2;
}
form .avatar-row.invalid .preview {
  border: 1px dashed #D9213C;
}
form .avatar-row.invalid .preview label {
  color: #D9213C;
}
form .avatar-row .preview {
  position: absolute;
  top: 0;
  width: 180px;
  height: 180px;
  z-index: 1;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 160px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
form .avatar-row .preview:not(:has(.avatar_img)) {
  outline: 1px dashed #FD5030;
  outline-offset: -1px;
}
form .avatar-row .preview label {
  font-size: 16px;
  font-weight: 700;
  color: var(--red-proplo);
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  form .avatar-row .preview label {
    font-size: 14px;
  }
}
form .avatar-row .preview label:has(~ img) {
  display: none !important;
}
form .avatar-row .preview .avatar_img {
  width: 180px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 180px;
}
form .col-lg {
  margin-inline: 0;
}
form .margin-block-16px-form {
  margin-block: 8px;
}
form .services-container {
  margin-block: 40px;
}
form .dropdown-style.pricing-type {
  max-width: 100px;
}
form .service-line {
  margin-bottom: 16px;
  padding-bottom: 24px;
}
form .service-line:not(:last-child) {
  border-bottom: rgb(217, 217, 217) 1px solid;
}
@media (min-width: 1024px) {
  form .service-line {
    gap: 16px;
    margin-bottom: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
form .service-line .labels {
  min-width: 280px;
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 1024px) {
  form .service-line .service-detailed-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    gap: var(--spacing-large);
  }
}
@media (max-width: 1023px) {
  form .service-line .service-detailed-info.mobile-block {
    display: block;
  }
}
form .service-line .service-detailed-info .currency {
  padding: 9px 16px 9px 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 41px;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form .service-line .service-detailed-info .currency:after {
  content: "";
  border-left: 1px solid #DCDCDC !important;
  position: absolute;
  left: 0;
  height: 60%;
}
form .service-line .service-detailed-info .dropdown-style.pricing-time {
  min-width: 150px;
}
@media (min-width: 1024px) {
  form .service-line .service-detailed-info .dropdown-style.pricing-time .style-title {
    width: 150px;
  }
}
@media (max-width: 1023px) {
  form .service-line .service-detailed-info .service-detailed-info label {
    width: 100%;
  }
  form .service-line .service-detailed-info .dropdown-style.pricing-time {
    width: 100%;
    max-width: unset;
    min-width: 100%;
  }
  form .service-line .service-detailed-info .dropdown-style.pricing-time .style-title {
    outline: 1px solid var(--basic-border);
  }
  form .service-line .service-detailed-info .dropdown-style.pricing-time .style-title {
    width: 100%;
  }
}
form .service-line .service-detailed-info .field-wrap {
  display: Flex;
  gap: 16px;
}
@media (min-width: 1024px) {
  form .service-line .service-detailed-info .field-wrap {
    width: 354px;
  }
}
form .service-line .service-detailed-info.long {
  width: 200px;
}
form .service-line .service-detailed-info.long .dropdown-style {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  min-width: 200px;
}
form input.short-text-field[type=text] {
  width: 50px;
  padding-inline: 10px;
  text-align: center;
}
form .textarea-meta {
  color: var(--dark-gray, #7C7F8B);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}

.min-height-400px {
  min-height: 400px;
}

form #profile_avatar {
  width: 180px;
  height: 180px;
}

form #profile_avatar::-webkit-file-upload-button {
  visibility: hidden;
}

form #profile_avatar::before {
  content: "";
  display: inline-block;
  border-radius: 180px;
  outline: none;
  -webkit-user-select: none;
  cursor: pointer;
  width: 180px;
  height: 180px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

form #profile_avatar:hover::before {
  border-color: black;
}

form .avatar-row {
  padding-block: 24px;
  margin-bottom: 16px;
  position: relative;
  margin-top: 40px;
}
form .avatar-row .avatar-container {
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  position: relative;
}
@media (max-width: 767px) {
  form .avatar-row .avatar-container {
    gap: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
form .avatar-row .avatar-container ul li {
  margin-block: 16px;
}
form .avatar-row .avatar-container ul li::marker {
  font-size: 0.7em;
}
@media (max-width: 767px) {
  form .avatar-row .avatar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
form .avatar-row .avatar-container .toast-static {
  display: none;
}
@media (min-width: 768px) {
  form .avatar-row.invalid .avatar-container {
    display: Flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
}
form .avatar-row.invalid .avatar-container .toast-static {
  border-radius: 3px;
  background: #FFEFEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 10px;
  position: relative;
}
form .avatar-row.invalid .avatar-container .toast-static:before {
  content: "";
  width: 0;
  height: 0;
}
@media (max-width: 767px) {
  form .avatar-row.invalid .avatar-container .toast-static:before {
    position: absolute;
    top: -10px;
    left: 50%;
    translate: -50% 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFEFEE;
  }
}
@media (min-width: 768px) {
  form .avatar-row.invalid .avatar-container .toast-static:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -11px;
    top: 50%;
    translate: 0 -50%;
    border-right: 10px solid #FFEFEE;
  }
}

form .avatar-row input {
  position: relative;
  z-index: 2;
}

form .col-lg {
  margin-inline: 0;
}

form .margin-block-16px-form {
  margin-block: 8px;
}

form .services-container {
  margin-block: 40px;
}

@media (min-width: 1024px) {
  form .service-line {
    gap: 40px;
    margin-bottom: 16px;
  }
}

form .service-line .labels {
  min-width: 280px;
  display: Flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

form input.short-text-field[type=text] {
  width: 50px;
  padding-inline: 10px;
  text-align: center;
}

form .textarea-meta {
  color: var(--dark-gray, #7C7F8B);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
}

.min-height-400px {
  min-height: 400px;
}

.profile-steps {
  list-style: none;
  padding: 0;
  margin-bottom: -24px;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.profile-steps img {
  width: 16px;
  height: 16px;
}

.profile-steps .current {
  font-weight: 700;
}

label.no-margin {
  margin-left: 0;
}

form .photo-row {
  width: 210px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

form .photo-row input {
  width: 210px;
  height: 160px;
}

form .photo-row input::-webkit-file-upload-button {
  visibility: hidden;
}

form .photo-row input::before {
  content: "";
  background-image: url(/img/add-photo.svg);
  display: inline-block;
  border-radius: 6px;
  outline: none;
  -webkit-user-select: none;
  cursor: pointer;
  width: 210px;
  height: 160px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

form .photo-row input.selected::before {
  background-image: unset;
}

form .photo-row input:hover::before {
  border-color: black;
}

form .photo-row {
  padding-block: 24px;
  margin-bottom: 16px;
  position: relative;
}

form .photo-row input {
  position: relative;
  z-index: 2;
}

form .photo-row .preview {
  position: absolute;
  top: 0;
  width: 210px;
  height: 160px;
  border-radius: 6px;
  background: #242733;
  border: 1px solid #BDBDBD;
}

form .photo-row .preview > img {
  width: 210px;
  height: 160px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  border-radius: 160px;
}

.photos-container .col-lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}

.portfolio-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin-block: 40px;
}

.portfolio-list .portfolio-item {
  color: var(--black);
  text-decoration: none;
  display: block;
  width: 304px;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.portfolio-list .portfolio-item img.cover {
  width: 304px;
  height: 184px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  background-color: #EFF2F2;
}

.portfolio-list .portfolio-item a.photo {
  width: 304px;
  height: 184px;
  display: block;
}

.portfolio-list .portfolio-item h4 {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* display:block; */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
}

.portfolio-list .portfolio-item h4 .small {
  color: #7C7F8B;
  font-size: 12px;
}

.portfolio-item {
  display: block;
}
.portfolio-item img.cover {
  width: 211px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}

button.cooperation-rules {
  cursor: pointer;
}

form .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--dark-proplo, #242733);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 24px;
  border: 0 none;
  color: var(--soft-gray-proplo, #F5F5F5);
  font-family: Poppins;
  width: 190px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
form .search.red {
  background-color: var(--red-proplo, #FD5030);
}
form .search.red:hover {
  background-color: var(--red-hover);
}
@media (max-width: 768px) {
  form .search.red {
    width: 100%;
  }
}
form .search:disabled {
  background: rgba(36, 39, 51, 0.2);
}
@media (max-width: 767px) {
  form .search {
    width: 100%;
  }
}

.pricing-type .style-title {
  width: 100px;
}

.pricing-time .style-title {
  width: 163px;
}

form .remove-city-row {
  color: var(--black);
  font-size: 12px;
  text-decoration-line: underline;
}
form .city-row {
  margin-bottom: 32px;
}
form .city-row > div {
  width: 100%;
}
form .city-row .field {
  margin-bottom: 0;
}

.popup {
  margin-top: 24px;
  border-radius: 4px;
  background: var(--Status-Warning-Warning-100, linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), #FFC107);
  /* Small */
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
  padding: 16px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.service-detailed-info label:has(~ .field-wrap:focus-within) {
  color: var(--blue-proplo);
}

.service-detailed-info div label:has(~ .pricing-time .active) {
  color: var(--blue-proplo);
}

.service-detailed-info .field-wrap {
  outline: 1px solid var(--basic-border);
  border-radius: 6px;
  max-height: 41px;
}
.service-detailed-info .field-wrap .style-title {
  outline: 0 !important;
  border: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .service-detailed-info .field-wrap {
    margin-bottom: 24px;
  }
}
.service-detailed-info .field-wrap:focus-within {
  outline: 1px solid var(--blue-proplo);
}
.service-detailed-info .field-wrap.invalid {
  outline: 1px solid #D9213C !important;
}

.service-detailed-info .field-wrap input[type=text],
.service-detailed-info .field-wrap .style-title,
.service-detailed-info .dropdown-style .style-title .arrow-down {
  outline: 0 none;
  border: 0 none;
}

.service-detailed-info .style-title {
  width: 65px;
  position: relative;
  padding-right: 8px;
}

.service-detailed-info .style-title:not(.right):after {
  content: "";
  border-right: 1px solid #DCDCDC !important;
  position: absolute;
  right: 0;
  height: 60%;
}

.service-detailed-info .style-title.right {
  padding-right: 0;
}
.service-detailed-info .style-title.right .arrow-down {
  padding: 9px 16px 9px 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 41px;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-detailed-info .style-title.right .arrow-down:after {
  content: "";
  border-left: 1px solid #DCDCDC !important;
  position: absolute;
  left: 0;
  height: 60%;
}

.service-detailed-info .dropdown-style .style-title .arrow-down {
  margin-left: 4px;
  max-width: 16px;
}

form .dropdown-style.pricing-type,
form .dropdown-style .style-title {
  width: unset;
  max-width: unset;
}

form .dropdown-style.pricing-type .text {
  width: 20px;
}

.service-detailed-info .dropdown-style .style-title .arrow-down {
  min-width: 24px;
  margin-right: 0;
  margin-left: 4px;
}

.service-detailed-info .field-wrap .style-title {
  padding-right: 8px;
}

form .service-line .service-detailed-info .field-wrap {
  gap: 0;
}

@media (min-width: 1024px) {
  #profile_pricings_attributes_1_price {
    min-width: 200px;
  }
  form .service-line .label-pricing-time,
  form .service-line .desktop-only {
    display: none;
  }
  span.explanation {
    color: #7C7F8B;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    /* 16.8px */
    letter-spacing: 0.2px;
    display: block;
    margin-top: 4px;
    padding-left: 8px;
  }
}
.file-selector {
  -webkit-box-ordinal-group: 1000;
      -ms-flex-order: 999;
          order: 999;
}
.file-selector input[type=file] {
  display: none;
}
.file-selector label {
  cursor: pointer;
  border-radius: 6px;
  border: 1px dashed var(--Primary---Default, #FD5030);
  width: 304px;
  height: 184px;
  aspect-ratio: 304/184;
  padding: 80px 20px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--Primary---Default, #FD5030);
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-left: 0;
}
.file-selector label img {
  margin-right: 10px;
}

.photos-container .images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.photos-container .images .img {
  width: 304px;
  height: 184px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.photos-container .images .img:hover {
  z-index: 1;
}
.photos-container .images .img:hover .overlay {
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
}
.photos-container .images .img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 304/184;
}
.photos-container .images .img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  background: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.photos-container .images .img .overlay a {
  display: block;
  position: absolute;
  right: 14px;
  top: 14px;
}
.photos-container .images .img .overlay a img {
  width: 24px;
  height: 24px;
}
.photos-container .images input[type=hidden],
.photos-container .images input[type=file] {
  display: block;
  margin-top: 10px;
}
.photos-container .images input[type=file] {
  display: none;
}

.images-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.images :nth-child(1 of .img):before {
  content: "Główne";
  position: absolute;
  left: 0;
  bottom: 0;
  border-top-right-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 16px;
  background-color: var(--red-proplo);
  color: var(--white-proplo, #FFF);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.2px;
  z-index: 100;
}

.field label:has(~ .dropdown-style .active) {
  color: var(--blue-proplo);
}

.portfolio-item.new a {
  cursor: pointer;
  border-radius: 8px;
  border: 1px dashed var(--Primary---Default, #FD5030);
  width: 304px;
  height: 184px;
  aspect-ratio: 304/184;
  padding: 80px 20px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--Primary---Default, #FD5030);
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-left: 0;
}
.portfolio-item.new a img {
  margin-right: 10px;
}

.more-actions-container {
  position: relative;
}

.more-dropdown {
  position: absolute;
  width: 180px;
  right: 0;
  background-color: #fff;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 999;
}

.more-actions-container.show .more-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.more-dropdown a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-weight: 400;
  color: #000 !important;
}

.more-dropdown a.delete {
  color: #D9213C !important;
}

@media (max-width: 768px) {
  .flexible-inputs .row > * {
    padding-inline: 0;
  }
}
form .dropdown-style.invalid .style-title {
  outline: 1px solid #D9213C !important;
}
form .dropdown-style.invalid .style-title .text {
  color: #D9213C;
}

.required-checkboxes-error,
.required-field-error {
  display: none;
  font-size: 12px;
  padding-left: 8px;
  color: #D9213C;
  margin-top: 3px;
}
.required-checkboxes-error img,
.required-field-error img {
  margin-right: 4px;
}

.invalid ~ .required-field-error,
.required-checkboxes.invalid ~ .required-checkboxes-error,
.required-radioss.invalid ~ .required-radioss-error,
.tos-required-error.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.invalid ~ .noerror,
.required-checkboxes.invalid ~ .noerror,
.required-radioss.invalid ~ .noerrorr {
  display: none;
}

.field_with_errors [type=checkbox],
.field_with_errors input[type=password],
.field_with_errors input[type=email],
.dropdown-style:has(.required-radios.invalid),
.dropdown-style:has(.required-checkboxes.invalid) {
  outline: 1px solid #D9213C;
}

.field_with_errors input[type=password],
.field_with_errors input[type=email],
label:has(~ .dropdown-style:has(.required-radios.invalid)),
label:has(~ .dropdown-style:has(.required-checkboxes.invalid)),
label:has(~ .dropdown-style.invalid),
label:has(~ .dropdown-style .required-radios.invalid),
label:has(~ .dropdown-style .required-checkboxes.invalid) {
  color: #D9213C;
}

label:has(~ .required-radios.invalid) {
  color: #D9213C;
}

.dropdown-style-button:has(.required-checkboxes.active) {
  border: 1px solid var(--blue-proplo, #FD7359);
}

.avatar-row .preview label .add.invalid {
  display: none;
}

.avatar-row .preview label .add.default {
  display: block;
}

.avatar-row.invalid .preview label .add.invalid {
  display: block;
}

.avatar-row.invalid .preview label .add.default {
  display: none;
}

.dropdown-style.required-checkboxes.invalid .text {
  color: #D9213C;
}

form .row > div {
  padding-left: 0;
}

.dropdown-style:has(.required-checkboxes.invalid) ~ .required-checkboxes-error {
  display: block;
}

.textarea.invalid ~ .required-field-error {
  display: block;
}

.dropdown-style:has(.required-checkboxes.invalid) .text {
  color: var(--invalid);
}

textarea.invalid ~ .textarea-meta {
  display: none !important;
}

.required-checkboxes-list.invalid input[type=checkbox] {
  border: 1px solid var(--invalid);
  outline: 0 none;
}

.required-checkboxes-list.invalid input[type=checkbox] ~ label {
  color: var(--invalid);
}

.required-checkboxes-list .required-checkboxes-error {
  display: none;
}

.required-checkboxes-list.invalid .required-checkboxes-error {
  display: block;
}

.invalid .profile_avatar {
  background: var(--light-red, #FFF6F5);
}

.required-checkboxes-list .inline {
  display: Flex;
  width: 100%;
}
.required-checkboxes-list .inline > div {
  padding-block: 11px;
}
@media (max-width: 767px) {
  .required-checkboxes-list .inline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.required-checkboxes-list .inline > div {
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}
.photos-container .add.default {
  display: inline-block;
}
.photos-container .add.invalid {
  display: none;
}
.photos-container .toast-static {
  display: none;
}

.photos-container.invalid .file-selector label {
  border: 1px dashed var(--invalid);
  color: var(--invalid);
}
.photos-container.invalid .add.default {
  display: none;
}
.photos-container.invalid .add.invalid {
  display: inline-block;
}
.photos-container.invalid .validation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 24px;
}
.photos-container.invalid .toast-static {
  border-radius: 3px;
  background: #FFEFEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 10px;
  position: relative;
}
.photos-container.invalid .toast-static:before {
  content: "";
  width: 0;
  height: 0;
}
@media (max-width: 767px) {
  .photos-container.invalid .toast-static:before {
    position: absolute;
    top: -10px;
    left: 50%;
    translate: -50% 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFEFEE;
  }
}
@media (min-width: 768px) {
  .photos-container.invalid .toast-static:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -11px;
    top: 50%;
    translate: 0 -50%;
    border-right: 10px solid #FFEFEE;
  }
}

span.subtitle {
  color: var(--Text-Weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}

span.subtitle-16 {
  color: var(--Text-Weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
@media (min-width: 768px) {
  span.subtitle-16 {
    font-size: 16px;
  }
}

.specialization-padding h2 {
  margin-bottom: 40px;
}
.specialization-padding .margin-bottom-40px {
  margin-bottom: 40px;
}

label[for=profile_avatar] {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
}

form .dropdown-style.cities .dropdown-style-button.active {
  max-width: 50%;
}

.field.tos {
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.field.tos label {
  color: #323333;
}

.padding-left-16px {
  padding-left: 16px;
}

input[type=checkbox]:not(#profile_service_ids, #review_tos_agreement_2, #user_tos_agreement2),
input[type=radio] {
  margin-top: 0;
}

.checkbox-padding {
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 11px;
}
.checkbox-padding label {
  margin-bottom: 0;
}

.hr-spacer {
  margin-block: 24px;
}
@media (min-width: 768px) {
  .hr-spacer {
    margin-block: 40px;
  }
}

form .row {
  margin-inline: 0;
}

form select.dropdown-style {
  display: Flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 9px 16px;
  border-radius: 6px;
  outline: 1px solid var(--basic-border);
  height: unset;
}

.photo-details ul {
  padding-left: 20px;
}

.avatar-toast {
  position: absolute !important;
  top: 200px;
}
@media (min-width: 768px) {
  .avatar-toast {
    left: 205px;
  }
}

.recommended .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-block: 16px;
}

.recommended .option label {
  margin-bottom: 0;
}

.tag-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 12px;
}
.tag-container label {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .tag-container {
    padding-block: 16px;
  }
  .tag-container:not(:last-child) {
    border-bottom: 1px solid rgba(217, 217, 217, 0.75);
  }
}

@media (min-width: 1024px) {
  .step-6-columns {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
}

label:has(~ .dropdown-style > .invalid) {
  color: #D9213C !important;
}

@media (max-width: 1023px) {
  .range-services-container .nomargin {
    width: 100%;
    margin-right: 15px !important;
  }
}
form #project_price_wraper {
  position: relative;
}
form #project_price_wraper input {
  padding-right: 60px;
}
form #project_price_wraper:after {
  content: "PLN";
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 100%;
  border-left: 1px solid #DCDCDC;
  padding-left: 10px;
}

.new_project {
  margin-bottom: 80px;
}

form label .star-required.conditional {
  display: none;
}

form label:has(~ .invalid) .star-required.conditional {
  display: inline;
}

.profile-steps {
  list-style: none;
  padding: 0;
  margin-bottom: -24px;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}
.profile-steps img {
  width: 16px;
  height: 16px;
}
.profile-steps .current {
  font-weight: 700;
}

label.no-margin {
  margin-left: 0;
}

.profile-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
@media (min-width: 768px) {
  .profile-header {
    max-width: unset !important;
    margin-inline: 7vw;
  }
}
@media (max-width: 768px) {
  .profile-header h1.h3 {
    font-size: 20px;
  }
}

.actoins-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .actoins-flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .actoins-flex {
    gap: 32px;
  }
}

body.app {
  background-color: #F7F7FA;
}
body.app.background-white {
  background-color: #fff;
}

@media (min-width: 768px) {
  .profile-form:not(.fixed-width) .max-width {
    max-width: unset;
    margin-inline: 7vw;
  }
}

.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rating label {
  content: url(/img/star-rating.svg);
  width: 32px;
  height: 32px;
}

.rating label:has(input:checked) {
  content: url(/img/star-rating-fill.svg) !important;
}

.rating label input {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.rating label:has(~ label input:checked) {
  content: url(/img/star-rating-fill.svg);
}

.faq {
  padding: 48px 0 40px;
  margin: 0 5px;
}
@media (min-width: 768px) {
  .faq {
    padding: 80px 24px;
  }
}
.faq a {
  font-weight: 500;
  text-decoration: underline !important;
  color: inherit;
}
.faq .header {
  margin-bottom: 40px;
}
.faq .header h2 {
  color: #fff;
  text-align: center;
}
.faq dt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  /* 28px */
  border-radius: 24px;
}
.faq dt:after {
  content: url("/img/arrow-open-faq.svg");
  width: 20px;
  height: 20px;
}
.faq dd {
  padding: 0;
  margin: 0;
  font-size: 14px;
  max-height: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .faq dd {
    font-size: 16px;
  }
}
.faq dd *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.faq dd *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.faq .container-wrapper dl {
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.faq-container > div {
  padding: 32px 16px;
  border-bottom: 1px solid var(--Neutral-Gray-Weak, #EFF2F2);
}
.faq-container dt:after {
  content: url("/img/arrow-open-faq.svg");
  width: 20px;
  height: 20px;
}
.faq-container dt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  display: Flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  gap: 16px;
  /* 28px */
  border-radius: 24px;
}
.faq-container dd {
  padding: 0;
  margin: 0;
  font-size: 14px;
  max-height: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .faq-container dd {
    font-size: 16px;
  }
}
.faq-container dd *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.faq-container dd *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.faq-container div.active {
  border-bottom: 1px solid var(--Neutral-Gray-Weak, #EFF2F2);
  background: rgba(247, 247, 250, 0.85);
}
.faq-container div.active dt:after {
  content: url("/img/arrow-down-gray.svg");
}
.faq-container div.active dd {
  padding-top: 24px;
  max-height: unset;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .faq {
    padding: 120px 0;
  }
  .faq .header {
    margin-bottom: 80px;
  }
}
.sliding-words {
  --slider-height: 28px;
  color: #FD5030;
  font-weight: 700;
  line-height: 1;
  translate: 0 7px;
}

.sliding-words li {
  line-height: 1.2;
}

@media (min-width: 768px) {
  .sliding-words {
    --slider-height: 60px;
    text-align: right;
    translate: 0 12px;
  }
  .sliding-words li {
    line-height: 1.3;
  }
}
.size-16px-flex {
  font-size: 16px;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sliding-words {
  height: var(--slider-height);
  overflow: hidden;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Default state - no animation for reduced motion preference */
.sliding-words li {
  -webkit-animation: none;
          animation: none;
}

/* Only apply animation if user doesn't prefer reduced motion */
@media (prefers-reduced-motion: no-preference) {
  .sliding-words li {
    -webkit-animation: slide-up 10s infinite;
            animation: slide-up 10s infinite;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
}
@-webkit-keyframes slide-up {
  0%, 25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30%, 55% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  60%, 95% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
@keyframes slide-up {
  0%, 25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30%, 55% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  60%, 95% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
.flash-notices {
  position: fixed;
  z-index: 99999;
  top: 100px;
  padding: 0 16px;
  right: 0;
}
.flash-notices .notice-element {
  margin-bottom: 16px;
}
.flash-notices a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Text-Enabled, #636A86);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}
.flash-notices a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .flash-notices {
    max-width: calc(100% - 16px);
  }
}
@media (min-width: 768px) {
  .flash-notices {
    right: 8px;
  }
}
.flash-notices .content {
  padding-right: 20px;
}
.flash-notices > div {
  padding: 16px 24px;
  outline-width: 1px;
  outline-style: solid;
  color: #000;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  width: 395px;
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  position: relative;
}
@media (max-width: 767px) {
  .flash-notices > div {
    max-width: 100%;
  }
}
.flash-notices > div .close {
  position: absolute;
  top: 16px;
  right: 24px;
  opacity: 1;
}
.flash-notices > div .close img {
  display: block;
}
.flash-notices > div .icon {
  min-width: 24px;
}
.flash-notices > div .content .title {
  font-size: 16px;
  font-weight: 500;
}
.flash-notices > div .content .description {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  margin-top: 8px;
}

.banner {
  width: 100%;
  padding: 16px;
  outline-width: 1px;
  outline-style: solid;
  outline-color: #000;
  color: #000;
  line-height: 140%;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  border-radius: 8px;
  background: #FFF;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  position: relative;
  margin-block: var(--spacing-large);
}
.banner.full-size-banner {
  margin: 0;
  border-radius: 0;
  outline: none;
  position: sticky;
  top: 92px;
  z-index: 100;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media (min-width: 768px) {
  .banner.full-size-banner {
    padding-inline: 0;
  }
}
.banner.full-size-banner .max-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  position: relative;
}
@media (min-width: 768px) {
  .banner.full-size-banner .max-width {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .banner.full-size-banner .max-width .icon {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
}
@media (min-width: 768px) {
  .banner {
    margin-block: var(--spacing-xlarge);
    padding: 16px 24px;
  }
}
.banner a {
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.2px;
  text-decoration-line: underline;
}

[data-type=notice] {
  outline-color: rgba(42, 212, 69, 0.8);
  background: #EFFFF0;
}
[data-type=notice] .icon {
  content: url("/img/flash-notice.svg");
  min-width: 24px;
}

[data-type=info] {
  outline: 0 none transparent;
  background: rgba(54, 94, 252, 0.12);
}
[data-type=info] .icon {
  content: url("/img/flash-info.svg");
  min-width: 24px;
}

[data-type=alert],
[data-type=warning] {
  outline-color: rgba(252, 169, 4, 0.8);
  background: #FFFDE9;
}
[data-type=alert] .icon,
[data-type=warning] .icon {
  content: url("/img/icon-warning.svg");
  min-width: 24px;
}

[data-type=error] {
  outline-color: #D9213C;
  background: #FFEFEE;
}
[data-type=error] .icon {
  content: url("/img/icon-error.svg");
  min-width: 24px;
}

.cta {
  display: Flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 99px;
  margin: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  padding: 13px 32px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.2px;
  border: 0;
  color: inherit;
  text-decoration: none;
}
.cta.inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cta.small {
  font-size: 14px;
}
.cta.search {
  line-height: 1;
}
.cta.small {
  padding: 12px 32px;
  font-size: 14px;
  letter-spacing: 0.2px;
}
@media (min-width: 768px) {
  .cta {
    padding: 16px 32px;
    font-size: 16px;
    letter-spacing: unset;
  }
}
.cta.xsmall {
  padding: 12px 24px;
  font-size: 12px;
  letter-spacing: 0.2px;
}
.cta:hover {
  cursor: pointer;
  text-decoration: none !important;
}
.cta[type=submit] {
  outline: 0 none;
  font-family: Poppins;
  width: unset;
  max-width: unset;
}
.cta.header-cta {
  padding: 13px 32px;
}
@media (min-width: 768px) {
  .cta.header-cta {
    padding: 16px 32px;
  }
}
.cta.short {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cta.big {
  height: 44px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cta.fullwidth {
  width: 100%;
  max-width: 100%;
}
.cta.white {
  color: #000;
  text-decoration: none;
}
.cta.blue {
  color: #365efc;
}
.cta.red {
  color: var(--white) !important;
  text-decoration: none;
  background-color: var(--red-proplo);
}
.cta.red:hover {
  background-color: var(--red-hover);
}
.cta.red:active {
  outline: 6px var(--red-proplo) solid;
  outline-offset: -6px;
}
.cta.red-real {
  color: var(--white) !important;
  text-decoration: none;
  background-color: #D9213C;
}
.cta.red-real:hover {
  background-color: #D9213C;
}
.cta.red-real:active {
  outline: 6px #D9213C solid;
  outline-offset: -6px;
}
.cta.delete {
  background-color: var(--red);
  color: var(--white);
}
.cta.red-border {
  color: var(--red-proplo);
  text-decoration: none;
  outline: 1px solid var(--red-proplo);
}
.cta.red-border:hover {
  outline: 1px solid var(--red-hover);
  color: var(--red-hover);
  background-color: rgba(253, 80, 48, 0.12);
}
.cta.red-no-border {
  color: var(--red-proplo);
  text-decoration: none;
}
.cta.padding32px {
  padding: 13px 32px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .cta.padding32px {
    padding: 16px 32px;
    font-size: 16px;
  }
}
.cta.border {
  outline: 1px solid #000;
  border: 0 none transparent !important;
}
.cta.border:hover {
  color: #63686A;
  outline: 1px solid #63686A;
  background: #F1F3F3;
}
.cta.border-grey {
  outline: 1px solid var(--light-grey);
  text-decoration: none;
  border: 0 none transparent !important;
}
.cta.border-white {
  outline: 1px solid #fff;
  text-decoration: none;
  border: 0 none transparent !important;
}
.cta.border-blue {
  outline: 1px solid #365EFC;
  text-decoration: none;
  border: 0 none transparent !important;
}
.cta.color-white {
  color: var(--white);
}
.cta.black {
  background-color: #000;
  color: var(--white);
  text-decoration: none;
}
.cta.black:hover {
  background-color: var(--dark-grey);
}
.cta.black:active {
  background-color: var(--red-proplo);
}
.cta.black.content-grey.border-grey:hover {
  color: var(--dark-grey);
  outline: 1px solid var(--dark-grey);
  background-color: #323333;
}
.cta.black.content-grey.border-grey:active {
  color: var(--red-proplo);
  outline: 1px solid var(--red-proplo);
  background-color: transparent;
}
@media (max-width: 767px) {
  .cta.mobile-fullwidth {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
}

.cta-top {
  margin-left: auto;
}

.icon {
  display: Flex;
  gap: 8px;
  line-height: 1 !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.icon .icon-24 {
  width: 24px;
  height: 24px;
}

.question-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .question-list {
    gap: 24px;
  }
}
.question-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 16px 16px 16px 0;
  font-size: 14px;
}
@media (min-width: 768px) {
  .question-list li {
    gap: 16px;
    font-size: 16px;
  }
}
.question-list li:before {
  content: url("/img/message-question.svg");
  min-width: 36px;
}

.radius-8px {
  border-radius: 8px;
}
.radius-4px {
  border-radius: 4px;
}

.badge {
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
  border-radius: var(--radius-small);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  height: 32px;
}
.badge.badge-blue {
  background-color: var(--blue);
  color: var(--white);
}
.badge.badge-gray {
  background-color: var(--soft-gray-proplo);
  color: var(--black);
}
.badge.badge-big {
  padding-block: 8px;
}
.badge.badge-green {
  background-color: #84BD32;
  color: var(--white);
}

.tooltip,
.custom-tooltip {
  position: relative;
  /* making the .tooltip span a container for the tooltip text */
  cursor: pointer;
  z-index: 99;
}

.tippy, .tippy-left, t.tippy-right, .tippy-bottom, .tippy-top {
  cursor: pointer;
}

[data-tippy-root] .tippy-arrow {
  color: #4A4A4A;
}
[data-tippy-root] .tippy-box {
  max-width: 250px;
  padding: 10px;
  border-radius: 3px;
  background: #4A4A4A;
  color: #fff;
  text-align: left;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 16.8px */
  letter-spacing: 0.2px;
}
[data-tippy-root] .tippy-box .tippy-content {
  padding: 0;
}

.tooltip:before,
.custom-tooltip:before {
  content: attr(data-text);
  /* here's the magic */
  position: absolute;
  /* vertically center */
  top: 50%;
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
  /* move to right */
  left: 100%;
  margin-left: 15px;
  /* and add a small left margin */
  /* basic styles */
  width: 250px;
  padding: 10px;
  border-radius: 3px;
  background: #4A4A4A;
  color: #fff;
  text-align: left;
  display: none;
  /* hide by default */
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  letter-spacing: 0.2px;
}

.tooltip.left:before,
.custom-tooltip.left:before {
  /* reset defaults */
  left: initial;
  margin: initial;
  /* set new values */
  right: 100%;
  margin-right: 15px;
}

.tooltip:after,
.custom-tooltip:after {
  content: "";
  position: absolute;
  /* position tooltip correctly */
  left: 100%;
  margin-left: 5px;
  /* vertically center */
  top: 25%;
  /* the arrow */
  border: 6px solid #4A4A4A;
  border-color: transparent #4A4A4A transparent transparent;
  display: none;
}

.tooltip:hover:before,
.tooltip:hover:after,
.custom-tooltip:hover:before,
.custom-tooltip:hover:after {
  display: block;
}

.tooltip[data-placement=bottom]:before,
.custom-tooltip[data-placement=bottom]:before {
  top: 100%;
  translate: -50% 16px;
  left: 50%;
}
.tooltip[data-placement=bottom]:after,
.custom-tooltip[data-placement=bottom]:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: 5px;
  /* top: 0%; */
  bottom: -6px;
  border: 6px solid #4A4A4A;
  border-color: transparent transparent #4A4A4A transparent;
  display: none;
}
.tooltip[data-placement=bottom]:hover:before, .tooltip[data-placement=bottom]:hover:after,
.custom-tooltip[data-placement=bottom]:hover:before,
.custom-tooltip[data-placement=bottom]:hover:after {
  display: block;
}

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

.mb-12 {
  margin-bottom: 12px;
}

.mb-16 {
  margin-bottom: var(--spacing-regular);
}

div.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  div.pagination {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

nav.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block: var(--spacing-2xlarge);
}
@media (max-width: 768px) {
  nav.pagination {
    margin-block: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
nav.pagination .paginate-box,
nav.pagination .page {
  display: block;
  min-width: 44px;
  height: 44px;
  font-size: 14px;
  line-height: 1;
  padding-inline: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav.pagination .paginate-box a,
nav.pagination .page a {
  color: var(--dark-grey);
}
nav.pagination .current-page-info {
  font-weight: 600;
}
nav.pagination .current-page-spacer,
nav.pagination .total-page-spacer {
  color: #636A86;
}
nav.pagination .first a {
  content: url(/img/icon-pagination-first.svg);
}
nav.pagination .prev a {
  content: url(/img/icon-pagination-prev.svg);
}
nav.pagination .next a {
  content: url(/img/icon-pagination-next.svg);
}
nav.pagination .last a {
  content: url(/img/icon-pagination-last.svg);
}
nav.pagination.blue .first a {
  content: url(/img/icon-pagination-first-blue.svg);
}
nav.pagination.blue .prev a {
  content: url(/img/icon-pagination-prev-blue.svg);
}
nav.pagination.blue .next a {
  content: url(/img/icon-pagination-next-blue.svg);
}
nav.pagination.blue .last a {
  content: url(/img/icon-pagination-last-blue.svg);
}
nav.pagination .first,
nav.pagination .last {
  width: 44px;
  height: 44px;
}
@media (max-width: 768px) {
  nav.pagination .first,
  nav.pagination .last {
    display: none;
  }
}
nav.pagination .prev,
nav.pagination .next {
  width: 44px;
  height: 44px;
}
nav.pagination .prev a,
nav.pagination .next a,
nav.pagination .first a,
nav.pagination .last a {
  color: var(--blue-dashboard);
  font-size: 22px;
}
nav.pagination .prev,
nav.pagination .next,
nav.pagination .first,
nav.pagination .last,
nav.pagination .page {
  display: Flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav.pagination .prev a,
nav.pagination .next a,
nav.pagination .first a,
nav.pagination .last a,
nav.pagination .page a {
  text-decoration: none;
}

.user-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 4px 8px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  font-weight: 400;
  height: 55px;
  margin-left: auto;
}
.user-bar.white .user-bar-dropdown {
  right: unset;
  background: white;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
.user-bar.white .user-bar-dropdown a {
  color: #323333;
}
.user-bar.white .user-bar-dropdown a:hover {
  background-color: #fff;
  text-decoration: underline;
}
.user-bar .button {
  margin-left: auto;
}
@media (min-width: 1390px) {
  .user-bar {
    width: 256px;
  }
}
.user-bar:hover {
  background: rgba(255, 255, 255, 0.05);
}
.user-bar .status-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.user-bar .status-small::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2AD445;
  display: inline-block;
}
.user-bar .status-small.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-bar .avatar,
.user-bar .avatar img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-bar .profile-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 1390px) {
  .user-bar .profile-name {
    width: 140px;
  }
}
.user-bar .user-bar-dropdown {
  display: none;
  position: absolute;
  background: #323333;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 334px;
  overflow: visible;
}
@media (max-width: 1389px) {
  .user-bar .user-bar-dropdown {
    top: 90px;
    right: 16px;
    max-width: 100%;
    width: 100%;
    left: 0;
    right: 0;
    height: 100dvh;
    display: block;
    translate: 0 -110vh;
    -webkit-transition: translate 0.2s;
    transition: translate 0.2s;
  }
  .user-bar .user-bar-dropdown.show {
    translate: 0 0;
  }
}
@media (min-width: 1390px) {
  .user-bar .user-bar-dropdown {
    top: 90px;
  }
}
.user-bar .user-bar-dropdown li a {
  display: block;
  padding: 12px 16px 12px 34px;
  text-decoration: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.user-bar .user-bar-dropdown li a:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0.05))), #323333;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), #323333;
}
.user-bar .user-bar-dropdown .status {
  padding: 16px 12px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-bar .user-bar-dropdown .status:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0.05))), #323333;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), #323333;
}
.user-bar .user-bar-dropdown .status .activate-container {
  margin-top: 4px;
  position: relative;
}
.user-bar .user-bar-dropdown .status .wrap {
  padding-left: 20px;
  position: relative;
}
.user-bar .user-bar-dropdown .status .wrap:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2AD445;
}
.user-bar .user-bar-dropdown .status .status-header {
  font-size: 14px;
  line-height: 22.4px;
}
.user-bar .user-bar-dropdown .status .status-details {
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.2px;
  color: #BDBDBD;
  margin-block: 4px 8px;
}
.user-bar .user-bar-dropdown .status .status-info {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: 0.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.user-bar .user-bar-dropdown .status .status-info.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-bar .arrow-down img {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (min-width: 1390px) {
  .user-bar:focus-within .user-bar-dropdown {
    display: block;
  }
  .user-bar:focus-within .arrow-down img {
    -webkit-transform: scale(-1);
            transform: scale(-1);
  }
}
@media (max-width: 1390px) {
  .user-bar .avatar.active {
    position: relative;
  }
  .user-bar .avatar.active:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 8px;
    height: 8px;
    background: #2AD445;
    outline: 3px solid #323333;
    border-radius: 50%;
  }
}

.status:has(.activate-status .checkbox:checked) .wrap:before {
  background: #2AD445;
}

.status:not(:has(.activate-status .checkbox:checked)) .wrap:before {
  background: var(--light-grey);
}

@media (min-width: 768px) and (max-width: 1390px) {
  .max-width-1390 {
    margin-inline: 7vw;
  }
}
body.overflow {
  overflow: hidden;
}

.filters {
  display: block;
}
@media (min-width: 1080px) {
  .filters .search-button {
    margin-top: 40px;
    display: block;
    position: sticky;
    bottom: 0;
    background-color: white;
    padding-block: 16px;
  }
}
@media (max-width: 1079px) {
  .filters {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    top: 0;
    height: 100dvh;
    max-height: 100dvh;
    overflow: auto;
  }
  .filters.show {
    display: block;
    background-color: white;
  }
  .filters.show > div {
    padding-bottom: 80px;
    padding-top: 0;
  }
  .filters h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding: 0;
    margin: 0;
  }
  .filters .mobile-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-block: 20px;
    margin-bottom: 24px;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 100;
    padding-top: 36px;
  }
}
@media (max-width: 1079px) and (max-width: 1080px) {
  .filters .mobile-header {
    position: relative;
  }
  .filters .mobile-header:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    border-bottom: 8px solid #F7F7FA;
    left: -16px;
    right: -16px;
  }
}
@media (max-width: 1079px) and (max-width: 1079px) {
  .filters form {
    padding-top: 32px;
  }
}
@media (max-width: 1079px) {
  .filters .search-button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 16px 20px;
    display: Flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .filters .search-button input[type=submit] {
    max-width: 170px;
  }
}
.filters > div {
  padding: var(--spacing-regular) var(--spacing-regular) 0 var(--spacing-regular);
}
.filters > div .filter-content .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.filters > div .filter-content .option input[type=checkbox] {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
  margin-top: 3px;
}
.filters > div .filter-content .option input[type=checkbox]:checked {
  border-color: var(--blue-dashboard);
  background-color: var(--blue-dashboard);
}
.filters > div .filter-content .show-more {
  cursor: pointer;
  color: var(--blue-dashboard);
  font-weight: 700;
  padding-block: 8px;
}
.filters > div .filter-header {
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  display: block;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filters > div .filter-header:after {
  content: url(/img/filters-arrow-down.svg);
  line-height: 0;
  scale: -1;
}
.filters > div .filter-header:has(~ .hide):after {
  scale: 1;
}
.filters > div .filter {
  max-height: unset;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  padding-inline: 1px;
}
.filters > div .filter.hide {
  max-height: 0;
  overflow: hidden;
}
.filters > div .filter-container:not(:first-of-type) {
  margin-top: var(--spacing-large);
}
.filters > div .filter-container:not(:first-of-type):not(:last-of-type) {
  padding-bottom: var(--spacing-large);
  border-bottom: 1px solid #EFF2F2;
}
@media (min-width: 1080px) {
  .filters .clean-filters {
    margin-top: 16px;
  }
}

a {
  cursor: pointer;
}

label.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  background-color: #979DB5;
  border-radius: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

label.switch::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: white;
  top: 3px;
  left: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.checkbox:checked + label.switch::after {
  left: 20px;
}

.checkbox:checked + .switch {
  background-color: #FD5030;
}

.checkbox-switch {
  display: none !important;
}
.checkbox-switch:before, .checkbox-switch:after {
  content: "";
  display: none;
}

.swiper-badges .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.swiper-badges .swiper-button-prev,
.swiper-badges .swiper-button-next {
  opacity: 1;
  width: 50px;
}
.swiper-badges .swiper-button-prev:after,
.swiper-badges .swiper-button-next:after {
  /* top: 69%; */
  width: 24px;
  heighT: 24px;
  top: 0;
  line-height: 0;
  opacity: 1;
}
.swiper-badges .swiper-button-prev:after {
  content: url(/img/dropdown-left-24px.svg);
}
.swiper-badges .swiper-button-next:after {
  content: url(/img/dropdown-right-24px.svg);
}
.swiper-badges .swiper-button-prev {
  left: -20px;
  background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 70%, rgba(255, 255, 255, 0) 100%);
}
.swiper-badges .swiper-button-next {
  right: -20px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
}
.swiper-badges .swiper-button-disabled {
  display: none;
}

.range-services-container {
  margin-bottom: 16px !important;
}
.range-services-container label {
  margin-bottom: 0;
}

.service-zakres-uslug {
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.service-zakres-uslug:not(:last-child) {
  border-bottom: 1px solid rgb(217, 217, 217);
}
.service-zakres-uslug .field.checkboxes > .option {
  padding: 10px;
  margin-bottom: 16px;
}
.service-zakres-uslug .field.checkboxes > .option label {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .service-zakres-uslug .field.checkboxes .range-services-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
}
.service-zakres-uslug .field.checkboxes .range-services-container label {
  margin-bottom: 0.5rem;
}
.service-zakres-uslug .field {
  margin-bottom: 0;
}
.service-zakres-uslug .field .option {
  margin-bottom: 0;
}
.service-zakres-uslug .selected.services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  counter-reset: servicesCounter;
  gap: 8px;
}
.service-zakres-uslug .selected.services span {
  border-radius: 3px;
  background: #EFF2F2;
  padding: 6px 12px;
  font-size: 14px;
  counter-increment: servicesCounter;
}
.service-zakres-uslug .selected.services span button {
  border: 0;
  outline: none;
}
.service-zakres-uslug .selected.services span:before {
  content: counter(servicesCounter) ". ";
}

.text-concat {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-clamp: 3;
}

.profile--pagination {
  position: relative;
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.profile--pagination .swiper-pagination {
  position: static;
  color: var(--Text-Enabled, #636A86);
  font-size: 16px;
}
.profile--pagination .swiper-button-next,
.profile--pagination .swiper-button-prev {
  position: static;
  height: 24px;
  width: 24px;
  margin-top: 0;
}
.profile--pagination .swiper-button-next:after,
.profile--pagination .swiper-button-prev:after {
  display: block;
  width: 24px;
  height: 24px;
  top: 0;
  translate: 0;
  font-size: inherit;
}
.profile--pagination .swiper-button-next:after {
  content: url(/img/profile-arrow-chevron-right.svg?v=2);
}
.profile--pagination .swiper-button-prev:after {
  content: url(/img/profile-arrow-chevron-left.svg?v=2);
}
.profile--pagination.white .swiper-pagination {
  color: #fff;
}
.profile--pagination.white .swiper-button-next:after {
  content: url(/img/profile-arrow-chevron-right-white.svg?v=2);
}
.profile--pagination.white .swiper-button-prev:after {
  content: url(/img/profile-arrow-chevron-left-white.svg?v=2);
}

.sticky-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 382px;
  padding: 40px 24px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 40px;
  border-radius: 8px;
  border: 1px solid var(--Border-Disabled, rgba(151, 157, 181, 0.42));
  background: var(--light-background-color, #FFF);
  margin-top: 64px;
}
.sticky-offer .contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sticky-offer .contact-info .photo img {
  border-radius: 999px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 80px;
  height: 80px;
  display: block;
}
.sticky-offer .contact-info .profile-details {
  font-size: 18px;
  line-height: 160%; /* 28.8px */
}

@media (max-width: 1279px) {
  .sticky-offer {
    display: none;
  }
}
a:has(.hover) {
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  a:has(.hover) .hover {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--Neutral-White, #FFF);
    /* Desktop/Button */
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  a:has(.hover) .hover {
    letter-spacing: 0.2px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  a:has(.hover) .hover {
    display: none !important;
  }
}

a:has(.hover):hover .hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.6);
}

body .sl-overlay {
  opacity: 1 !important;
}

@media (min-width: 768px) {
  body .sl-wrapper .sl-navigation button.sl-prev {
    width: 54px !important;
    height: 54px !important;
    left: 64px;
  }
}
body .sl-wrapper .sl-navigation button.sl-prev .icon:after {
  background-color: rgb(124, 127, 139);
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
  font-weight: 700;
  content: "prev";
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  border-radius: 999px;
  font-size: 18px;
  width: 54px !important;
  height: 54px !important;
}
body .sl-wrapper .sl-navigation button.sl-next {
  width: 54px !important;
  height: 54px !important;
  right: 64px;
}
body .sl-wrapper .sl-navigation button.sl-next .icon:after {
  background-color: rgb(124, 127, 139);
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
  font-weight: 700;
  content: "next";
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  width: 54px !important;
  height: 54px !important;
  border-radius: 999px;
  font-size: 18px;
}
body .sl-wrapper .sl-close {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 74px;
  right: 24px;
  margin-right: 0;
}
@media (min-width: 768px) {
  body .sl-wrapper .sl-close {
    width: 54px;
    height: 54px;
    top: 64px;
    right: 64px;
  }
}
body .sl-wrapper .sl-close .lightbox-close {
  width: 32px;
  height: 32px;
}
@media (min-width: 768px) {
  body .sl-wrapper .sl-close .lightbox-close {
    width: 54px;
    height: 54px;
  }
}
body .sl-wrapper .sl-counter {
  position: fixed;
  top: 78px;
  left: 24px;
}
@media (min-width: 768px) {
  body .sl-wrapper .sl-counter {
    top: 78px;
    left: 73px;
  }
}
body .sl-wrapper .sl-image {
  top: 155px !important;
  bottom: 180px !important;
  height: auto !important;
  max-height: 100vh !important;
}
body .sl-wrapper .sl-image img {
  max-width: 100% !important;
  height: auto !important;
  max-height: 60vh !important;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto;
  width: auto;
}
@media (max-width: 768px) {
  body .sl-wrapper .sl-image {
    max-width: 100% !important;
    width: 100% !important;
    /* szerokość kontenera */
    height: auto !important;
    max-height: 80vh !important;
    text-align: center;
    left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 136px !important;
    bottom: 124px !important;
  }
  body .sl-wrapper .sl-image img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  body .sl-wrapper .sl-image img {
    max-height: 60vh !important;
  }
}
@media (max-width: 768px) {
  body .sl-wrapper .sl-counter {
    position: fixed;
    top: unset;
    left: unset;
    top: unset;
    bottom: 40px;
    left: 50%;
    translate: -50% 0;
    font-size: 16px;
  }
  body .sl-wrapper .sl-navigation {
    position: fixed;
    bottom: 40px;
    top: unset;
    left: 50%;
    right: unset;
    max-width: 235px;
    width: 235px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-inline: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    translate: -50% 0;
    height: 32px;
  }
  body .sl-wrapper .sl-navigation button {
    position: static;
    margin-top: 0 !important;
    width: 32px !important;
    height: 32px !important;
  }
  body .sl-wrapper .sl-navigation button.sl-prev,
  body .sl-wrapper .sl-navigation button.sl-next {
    width: 32px !important;
    height: 32px !important;
  }
  body .sl-wrapper .sl-navigation button.sl-prev .icon:after,
  body .sl-wrapper .sl-navigation button.sl-next .icon:after {
    position: static;
    width: 32px !important;
    height: 32px !important;
    right: unset;
    left: unset;
  }
}

body .sl-wrapper {
  z-index: 10000;
}

.hamburger {
  width: 28px;
  height: 28px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 2px;
  margin-left: auto;
  -ms-flex-item-align: center;
      align-self: center;
}
.hamburger.ml-18px {
  margin-left: 18px;
}
@media (min-width: 1390px) {
  .hamburger {
    display: none;
  }
}

.hamburger span,
.hamburger::before,
.hamburger::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: 2px;
  background-color: #323333;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 2px;
}

.hamburger span {
  background-color: #323333;
}

.hamburger::before {
  top: 6px;
}

.hamburger::after {
  bottom: 6px;
}

.hamburger.open span {
  background-color: transparent !important;
}

.hamburger.open::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 47%;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.hamburger.open::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 46%;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.black .hamburger {
  margin-left: 18px;
}
.black .hamburger span,
.black .hamburger::before,
.black .hamburger::after {
  background-color: #fff;
}

.subscription-details {
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  padding: 24px;
}
.subscription-details .pricing a {
  font-weight: 600;
  text-decoration: underline;
  font-size: 14px;
}
.subscription-details .subscription-subtitle {
  color: var(--Text-Enabled, #636A86);
  font-size: 12px;
  font-weight: 500;
  line-height: 160%; /* 19.2px */
  margin-bottom: 12px;
}
.subscription-details .subscription-account-type {
  color: var(--Text-Strong, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 160%; /* 25.6px */
}
.subscription-details .subscription-price {
  color: var(--Text-Enabled, #636A86);
  font-size: 14px;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
  margin-bottom: 12px;
}
.subscription-details .subscription-price .promo {
  color: var(--Text-Disabled, #BDBDBD);
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: line-through;
  padding-left: 4px;
}
.subscription-details .subscription-more {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}

.subscription-rules {
  padding-block: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.2px;
}

@media (max-width: 768px) {
  dialog.publish-profile-modal {
    padding: 16px !important;
    min-width: 100vw;
    min-height: 100dvh;
    border-radius: 0;
    margin: 0 !important;
  }
  dialog.publish-profile-modal:modal {
    padding: 20px 16px 16px !important;
    min-width: 100vw;
    min-height: 100dvh;
    max-width: unset;
    max-height: unset;
    height: unset;
  }
  dialog.publish-profile-modal:modal .flex {
    margin-top: auto;
  }
  dialog.publish-profile-modal:modal .flex span {
    display: none;
  }
  dialog.publish-profile-modal:modal .flex .cta {
    margin-inline: auto;
  }
}
.subscription--info {
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.2px;
  padding-block: 8px;
  margin-block: 24px 40px;
}

.invoice-data {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #D9D9D9;
}
@media (min-width: 768px) {
  .invoice-data input[type=text],
  .invoice-data input[type=email] {
    max-width: 544px;
  }
}
.invoice-data .field {
  margin-bottom: 24px;
}

.invalid-profile[open].publish-profile-modal {
  padding: 16px;
}
@media (min-width: 768px) {
  .invalid-profile[open].publish-profile-modal {
    padding: 32px;
  }
}
@media (max-width: 768px) {
  .invalid-profile[open].publish-profile-modal {
    margin: auto 18px !important;
    height: unset;
    width: unset;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    max-width: unset;
    min-height: unset;
    min-width: unset;
  }
}
.invalid-profile[open].publish-profile-modal .pink-box {
  border-radius: 8px;
  border: 1px solid #FFCCC3;
  background: var(--Alert-Error-Weak, #FFEFEE);
  padding: 38px 14px 21px;
  text-align: center;
  position: relative;
  margin-top: 24px !important;
}
@media (min-width: 768px) {
  .invalid-profile[open].publish-profile-modal .pink-box {
    padding: 38px 21px 24px;
  }
}
.invalid-profile[open].publish-profile-modal .pink-box img.clock {
  position: absolute;
  top: -24px;
  translate: -50% 0;
}
.invalid-profile[open].publish-profile-modal .pink-box h2 {
  display: block !important;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 768px) {
  .invalid-profile[open].publish-profile-modal .pink-box h2 {
    font-size: 32px;
    line-height: 160%;
  }
}
.invalid-profile[open].publish-profile-modal .pink-box .price-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .invalid-profile[open].publish-profile-modal .pink-box .price-line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.invalid-profile[open].publish-profile-modal .pink-box .price-line .old-price {
  color: rgba(255, 80, 48, 0.8);
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
}
.invalid-profile[open].publish-profile-modal .pink-box .price-line .new-price {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 768px) {
  .invalid-profile[open].publish-profile-modal .pink-box .price-line .new-price {
    font-size: 32px;
  }
}
.invalid-profile[open].publish-profile-modal .pink-box .price-line .price-info {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
  letter-spacing: 0.2px;
  text-align: left;
}
.invalid-profile[open].publish-profile-modal .pink-box .price-info-badge {
  color: var(--Brand-Primary, #FD5030);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
  border-radius: 8px;
  background: #FFE4E2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  padding: 2px 24px;
  margin-top: 16px;
}
.invalid-profile[open].publish-profile-modal .publication-details {
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-align: center;
}
@media (min-width: 768px) {
  .invalid-profile[open].publish-profile-modal .publication-details {
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    text-wrap: balance;
  }
}
.invalid-profile[open].publish-profile-modal .content {
  font-size: 12px;
  font-weight: 400;
  line-height: 178%;
  letter-spacing: 0.2px;
  text-align: center;
  max-width: 470px;
  margin-inline: auto;
  margin-block: 16px 24px;
}
.invalid-profile[open].publish-profile-modal .content a {
  color: inherit;
  text-decoration: underline;
}
.invalid-profile[open].publish-profile-modal .only-free {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: inherit;
}
@media (max-width: 768px) {
  .invalid-profile[open].publish-profile-modal .only-free {
    border-top: 1px solid #E5E5E5;
    padding: 8px;
    text-align: center;
  }
}
.invalid-profile[open].publish-profile-modal hr {
  margin-block: 24px;
}
@media (max-width: 768px) {
  .invalid-profile[open].publish-profile-modal .publish-button {
    font-size: 14px;
    text-align: center;
  }
}

.selector-buttons-wraper {
  margin-block: 40px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .selector-buttons-wraper {
    margin-block: 40px;
  }
}

.selector-buttons-wraper {
  overflow: hidden;
  /* Dla przykładu, ale zwykle jest to w stylach rodzica */
}

.selector-buttons a {
  border-radius: 4px;
  border: 1px solid rgba(99, 106, 134, 0.75);
  background: var(--Neutral-White, #FFF);
  display: block;
  padding: 9px 16px;
  color: #636A86;
  text-decoration: none;
  font-size: 14px;
  line-height: 160%;
  white-space: nowrap;
  display: inline-block;
  margin-left: 8px;
  margin-block: 4px;
}

.show-more-btn {
  border-radius: 4px;
  border: 1px none transparent;
  background: transparent;
  display: block;
  padding: 9px 16px;
  text-decoration: none;
  color: var(--Text-Medium, #323333);
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  white-space: nowrap;
  display: inline-block;
}

.megamenu {
  display: none;
  background-color: #fff;
  z-index: 10;
}
.megamenu a {
  text-decoration: none !important;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
@media (min-width: 768px) {
  .megamenu a:after {
    content: "";
    width: 0;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
    position: absolute;
    bottom: 3px;
    left: 0;
    display: block;
  }
  .megamenu a:hover:after {
    content: "";
    width: 100%;
    border-bottom: 1px solid;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
  }
}
@media (min-width: 1390px) {
  .megamenu {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 92px;
    background-color: inherit;
    padding-block: 24px;
    translate: 0 -150%;
    z-index: -1;
    -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  }
  .megamenu.black {
    background-color: #323333;
  }
}
@media (min-width: 1390px) {
  .megamenu .megamenu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-inline: auto;
    max-width: 1216px;
    gap: 40px;
    font-size: 12px;
  }
  .megamenu .megamenu-container h4, .megamenu .megamenu-container .h4 {
    font-size: 12px;
    font-weight: 600;
    line-height: 178%;
    /* 21.36px */
    letter-spacing: 0.2px;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .megamenu .megamenu-container .megamenu-claim {
    -ms-flex-preferred-size: 240px;
        flex-basis: 240px;
    line-height: 178%;
  }
  .megamenu .megamenu-container .megamenu-links {
    padding-right: 40px;
  }
  .megamenu .megamenu-container .megamenu-links ul {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 48px;
  }
}
@media (min-width: 1390px) and (min-width: 1240px) {
  .megamenu .megamenu-container .megamenu-links ul.columns-3 {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
  }
}
@media (min-width: 1390px) {
  .megamenu .megamenu-container .megamenu-links ul li {
    margin-bottom: 8px;
  }
  .megamenu .megamenu-container .megamenu-links ul li a {
    text-decoration: none;
    line-height: 178%;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
  }
  .megamenu .megamenu-container .megamenu-links ul li a:after {
    content: "";
    width: 0;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
    position: absolute;
    bottom: 4px;
    left: 0;
    display: block;
  }
  .megamenu .megamenu-container .megamenu-links ul li a:hover:after {
    content: "";
    width: 100%;
    border-bottom: 1px solid;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
  }
}

@media (max-width: 1390px) {
  .menu {
    overflow: hidden;
  }
  .megamenu {
    position: absolute;
    top: 0px;
    background-color: #fff;
    translate: 100% 0;
    display: Flex;
    padding: 16px;
    left: 0;
    width: 100%;
  }
  .megamenu.black {
    background-color: #323333;
  }
  .megamenu.black .megamenu-links h4, .megamenu.black .megamenu-links .h4 {
    border-bottom-color: rgba(151, 157, 181, 0.42);
  }
  .megamenu.black .megamenu-mobile-links a.show-all {
    border-bottom-color: rgba(151, 157, 181, 0.42);
  }
  .megamenu.black .megamenu-links ul li a {
    border-bottom-color: rgba(151, 157, 181, 0.42);
  }
  .megamenu > div {
    width: 100%;
  }
  .megamenu.show {
    translate: 0 0;
    height: calc(100dvh - 100px);
  }
  .megamenu .megamenu-claim {
    display: none;
  }
  .megamenu .links li {
    width: 100%;
  }
  .megamenu .megamenu-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
  }
  .megamenu .megamenu-links ul.open {
    height: unset;
  }
  .megamenu .megamenu-links ul li a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-block: 16px;
    padding-inline: 0 !important;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #BDBDBD;
  }
  .megamenu .megamenu-links h4, .megamenu .megamenu-links .h4 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding: 16px 0;
    margin: 0;
    line-height: 160%;
    border-bottom: 1px solid #EFF2F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .megamenu .megamenu-links h4:after, .megamenu .megamenu-links .h4:after {
    display: block;
    content: url("/img/menu-arrow-down-white-mobile.svg");
    width: 24px;
    height: 24px;
  }
  .megamenu .megamenu-links h4.black:after, .megamenu .megamenu-links .h4.black:after {
    content: url("/img/menu-arrow-down-black-mobile.svg");
  }
}
.megamenu-mobile-links a.back {
  padding: 16px 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 8px !important;
  color: #BDBDBD !important;
  font-size: 14px;
  font-weight: 600;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.megamenu-mobile-links a.show-all {
  padding: 16px 0 24px !important;
  font-weight: 600 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 8px !important;
  color: #323333;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #EFF2F2;
  width: 100%;
}

@media (min-width: 1390px) {
  .links li:hover .megamenu {
    translate: 0 0;
    z-index: 100;
    background-color: #fff;
  }
  .links li:hover .megamenu.black {
    background-color: #323333;
  }
  .megamenu-mobile-links {
    display: none;
  }
}
.show-more-btn {
  cursor: pointer;
}

header .menu .links > li > a {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

@media (min-width: 1390px) {
  header:hover .menu .links > li > a:not(:hover) {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0.5;
  }
}
@media (min-width: 1079px) {
  .filters-bar {
    display: none !important;
  }
}
.filters-bar {
  padding-inline: 24px;
  overflow: hidden;
  position: sticky;
  top: 95px;
  -webkit-transform: translateY(-95px);
          transform: translateY(-95px);
  z-index: 100;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (min-width: 834px) and (max-width: 1280px) {
  .filters-bar {
    padding-inline: 40px;
  }
}
.filters-bar.translate {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.filters-bar.hide {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.filters-bar .swiper-button-disabled {
  display: none !important;
}
.filters-bar .swiper-button-prev,
.filters-bar .swiper-button-next {
  /* width: 16px;
  heighT:16px; */
  opacity: 1;
}
.filters-bar .swiper-button-prev:after,
.filters-bar .swiper-button-next:after {
  /* top: 69%; */
  width: 24px;
  height: 24px;
  top: 0;
  line-height: 0;
  opacity: 1;
}
.filters-bar .swiper-button-prev {
  left: -16px;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
.filters-bar .swiper-button-prev:after {
  content: url(/img/dropdown-left-24px.svg);
}
.filters-bar .swiper-button-next {
  right: -16px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
}
.filters-bar .swiper-button-next:after {
  content: url(/img/dropdown-right-24px.svg);
}

.swiper.swiper-filters {
  padding-block: 16px;
  overflow: visible;
}
.swiper.swiper-filters .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.swiper.swiper-filters .swiper-slide a {
  border-radius: 4px;
  border: 1px solid var(--Text-Weak, #7C7F8B);
  background: var(--Neutral-White, #FFF);
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  font-size: 14px;
}

.mobile-bar {
  min-height: 70px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 101;
}
.mobile-bar .container {
  padding: 16px 24px;
  width: 100%;
}
.mobile-bar .cta {
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .mobile-bar .container {
    padding: 29px 40px;
  }
}
@media (min-width: 1279px) {
  .mobile-bar {
    display: none;
  }
}
.mobile-bar .cta-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-bar .cta-top .cta {
  width: 100%;
  font-size: 16px;
}

.profiles-list-banner {
  display: block;
  margin-bottom: var(--spacing-large);
  background: black;
  background-image: url(/img/banner-bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  max-width: 100%;
  text-decoration: none;
  padding: 24px;
}
@media (min-width: 768px) {
  .profiles-list-banner {
    min-height: 388px;
    background-image: url(/img/banner-bg-fullhd.png);
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    background-position: center;
    max-height: 450px;
  }
}
.profiles-list-banner .logo {
  text-align: left;
  justify-self: baseline;
}
.profiles-list-banner h2 {
  color: var(--Neutral-White, #FFF);
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 160%; /* 38.4px */
  letter-spacing: 0.48px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .profiles-list-banner h2 {
    line-height: 160%; /* 38.4px */
    margin-top: auto;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .profiles-list-banner h2 {
    margin-top: 64px;
  }
}
.profiles-list-banner .banner-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1023px) {
  .profiles-list-banner .banner-list ul {
    padding: 8px 32px 0 32px;
  }
}
@media (min-width: 1024px) {
  .profiles-list-banner .banner-list ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background: rgba(0, 0, 0, 0.45);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-block: 8px;
    gap: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    border-radius: 99px;
    margin-bottom: 32px;
  }
}
@media (max-width: 1023px) {
  .profiles-list-banner .banner-list ul li {
    padding: 8px 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    font-size: 16px;
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--Neutral-White, #FFF);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1024px) {
  .profiles-list-banner .banner-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    color: var(--Neutral-White, #FFF);
    font-size: 16px;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    padding: 8px 16px;
  }
}
.profiles-list-banner .banner-link {
  text-align: right;
}
.profiles-list-banner .banner-link span.cta {
  color: var(--Brand-Primary, #FD5030);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  padding-inline: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .profiles-list-banner .banner-link span.cta {
    padding-block: 24px 16px;
  }
}
@media (max-width: 767px) {
  .profiles-list-banner .banner-link {
    text-align: center;
  }
}

.partner-brands h1 {
  margin-block: 0 32px !important;
}
@media (min-width: 1440px) {
  .partner-brands {
    margin-top: 64px;
  }
}
.partner-brands .partner-brands-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 100px);
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 767px) {
  .partner-brands .partner-brands-list {
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .partner-brands .partner-brands-list {
    gap: 40px;
  }
}
.partner-brands .partner-brands-list img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media (max-width: 768px) {
  .partner-brands .partner-brands-list img {
    max-width: 100px;
  }
}
.partner-brands .partners-bottom {
  text-align: center;
  margin-top: 16px;
}

@media (max-width: 1439px) {
  .partner-brands.min-1440px {
    display: none;
  }
}

@media (min-width: 1440px) {
  .partner-brands.max-1440px {
    display: none;
  }
}

.dashboard-container .dashboard--header {
  margin-block: var(--spacing-3xlarge) var(--spacing-xlarge);
}
@media (min-width: 768px) {
  .dashboard-container .dashboard--header {
    margin-block: var(--spacing-xlarge);
  }
}
.dashboard-container .dashboard--menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-block: var(--spacing-regular) var(--spacing-xlarge);
}
@media (min-width: 768px) {
  .dashboard-container .dashboard--menu {
    margin-block: 0 var(--spacing-xlarge);
  }
}
@media (max-width: 767px) {
  .dashboard-container .dashboard--menu {
    overflow: scroll;
    white-space: nowrap;
  }
}
.dashboard-container .dashboard--menu--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .dashboard-container .dashboard--menu--container {
    padding-bottom: 10px;
  }
}
.dashboard-container .dashboard--menu--container .dashboard--menu--item a {
  display: block;
  position: relative;
  color: var(--Text-Medium, #323333);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  padding: 4px 16px 8px;
}
.dashboard-container .dashboard--menu--container .dashboard--menu--item a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  border-radius: 2px;
  background-color: var(--soft-gray-proplo);
}
.dashboard-container .dashboard--menu--container .dashboard--menu--item a.active:after {
  background-color: var(--red-proplo);
}
.dashboard-container .dashboard--matrix {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-large);
  margin-block: var(--spacing-xlarge) var(--spacing-large);
}
.dashboard-container .dashboard--matrix .dashboard--matrix--element {
  border: 1px solid #EFF2F2;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-regular);
}
@media (min-width: 768px) {
  .dashboard-container .dashboard--matrix .dashboard--matrix--element {
    padding: var(--spacing-large) var(--spacing-xlarge);
  }
}
.dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--spacing-regular);
}
.dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--title a.icon {
  color: var(--red-proplo);
  font-weight: 600;
}
.dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--title h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
  margin: 0;
  padding: 0;
  gap: 8px;
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--title h2 {
    font-size: 20px;
    letter-spacing: 0;
  }
}
@media (min-width: 768px) {
  .dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--title h2:has(.optional) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--details {
  font-size: 14px;
  display: Flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--details img {
  padding: 2px;
  height: 24px;
  width: 24px;
}
.dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--explanation {
  font-size: 12px;
  display: Flex;
  gap: 8px;
}
.dashboard-container .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--explanation img {
  padding: 2px;
  height: 24px;
  width: 24px;
}
.dashboard-container .dashboard--reviews {
  margin-block: var(--spacing-large) var(--spacing-xlarge);
  padding: 20px var(--spacing-regular);
}
@media (min-width: 768px) {
  .dashboard-container .dashboard--reviews {
    padding: var(--spacing-large) var(--spacing-xlarge);
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}
@media (max-width: 767px) {
  .dashboard-container .dashboard--reviews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 48px;
  }
}
.dashboard-container .dashboard--reviews img {
  width: 100%;
  height: auto;
}
.dashboard-container .dashboard--reviews .reviews--details {
  color: #7C7F8B;
  line-height: 1.6;
  margin-block: var(--spacing-regular) var(--spacing-large);
}
@media (min-width: 768px) {
  .dashboard-container .dashboard--reviews .reviews--details {
    margin-block: var(--spacing-regular);
  }
}
.dashboard-container .dashboard--reviews .review--box {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4; /* 19.6px */
  letter-spacing: 0.2px;
}
.dashboard-container .dashboard--reviews .review--box .label {
  display: block;
  padding-left: 8px;
  margin-bottom: 4px;
}

.copy-link-box {
  display: block;
  border-radius: 6px;
  border: 1px solid var(--Text-Medium, #323333);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding: var(--spacing-regular);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-small, 8px);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  max-width: 430px;
}

.tip {
  margin-left: auto;
}

.sign-up-new {
  max-width: 475px;
  margin-inline: auto;
}

.optional {
  color: var(--Text-Weak, #7C7F8B);
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .optional {
    font-size: 16px;
  }
}

.swiper-slide span.city {
  white-space: nowrap;
}

@media (min-width: 768px) {
  .invoice-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    margin-inline: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 18px;
    text-align: left;
  }
}
.invoice-box .small {
  color: var(--Text-Enabled, #636A86);
  font-size: 12px;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
}

.service-line:has(input[name*="[price]"]:not(:-moz-placeholder)) .star-required.conditional {
  display: inline !important;
}

.service-line:has(input[name*="[price]"]:not(:-ms-input-placeholder)) .star-required.conditional {
  display: inline !important;
}

.service-line:has(input[name*="[price]"]:not(:placeholder-shown)) .star-required.conditional {
  display: inline !important;
}

.profile-form .fields-container {
  padding: 40px 16px;
  margin-block: var(--spacing-large);
}
@media (min-width: 768px) {
  .profile-form .fields-container {
    padding: 24px 32px;
  }
}
.profile-form .profile-form--two-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-large);
  row-gap: 0;
}
@media (min-width: 768px) {
  .profile-form .profile-form--two-columns {
    grid-template-columns: 1fr 1fr;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.profile-form .profile-form--three-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-large);
  row-gap: 24px;
}
@media (min-width: 768px) {
  .profile-form .profile-form--three-columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.profile-form .profile-form--two-third {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-large);
  row-gap: 8px;
}
@media (min-width: 768px) {
  .profile-form .profile-form--two-third {
    grid-template-columns: 2fr 1fr;
  }
}
.profile-form .required-radios.invalid span.text {
  color: #D9213C !important;
}
.profile-form .field > label:has(~ .required-checkboxes.invalid) {
  color: #D9213C;
}

.form-with-sidebar {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-large);
  row-gap: 24px;
}
@media (min-width: 768px) {
  .form-with-sidebar {
    grid-template-columns: auto 235px;
  }
}

.invalid-profile[open] {
  padding: 24px 16px;
  border-radius: 8px;
  border: 0 none;
  display: Flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-inline: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .invalid-profile[open] {
    padding: 32px;
    gap: 32px;
    margin-inline: auto;
    max-width: 696px;
  }
}
.invalid-profile[open] > * {
  margin: 0;
}
.invalid-profile[open] h2 {
  font-weight: 500;
  line-height: 140%;
  display: Flex;
  font-size: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  .invalid-profile[open] h2 {
    font-size: 24px;
  }
}
.invalid-profile[open] span.flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.add-next-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--red-proplo);
  font-weight: 600;
  gap: 16px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .add-next-step {
    margin-top: 32px;
  }
}
.add-next-step:hover {
  color: var(--red-proplo);
  text-decoration: none;
}

.step-header {
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: black;
}

.cooperations-steps .step {
  margin-top: 40px;
}
.cooperations-steps .step:not(:last-child) {
  padding-bottom: 32px;
  border-bottom: 1px solid #D9D9D9;
}

.cooperations-steps .steps-container {
  counter-reset: stepsCounter;
}
.cooperations-steps .steps-container .step {
  counter-increment: stepsCounter;
}
.cooperations-steps .steps-container .steps-counter:before {
  content: counter(stepsCounter);
}

.select_avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Brand-Primary, #FD5030);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.2px;
  gap: 8px;
}

form .avatar-row .preview label.edit-image {
  display: none;
}

form .avatar-row .preview .img-container:has(img.avatar_img) + label.edit-image {
  display: BLOCK;
}

.inspirations-container label.color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.inspirations-container label.color .color-box {
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 21px;
}
.inspirations-container label.color .color-box[data-color=biały] {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.inspirations-container label.color .color-box[data-color=czarno-biały] {
  outline: 1px solid rgba(0, 0, 0, 0.2);
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%) !important;
}
@media (min-width: 1080px) {
  .inspirations-container .results-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    gap: var(--spacing-large);
  }
  .inspirations-container .results-container > div:not(.filters) {
    max-width: calc(100% - 240px - 24px);
    -ms-flex-preferred-size: calc(100% - 240px - 24px);
        flex-basis: calc(100% - 240px - 24px);
  }
}
@media (max-width: 1079px) {
  .inspirations-container .results-container .filters {
    z-index: 1000;
  }
}
@media (min-width: 1080px) {
  .inspirations-container .results-container .filters {
    width: 240px;
  }
}
@media (min-width: 1024px) {
  .inspirations-container .results-container .filters .h4 {
    margin-bottom: 24px;
  }
  .inspirations-container .results-container .filters .search-button {
    margin-top: 56px;
    display: block;
  }
}
.inspirations-container .results-container .filters .toggle-button {
  color: var(--blue-dashboard);
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  /* 22.4px */
  padding-block: 8px;
  cursor: pointer;
}
.inspirations-container .results-container .inspirations {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-large);
}
@media (min-width: 1200px) {
  .inspirations-container .results-container .inspirations {
    grid-template-columns: 1fr 1fr;
  }
}
.inspirations-container .results-container .inspirations .photo-container {
  max-width: 100%;
  color: inherit;
  text-decoration: none;
}
.inspirations-container .results-container .inspirations .photo-container h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .inspirations-container .results-container .inspirations .photo-container {
    padding: 16px;
  }
}
.inspirations-container .results-container .inspirations .photo-container img {
  max-width: 100%;
  aspect-ratio: 435/265;
  display: block;
}
@media (min-width: 768px) {
  .inspirations-container .results-container .inspirations .photo-container .details {
    padding: var(--spacing-large);
  }
}
@media (max-width: 768px) {
  .inspirations-container .results-container .inspirations .photo-container .details {
    padding-top: var(--spacing-regular);
  }
}
.inspirations-container .results-container .inspirations .photo-container .photo {
  position: relative;
}
.inspirations-container .results-container .inspirations .photo-container .photo .like {
  position: absolute;
  top: 16px;
  right: 24px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 8px;
  color: var(--Neutral-White, #FFF);
  text-align: center;
  /* Desktop/Body 3 */
  font-size: 12px;
  font-weight: 500;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
  text-decoration: none;
  gap: 7px;
  padding: 5px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inspirations-container .results-container .inspirations .photo-container .photo .like img {
  display: block;
}
@media (min-width: 768px) {
  .inspirations-container .results-container .inspirations .photo-container .photo .like {
    top: 30px;
    right: 33px;
  }
}
.inspirations-container .results-container .inspirations .photo-container .photo a:not(.like) {
  display: Block;
  overflow: hidden;
  position: relative;
}
.inspirations-container .results-container .inspirations .photo-container .photo a:not(.like)::before {
  content: "Zobacz projekt";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  inset: 0;
  display: Flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--white);
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: 0.2px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.inspirations-container .results-container .inspirations .photo-container .photo a:not(.like):hover::before {
  opacity: 1;
}
.inspirations-container .results-container .inspirations .photo-container .author {
  font-size: 14px;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.2px;
  color: var(--dark-grey);
}
.inspirations-container .results-container .inspirations .photo-container .author a {
  color: var(--darker-grey);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.inspirations-container .results-container .inspirations .photo-container .author a:hover {
  color: var(--blue);
  text-decoration: underline;
}

.inspirations-title {
  margin-top: var(--spacing-regular);
}
@media (min-width: 768px) {
  .inspirations-title {
    margin-top: var(--spacing-2xlarge);
  }
}

.sort-container {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-block: var(--spacing-2xlarge) var(--spacing-regular);
}
@media (min-width: 1024px) {
  .sort-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-block: var(--spacing-2xlarge) 0;
  }
}
.sort-container .sort {
  color: var(--dark-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
@media (max-width: 1023px) {
  .sort-container .sort {
    text-align: right;
  }
}
.sort-container #sort {
  font-family: "Poppins", sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--dark-grey);
  font-size: 14px;
  background-color: var(--background);
  border: transparent;
  cursor: pointer;
  padding: 8px;
  outline: none;
  border-radius: 4px;
}

@media (min-width: 1024px) {
  .paginate-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    gap: var(--spacing-large);
  }
}
.paginate-wrap .paginate-margin {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 280px;
}

.paginate-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (max-width: 400px) {
  .paginate-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .paginate-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-block: 0;
  }
}
@media (max-width: 1023px) {
  .paginate-container {
    gap: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-inline: 16px;
  }
}
.paginate-container .quantity {
  color: var(--dark-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .paginate-container .quantity {
    text-align: right;
  }
}
.paginate-container #quantity {
  font-family: "Poppins", sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--dark-grey);
  font-size: 16px;
  background-color: var(--background);
  border: transparent;
  cursor: pointer;
  padding: 8px;
  outline: none;
  border-radius: 4px;
}

.custom-select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.custom-select select {
  padding-right: 30px !important;
}

.custom-select::after {
  content: url(/img/filters-arrow-down.svg);
  /* Chevron character */
  font-size: 12px;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  /* Ensures chevron is not clickable */
  color: #333;
  /* Chevron color */
  line-height: 0;
}

.inspiration-link {
  display: block;
}

button {
  border: 0 none;
  background-color: transparent;
  outline: none !important;
}

form .filter-content label {
  color: #323333;
}

.client-dashboard {
  padding-bottom: 24px;
}
.client-dashboard .clients-empty {
  max-width: 290px;
  margin-inline: auto;
  text-align: center;
  padding-block: 40px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .client-dashboard .clients-empty {
    padding-block: 80px;
    margin-top: 40px;
  }
}
.client-dashboard .clients-empty p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  color: #636A86;
}
.client-dashboard .subheader {
  font-size: 20px;
}
.client-dashboard .client-header {
  margin-top: 32px;
}
@media (min-width: 1280px) {
  .client-dashboard {
    display: grid;
    grid-template-columns: 250px 1fr;
    padding-block: 40px 0;
    max-width: 1216px;
    margin-inline: auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .client-dashboard .client-content {
    padding-left: 40px;
    border-left: 1px solid #EFF2F2;
  }
}
@media (min-width: 1280px) {
  .client-dashboard .client-menu {
    margin-top: 32px;
  }
}
.client-dashboard .client-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 1280px) {
  .client-dashboard .client-menu ul {
    position: sticky;
    top: 100px;
  }
}
.client-dashboard .client-menu a {
  color: #323333;
  text-decoration: none;
}
.client-dashboard .client-menu .active a {
  font-weight: 600;
}
@media (max-width: 1279px) {
  .client-dashboard .client-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 16px 0;
    overflow-x: scroll;
  }
  .client-dashboard .client-menu ul li {
    height: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .client-dashboard .client-menu ul li a {
    line-height: 20px;
    font-size: 14px;
    display: block;
    padding-inline: 16px;
    text-wrap: nowrap;
  }
  .client-dashboard .client-menu ul li.active {
    position: relative;
  }
  .client-dashboard .client-menu ul li.active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 3px;
    background-color: var(--red-proplo);
    border-radius: 3px;
  }
}
@media (min-width: 1280px) {
  .client-dashboard .client-menu ul li {
    position: relative;
    padding-left: 8px;
  }
  .client-dashboard .client-menu ul li a {
    padding: 10px 8px;
    display: block;
    line-height: 160%;
    font-size: 16px;
  }
  .client-dashboard .client-menu ul li.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    background-color: var(--red-proplo);
    border-radius: 3px;
  }
}
.client-dashboard .profiles-list {
  padding-block: 24px 16px;
}
@media (min-width: 768px) {
  .client-dashboard .profiles-list {
    padding-block: 24px;
  }
}
.client-dashboard .client-content .query-empty {
  padding-block: 40px;
  text-align: center;
}
@media (min-width: 768px) {
  .client-dashboard .client-content .query-empty {
    padding-block: 80px;
  }
}
.client-dashboard .client-content .query-empty h1 {
  font-size: 16px;
  margin-block: 24px 40px;
  margin-inline: auto;
  display: block;
}
.client-dashboard .client-content h1 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .client-dashboard .client-content h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
  }
}
.client-dashboard .client-content h1 span {
  color: var(--Text-Weak, #7C7F8B);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 768px) {
  .client-dashboard .client-content h1 span {
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
  }
}
.client-dashboard .client-projects {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  padding-block: 24px 16px;
}
@media (min-width: 1204px) {
  .client-dashboard .client-projects {
    gap: 24px;
    row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    padding-block: 40px;
  }
}
.client-dashboard .client-projects .photo-container .photo {
  position: relative;
}
.client-dashboard .client-projects .photo-container .photo .like-remove {
  position: absolute;
  top: 16px;
  right: 24px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 8px;
  color: var(--Neutral-White, #FFF);
  text-align: center;
  /* Desktop/Body 3 */
  font-size: 12px;
  font-weight: 500;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
  text-decoration: none;
  gap: 7px;
  padding: 5px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.client-dashboard .client-projects .photo-container .photo .like-remove img {
  display: block;
}
@media (min-width: 768px) {
  .client-dashboard .client-projects .photo-container .photo .like-remove {
    top: 30px;
    right: 33px;
  }
}

form .dropdown-style .dropdown-style-button .option label.label-width-tippy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.profile-client-dashboard {
  padding-bottom: 24px;
}
@media (min-width: 1280px) {
  .profile-client-dashboard {
    display: grid;
    grid-template-columns: 1fr 280px;
    padding-block: 0 40px;
    width: 100%;
  }
}

.lead_tabs {
  margin-block: 24px;
}
.lead_tabs ul {
  display: Flex;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
}
.lead_tabs ul li {
  margin: 0;
}
.lead_tabs ul li a {
  padding: 12px 12px 22px;
  font-size: 14px;
  color: #000;
  display: block;
  white-space: nowrap;
  position: relative;
}
.lead_tabs ul li a .count-badge {
  font-weight: 400;
}
.lead_tabs ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  background-color: #EFF2F2;
}
.lead_tabs ul li a.active {
  font-weight: 600;
}
.lead_tabs ul li a.active:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 4px;
  background-color: #4A5DE2;
  border-radius: 4px;
}

.version-b {
  background-color: #F7F7FA;
}
.version-b h4, .version-b .h4 {
  font-size: 20px;
  font-weight: 500;
}
.version-b .color-blue {
  color: #365EFC;
}
.version-b .mobile-stepper {
  margin-block: 16px;
}
.version-b .mobile-stepper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 160%;
  margin-bottom: 8px;
}
.version-b .mobile-stepper .progress {
  background-color: rgba(54, 94, 252, 0.1);
}
@media (max-width: 1024px) {
  .version-b.profile-form .fields-container {
    margin-top: 8px;
  }
}
.version-b .profile-breadcrumbs ul {
  list-style: none;
  padding-block: 32px 12px;
  margin: 0;
  padding-inline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.version-b .profile-breadcrumbs ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Text-Weak, #7C7F8B);
}
.version-b .profile-breadcrumbs ul li a {
  color: var(--Text-Enabled, #636A86);
  text-decoration: underline;
}
.version-b .profile-breadcrumbs ul li.active {
  color: var(--Text-Medium, #323333);
  font-weight: 500;
}
.version-b .optional {
  color: var(--Text-Weak, #7C7F8B);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}
@media (max-width: 1024px) {
  .version-b .profile-columns {
    display: Flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .version-b .profile-columns > div {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .version-b .profile-columns .sidebar {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 1024px) {
  .version-b .profile-columns {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
  }
}
.version-b form label {
  color: #636A86;
}
.version-b form .field {
  margin-bottom: 24px;
}
.version-b form .field.nomargin {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .version-b .profile-form .profile-form--two-columns {
    gap: 0;
  }
}
.version-b form .city-row {
  margin-bottom: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--Neutral-Gray-Weak, #EFF2F2);
}
@media (min-width: 768px) {
  .version-b form .city-row {
    padding-block: 24px;
  }
}
.version-b form .city-row .field {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .version-b form .city-row > div {
    position: relative;
    display: grid;
    gap: 0;
  }
  .version-b form .city-row > div label {
    padding-block: 11px;
    margin-bottom: 0;
  }
  .version-b form .city-row > div .remove-city-row {
    position: absolute;
    right: 16px;
    top: 16px;
  }
}
@media (min-width: 1024px) {
  .version-b .city-row > div > .field,
  .version-b .city-row > div > label {
    width: 200px;
  }
  .version-b .remove-city-row {
    margin-left: auto;
  }
}
.version-b .sidebar .sidebar-container {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}
.version-b .sidebar .sidebar-container img {
  min-width: 38px;
  min-height: 38px;
}
@media (min-width: 1024px) {
  .version-b .sidebar .sidebar-container {
    position: sticky;
    top: 100px;
    margin-top: 24px;
  }
}
.version-b .star-required {
  color: inherit;
}
.version-b input[type=radio]:checked,
.version-b input[type=checkbox]:checked {
  background-color: #365EFC;
  border-color: #365EFC;
}
.version-b .radio .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.version-b .radio .radio-group label {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .version-b .radio .radio-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-wrap: nowrap;
  }
  .version-b .radio .radio-group:first-of-type {
    margin-right: 80px;
  }
}
.version-b .radio-container {
  margin-block: 32px;
}
@media (min-width: 768px) {
  .version-b .radio-container {
    margin-block: 40px;
  }
}
.version-b .profile-spacer {
  margin-block: 40px;
}
.version-b .skip-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.version-b .flex-actions a:not(.cta) {
  color: var(--Text-Enabled, #636A86);
}
.version-b .flex-actions .icon-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.version-b .flex-actions .icon-back:before {
  content: url(/img/icons/icon-back.svg);
  width: 24px;
  height: 24px;
}
.version-b .checked-fields {
  margin-block: 24px;
}
@media (min-width: 1024px) {
  .version-b .checked-fields {
    margin-block: 40px 24px;
  }
}
.version-b .tag-container:has(input[disabled]) label {
  color: #BDBDBD;
}
.version-b .tag-container:has(input[disabled]) input {
  border-color: #F7F7FA;
}
.version-b .portfolio-item.new a {
  border: 1px dashed #365EFC;
  color: #365EFC;
}
.version-b .file-selector label {
  border: 1px dashed #365EFC;
  color: #365EFC;
}
.version-b form .avatar-row .preview:not(:has(.avatar_img)) {
  outline: 1px dashed var(--blue-dashboard);
}
.version-b .select_avatar {
  color: var(--blue-dashboard);
}
.version-b .select_avatar:hover {
  color: var(--blue-dashboard);
}
.version-b a.remove {
  margin-left: auto;
  margin-right: 0;
  translate: 0 20px;
}
.version-b .more-actions-wrapper {
  position: relative;
}
.version-b .more-actions-wrapper .more-actions-container {
  position: absolute;
  top: 16px;
  right: 16px;
}
@media (min-width: 768px) {
  .version-b form .service-line .service-detailed-info .field-wrap {
    width: unset;
  }
}
.version-b .color-red {
  color: #FF0000;
}

.banner a.color-blue {
  color: #365EFC;
  font-weight: 600;
  text-decoration: none;
}
.banner a.color-blue:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .banner a.color-blue {
    display: block;
    text-align: right;
    margin-top: 8px;
  }
}

dialog dl dt {
  color: var(--Text-Medium, #323333);
  font-size: 16px;
  font-weight: 500;
  line-height: 160%; /* 25.6px */
  margin-bottom: 8px;
}
dialog dl dd {
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 24px;
}

.dashboard-b.client-dashboard .client-menu ul li.active:before {
  background-color: var(--blue-dashboard);
}
.dashboard-b.client-dashboard .dashboard--matrix .dashboard--matrix--element .dashboard--matrix--title a.icon {
  color: var(--blue-dashboard);
}

@media (min-width: 1024px) {
  body.flex {
    height: unset;
  }
  .profile-form.version-b,
  .profile-form.version-b form {
    min-height: calc(100vh - 92px);
  }
  .profile-form.version-b .profile-columns,
  .profile-form.version-b form .profile-columns {
    min-height: calc(100vh - 92px - 78px);
  }
}
@media (max-width: 768px) {
  .service-line {
    position: relative;
  }
  .service-line a.remove {
    position: absolute;
    right: 0;
    top: 0;
    translate: 0;
    display: block;
  }
}
.check-wrapper {
  display: Flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 8px;
  padding-right: 8px;
  padding-bottom: 0 !important;
  position: relative;
}
.check-wrapper:after {
  content: "";
  border-right: 1px solid #dcdcdc !important;
  position: absolute;
  right: 0;
  height: 60%;
}

.field-wrap .input-8px {
  padding-inline: 8px;
}

.affiliate-dashboard .affiliate-container-spacer {
  margin-top: 32px;
  position: relative;
  border: 0;
}
.affiliate-dashboard .affiliate-container-spacer:after {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  right: -24px;
  border-bottom: 1px solid var(--Border-Disabled, rgba(151, 157, 181, 0.42));
}
@media (min-width: 1024px) {
  .affiliate-dashboard .affiliate-container-spacer {
    display: none;
  }
}
.affiliate-dashboard div.not-found {
  padding-block: 80px;
}
@media (max-width: 1023px) {
  .affiliate-dashboard .client-content {
    border: 0 none;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .affiliate-dashboard .client-content {
    padding-inline: 40px;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .affiliate-dashboard .client-content {
    padding-inline: 0;
  }
}
@media (max-width: 1023px) {
  .affiliate-dashboard .client-content .affiliate-registration-container {
    border: 0 none;
  }
}
.affiliate-dashboard .header h1:has(+ p) {
  margin-bottom: 16px !important;
}
@media (min-width: 1024px) {
  .affiliate-dashboard .faq {
    padding-block: 0;
    margin-block: 80px;
  }
  .affiliate-dashboard .faq .header {
    margin-bottom: 40px;
  }
}
.affiliate-dashboard .how-it-works {
  padding-block: 40px 24px;
}
@media (min-width: 1024px) {
  .affiliate-dashboard .how-it-works {
    margin-block: 64px 80px;
    padding-block: 0;
  }
}
@media (max-width: 1024px) {
  .affiliate-dashboard .how-it-works h1 {
    margin-top: 0;
    font-size: 24px;
  }
}
.affiliate-dashboard .how-it-works .three-columns {
  display: grid;
  gap: 32px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .affiliate-dashboard .how-it-works .three-columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.affiliate-dashboard .how-it-works .three-columns .column {
  padding-block: 8px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .how-it-works .three-columns .column {
    padding: 8px;
  }
}
.affiliate-dashboard .how-it-works .three-columns .column .header-row {
  padding-block: 8px;
  font-weight: 600;
  line-height: 160%;
  font-size: 16px;
}
.affiliate-dashboard .how-it-works .three-columns .column .number {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  width: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 88px;
  background: var(--Alert-Error-Weak, #FFEFEE);
  color: var(--Brand-Primary, #FD5030);
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
}
.affiliate-dashboard .how-it-works .three-columns .column .text-content {
  padding-block: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.affiliate-dashboard .help-container {
  border-radius: 4px;
  background: var(--background-gray-weak);
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  min-width: 334px;
}
.affiliate-dashboard .help-container .help-container-header {
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  /* 22.4px */
}
.affiliate-dashboard .help-container .help-container-links {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.affiliate-dashboard .help-container .help-container-links a {
  color: var(--Text-Strong, #000);
  display: block;
}
@media (max-width: 767px) {
  .affiliate-dashboard .affiliate-program-header .affliate-title {
    padding-block: 24px;
  }
}
.affiliate-dashboard .affiliate-program-header .affliate-title h1 {
  color: var(--Text-Strong, #000);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  /* 33.6px */
  margin-block: 0 8px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .affiliate-program-header .affliate-title h1 {
    line-height: 1.6;
  }
}
.affiliate-dashboard .affiliate-program-header .affliate-title a {
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  /* 22.4px */
  text-decoration: underline;
}
.affiliate-dashboard .affiliate-program-details {
  padding-block: 24px 8px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .affiliate-program-details {
    padding-block: 16px;
  }
}
.affiliate-dashboard .affiliate-program-details .affiliate-program-details-header h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  cursor: pointer;
}
.affiliate-dashboard .affiliate-program-details .affiliate-program-container {
  padding-top: 24px;
}
.affiliate-dashboard .affiliate-program-details .affiliate-program-container .info {
  color: var(--Text-Weak, #7C7F8B);
  /* Desktop/Body 2 */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.affiliate-dashboard .affiliate-program-details .affiliate-program-container .affiliate-program-details-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .affiliate-program-details .affiliate-program-container .affiliate-program-details-columns {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .affiliate-dashboard .affiliate-program-details .affiliate-program-container .affiliate-program-details-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.affiliate-dashboard .affiliate-program-details .affiliate-program-container .affiliate-program-details-columns .results-block {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--Border-Disabled, rgba(151, 157, 181, 0.42));
  background: var(--Neutral-White, #FFF);
}
.affiliate-dashboard .affiliate-program-details .affiliate-program-container .affiliate-program-details-columns .results-block .results-block-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Text-Strong, #000);
  font-size: 24px;
  font-weight: 500;
  line-height: 160%; /* 38.4px */
  gap: 8px;
}
@media (min-width: 1024px) {
  .affiliate-dashboard .affiliate-program-details .affiliate-program-container .affiliate-program-details-columns .results-block .results-block-number {
    font-size: 20px;
  }
}
.affiliate-dashboard .affiliate-program-details .affiliate-program-container .affiliate-program-details-columns .results-block .results-block-title {
  color: var(--Text-Strong, #000);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
@media (min-width: 1024px) {
  .affiliate-dashboard .affiliate-program-details .affiliate-program-container .affiliate-program-details-columns .results-block .results-block-title {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .affiliate-dashboard .two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
  }
}
.affiliate-dashboard .offers-header {
  margin-block: 24px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .offers-header {
    margin-block: 32px;
  }
}
.affiliate-dashboard .offers-header h3 {
  color: var(--Text-Strong, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}
.affiliate-dashboard .offers-header h3 span {
  color: var(--Text-Weak, #7C7F8B);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
.affiliate-dashboard .offer-header-mobile {
  padding: 16px;
}
.affiliate-dashboard .offers-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .offers-list {
    gap: 42px;
  }
}
.affiliate-dashboard .offers-list .offer {
  border-radius: 4px;
  border: 1px solid rgba(187, 187, 187, 0.75);
}
@media (max-width: 767px) {
  .affiliate-dashboard .offers-list .offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .affiliate-dashboard .offers-list .offer .offer-details {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 768px) {
  .affiliate-dashboard .offers-list .offer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
.affiliate-dashboard .offers-list .offer h4 {
  padding-top: 0;
  margin-block: 16px;
}
@media (max-width: 767px) {
  .affiliate-dashboard .offers-list .offer h4 {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .affiliate-dashboard .offers-list .offer h4 {
    padding-top: 8px;
  }
}
.affiliate-dashboard .offers-list .offer h4 a {
  color: var(--Text-Medium, #323333);
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  /* 28px */
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.affiliate-dashboard .offers-list .offer h4 a:after {
  content: "";
  background-image: url(/img/external-link.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  translate: 4px 4px;
  /* 22.4px */
}
.affiliate-dashboard .offers-list .offer h4 a:hover {
  color: var(--Interactive-elements, #365EFC);
}
.affiliate-dashboard .offers-list .offer h4 a:hover:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-image: url(/img/external-link-blue.svg);
}
.affiliate-dashboard .offers-list .offer .comission {
  padding: 2px 8px;
  display: inline-block;
  gap: 4px;
  background: #E0FBC9;
  border-radius: 4px;
}
.affiliate-dashboard .offers-list .offer .offer-header {
  padding: 24px 16px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .offers-list .offer .offer-header {
    padding: 24px;
  }
}
.affiliate-dashboard .offers-list .offer .offer-meta {
  font-size: 12px;
  font-weight: 400;
  line-height: 178%;
  /* 21.36px */
  letter-spacing: 0.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .offers-list .offer .offer-meta {
    margin-bottom: 16px;
  }
}
.affiliate-dashboard .offers-list .offer .offer-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.affiliate-dashboard .offers-list .offer .offer-image img {
  max-width: 100%;
  height: auto;
  max-height: 400px;
}
.affiliate-dashboard .offers-list .offer .price {
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
}
@media (min-width: 768px) {
  .affiliate-dashboard .offers-list .offer .price {
    padding-top: 8px;
  }
}
.affiliate-dashboard .offers-list .offer .offer-link {
  padding: 0 16px 24px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .offers-list .offer .offer-link {
    padding: 0 24px 24px;
  }
}
.affiliate-dashboard .offers-list .offer .offer-link input {
  padding: 11px 16px;
  border-radius: 4px;
  border: 1px solid rgba(151, 157, 181, 0.15);
  background: var(--Fill-Disabled, #F7F7FA);
  width: 100%;
  margin-bottom: 8px;
  color: var(--Text-Weak, #7C7F8B);
}
.affiliate-dashboard .affiliate-program-search {
  padding-block: 32px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .affiliate-program-search {
    padding-top: 0;
  }
}
.affiliate-dashboard .affiliate-program-search h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%; /* 28px */
}
.affiliate-dashboard .affiliate-program-search a {
  color: var(--Text-Medium, #323333);
  font-size: 14px;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
  text-decoration: underline;
}
.affiliate-dashboard .affiliate-program-search .affiliate-program-search-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-block: 32px 24px;
}
@media (min-width: 768px) {
  .affiliate-dashboard .affiliate-program-search .affiliate-program-search-input {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-block: 40px 16px;
  }
}
.affiliate-dashboard .affiliate-program-search input {
  border-radius: 6px;
  border: 1px solid var(--Text-Strong, #000);
  padding: 11px 16px;
  width: 100%;
  max-width: 448px;
}
@media (max-width: 767px) {
  .affiliate-dashboard .affiliate-program-search {
    max-width: unset;
    width: 100%;
  }
}
.affiliate-dashboard .affiliate-program-search .search-info {
  padding: 8px;
  color: var(--Text-Weak, #7C7F8B);
  font-size: 12px;
  font-weight: 400;
  line-height: 178%; /* 21.36px */
  letter-spacing: 0.2px;
  background: var(--Fill-Disabled, #F7F7FA);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .affiliate-dashboard .affiliate-program-search .search-info {
    padding-inline: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .affiliate-registration.max-width {
    max-width: 100%;
    margin-inline: 0;
  }
}

.affiliate-registration-header {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .affiliate-registration-header {
    margin-bottom: 80px;
  }
}

.affiliate-registration-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  border-radius: 8px;
  border: 1px solid var(--Border-Disabled, rgba(151, 157, 181, 0.42));
  background: var(--Neutral-White, #FFF);
}
@media (min-width: 1024px) {
  .affiliate-registration-container {
    grid-template-columns: 1fr 345px;
  }
}
@media (min-width: 1024px) {
  .affiliate-registration-container .affiliate-registration-img {
    aspect-ratio: 58/53;
    height: 100%;
  }
}
.affiliate-registration-container .affiliate-registration-img img {
  width: auto;
  height: 100%;
}
@media (max-width: 767px) {
  .affiliate-registration-container .affiliate-registration-img img {
    width: calc(100% + 48px);
    margin-left: -24px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .affiliate-registration-container .affiliate-registration-img img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .affiliate-registration-container .affiliate-registration-img img {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
@media (min-width: 1024px) {
  .affiliate-registration-container .affiliate-registration-content {
    padding: 24px;
  }
}
.affiliate-registration-container .affiliate-registration-content .info {
  padding: 8px 16px;
  border-radius: 4px;
  background: var(--Background-Weak, #F7F7FA);
  color: var(--Text-Strong, #000);
  font-size: 18px;
  font-weight: 400;
  line-height: 160%; /* 28.8px */
  margin-left: 0;
  display: inline-block;
  margin-block: 24px;
}
@media (min-width: 1024px) {
  .affiliate-registration-container .affiliate-registration-content .info {
    margin-block: 16px;
  }
}
@media (max-width: 1023px) {
  .affiliate-registration-container .affiliate-registration-content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 1024px) {
  .affiliate-registration-container .affiliate-registration-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.affiliate-registration-container .affiliate-registration-content h2 {
  text-wrap: balance;
  font-size: 24px;
  font-weight: 500;
  line-height: 160%;
}
.affiliate-registration-container .affiliate-registration-content .terms-container {
  margin-block: 0 12px;
}
.affiliate-registration-container .affiliate-registration-content label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #323333;
  font-size: 14px;
}
.affiliate-registration-container .affiliate-registration-content label.invalid {
  color: #d9213c;
}
.affiliate-registration-container .affiliate-registration-content label.invalid input {
  border: 1px solid #d9213c;
}
.affiliate-registration-container .affiliate-registration-content label a {
  color: inherit;
  text-decoration: underline;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .affiliate-program-details.show .affiliate-program-container {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
  .affiliate-program-details.show {
    border-bottom: 1px solid #EFF2F2;
  }
}
@media (max-width: 1023px) {
  .affiliate-program-search {
    position: relative;
  }
  .affiliate-program-search:after {
    content: "";
    border-top: 1px solid var(--Border-Disabled, rgba(151, 157, 181, 0.42));
    width: calc(100% + 48px);
    position: absolute;
    top: 0;
    left: -24px;
  }
}
body .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled {
  pointer-events: initial;
}

.max-width-1216px {
  max-width: 1216px;
  margin-inline: auto;
}

.page-404 {
  height: 747px;
  margin: 0 auto;
  text-align: center;
}
.page-404 .error-code {
  font-size: 18px;
}
@media (max-width: 1023px) {
  .page-404 {
    padding-block: 90px;
    padding-inline: 32px !important;
  }
}
@media (min-width: 768px) {
  .page-404 {
    height: 747px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.page-404 h1 {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 67.2px */
  letter-spacing: -1.2px;
  margin-block: 24px;
}
@media (min-width: 768px) {
  .page-404 h1 {
    font-weight: 700;
    font-size: 48px;
    max-width: 1000px;
    margin-inline: auto;
    margin-block: 0;
  }
}
.page-404 p {
  color: var(--Text-Medium, #323333);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
@media (min-width: 768px) {
  .page-404 p {
    margin: 0;
  }
}
.page-404 .links-404 {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
  display: grid;
}
@media (min-width: 768px) {
  .page-404 .links-404 {
    margin-top: 56px;
  }
}
@media (min-width: 600px) {
  .page-404 .links-404 {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (min-width: 1100px) {
  .page-404 .links-404 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.page-404 .links-404 div.link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 240px;
  padding: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-404 .links-404 a {
  margin-inline: auto;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .page-404 .links-404 a {
    font-size: 16px;
  }
}
.page-404 .links-404 a {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.page-404 .links-404 a:not(:has(img, svg)):after {
  content: "";
  width: 0;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  bottom: 4px;
  left: 0;
  display: block;
}
.page-404 .links-404 li a:after {
  bottom: 2px;
}
.page-404 .links-404 a:not(:has(img, svg)):hover:after {
  content: "";
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.page-404 .links-404 li a:hover:after {
  border-bottom: 1px solid;
}
.page-404 .links-404 a:has(img, svg) svg {
  color: #BDBDBD;
  fill: #BDBDBD;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.page-404 .links-404 a:has(img, svg):hover svg {
  color: #fff;
  fill: #fff;
}

.service-line input[type=text] {
  min-width: 200px;
}/*# sourceMappingURL=style.css.map */