/*!
Theme Name: ZAPRAWIENI
Theme URI: https://finerto.pl
Author: Esumo
Author URI: https://esumohq.com
Version: 1.0.0
*/

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
}

img {
  pointer-events: none;
}

body,
input,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Aeonik", sans-serif;
  font-weight: 300;
}

body.page-id-8130 {
  font-weight: 400;
}

.container {
  width: 95%;
  margin: 0 auto;
  max-width: 1240px;
}

.row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

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

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

.row.justify-between {
  justify-content: space-between;
}

.h1 {
  font-size: 52px;
  line-height: 100%;
}

.h2 {
  font-size: 40px;
  line-height: 100%;
}

.h3 {
  font-size: 30px;
  line-height: 100%;
}

.large {
  line-height: 100%;
  font-size: 24px;
}

.semi {
  font-size: 18px;
  line-height: 135%;
}

.normal,
p {
  font-size: 16px;
  line-height: 135%;
}

.small {
  font-size: 14px;
  line-height: 100%;
}

.xs {
  font-size: 11px;
  line-height: 100%;
}

.uppercase {
  text-transform: uppercase;
}

/* Header */

header.notification--bar {
  background-color: #c2955d;
  padding: 8px 0;
}

header.notification--bar a {
  display: flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
  text-decoration: none;
  align-items: center;
  color: #fff;
  font-weight: 600;
}

header.notification--bar a span {
  background-color: #fff;
  display: inline-flex;
  padding: 4px 6px;
  color: #c2955d;
  font-weight: 700;
  border-radius: 2px;
}

header.main {
  position: absolute;
  z-index: 10;
  width: 100%;
  padding: 48px 0;
}

header.main.fixed {
  position: fixed;
  top: -120px;
  z-index: 11;
  width: 100%;
  background-color: #fff;
  padding: 24px 0;
  transition: 0.5s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

header.main.fixed.active {
  top: 0;
}

header.main .container-fluid {
  width: 100%;
  padding: 0 25px;
}

header.main nav ul {
  list-style: none;
  display: flex;
  margin: 0;
  gap: 40px;
  padding: 0;
}

header.main nav ul li a {
  color: #fff;
  text-decoration: none;
  display: flex;
  gap: 8px;
  padding: 4px 0;
}

header.main.fixed nav ul li a {
  color: #000;
}

@media (min-width: 1100px) {
  /* Underline From Left */
  .hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
  }
  .hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #c2955d;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-underline-from-left:hover:before,
  .hvr-underline-from-left:focus:before,
  .hvr-underline-from-left:active:before {
    right: 0;
  }
}

header.main nav ul li.subnav {
  position: relative;
}

header.main nav ul li.subnav > ul {
  bottom: 1px;
  opacity: 0;
  display: none;
  left: 16px;
  position: absolute;
  flex-direction: column;
  padding: 16px 0 0;
  transform: translateY(100%);
  transition: 0.5s;
  gap: 0;
}

header.main nav ul li.subnav:hover > ul {
  opacity: 1;
  display: flex;
}

header.main nav ul li.subnav > ul > li {
  position: relative;
}

header.main nav ul li.subnav > ul > li > a {
  white-space: nowrap;
  background-color: #fff;
  line-height: 48px;
  border-bottom: 1px solid #f3f3f3;
  color: #000;
  padding: 0 16px;
  transition: 0.5s;
}

@media (min-width:1100px){
header.main nav ul li.subnav > ul > li:first-of-type > a{
  font-weight:500;
  text-decoration:underline;
  text-decoration-color:#c2955d;
}
}

header.main.fixed nav ul li.subnav > ul > li > a {
  background-color: #f6f6f6;
}

header.main nav ul li.subnav > ul > li:hover > a {
  background-color: #d9d9d9;
}

header.main nav ul li.subnav > ul > li > ul {
  right: 0px;
  top: 0;
  opacity: 0;
  display: none;
  position: absolute;
  flex-direction: column;
  padding: 16px 0 0;
  transform: translateX(100%);
  transition: 0.5s;
  gap: 0;
  padding: 0;
}

header.main nav ul li > ul > li:hover > ul {
  opacity: 1;
  display: flex;
}

header.main nav ul li.subnav > ul > li > ul > li > a {
  white-space: nowrap;
  background-color: #d9d9d9;
  line-height: 48px;
  border-bottom: 1px solid #f3f3f3;
  color: #000;
  padding: 0 16px;
  transition: 0.5s;
}

header.main.fixed nav ul li.subnav > ul > li > ul > li > a {
  background-color: #d9d9d9;
}

header.main nav ul li.subnav > ul > li > ul > li:hover > a {
  background-color: #cecece;
}

header.main .primary--gold {
  margin-top: 0;
  padding: 15px 20px;
  font-weight: 600;
  min-width: 210px;
  text-align: center;
}

[data-block="search"] {
  --search-color-dark: #3f3d45;
  --search-color-gold: #c2955d;
  --search-color-placeholder: #757479;
  --search-bg: #f2f2f2;
  --search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.5' stroke='%233f3d45' stroke-width='1.5'/%3E%3Cpath d='M9.5 9.5L12 12' stroke='%233f3d45' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");

  flex-shrink: 0;
  width: 100%;
  max-width: 240px;

  & > div {
    width: 100%;
  }

  form,
  .searchwp-form,
  .swp-search-form {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin: 0;
    width: 100%;
    min-height: 34px;
    background: var(--search-bg);
    border-bottom: 2px solid var(--search-color-dark);
    transition: border-color 0.3s;

    &:focus-within {
      border-bottom-color: var(--search-color-gold);
    }
  }

  label,
  .swp-flex--col,
  .swp-flex--row {
    display: flex;
    align-items: stretch;
    flex: 1;
    margin: 0;
    width: 100%;
    gap: 0;
  }

  .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }

  input[type="search"],
  input[type="text"],
  .search-field,
  .swp-input,
  .swp-input--search {
    flex: 1;
    width: 100%;
    min-width: 0;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: var(--search-color-dark);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.35;
    padding: 0 8px 0 12px;
    margin: 0;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;

    &::placeholder {
      color: var(--search-color-placeholder);
    }
  }

  button,
  input[type="submit"],
  .search-submit,
  .swp-button {
    width: 34px;
    min-width: 34px;
    height: 32px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-image: var(--search-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity 0.3s;

    &:hover {
      opacity: 0.7;
    }
  }
}

header.main .header-box {
  display: flex;
  align-items: center;
  gap: 16px;
}

header.main .header-box .line {
  display: block;
  width: 1px;
  height: 48px;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}

header.main.fixed .header-box .line {
  background: rgba(0, 0, 0, 0.1);
}

header.main .header-search-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.85);
  transition: opacity 0.3s;

  &:hover {
    opacity: 0.7;
  }

  svg {
    width: 22px;
    height: 22px;
  }
}

header.main.fixed .header-search-link {
  color: rgba(63, 61, 69, 0.85);
}

#new-blog-search .offer--hero .desc {
  padding: 56px 64px;
}

#new-blog-search .offer--hero .desc .col {
  width: 100%;
}

#new-blog-search .offer--hero .desc .col h1 {
  margin: 0 0 28px;
}

#new-blog-search .offer--hero .desc .col p.semi {
  margin-bottom: 36px;
}

#new-blog-search .offer--hero .desc .col p.semi.search-query-info {
  margin-top: 20px;
  margin-bottom: 0;
}

#new-blog-search .offer--hero [data-block="search"] {
  --search-bg: rgba(255, 255, 255, 0.12);
  --search-color-dark: rgba(255, 255, 255, 0.85);
  --search-color-placeholder: rgba(255, 255, 255, 0.65);
  --search-divider: rgba(217, 217, 217, 0.55);
  --search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M9.5 9.5L12 12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");

  max-width: 100%;
  width: 100%;
  margin-top: 0;

  form,
  .searchwp-form,
  .swp-search-form {
    min-height: 52px;
  }

  input[type="search"],
  input[type="text"],
  .search-field,
  .swp-input,
  .swp-input--search {
    color: #fff;
    height: 48px;
    font-size: 16px;
    padding: 0 16px 0 20px;
  }

  button,
  input[type="submit"],
  .search-submit,
  .swp-button {
    width: 56px;
    min-width: 56px;
    height: 48px;
    border-left: 1px solid var(--search-divider);
    background-size: 20px;
    background-position: calc(100% - 14px) center;
  }

  .swp-search-form svg,
  .swp-search-form [class*="icon"] {
    width: 20px;
    height: 20px;
  }

  .swp-search-form > svg,
  .swp-search-form .swp-search-icon,
  .swp-search-form [class*="search-icon"] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin: 0;
    padding: 0 10px 0 14px;
    border-left: 1px solid var(--search-divider);
  }

  .swp-search-form > svg + button,
  .swp-search-form .swp-search-icon + button,
  .swp-search-form [class*="search-icon"] + .swp-button,
  .swp-search-form [class*="search-icon"] + button {
    width: auto;
    min-width: auto;
    padding: 0 18px 0 10px;
    border-left: none;
    background-image: none;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
  }

  form:focus-within,
  .searchwp-form:focus-within,
  .swp-search-form:focus-within {
    --search-bg: rgba(255, 255, 255, 0.18);
    border-bottom-color: var(--search-color-gold);
  }
}

#new-blog-search .main-content-wrapper {
  padding-bottom: 48px;
}

.typed-cursor {
  font-weight: 300;
}
/* Footer */

footer.main {
  padding: 0;
  width: 100%;
  overflow: hidden;
  background-color: #252428;
}

footer.main .copyrights {
  padding: 40px 0;
  border-top: 1px solid #3f3d45;
}

footer.main .copyrights ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 24px;
}

footer.main .copyrights ul li a,
footer.main .copyrights span a {
  text-decoration: none;
  color: #d9d9d9;
}

footer.main .copyrights span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #d9d9d9;
}

footer.main .copyrights span small {
  color: #c2955d;
}

footer.main .col {
  width: 23%;
}

footer.main .col p.large {
  color: #fff;
  width: 100%;
  text-align: right;
  margin: 0 0 24px;
}

footer.main .col .footer--nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
  gap: 4px;
  padding: 0;
}

footer.main .footer-columns {
  padding: 40px 0 24px;
}

footer.main .col .footer--nav li {
  padding: 16px 0;
  border-bottom: 1px solid #3f3d45;
}

footer.main .col .footer--nav li:last-of-type {
  border-bottom: 0;
}

footer.main .col .footer--nav li:first-of-type {
  padding: 16px 0;
  border-bottom: 1px solid #3f3d45;
}

footer.main .col .footer--nav li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #d9d9d9;
  text-decoration: none;
}

footer.main .col .footer--nav li a span {
  color: #c2955d;
}

footer.main .footer-header {
  align-items: center;
  padding: 96px 0 48px;
  border-bottom: 1px solid #c2955d;
}

footer.main .footer-header img {
  display: block;
  width: 100%;
  min-width: 300px;
}

footer.main .footer-header img.slogan {
  max-width: 355px;
}

footer.main .footer-header p.h2 {
  margin: 0;
  text-align: right;
  color: #fff;
}

footer.main .footer-details {
  align-items: center;
  padding: 48px 0;
  border-bottom: 1px solid #c2955d;
}

footer.main .footer-details span {
  color: #d9d9d9;
  display: inline-block;
}

footer.main .footer-details a {
  text-decoration: none;
  margin: 0;
  text-align: right;
  color: #fff;
}

/* Header */

/* Homepage */

.home--about {
  padding: 96px 0;
  overflow: hidden;
}

.home--about .header {
  position: relative;
  margin-bottom: 96px;
}

.home--about .header span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 156px;
  line-height: 135%;
  font-weight: 300;
  display: block;
  color: #f3f3f3;
  transform: translateX(30%) translateY(-20%);
}

.home--about .header img {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

.home--about .header span strong {
  font-weight: 300;
  color: #c2955d;
}

.home--about .header h2 {
  font-size: 40px;
  margin: 0 0 40px;
  color: #000;
  font-weight: 300;
  width: 100%;
  max-width: 720px;
}

.home--about .header p {
  width: 100%;
  max-width: 720px;
  font-size: 18px;
  line-height: 135%;
  font-weight: 300;
  margin: 0;
}

.home--about .single--news-box {
  width: 24%;
  background-color: #f3f3f3;
}

.home--about .single--news-box .thumbnail {
  position: relative;
}

.home--about .single--news-box .thumbnail:after {
  content: "";
  display: block;
  width: 50%;
  height: 35px;
  background-color: #fff;
  top: 0;
  left: 0;
  position: absolute;
}

.home--about .single--news-box .thumbnail img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.home--about .single--news-box .meta {
  padding: 20px;
}

.home--about .single--news-box .meta h3 {
  font-weight: 300;
  font-size: 24px;
  margin: 0;
}

.home--about .single--news-box .meta p {
  margin: 32px 0;
  font-size: 16px;
  line-height: 135%;
  width: 90%;
}

.home--about .single--news-box .meta .more,
a.more {
  display: inline-flex;
  color: #000;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  padding: 0 0 4px;
  transition: 0.5s;
}

.home--about .single--news-box .meta .more img {
  display: block;
  width: 12px;
  height: 12px;
}

.home--about .single--news-box .meta .more:hover {
  color: #c2955d;
}

.home--offer {
  padding: 96px 0 56px;
  background-color: #252428;
}

.home--offer .row > .desc,
.home--offer .row > img {
  width: 48%;
}

.home--offer .row > .desc h2 {
  color: #fff;
  width: 90%;
  margin: 0 0 40px;
}

.home--offer .row > .desc p {
  width: 90%;
  color: #fff;
  margin: 0;
}

.home--offer .row > img {
  display: block;
}

.home--offer .row > h4 {
  color: #d9d9d9;
  margin: 60px 0;
  padding-top: 10px;
  border-top: 1px solid #3f3d45;
  width: 100%;
}

.home--offer .row > p {
  color: #d9d9d9;
  margin: 60px 0;
  padding-top: 10px;
  border-top: 1px solid #3f3d45;
  width: 100%;
}

.home--offer .row > h3 {
  color: #d9d9d9;
  margin: 60px 0;
  padding-top: 10px;
  border-top: 1px solid #3f3d45;
  width: 100%;
}

.home--offer .single--offer {
  margin-top: 56px;
  position: relative;
  z-index: 1;
}

.home--offer .single--offer#Prawo {
  margin-bottom: -96px;
  padding-top: 140px;
  margin-top: -96px;
  z-index: 3;
}

.home--offer .single--offer#Podatki {
  margin-top: 0;
  margin-bottom: -96px;
  padding-top: 140px;
  z-index: 2;
}

.home--offer .single--offer#Finanse {
  margin-bottom: 0;
  padding-top: 140px;
  margin-top: 0;
  z-index: 1;
}

.home--offer .single--offer .desc,
.home--offer .single--offer .offer-list {
  width: 48%;
}

.home--offer .single--offer .desc h5 {
  color: #fff;
  margin: 0 0 20px;
}

.home--offer .single--offer .desc h4,
.home--offer .single--offer .desc h3 {
  color: #c2955d;
  margin: 0 0 40px;
}

.home--offer .single--offer .desc p {
  margin: 8px 0;
  width: 95%;
}

.home--offer .single--offer .desc .more,
a.more.white {
  display: inline-flex;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  transition: 0.5s;
  padding: 0 0 4px;
  margin-top: 40px;
}

.home--offer .single--offer .desc .more:hover,
a.more:hover {
  color: #c2955d;
}

.home--offer .single--offer .desc .more img,
a.more img {
  display: block;
  width: 12px;
  height: 12px;
}

.home--offer .single--offer .offer-list {
  background-color: #1f1e22;
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  gap: 0;
  flex-direction: column;
}

.home--offer .single--offer .offer-list li {
  display: flex;
  padding: 0 40px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  text-align: right;
  transition: 0.5s;
}

.home--offer .single--offer .offer-list li a {
  padding: 40px 0;
  border-bottom: 1px solid #3f3d45;
  color: #fff;
  text-decoration: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transition: 0.5s;
}

.home--offer .single--offer .offer-list li:hover {
  background-color: #3f3d45;
}

.home--offer .single--offer .offer-list li:hover a {
  border-color: transparent;
}

.home--offer .single--offer .offer-list li:last-of-type a {
  border-bottom: 0;
}
/* 
.home--offer .single--offer .offer-list li:first-of-type a{
  border-bottom: 1px solid #3f3d45;
} */

.home--offer .single--offer .offer-list li span {
  color: #c2955d;
}

.home--magnet {
  padding: 96px 0;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.home--magnet .desc {
  width: 45%;
  position: relative;
  z-index: 1;
}

.home--magnet .desc h3,
.home--magnet .desc h2 {
  margin-top: 0;
}

.home--magnet .desc p {
  margin: 24px 0;
}

.home--magnet img {
  display: block;
  width: 45%;
}

.home--testimonies {
  padding: 96px 0;
  background-size: cover;
  background-position: top center;
}

.home--testimonies .testimonies-header {
  width: 30%;
}

.home--testimonies h3 {
  color: #fff;
  margin: 0;
}

.arrow-nav {
  display: flex;
  gap: 4px;
  margin-top: 40px;
}

.arrow-nav img {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: contain;
  object-position: center center;
  border-radius: 50%;
  padding: 16px;
  transition: 0.5s;
  pointer-events: initial;
}

.arrow-nav img:hover {
  cursor: pointer;
  background-color: #3f3d45;
}

.arrow-nav.light img:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}

.home--testimonies .testimony--wrapper {
  width: 60%;
}

@media (min-width: 1200px) {
  .home--testimonies .testimony--wrapper {
    min-width: 745px;
  }
}

.home--testimonies .testimony--wrapper .owl-stage-outer {
  width: 100%;
}

.home--testimonies .testimony--wrapper .single-testimony p {
  margin: 0;
  font-size: 30px;
  line-height: 136%;
  color: #fff;
}

.home--testimonies .testimony--wrapper .single-testimony p.author {
  margin: 24px 0 0;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 135%;
}

.home--testimonies .testimony--wrapper .single-testimony p.signature {
  color: #fff;
  margin: 0;
  font-size: 16px;
  font-weight: 300;
}

.home--testimonies .logotypes {
  display: flex;
  padding: 0;
  margin: 64px 0 0;
  flex-wrap: wrap;
  width: 100%;
}

.home--testimonies .logotypes li {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  border: 1px solid #fff;
}

.home--testimonies .logotypes li img {
  display: block;
  max-width: 60%;
  max-height: 70px;
  object-fit: contain;
}

.home--testimonies .consultation {
  display: block;
  background-color: #fff;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  text-align: center;
  padding: 24px;
  width: 100%;
}

.mateusz--cta {
  background: linear-gradient(90deg, #fff 50%, #252428 50%);
}

.mateusz--cta.grey-bg {
  background: linear-gradient(90deg, #fff 50%, #f3f3f3 50%);
}

.mateusz--cta .row.align-stretch,
.home--about .row.align-stretch {
  align-items: stretch;
}

.mateusz--cta .col {
  width: 33.33%;
  flex: 1;
}

.mateusz--cta .col:nth-of-type(1) {
  padding-right: 24px;
}

.mateusz--cta .col:nth-of-type(1),
.mateusz--cta .col:nth-of-type(3) {
  padding: 64px 0 48px;
}

.mateusz--cta
  .forminator-ui.forminator-custom-form[data-grid="open"]
  .forminator-row:not(:last-child) {
  margin-bottom: 10px;
}

.mateusz--cta .col:nth-of-type(1) h3,
.mateusz--cta .col:nth-of-type(1) h2 {
  margin: 0 0 40px;
}

.mateusz--cta .col:nth-of-type(1) p {
  margin: 24px 0 0;
  width: 90%;
  font-size: 18px;
  line-height: 138%;
}

.mateusz--cta .col:nth-of-type(2) {
  padding: 0 24px;
}

.mateusz--cta .col:nth-of-type(2) img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mateusz--cta .col:nth-of-type(3) {
  padding-left: 24px;
}

.mateusz--cta .col:nth-of-type(3) h3 {
  color: #fff;
  margin: 0 0 40px;
}

.mateusz--cta .col:nth-of-type(3) form {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
}

.mateusz--cta .col:nth-of-type(3) .forminator-ui .forminator-label,
.contact--hero .desc .col form .forminator-ui .forminator-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 8px;
  width: 100%;
  white-space: nowrap;
}

.mateusz--cta .col:nth-of-type(3) .forminator-ui .forminator-row,
.mateusz--cta .col:nth-of-type(3) .forminator-ui .forminator-field,
.mateusz--cta .col:nth-of-type(3) .forminator-ui .forminator-row > * {
  width: 100%;
}

.mateusz--cta
  .col:nth-of-type(3)
  .forminator-ui
  .forminator-label
  .forminator-required,
.contact--hero .desc .col form label .forminator-required {
  color: #c2955d;
  display: inline;
}

.mateusz--cta .col:nth-of-type(3) form input[type="text"],
.mateusz--cta .col:nth-of-type(3) form input[type="email"] {
  padding: 16px;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #fff;
  margin-bottom: 16px;
  font-size: 16px;
  color: #fff;
  width: 100%;
}

.mateusz--cta .col:nth-of-type(3) form span.forminator-error-message {
  background-color: rgba(255, 255, 255, 0.04);
  width: 100%;
  padding: 5px;
  color: #c2955d;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.mateusz--cta.grey-bg .col:nth-of-type(3) form span.forminator-error-message {
  background-color: rgba(0, 0, 0, 0.04);
}

.mateusz--cta .forminator-response-message {
  background-color: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 13px;
  width: 100%;
  line-height: 135%;
}

.mateusz--cta.grey-bg .forminator-response-message {
  color: #000;
  background-color: rgba(0, 0, 0, 0.04);
}

.mateusz--cta .forminator-response-message.forminator-accessible {
  padding: 5px;
  margin-bottom: 24px;
}

.mateusz--cta
  .col:nth-of-type(3)
  form
  .forminator-field-consent
  .forminator-field
  > label,
.forminator-edit-module {
  display: none !important;
}

f.mateusz--cta .col:nth-of-type(3) form .forminator-row {
  margin: 0 !important;
}

.mateusz--cta .col:nth-of-type(3) form .forminator-checkbox__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.mateusz--cta .col:nth-of-type(3) form .forminator-checkbox__wrapper p {
  margin: 0;
  color: #fff;
  font-size: 10px;
  line-height: 135%;
}

.mateusz--cta
  .col:nth-of-type(3)
  form
  .forminator-checkbox__wrapper
  p:nth-of-type(2) {
  margin-top: 10px;
}

.mateusz--cta.grey-bg .col:nth-of-type(3) .forminator-ui .forminator-label,
.mateusz--cta.grey-bg .col:nth-of-type(3) form .forminator-checkbox__wrapper p,
.mateusz--cta.grey-bg
  .col:nth-of-type(3)
  form
  .forminator-checkbox__wrapper
  p
  a {
  color: #000;
}

.mateusz--cta.grey-bg .col:nth-of-type(3) form input[type="email"] {
  border-color: #000;
}

.mateusz--cta .col:nth-of-type(3) form input::placeholder {
  color: #fff;
}

.mateusz--cta.grey-bg .col:nth-of-type(3) form input::placeholder {
  color: #000;
}

.mateusz--cta .col:nth-of-type(3) form span {
  color: #f3f3f3;
  width: 90%;
  display: block;
  margin: 8px 0;
}

.mateusz--cta .col:nth-of-type(3) form button {
  background-color: #c2955d;
  color: #fff;
  font-size: 16px;
  padding: 24px;
  border: 0;
  margin-top: 16px;
  transition: 0.5s;
  cursor: pointer;
}

.mateusz--cta.grey-bg .col:nth-of-type(3) h3,
.mateusz--cta.grey-bg .col:nth-of-type(3) form label,
.mateusz--cta.grey-bg .col:nth-of-type(3) form input[type="text"],
.mateusz--cta.grey-bg .col:nth-of-type(3) form input::placeholder,
.mateusz--cta.grey-bg .col:nth-of-type(3) form span {
  color: #000;
}

.mateusz--cta.grey-bg .col:nth-of-type(3) form input[type="text"] {
  border-bottom: 2px solid #000;
}

.home--consultation {
  background-color: #c2955d;
  position: relative;
}

.home--consultation .desc {
  width: 50%;
  position: relative;
  padding: 96px 96px 96px 0;
  color: #fff;
  overflow: hidden;
}

.home--consultation .desc > * {
  z-index: 1;
  position: relative;
}

.home--consultation .desc .z1 {
  position: absolute;
  opacity: 0.07;
  height: 100%;
  right: -104px;
  z-index: 0;
  top: 0;
}

.home--consultation .desc h3 {
  margin: 0 0 40px;
}

.home--consultation p,
.home--magnet p {
  font-size: 18px;
  line-height: 135%;
}

.home--consultation .row > img {
  position: absolute;
  width: 50%;
  display: block;
  height: 100%;
  right: 0;
  z-index: 1;
  object-fit: cover;
  object-position: center center;
}

.home--consultation.two-ones .images {
  position: absolute;
  width: 50%;
  display: block;
  height: 100%;
  right: 0;
  z-index: 1;
}

.home--consultation.two-ones .images > img:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
}

.home--consultation.two-ones .images > img:nth-of-type(2) {
  width: 100%;
  height: calc(100% - 232px);
  position: absolute;
  bottom: 0;
  object-fit: cover;
  object-position: center center;
}

a.primary--white {
  background-color: #fff;
  padding: 24px;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  border: 0;
  font-weight: 500;
  display: inline-block;
  margin-top: 24px;
  transition: 0.5s;
}

a.primary--white:hover {
  background-color: #d9d9d9;
}

a.primary--gold {
  background-color: #c2955d;
  padding: 24px !important;
  text-align: center;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  border: 0;
  font-weight: 500;
  display: inline-block;
  margin-top: 24px;
  transition: 0.5s;
}

a.primary--gold:hover,
.mateusz--cta .col:nth-of-type(3) form button:hover,
.contact--hero .desc .col form button:hover {
  background-color: #7e623e;
  color: #fff;
}

.home--what .container {
  position: relative;
  padding: 200px 0 96px;
  min-height: 800px;
}

.home--what .z {
  position: absolute;
  height: 100%;
  top: 0;
  left: -40px;
  opacity: 0.07;
}

.home--what .row {
  position: relative;
  z-index: 1;
}

.home--what .tabs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.home--what .tabs-nav,
.home--what .tabs-stage {
  width: 45%;
}

.home--what .tabs-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.home--what .tabs-nav li {
  padding-left: 100px;
  background-image: url("https://finerto.pl/wp-content/uploads/2023/10/plus.svg");
  background-position: left center;
  background-repeat: no-repeat;
  transition: 0.5s;
}

.home--what .tabs-nav li.tab-active {
  background-image: url("https://finerto.pl/wp-content/uploads/2023/10/minus.svg");
}

.home--what .tabs-nav li:hover a {
  color: rgba(0, 0, 0, 0.5);
}

.home--what .tabs-nav li a {
  color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  font-size: 30px;
  line-height: 100%;
  transition: 0.5s;
}

.home--what .tabs-nav li.tab-active a {
  color: #000;
  font-size: 40px;
  line-height: 100%;
}

.home--what .desc p {
  color: #252428;
  margin: 12px 0;
  width: 90%;
}

.home--what .titles > * {
  position: relative;
  padding-left: 96px;
  width: 90%;
}

.home--what .titles > * img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.home--what .titles h2 {
  margin-top: 12px;
}

.home--what .titles h3 {
  color: rgba(0, 0, 0, 0.3);
  margin-top: 64px;
}

.scroll-down {
  position: absolute;
  left: 0;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 32px;
  color: #c2955d;
  font-weight: 300;
  text-decoration: none;
}

.scroll-down.white {
  color: #fff;
}

.home--hero {
  padding-top: 164px;
  position: relative;
  margin-bottom: -1px;
}

.home--hero:before {
  content: "";
  background-image: linear-gradient(
    to bottom,
    rgba(37, 36, 40, 1),
    rgba(37, 36, 40, 0.6)
  );
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.home--hero video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.home--hero .container {
  position: relative;
  z-index: 2;
  padding: 136px 0 120px;
}

.home--hero .row {
  justify-content: flex-end;
}

.home--hero .z1 {
  position: absolute;
  height: 100%;
  width: auto;
  left: -120px;
  top: 1px;
  opacity: 0.1;
}

.home--hero .desc {
  width: 50%;
  color: #fff;
}

.home--hero .desc h1 {
  color: #c2955d;

  margin-bottom: 24px;
}

@media (max-width: 900px) {
  .home--hero .desc h1 span {
    font-size: 28px;
    max-width: 360px;
  }
  .home--hero .desc h1 span img {
    width: 20px;
  }
}

.home--hero .desc h1 span.white {
  color: #fff;
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
  font-weight: 500;
}

.home--hero .desc h1 span.gold {
  color: #c2955d;
  font-weight: 500;
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 12px;
}

.home--hero .desc h1 span.gold:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c2955d;
}

/* Contact */

.contact--hero {
  padding-top: 164px;
  position: relative;
  background-position: center center;
  background-size: cover;
}

.contact--hero:before {
  content: "";
  background-image: linear-gradient(
    to bottom,
    rgba(37, 36, 40, 1),
    rgba(37, 36, 40, 0.6)
  );
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.contact--hero .container {
  position: relative;
  z-index: 2;
  padding: 120px 0;
}

.contact--hero .row {
  justify-content: flex-end;
}

.contact--hero .z1 {
  position: absolute;
  height: 100%;
  width: auto;
  left: -120px;
  opacity: 0.25;
  top: 1px;
}

.contact--hero .desc {
  width: 85%;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  position: relative;
}

.contact--hero .desc:before {
  content: "";
  background-color: rgba(37, 36, 40, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.contact--hero .desc .col {
  width: 42%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.contact--hero .desc .col > * {
  margin: 0;
}

.contact--hero .desc .col form {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* .contact--hero .desc .col  form label {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 8px;
  width: 100%;
} */

.contact--hero .desc .col form input[type="text"],
.contact--hero .desc .col form input[type="email"] {
  padding: 16px;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #fff;
  margin-bottom: 16px;
  font-size: 16px;
  color: #fff;
  width: 100%;
}

.contact--hero .desc .col form input::placeholder {
  color: #fff;
}

.contact--hero .desc .col form span {
  color: #f3f3f3;
  width: 90%;
  display: block;
  margin: 8px 0;
}

.contact--hero .desc .col .forminator-field-consent .forminator-field > label {
  display: none;
}

.contact--hero .desc .col form .forminator-row {
  display: flex;
  gap: 16px;
  width: 100%;
  margin-bottom: 0 !important;
}

.contact--hero .desc .col .forminator-field-email,
.contact--hero .desc .col .forminator-field-email .forminator-field,
.contact--hero .desc .col .forminator-field-email .forminator-field > * {
  width: 100%;
}

.contact--hero .desc .col form .forminator-checkbox__wrapper {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.contact--hero .desc .col form .forminator-checkbox__wrapper p {
  margin: 0;
  color: #fff;
  font-size: 10px;
  line-height: 135%;
}

.contact--hero .desc .col form .forminator-checkbox__wrapper p:nth-of-type(2) {
  margin-top: 10px;
}

.mateusz--cta .col:nth-of-type(3) form .forminator-checkbox__wrapper p a,
.contact--hero .desc .col form .forminator-checkbox__wrapper p a {
  color: #fff;
  font-weight: 500;
}

.contact--hero .desc .col form button {
  background-color: #c2955d;
  color: #fff;
  font-size: 16px;
  padding: 24px;
  border: 0;
  margin-top: 16px;
  transition: 0.5s;
  cursor: pointer;
}

.contact--hero .desc .col form .row {
  gap: 8px;
  justify-content: space-between;
}

.contact--details {
  padding: 40px 0;
}

.contact--details .single-details {
  margin: 40px 0;
  justify-content: space-between;
}

.contact--details .single-details .desc {
  width: 40%;
}

.contact--details .single-details h3 {
  width: 40%;
}

.contact--details .single-details .desc ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.contact--details .single-details .desc ul li {
  padding-left: 60px;
  position: relative;
}

.contact--details .single-details .desc ul li:before {
  background-image: url("https://finerto.pl/wp-content/uploads/2023/10/arrow-right-gold.svg");
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 37px;
  height: 18px;
}

.contact--details .single-details .desc ul li img {
  position: absolute;
  left: 0;
  top: 0;
}

.faq {
  padding: 96px 0 56px;
  background-color: #252428;
}

.faq h2 {
  color: #fff;
  width: 33%;
  margin-top: 0;
}

.faq .header {
  color: #fff;
  width: 33%;
}

.faq .header h3,
.faq .header h2 {
  width: 100%;
}

.faq .acc-container {
  width: 60%;
}

.faq .acc-btn {
  width: 100%;
  cursor: pointer;
  padding: 32px 144px 32px 32px;
  border: 0;
  border-bottom: 1px solid #3f3d45;
  background-color: transparent;
  color: #fff;
  outline: none;
  text-align: left;
  transition: all 0.5s linear;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.faq .acc-btn h3 {
  margin: 0;
}

.faq .acc-btn:hover {
  background-color: #3f3d45;
}

.faq .acc-btn:after {
  content: "";
  width: 56px;
  height: 56px;
  background-image: url("https://finerto.pl/wp-content/uploads/2023/10/plus.svg");
  position: absolute;
  right: 24px;
  transition: all 0.3s linear;
}

.faq .acc-btn.is-open {
  background-color: #3f3d45;
  border-bottom: 1px solid #c2955d;
}

.faq .acc-btn.is-open:after {
  background-image: url("https://finerto.pl/wp-content/uploads/2023/10/minus.svg");
}

.faq .acc-content {
  max-height: 0;
  color: #f3f3f3;
  padding: 0 32px;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.faq .acc-content p {
  width: 95%;
  margin: 12px 0;
  display: block;
  color: #f3f3f3;
}

.faq .acc-content table {
  margin: 32px 0 0;
  width: 100%;
}

.faq .acc-content table th {
  background-color: #3f3d45;
  border-bottom: 1px solid #c2955d;
  padding: 12px 16px;
  text-align: left;
}

.faq .acc-content table td {
  border: 1px solid #3f3d45;
  border-collapse: collapse;
  padding: 12px 16px;
  text-align: left;
}

.faq .acc-content table span.yes {
  display: block;
  margin: 4px 0;
  padding-left: 24px;
  background-image: url("https://finerto.pl/wp-content/uploads/2024/11/tick-gold.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: top left;
}

.faq .acc-content table span.no {
  display: block;
  margin: 4px 0;
  padding-left: 24px;
  background-image: url("https://finerto.pl/wp-content/uploads/2024/04/why-cancel-gold.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: top left;
}

/* Blog */

.blog--hero {
  padding-top: 164px;
  background-color: rgba(37, 36, 40, 1);
  position: relative;
  background-size: cover;
  background-position: center center;
}

.blog--hero:before {
  content: "";
  background-image: linear-gradient(
    to bottom,
    rgba(37, 36, 40, 1),
    rgba(37, 36, 40, 0.6)
  );
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.blog--hero .container {
  position: relative;
  z-index: 2;
  padding: 96px 0 144px;
}

.blog--hero .row {
  justify-content: flex-end;
}

.blog--hero .z1 {
  position: absolute;
  height: 100%;
  width: auto;
  left: -40px;
  opacity: 0.1;
  top: 1px;
}

.blog--hero .desc {
  width: 50%;
  color: #fff;
  position: relative;
}

.blog--hero .desc ul {
  list-style: none;
  gap: 16px;
  display: flex;
  padding: 0;
  align-items: center;
}

.blog--hero.single--hero .desc ul {
  gap: 24px;
  flex-wrap: wrap;
}
.blog--hero .desc ul li {
  padding: 8px 16px;
}
.blog--hero .desc ul li.category {
  border: 1px solid #3f3d45;
  color: #d9d9d9;
}

.blog--hero .desc ul li.category a {
  text-decoration: none;
  color: inherit;
}

.blog--hero .desc h1 {
  color: #fff;
}

.blog--hero .desc .more {
  display: inline-flex;
  color: #fff;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}

.blog--hero .desc .more img {
  display: block;
  width: 12px;
  height: 12px;
}

.blog--categories {
  background-color: #f3f3f3;
  padding: 24px 0;
}

.blog--categories ul {
  display: flex;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.blog--categories ul li a {
  color: #000;
  text-decoration: none;
}

.blog--category {
  padding: 48px 0;
}

.blog--category.bg {
  background-color: #f3f3f3;
}

.blog--category .row {
  justify-content: flex-start;
  gap: 1.33%;
  align-items: stretch;
}

.blog--category .header {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 64px;
}

.blog--category .header > * {
  width: 48%;
}

.blog--category .header .desc .more {
  display: inline-flex;
  color: #000;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  font-weight: 600;
}

.blog--category .single--news-box {
  width: 24%;
  background-color: #f3f3f3;
  margin-bottom: 40px;
}

.blog--category.bg .single--news-box {
  background-color: #fff;
}

.blog--category .single--news-box .thumbnail {
  position: relative;
}

/* .blog--category .single--news-box .thumbnail:after {
  content: "";
  display: block;
  width: 50%;
  height: 35px;
  background-color: #fff;
  top: 0;
  left: 0;
  position: absolute;
}

.blog--category.bg .single--news-box .thumbnail:after{
  background-color: #f3f3f3;
} */

.blog--category .single--news-box .thumbnail img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.blog--category .single--news-box .meta {
  padding: 20px;
}

.blog--category .single--news-box .meta h3 {
  font-weight: 300;
  font-size: 24px;
  margin: 0;
}

.blog--category .single--news-box .meta p {
  margin: 32px 0;
  font-size: 16px;
  line-height: 135%;
  width: 90%;
}

.blog--category .single--news-box .meta .more {
  display: inline-flex;
  color: #000;
  text-decoration: none;
  align-items: center;
  gap: 10px;
}

.blog--category .single--news-box.video .meta .more {
  margin-top: 32px;
}

.blog--category .single--news-box .meta .more img {
  display: block;
  width: 12px;
  height: 12px;
}

.blog--category .single--news-box .meta .info {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0 0 24px;
  justify-content: space-between;
  align-items: center;
}

.blog--category .single--news-box .meta .info .category {
  padding: 5px 5px;
  border: 1px solid #d9d9d9;
}

.blog--category .single--news-box .meta .info li a {
  color: #000;
  text-decoration: none;
}

.blog--category {
  .single--news-box {
    a {
      color:inherit;
      text-decoration: none;
      &:hover {
        .cat-name {
          background-color: #7e623e;
        }
      }
    }

    .cat-name {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 8px 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #c2955d;
      transition: background 0.3s;

      p {
        margin: 0;
        color: #fff;
      }
    }
  }
}

.blog--more {
  padding: 40px 0 96px;
}

.blog--more h3,
.blog--more .desc {
  width: 48%;
}

.single .blog--category {
  padding-top: 0;
  padding-bottom: 96px;
}

.single .blog--category .justify-center {
  border-top: 1px solid #d9d9d9;
  padding-top: 32px;
}

.single .blog--category .justify-center h3 {
  margin-bottom: 56px;
}

.single--content {
  padding: 96px 0;
}

.single--content .sidebar {
  width: 30%;
}

@media (min-width: 1200px) {
  .single--content .sidebar {
    position: sticky;
    top: 140px;
  }
}

.single--content .sidebar #ez-toc-container {
  background-color: transparent;
  padding: 0;
  border: 0;
  margin: 0;
}

.single--content .sidebar #ez-toc-container a {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  padding: 12px 0 12px 40px;
  font-size: 14px;
  line-height: 135%;
  text-align: right;
  color: #000;
}

.single--content .sidebar #ez-toc-container nav ul li:last-of-type a {
  border-bottom: 0;
  padding-bottom: 0;
}

.single--content .sidebar #ez-toc-container nav ul li a::before {
  position: absolute;
  float: none;
  left: 0;
  color: #c2955d;
}

.single--content .sidebar .headers {
  background-color: #f3f3f3;
  padding: 32px;
}

.single--content .sidebar .headers h4 {
  margin-top: 0;
}

.single--content .content {
  width: 65%;
}

.single--content .content p {
  font-size: 16px;
  line-height: 135%;
}

.single--content .content .wp-block-image {
  background-color: #f3f3f3;
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

.single--content .content ul,
.single--content .content ol {
  line-height: 135%;
  padding: 0 0 0 24px;
}

.single--content .content a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
}

.single--content .content h2 {
  font-size: 40px;
  line-height: 100%;
}

.single--content .content h2 strong,
.single--content .content h3 strong,
.single--content .content h4 strong {
  font-weight: 300;
}

.single--content .content h3 {
  font-size: 30px;
  line-height: 100%;
}

.single--content .content h4 {
  line-height: 100%;
  font-size: 24px;
}

.single--content .content .author {
  display: flex;
  align-items: center;
  gap: 40px;
  padding-top: 24px;
  margin-top: 40px;
  border-top: 1px solid #d9d9d9;
}

.single--content .content .author img.author-avatar {
  display: block;
  width: 125px;
}

.single--content .content .author .meta h5,
.single--content .content .author .meta h6 {
  margin: 0;
}

.single--content .content .author .meta .more {
  margin-top: 16px;
  font-weight: 600;
}

/* Oferty */

.offer--hero {
  padding-top: 164px;
  position: relative;
  background-position: center center;
  background-size: cover;
}

.offer--hero:before {
  content: "";
  background-image: linear-gradient(
    to bottom,
    rgba(37, 36, 40, 1),
    rgba(37, 36, 40, 0.6)
  );
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.offer--hero .container {
  position: relative;
  z-index: 2;
  padding: 240px 0 56px;
}

.offer--hero.about-us .container {
  padding-top: 200px;
}

.offer--hero .row {
  justify-content: flex-end;
}

.offer--hero .z1 {
  position: absolute;
  height: 100%;
  max-height: 650px;
  width: auto;
  left: -120px;
  opacity: 0.25;
  bottom: 0;
}

.offer--hero .desc-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  /* .breadcrumbs {
    width: 60%;
  } */
}

.offer--hero .desc {
  width: 60%;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  position: relative;
}

.offer--hero .desc:before {
  content: "";
  background-color: rgba(37, 36, 40, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.offer--hero .desc .col {
  position: relative;
}

.offer--hero .desc .col h1 {
  margin: 0 0 40px;
}

.offer--about {
  padding: 96px 0;
  overflow: hidden;
}

.offer--about .header {
  position: relative;
  margin-bottom: 56px;
  flex-direction: column;
  gap: 24px;
}

.offer--about .header > img {
  position: absolute;
  left: 60%;
  top: 24px;
  display: block;
}

/* .offer--about.about-us .header > img{
  left:auto;
  right:0;
  width:65%;
} */

.offer--about .header > span {
  position: absolute;
  left: 60%;
  top: 0;
  font-size: 156px;
  line-height: 135%;
  font-weight: 300;
  display: block;
  color: #f3f3f3;
  transform: translateY(-20%);
}

.offer--about .header span strong {
  font-weight: 300;
  color: #c2955d;
}

.offer--about .header h3,
.offer--about .header h2 {
  margin: 0;
  color: #000;
  width: 100%;
  max-width: 610px;
}

.page-template-page-rejestracja-spolek .offer--about .header h2 {
  margin: 0;
  color: #000;
  width: 100%;
  max-width: 610px;
}

.offer--about .header h3 span,
.offer--about .header h2 span {
  display: inline;
  border-bottom: 1px solid #000;
}

.offer--about .header p {
  margin: 0;
  max-width: 600px;
}

.offer--about.about-us .header p {
  max-width: 715px;
}

.offer--about .desc {
  width: 100%;
  max-width: 500px;
}

.offer--about .desc.text-right {
  text-align: right;
}

.offer--about .offer-right {
  justify-content: flex-end;
}

.offer--about.two-columns {
  .row {
    flex-wrap: nowrap;
    gap: 24px;
  }
}

.offer--services {
  padding: 96px 0;
  background-color: #252428;
}

.offer--services h2 {
  color: #fff;
  margin: 0 0 64px;
}

.offer--services .elements {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.offer--services .elements > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.offer--services .elements ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
  color: #fff;
  margin: 16px 0 40px;
}

.offer--services .elements ul li {
  width: 50%;
  padding: 12px 0 8px;
  border-bottom: 1px solid #c2955d;
}

.offer--services .primary--gold {
  margin-top: 56px;
}

.offer--services .elements ul li:nth-of-type(even) {
  padding-left: 15%;
}

.offer--scope {
  padding: 96px 0 64px;
  background-color: #252428;
  color: #fff;
}

.offer--scope .row > * {
  width: 48%;
}

.offer--scope .row .intro {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}

.offer--scope .row .intro p,
.offer--scope .row .intro p.normal {
  letter-spacing: 0.32px;
}

.offer--scope .row .intro p.large {
  letter-spacing: initial;
}

@media (min-width: 1200px) {
  .offer--scope .row .intro {
    position: sticky;
    top: 148px;
  }
}

.offer--scope .row .intro > * {
  margin: 0;
  max-width: 85%;
}

.offer--scope .row .intro img {
  min-width: 70px;
}

.offer--scope hr {
  margin: 16px 0;
  display: block;
  width: 100%;
  background-color: #3f3d45;
  border: 0;
  height: 1px;
}

.offer--scope .scope hr:last-of-type {
  display: none;
}

.offer--scope .single--scope {
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
}

.offer--scope .single--scope h3 {
  color: #c2955d;
  margin: 0;
}

.offer--scope .single--scope p {
  margin: 8px 0;
}

.offer--scope .single--scope p a {
  color: #fff;
}

.offer--scope .single--scope a.more {
  display: inline-flex;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  transition: 0.5s;
  padding: 0 0 4px;
}

.offer--scope .single--scope a.more:hover {
  color: #c2955d;
}

.offer--scope h5,
.offer--scope p.normal.uppercase {
  color: #d9d9d9;
  margin: 0 0 40px;
  padding-top: 24px;
  border-top: 1px solid #3f3d45;
}

.offer--more {
  padding: 48px 0 96px;
  background-color: #252428;
  color: #fff;
  overflow: hidden;
}

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

.offer--more .desc {
  width: 40%;
}

.offer--more img {
  position: absolute;
  left: 50%;
  top: 24px;
}

.photo--background {
  height: 550px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
}

.photo--background img {
  position: absolute;
  bottom: -24px;
  opacity: 0.5;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}

/* About */

.about--team {
  padding: 96px 0 64px;
}

.about--team .col {
  width: 45%;
}

.about--team .col a.more {
  font-weight: 600;
  margin-top: 24px;
}

.about--team .h2 {
  margin: 0 0 40px;
}

.about--team h3 {
  margin: 0 0 40px;
}

.about--team .col h3:last-of-type {
  margin-top: 40px;
}

.single-person .meta {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.single-person .meta p {
  margin: 0;
}

.single-person .meta span {
  color: #c2955d;
}

.about--team .team-header {
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  margin-top: 96px;
}

/* Księgowość */

.offer--profits {
  padding: 96px 0;
}

.offer--profits .header {
  margin-bottom: 96px;
}

.offer--profits .header .col {
  width: 42%;
}

.offer--profits .header .col:first-of-type {
  width: 48%;
}

.offer--profits .header .col h2 {
  margin-top: 0;
}

.offer--profits .header .col > p:first-of-type {
  margin-top: 0;
}

.offer--profits .z1 {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.offer--profit .offer-table .th {
  display: flex;
  flex-direction: column;
  min-height: 120px;
  justify-content: center;
}

.offer--desc {
  padding: 96px 0 80px;
}

.offer--desc .header {
  position: relative;
}

.offer--desc .header .col {
  width: 42%;
}

.offer--desc .header .col:first-of-type {
  width: 48%;
}

.offer--desc .header > img {
  position: absolute;
  left: 60%;
  top: 24px;
  display: block;
}

.offer--desc .header .col h2 {
  margin-top: 0;
}

.offer--desc .header .col a.more {
  font-weight: 600;
  margin-top: 24px;
}

.offer--desc .header.mb-96,
.offer--about .header.mb-96 {
  margin-bottom: 96px;
}

.offer--desc .header.mb-40 {
  margin-bottom: 40px;
}

.offer--desc .image-wrapper {
  width: 48%;
  position: relative;
}

@media (min-width: 1200px) {
  .offer--desc .row {
    position: relative;
  }
  .offer--desc .image-wrapper {
    position: sticky;
    top: 148px;
  }
}

.offer--desc .image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

.offer--desc .image-wrapper img.z1 {
  position: absolute;
  z-index: 2;
  height: calc(100% + 2px);
  left: 0;
  width: auto;
  top: -1px;
}

.offer--desc .desc {
  width: 42%;
}

.offer--desc .desc h3 {
  margin-top: 0;
}

.offer--desc .desc .single--desc {
  padding-left: 20px;
  border-left: 1px solid #c2955d;
  margin: 40px 0;
}

.offer--desc .desc .single--desc h5 {
  margin: 0 0 24px;
}

:is(.section-title-and-description, .offer--desc .desc .single--desc) table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  border: 1px solid rgb(194, 149, 93);
}

:is(.section-title-and-description, .offer--desc .desc .single--desc) th {
  background-color: rgb(194, 149, 93);
  color: #ffffff;
  padding: 12px 15px;
  text-align: center;
  border: 1px solid rgb(194, 149, 93);
}

:is(.section-title-and-description, .offer--desc .desc .single--desc) td {
  padding: 10px 15px;
  border: 1px solid rgb(194, 149, 93);
  line-height: 1.5;
}

.offer--desc .single--desc p a {
  color: #c2955d;
  transition: color 0.3s;
}

.offer--desc .single--desc p a:hover {
  color: #7e623e;
}

/* Obsułga prawna firm */

.offer--steps {
  padding: 96px 0 56px;
}

.offer--steps .header .col {
  width: 48%;
}

.offer--steps .header {
  margin-bottom: 80px;
}

.offer--steps .header h3,
.offer--steps .header h2 {
  margin-top: 0;
}

.offer--steps .single--step {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.offer--steps .single--step .col {
  width: 40%;
}

.offer--steps .single--step .col:first-of-type {
  width: 55%;
  display: flex;
  align-items: center;
}

.offer--steps .single--step .col:first-of-type img {
  display: block;
}

/* Flexible tabs */

/* .offer--process.flexible-component .tab-menu {
  width: 100%;
}

.offer--process.flexible-component .tab-menu li {
  flex: 1;
} */

.offer--process.flexible-component {
  padding: 0;
}

.offer--process.flexible-component .tab-content > div {
  padding: 0;
}

.offer--steps.flexible .single--step {
  justify-content: start;
  gap: 64px;
}

.offer--steps.flexible .single--step .col:first-of-type {
  width: fit-content;
}

.offer--steps.flexible .semi {
  font-weight: 600;
}

@media (max-width: 900px) {
  .offer--steps.flexible .single--step {
    gap: 0;
  }
}

@media (max-width: 480px) {
  .offer--process.flexible-component .tab-menu {
    flex-direction: column;
  }
}

/* Restrukturyzacja */

.offer--desc.pt-0 {
  padding-top: 0;
}

.offer--desc.pb-0 {
  padding-bottom: 0;
}

.offer--desc.pb-40 {
  padding-bottom: 40px;
}

.offer--desc .desc .single--desc ul,
ul.arrows {
  list-style: none;
  margin: 24px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

ul.arrows li {
  padding-left: 64px !important;
  position: relative;
}

ul.arrows li:before {
  background-image: url("https://finerto.pl/wp-content/uploads/2023/10/arrow-right-gold.svg");
  content: "";
  display: block;
  width: 37px;
  height: 18px;
  position: absolute;
  left: 0;
  /* top: 50%; */
  /* transform: translateY(-50%); */
  top: 0;
}

.offer--desc .col {
  width: 40%;
}

@media (min-width: 1200px) {
  .offer--desc .col.sticky-top {
    position: sticky;
    top: 104px;
  }
}

.offer--desc hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #3f3d45;
  display: block;
  margin: 56px 0;
}

/* Stałe doradztwo */

.offer--about .header > img.t-0 {
  top: 0;
}

.offer--about .header p.large {
  line-height: 135%;
}

.offer--about a.more {
  font-weight: 600;
  margin-top: 24px;
}

.offer--desc .image-wrapper img.z1.center {
  left: 50%;
  transform: translateX(-50%);
}

.offer--desc .desc a.more {
  font-weight: 600;
}

#flexible-fields .offer--cases {
  padding: 0 0 96px;
}

#flexible-fields {
  .offer--hero {
    h1 {
      span.gold {
        font-size: 30px;
        line-height: 1;
        color: #c2955d;
      }
    }

    h1:has(span.gold) {
      margin-bottom: 12px;
    }

    h1 + h2 {
      margin-block-start: 0;
    }
  }
}

.offer--cases {
  padding: 40px 0;
}

.offer--cases .header .col {
  width: 50%;
}

.offer--cases .header {
  margin-bottom: 48px;
}

.offer--cases .header h3 {
  margin-top: 0;
}

.offer--cases .single--case {
  width: 31%;
  border-top: 1px solid #3f3d45;
}

.offer--cases .single--case h3 {
  color: #c2955d;
}

/* Windykacja */

.offer--about .row > .col {
  width: 45%;
}

.brand-gold {
  color: #c2955d;
}

.offer--about .row > .col.debt {
  margin: 40px 0 64px;
  width: 62%;
  padding-left: 200px;
  background-image: url("https://finerto.pl/wp-content/uploads/2023/11/windykacja-arrow-down.svg");
  background-size: initial;
  background-position: left bottom;
  background-repeat: no-repeat;
}

/* Umowy */

.offer--about.pb-40 {
  padding-bottom: 40px;
}

.offer--cases.grey-bg {
  background-color: #f3f3f3;
}

/* Stała obsługa podatkowa */

.offer--steps.dark-bg {
  background-color: #252428;
  color: #fff;
}

.offer--taxes {
  background-color: #252428;
  color: #fff;
  padding: 96px 0;
}

.offer--taxes .header {
  width: 70%;
  margin-bottom: 48px;
}

.offer--taxes .header h3 {
  margin-top: 0;
}

ul.arrows li.down:before {
  background-image: url("https://finerto.pl/wp-content/uploads/2023/11/arrow-down-list.svg");
  width: 18px;
  height: 37px;
}

.offer--taxes .col {
  width: 42%;
}

.offer--taxes .col p {
  width: 95%;
}

.offer--taxes .col p strong {
  color: #c2955d;
}

.offer-table {
  width: 100%;
  margin-top: 40px;
}

.offer--taxes .offer-table .th {
  background-color: #3f3d45;
  padding: 24px;
}

.offer-table .th {
  background-color: #3f3d45;
  padding: 24px 16px;
}

.offer--taxes .row.justify-center {
  margin-top: 64px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.offer--taxes .row.justify-center p.large {
  max-width: 825px;
  text-align: center;
}

.offer-table .th h5 {
  margin: 0;
}

.offer-table .th h6 {
  margin: 0;
  color: #c2955d;
  font-weight: 600;
}

.offer-table .tr {
  display: flex;
  background-color: #fff;
  color: #000;
}

.offer-table .tr.grey {
  background-color: #d9d9d9;
}

.offer-table .tr.light-grey {
  background-color: #f3f3f3;
}

.offer-table .tr.gold {
  background-color: #c2955d;
  color: #fff;
}

.offer-table .tr .td {
  flex: 1;
  min-height: 50px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  border: 0.5px solid #000;
}

.offer-table .tr .td:nth-of-type(2) {
  justify-content: flex-end;
}

/* Zatrudnienie */

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

.offer--about .col.mt-0 p:first-child {
  margin-top: 0;
}

.offer-table.white-bg {
  color: #fff;
}

.offer-table .th {
  background-color: #252428;
}

.offer-table.white-bg .td:nth-of-type(1) {
  border-left: 0;
}

.offer-table.white-bg .td:nth-of-type(2) {
  border-right: 0;
}

.offer-table.big-summary .gold .td {
  min-height: 80px;
}

.offer--tables {
  padding: 96px 0;
  background-color: #252428;
  color: #fff;
}

.offer--tables .col {
  width: 42%;
}

.offer--tables .justify-center {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.offer--tables .col p.large {
  min-height: 120px;
}

.offer--tables .col > p:first-child {
  margin-top: 0;
}

.offer--tables .col p.large strong,
.offer--tables .justify-center p.large strong {
  color: #c2955d;
  font-weight: 300;
}

.offer--tables .justify-center p {
  max-width: 825px;
  text-align: center;
}

.offer--tables span {
  color: #c2955d;
}

.outline-table {
  margin: 32px 0 48px;
  border-bottom: 1px solid #c2955d;
}

.outline-table > div {
  border-top: 1px solid #c2955d;
  padding: 12px 0;
}

.outline-table > div.right {
  padding-left: 32px;
}

.offer--about .row > .col.bt {
  border-top: 1px solid #3f3d45;
  padding-top: 16px;
}

.offer--profit {
  padding: 80px 0 80px;
}

.offer--profit.pt-96 {
  padding-top: 96px;
}

.offer--profit.pb-96 {
  padding-bottom: 96px;
}

.offer--profit .col {
  width: 42%;
}

.offer--profit .col h2,
.offer--profit .col p {
  margin-top: 0;
}

.offer--profit .align-center {
  margin: 48px 0;
}

.offer--profit .align-center span {
  display: inline-block;
  font-size: 104px;
  color: #c2955d;
}

.offer--profit .offer-table .th {
  color: #fff;
}

.offer--profit .single--profit .header {
  min-height: 180px;
}

.offer--profit .offer-table .tr .td:nth-of-type(1) {
  flex: 3;
}

/* Rejestracja spółek */

.offer--profit.registration .col.wider {
  width: 60%;
}

.offer--profit.registration .col {
  width: 35%;
}

.offer--profit.registration .align-center span {
  font-size: 120px;
}

.offer--profit.registration .single--profit.col {
  width: 31%;
}

.offer--profit.registration .single--profit .header {
  min-height: 120px;
}

.offer--profit.registration .cols {
  justify-content: flex-start;
  gap: 3.5%;
}

.offer--profiles {
  padding: 96px 0;
  background-color: #252428;
  color: #fff;
}

.offer--profiles h3 {
  margin-top: 0;
}

.offer--profiles h3.h3 {
  margin-bottom: 48px;
}

.offer--profiles .arrow-nav {
  margin: 0;
}

.offer--profiles .align-center {
  margin: 24px 0;
}

.offer--profiles hr {
  display: block;
  width: 80%;
  border: 0;
  height: 1px;
  margin: 0;
  background-color: #c2955d;
}

.mobile--bg {
  display: none;
}

.mobile-opener {
  display: none;
}

header#mobile {
  display: none;
}

@media (max-width: 900px) {
  .container {
    width: 100%;
    padding: 0 24px;
  }
  .h2 {
    font-size: 30px;
  }
  .footer-details .h2 {
    font-size: 24px;
  }
  .semi {
    font-size: 18px;
  }
  .large {
    font-size: 20px;
    line-height: 135%;
  }
  .h3 {
    font-size: 26px;
  }
  .h1 {
    font-size: 36px;
  }
  header a.primary--gold,
  header nav {
    display: none;
  }

  header.main .header-box .line {
    height: 32px;
  }

  header .brand img {
    max-width: 158px;
  }
  footer.main .col {
    width: 100%;
    margin-bottom: 32px;
  }
  footer.main .copyrights {
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
  footer.main .footer-header {
    row-gap: 48px;
  }
  footer.main .footer-header p.h2 {
    text-align: left;
    margin-top: 40px;
  }
  footer.main .footer-header p.h2 br {
    display: none;
  }
  footer.main .footer-details {
    gap: 24px;
    align-items: flex-start;
    flex-direction: column;
  }
  .home--testimonies {
    padding: 64px 0;
  }
  .home--testimonies .logotypes li {
    width: 50%;
    min-height: 130px;
  }
  .home--testimonies .logotypes li img {
    max-width: 60%;
    display: block;
  }
  .home--testimonies .testimonies-header {
    width: 100%;
    margin-bottom: 24px;
  }
  .home--testimonies .testimony--wrapper {
    width: 100%;
  }
  .home--testimonies .testimony--wrapper .single-testimony p {
    font-size: 20px;
  }
  .home--testimonies .arrow-nav {
    margin-top: 24px;
  }
  .mateusz--cta .col {
    width: 100%;
    flex: none;
  }
  .mateusz--cta,
  .mateusz--cta.grey-bg {
    background-image: none;
  }
  .mateusz--cta .container,
  .home--consultation .container {
    padding: 0;
  }
  .mateusz--cta .col:nth-of-type(3) {
    background-color: #252428;
  }
  .mateusz--cta .col:nth-of-type(2) {
    padding: 0;
  }
  .mateusz--cta .col:nth-of-type(1),
  .mateusz--cta .col:nth-of-type(3) {
    padding: 48px 24px;
  }
  .mateusz--cta.grey-bg .col:nth-of-type(3) {
    background-color: #f3f3f3;
  }
  .mateusz--cta .col:nth-of-type(2) img {
    max-height: 300px;
    object-position: 30% 20%;
    object-fit: cover;
  }
  .home--consultation .row > img {
    order: 1;
    position: initial;
    width: 100%;
    height: auto;
  }
  .home--consultation.two-ones .images {
    order: 1;
    position: initial;
    width: 100%;
    height: auto;
  }
  .home--consultation.two-ones .images > img:nth-of-type(2) {
    position: initial;
    height: 250px;
    margin-top: 150px;
  }
  .home--consultation .desc {
    width: 100%;
    order: 2;
    padding: 64px 24px;
  }
  .home--what {
    overflow: hidden;
  }
  .home--what .tabs-nav,
  .home--what .tabs-stage {
    width: 100%;
  }
  .home--what .container {
    padding: 80px 0;
  }
  .home--what .tabs-nav li.tab-active a {
    font-size: 30px;
  }
  .home--what .tabs {
    padding: 0 24px;
  }
  .home--what .tabs-nav {
    margin-bottom: 40px;
  }
  .home--offer .single--offer .desc,
  .home--offer .single--offer .offer-list {
    width: 100%;
  }
  .home--offer .single--offer .offer-list li {
    font-size: 16px;
    padding: 0 24px;
  }
  .home--offer .single--offer .offer-list li a {
    padding: 24px 0;
  }
  .home--offer .single--offer .offer-list {
    margin-top: 32px;
  }
  .home--offer .row > .desc,
  .home--offer .row > img {
    width: 100%;
  }
  .home--offer .row > img {
    margin-top: 32px;
  }
  .home--offer {
    padding: 64px 0 24px;
  }
  .home--magnet {
    padding: 56px 0 64px;
  }
  .home--magnet img {
    order: 1;
    width: 75%;
    margin: 0 auto 40px;
  }
  .home--magnet .desc {
    width: 100%;
    order: 2;
  }
  .home--about .single--news-box {
    width: 100%;
    margin-bottom: 32px;
  }
  .home--about {
    padding: 80px 0 48px;
  }
  .home--about .header h2 {
    font-size: 30px;
  }
  .home--about .header img {
    position: absolute;
    left: 60%;
    top: -16px;
    width: 400px;
  }
  .home--hero .container {
    padding: 56px 24px 64px;
  }
  .home--hero .z1 {
    position: initial;
    width: 120px;
  }
  .home--hero .desc {
    width: 100%;
  }
  .scroll-down {
    display: none;
  }
  .offer--hero {
    background-image: none !important;
    background-color: rgba(37, 36, 40, 1);
  }
  .contact--hero {
    background-image: none !important;
    background-color: rgba(37, 36, 40, 1);
  }
  .offer--hero:before,
  .blog--hero:before {
    display: none;
  }
  .contact--hero:before {
    display: none;
  }
  .contact--hero .desc:before,
  .blog--hero .desc:before {
    display: none;
  }
  .offer--hero .z1,
  .contact--hero .z1,
  .blog--hero .z1 {
    position: initial;
    width: 120px;
  }
  .offer--hero.about-us .container,
  .contact--hero .container {
    padding: 0 24px 64px;
  }
  .offer--hero .desc,
  .contact--hero .desc,
  .blog--hero .desc {
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 40px 0 0;
    position: relative;
  }

  #new-blog-search .offer--hero .desc {
    padding: 40px 24px 0;
  }
  .blog--hero .desc {
    flex-direction: column;
  }
  .offer--about {
    padding: 80px 0 56px;
  }
  .offer--about.about-us .header > img {
    display: none;
  }
  .offer--about .desc.text-right {
    text-align: left;
  }
  .photo--background {
    height: 205px;
  }
  .photo--background img {
    width: 160%;
  }
  .about--team {
    padding: 64px 0;
  }
  .about--team .col {
    width: 100%;
  }
  .about--team h3 {
    margin: 64px 0 0;
  }
  .about--team .team-header {
    gap: 16px;
  }
  .about--team .arrow-nav {
    margin: 0 0 24px;
  }
  .offer--scope .row > * {
    width: 100%;
  }
  .offer--scope h5 {
    margin-top: 40px;
  }
  .faq {
    display: none;
  }
  .contact--hero .desc .col {
    width: 100%;
  }
  .contact--hero .desc .col form {
    margin-top: 32px;
  }
  .offer--hero .desc,
  .contact--hero .desc {
    flex-wrap: wrap;
  }
  .contact--hero .half {
    width: 48%;
  }
  .contact--details .single-details h3,
  .contact--details .single-details .desc {
    width: 100%;
  }
  .contact--details {
    padding: 0;
  }
  .blog--hero {
    background-image: none !important;
  }
  .offer--hero .container,
  .blog--hero .container {
    padding: 0 24px 64px;
  }
  .offer--hero .desc:before {
    display: none;
  }
  a.primary--gold,
  a.primary--white {
    font-size: 15px;
  }
  .offer--about .header > img {
    position: initial;
    order: 1;
    display: block;
    width: 500px;
    margin: 0 0 24px;
  }
  .offer--about .header h2,
  .offer--about .header h3,
  .offer--about .header h2,
  .offer--about .header p {
    order: 2;
  }
  .offer--about.section-table .header h2,
  .offer--about.section-table .header h3,
  .offer--about.section-table .header p,
  .offer--about.section-table .header .desc {
    order: unset;
  }
  .offer--services {
    padding: 48px 0;
  }
  .offer--services h2 {
    text-align: center;
  }
  .offer--services .elements {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .offer--services .elements img {
    position: initial;
    margin: 0 auto;
    transform: none;
  }
  .offer--services .elements ul li,
  .offer--services .elements ul li:nth-of-type(even) {
    width: 100%;
    padding: 12px 0 8px;
  }
  .offer--services .primary--gold {
    margin-top: 16px;
  }
  .offer--desc .header .col:first-of-type,
  .offer--desc .header .col {
    width: 100%;
  }
  .offer--desc .image-wrapper {
    width: 100%;
    margin-bottom: 48px;
  }
  .offer--desc .desc {
    width: 100%;
  }
  .offer--desc .header.mb-96,
  .offer--about .header.mb-96 {
    margin-bottom: 64px;
  }
  .offer--profits .header .col:first-of-type,
  .offer--profits .header .col {
    width: 100%;
  }
  .offer--more img {
    position: initial;
    order: 1;
    display: block;
    width: 500px;
    margin: 0 0 32px;
  }
  .offer--desc .header > img {
    display: none;
  }
  .offer--more .desc {
    width: 100%;
    order: 2;
  }
  .offer--more {
    padding: 80px 0 24px;
  }
  .offer--about .row > .col {
    width: 100%;
  }
  .offer--profit {
    padding-top: 32px;
  }
  .offer--profit .col {
    width: 100%;
  }
  .offer--profit .align-center {
    margin: 24px 0;
  }
  .offer--profit .align-center span {
    font-size: 48px;
  }
  .offer--steps .header .col {
    width: 100%;
  }
  .offer--steps .single--step .col:first-of-type,
  .offer--steps .single--step .col {
    width: 100%;
  }
  .offer--steps .single--step .col:first-of-type {
    margin-bottom: 32px;
  }
  .offer--steps .single--step .col:first-of-type img {
    width: 100%;
  }
  .offer--profit.registration .single--profit.col {
    width: 100%;
  }
  .offer--profit.registration .align-center span {
    font-size: 48px;
  }
  .offer--profit.registration .header .col {
    width: 100%;
  }
  .offer--profit.registration .col.wider,
  .offer--profit.registration .col {
    width: 100%;
  }
  .offer--tables .col {
    width: 100%;
  }
  .offer--tables,
  .offer--taxes {
    padding: 64px 0;
  }
  .offer--taxes .col {
    width: 100%;
  }
  .offer--cases .header .col,
  .offer--cases .single--case {
    width: 100%;
  }
  .offer--desc .col {
    width: 100%;
  }
  .offer--about .row > .col.debt {
    width: 100%;
    padding-left: 0;
    background-image: none;
    margin: 0 0 32px;
  }
  .mobile--bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 450px;
  }
  .mobile--bg img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  .mobile--bg:before {
    content: "";
    background-image: linear-gradient(
      to top,
      rgba(37, 36, 40, 1),
      rgba(37, 36, 40, 0.6)
    );
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .offer--profiles hr {
    width: 25%;
  }
  .mobile-opener {
    display: block;
  }
  header#mobile {
    padding: 24px 0;
    background-color: #252428;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }

  header#mobile nav {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }

  header#mobile nav a.primary--gold {
    display: block;
    width: 100%;
    text-align: center;
  }

  header#mobile nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    gap: 8px;
    padding: 0;
    flex-direction: column;
  }

  header#mobile nav ul li a {
    color: #fff;
    text-decoration: none;
    display: flex;
    gap: 8px;
    padding: 4px 0;
  }

  header#mobile nav ul li.subnav {
    position: relative;
  }

  header#mobile nav ul li.subnav ul {
    flex-direction: column;
    padding: 0 0 0 16px;
    gap: 0;
    margin: 8px 0;
  }

  header#mobile nav ul li.subnav ul li a {
    white-space: nowrap;
    background-color: #fff;
    line-height: 32px;
    border-bottom: 1px solid #f3f3f3;
    color: #000;
    padding: 0 16px;
    transition: 0.5s;
  }
  .blog--hero.single--hero .desc ul {
    gap: 12px;
  }
  .single--content .sidebar {
    width: 100%;
  }
  .single--content .content {
    width: 100%;
    margin-top: 40px;
  }
  .single--content {
    padding: 48px 0 64px;
  }
  .blog--category .single--news-box {
    width: 100%;
  }
  .blog--category .header > *,
  .blog--more h3,
  .blog--more .desc {
    width: 100%;
  }
  .blog--more {
    padding-bottom: 32px;
  }
  .blog--category {
    padding-bottom: 0;
  }
  .single--content .content .author {
    justify-content: center;
    flex-direction: column;
    gap: 24px;
  }
  .single--content .content .author .meta {
    text-align: center;
  }
}

#cookie-notice {
  font-family: "Aeonik", sans-serif !important;
  font-weight: 300;
}

#cookie-notice .cn-text-container {
  font-size: 14px;
}

#cookie-notice a.primary--gold {
  margin: 0 0 0 24px;
  padding: 12px 24px;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 900px) {
  #cookie-notice .cn-text-container {
    font-size: 13px;
    width: 90%;
    margin: 0 auto;
  }
  #cookie-notice a.primary--gold {
    margin: 24px 0 0px;
    width: 100%;
    text-align: center;
  }
  .cn-close-icon {
    top: 24px !important;
  }
}

.primary--dark {
  display: inline-flex;
  color: #000;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  padding: 0 0 4px;
  transition: 0.5s;
  font-weight: 600;
  margin-top: 24px;
}

.offer--why.zop {
  padding: 64px 0;
}

.offer--why.zop .row > h2,
.offer--why.zop .row > h3 {
  width: 100%;
}

.offer--why.zop .row > .h2 {
  margin: 0 0 40px;
}

.offer--why.zop .single--desc {
  width: 31%;
  margin-bottom: 32px;
}

.home--offer.zop .h2 {
  color: #fff;
  margin-top: 0;
}

.offer--why.zop .single--row {
  margin: 24px 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.offer--why.zop .single--row div {
  margin-left: auto;
  max-width: 500px;
}

.offer--why.zop .single--row div > p:first-of-type {
  margin-top: 0;
}

.offer--why.zop .single--row h5 {
  display: flex;
  gap: 32px;
  align-items: center;
  max-width: 400px;
  margin: 0;
}

.offer--process {
  padding: 96px 0;
}

.offer--process .h2 {
  margin: 0 0 32px;
  width: 100%;
}

.offer--process p em {
  font-style: normal;
  color: #c2955d;
}

.offer--process .tab-wrapper {
  width: 100%;
}

.offer--process .tab-menu {
  padding: 0;
  margin: 64px 0 40px;
  list-style: none;
  display: flex;
}

.offer--process .tab-menu li {
  position: relative;
  background-color: #fff;
  color: #3f3d45;
  display: inline-block;
  padding: 20px;
  opacity: 1;
  cursor: pointer;
  border-bottom: 1px solid #3f3d45;
  z-index: 0;
  transition: 0.5s;
}

.offer--process .tab-menu li.active {
  color: #c2955d;
  border-bottom: 1px solid #c2955d;
  opacity: 1;
}

.offer--process .tab-content > div {
  width: 100%;
}

.offer--process .tab-content .single-content .row {
  border-bottom: 1px solid #d9d9d9;
}

.offer--process .tab-content .single-content .td,
.offer--process .tab-content .single-content .th {
  display: flex;
  align-items: center;
  min-height: 105px;
  width: 28%;
}

.offer--process .tab-content .single-content .td:first-of-type,
.offer--process .tab-content .single-content .th:first-of-type {
  width: 38%;
}

.offer--process .tab-content .single-content .row > .td:nth-of-type(2),
.offer--process .tab-content .single-content .row > .th:nth-of-type(2) {
  border-right: 1px solid #d9d9d9;
}

.offer--process .tab-content .single-content .th {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}

.offer--process .tab-content .single-content .td {
  font-size: 16px;
  text-align: left;
}

.offer--process .tab-content .single-content img {
  width: 100%;
  max-width: 395px;
}

.zop--cta-box {
  width: 100%;
  background-color: #c2955d;
  margin-top: 64px;
  padding: 48px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: #fff;
  text-align: center;
}

.offer--about .zop--cta-box .h2 {
  margin: 0 0 24px;
}

.zop--cta-box a.more {
  color: #fff;
  margin-top: 40px;
}

.offer--scope.zop .box {
  border: 1px solid #c2955d;
  width: 100%;
  margin-top: 8px;
  padding: 24px;
}

.offer--scope.zop .box h4 {
  margin: 0;
}

.offer--scope.zop .box ul {
  padding: 0;
  margin: 48px 0 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.offer--scope.zop .box ul li {
  display: flex;
  align-items: center;
  gap: 16px;
}

.offer--scope.zop .box ul li span {
  font-size: 15px;
  line-height: 135%;
}

.offer--about.zop a.more {
  margin-top: 40px;
}

@media (max-width: 900px) {
  .offer--why.zop .single--row,
  .offer--why.zop .single--row h5 {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }

  .offer--process .tab-menu li {
    font-size: 18px;
  }

  .offer--process .tab-content .single-content .row > .td:nth-of-type(1),
  .offer--process .tab-content .single-content .row > .th:nth-of-type(1) {
    display: none;
  }

  .offer--process .tab-content .single-content .th {
    font-size: 16px;
  }

  .offer--process .tab-content .single-content .td,
  .offer--process .tab-content .single-content .th {
    width: 48%;
    padding: 12px;
  }

  .offer--why.zop .header h3,
  .offer--why.zop .header p,
  .offer--why.zop .single--desc {
    width: 100%;
  }
  header.notification--bar a {
    justify-content: space-between;
    display: inline;
    text-align: center;
    line-height: 140%;
  }
  header.notification--bar a span {
    display: inline;
    padding: 2px 4px;
    margin-right: 4px;
  }
}

.offer--plan-wrapper {
  position: relative;
  padding: 0 0 32px 0;
}

.offer--plan {
  background-image: url("https://finerto.pl/wp-content/uploads/2024/06/optymalizacja-home-bg.jpg");
  width: 100%;
  padding: 48px 40px;
  border-bottom: 1px solid #c2955d;
  position: relative;
}

.offer--plan-wrapper:before {
  content: "";
  z-index: 0;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: radial-gradient(#c2955d, transparent);
  filter: blur(220px);
}

.offer--plan h3 {
  color: #fff;
  max-width: 950px;
  margin: 0;
}

.offer--plan h3 span {
  color: #c2955d;
  display: block;
}

.offer--plan p {
  color: #fff;
  max-width: 600px;
  margin: 40px 0 32px;
}

header.wisegroup {
  background-color: #252428;
  padding: 12px 0;
}

header.wisegroup p {
  width: 100%;
  font-weight: 500;
  color: #fff;
  font-size: 12px;
  display: flex;
  justify-content: center;
  gap: 12px;
  letter-spacing: 0.5px;
  margin: 0;
}

footer .company-structure {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 48px 0;
  border-top: 1px solid #3f3d45;
}

footer .company-structure .wisegroup {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

footer .company-structure .wisegroup img {
  width: 100%;
  max-width: 305px;
}

footer .company-structure .wisegroup h5 {
  color: #fff;
  margin: 0;
}

footer .company-structure .diagram {
  width: 100%;
}

footer .company-structure .logotypes {
  display: flex;
  width: 100%;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
}

footer .company-structure .logotypes li a {
  position: relative;
  text-decoration: none;
}

footer .company-structure .logotypes li a img {
  filter: grayscale(1);
  transition: 0.5s;
  display: block;
}

footer .company-structure .logotypes li a:hover img {
  filter: none;
}

footer .company-structure .logotypes li a .tooltip {
  visibility: hidden;
  width: auto;
  background-color: #3f3d45;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s;
  left: 50%;
  transform: translate(-50%, -120%);
  white-space: nowrap;
  display: flex;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
}

footer .company-structure .logotypes li a .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

footer .company-structure .logotypes li a:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.home--offer .diagram ul {
  width: 100%;
  display: flex;
  align-items: center;
  list-style: none;
  margin: 96px 0 32px;
  padding: 0;
  justify-content: center;
  padding-left: 56px;
}

.home--offer .diagram ul li a {
  width: 440px;
  height: 440px;
  border: 1px solid #c2955d;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 -56px;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}

.home--offer .diagram ul li a:hover {
  background-color: #c2955d;
}

@media (max-width: 900px) {
  footer .company-structure .diagram {
    display: none;
  }
  footer .company-structure .logotypes {
    flex-wrap: wrap;
    row-gap: 32px;
    margin-top: 40px;
    justify-content: space-between;
  }
  footer .company-structure .logotypes li {
    width: 49%;
  }
  footer .company-structure .logotypes li a img {
    display: block;
    width: 90%;
    height: 25px;
    object-fit: contain;
  }
  footer .company-structure .logotypes li a .tooltip {
    display: none;
  }
  .home--offer .diagram ul {
    display: none;
  }
}

/* Career / Kariera */

.page-template-page-career .offers-opening {
  .row.header {
    margin-bottom: 0;
  }
}

.page-template-page-career .offers {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 96px;

  .offer {
    width: 100%;
    padding: 24px 32px;
    gap: 48px;
    border: 1px solid #dedede;
    display: flex;
    align-items: center;

    img {
      max-width: 86px;
      max-height: 20px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    h3 {
      margin-block-start: 0;
      margin-block-end: 0;
      color: black;
      font-size: 21px;
      font-weight: 500;
      line-height: 1.15;
    }

    a {
      margin: 0 0 0 auto;
      padding: 20px 25px;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .details {
      display: flex;
      align-items: center;
      gap: 20px;

      p {
        margin-block-start: 0;
        margin-block-end: 0;
        color: black;
        position: relative;
        font-size: 16px;
        line-height: 1.35;
        font-weight: 300;

        &:not(:first-of-type) {
          display: flex;
          align-items: center;
          gap: 20px;

          &::before {
            content: "";
            display: block;
            width: 13px;
            min-width: 13px;
            aspect-ratio: 1;
            background-image: url("./img/career-x-sign.svg");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
          }
        }
      }
    }

    .info {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
  }
}

@media (max-width: 1000px) {
  .page-template-page-career .offers {
    .offer {
      padding: 16px 20px;
      gap: 20px;

      a {
        padding: 10px 15px;
      }

      .details {
        gap: 12px;
        flex-wrap: wrap;

        p {
          width: calc(50% - 6px);
          display: flex;
          align-items: center;
          gap: 12px !important;

          &::before {
            content: "";
            display: block;
            width: 13px;
            min-width: 13px;
            aspect-ratio: 1;
            background-image: url("./img/career-x-sign.svg");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
          }
        }
      }
    }
  }
}

@media (max-width: 800px) {
  .page-template-page-career .offers {
    flex-direction: row;
    flex-wrap: wrap;

    .offer {
      width: calc(50% - 12px);
      flex-direction: column;

      h3 {
        text-align: center;
        font-size: 18px;
      }

      a {
        margin: 0 auto;
      }

      .info {
        gap: 20px;
      }

      .details {
        p {
          width: 100%;
        }
      }
    }
  }
}

@media (max-width: 600px) {
  .page-template-page-career .offers {
    .offer {
      width: 100%;
    }
  }
}

/* Homepage (new) - FIN-20 */
#homepage {
  --color-dark-100: #252428;
  --color-dark-200: #3f3d45;
  --color-dark-300: #000;
  --color-gold: #c2955d;
  --color-gold-dark: #7e623e;
  --color-light-100: #fff;
  --color-light-200: #d9d9d9;
  --color-light-300: #f3f3f3;

  --max-width-1240: 1240px;

  --fs-30: 30px;
  --fs-40: 40px;
  --fs-52: 52px;

  --space-96: 96px;

  --hero-top-shift: 164px;

  background-color: var(--color-dark-100);

  p {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 300;
    color: var(--color-light-100);
  }

  h1,
  h2,
  h3,
  h4 {
    margin: 0;
  }

  p.header {
    color: var(--color-light-200);
    font-size: 16px;
    line-height: 1.35;
    font-weight: 300;
    text-transform: uppercase;
  }

  .separator-line {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    height: 1px;
    background-color: var(--color-dark-200);
    margin-bottom: 12px;
  }

  section.section-hero {
    height: calc(100vh - 40px);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: var(--hero-top-shift);

    &::before {
      content: "";
      background-image: linear-gradient(
        to bottom,
        rgba(37, 36, 40, 1),
        rgba(37, 36, 40, 0.6)
      );
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }

    video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }

    img.finerto-icon {
      position: absolute;
      height: calc(100% - var(--hero-top-shift));
      left: -20px;
      bottom: 0;
      opacity: 50%;
      max-width: 100%;
    }

    h1 {
      display: flex;
      flex-direction: column;
      gap: 12px;

      span.gold {
        font-size: 30px;
        line-height: 1;
        font-weight: 300;
        color: var(--color-gold);
      }

      span.line {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        color: var(--color-gold);
        white-space: nowrap;
        gap: 12px;
        font-size: var(--fs-52);
        line-height: 1;
        font-weight: 400;

        &::before {
          content: "";
          display: flex;
          align-items: center;
          width: 100%;
          height: 1px;
          background-color: var(--color-gold);
        }
      }

      span.white {
        font-size: var(--fs-52);
        line-height: 1;
        font-weight: 400;
        color: var(--color-light-100);
      }

      .white-spans {
        display: flex;
        align-items: center;
        gap: 16px;
      }
    }

    .content-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 1;
      height: 100%;
      width: 100%;
      max-width: var(--max-width-1240);
      margin: 0 auto;

      .arrow {
        position: absolute;
        bottom: 16px;
        left: 0;
        z-index: 1;

        a {
          display: flex;
          align-items: center;
          gap: 12px;
          text-decoration: none;
          color: var(--color-gold);
          text-transform: uppercase;
          font-size: 16px;
          line-height: 1;
          font-weight: 300;
          transition: color 0.3s;

          &:hover {
            color: var(--color-gold-dark);
          }

          span {
            transition: color 0.3s;
            color: inherit;
          }
        }
      }

      .content {
        width: 620px;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        gap: 24px;

        .link-wrapper {
          display: flex;

          a {
            padding: 24px;
            background-color: var(--color-gold);
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--color-light-100);
            font-size: 16px;
            line-height: 1;
            text-decoration: none;
            transition: background-color 0.3s;

            &:hover {
              background-color: var(--color-gold-dark);
            }
          }
        }
      }
    }
  }

  section.section-company {
    .content-wrapper {
      width: 100%;
      max-width: var(--max-width-1240);
      margin: 0 auto var(--space-96);
      padding-top: var(--space-96);
      display: flex;
      align-items: flex-start;
      gap: 84px;

      img {
        width: 50%;
        height: auto;
      }

      .content {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 40px;

        h2 {
          font-size: var(--fs-40);
          line-height: 1;
          color: var(--color-light-100);
          font-weight: 300;

          span {
            color: var(--color-gold);
          }
        }
      }
    }
  }

  section.section-offer {
    width: 100%;
    max-width: var(--max-width-1240);
    margin: 0 auto 96px;

    .offers {
      margin-top: 48px;
      display: flex;
      flex-direction: column;
      gap: 96px;

      .offer {
        display: flex;
        flex-wrap: wrap;

        .h3-wrapper {
          display: flex;
          align-items: center;
          align-items: flex-start;
          gap: 16px;
          flex: 1;
          padding-right: 16px;

          h3 {
            font-size: var(--fs-40);
            line-height: 1;
            color: white;
            font-weight: 300;
          }

          img {
            width: 40px;
            min-width: 40px;
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
          }
        }

        .offer-description {
          width: 50%;
          display: flex;
          flex-direction: column;
          gap: 24px;

          .offer-subtitle {
            font-size: 18px;
            line-height: 1;
            color: var(--color-gold);
            font-weight: 300;
          }
        }

        .tiles {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 1px;
          padding: 1px;
          background-color: var(--color-dark-200);
          margin-top: 40px;

          .tile {
            background-color: var(--color-dark-100);
            padding: 40px 32px;
            display: flex;
            flex-direction: column;
            gap: 16px;

            p {
              font-size: 16px;
            }

            a {
              display: flex;
              align-items: center;
              gap: 16px;
              position: relative;
              color: var(--color-light-100);
              text-decoration: none;
              transition: color 0.3s;

              &::before {
                content: "";
                position: absolute;
                bottom: -2px;
                left: 0;
                width: 0;
                height: 1px;
                background-color: var(--color-gold-dark);
                transition: width 0.3s;
              }

              &:hover {
                color: var(--color-gold-dark);

                &::before {
                  width: 100%;
                }

                span {
                  color: var(--color-gold-dark);
                }
              }

              span {
                color: var(--color-gold);
                transition: color 0.3s;
                display: flex;
                align-items: center;
                justify-content: center;

                svg {
                  width: 18px;
                  min-width: 18px;
                  aspect-ratio: 1;
                }
              }
            }

            h4 {
              font-size: var(--fs-30);
              line-height: 1;
              font-weight: 300;
              color: inherit;
            }

            .link-wrapper {
              display: flex;
            }
          }
        }
      }
    }
  }

  section.section-services {
    width: 100%;
    max-width: var(--max-width-1240);
    margin: 0 auto 96px;

    .services {
      margin-top: 48px;
      display: flex;
      flex-direction: column;
      gap: 96px;

      .service {
        display: flex;
        flex-wrap: wrap;

        .h3-wrapper {
          display: flex;
          align-items: flex-start;
          gap: 16px;
          flex: 1;
          padding-right: 16px;

          h3 {
            font-size: var(--fs-40);
            line-height: 1;
            color: white;
            font-weight: 300;
          }

          img {
            width: 40px;
            min-width: 40px;
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
          }
        }

        .service-description {
          width: 50%;
          display: flex;
          flex-direction: column;
          gap: 24px;

          .service-subtitle {
            font-size: 18px;
            line-height: 1;
            color: var(--color-gold);
            font-weight: 300;
          }
        }

        ul.tiles {
          padding: 0;
        }

        .tiles {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          border-top: 1px solid var(--color-gold);
          border-left: 1px solid var(--color-gold);
          margin-top: 40px;

          .tile {
            border-bottom: 1px solid var(--color-gold);
            border-right: 1px solid var(--color-gold);
            padding: 40px 24px;
            display: flex;
            flex-direction: column;
            gap: 24px;

            h4 {
              font-size: var(--fs-30);
              line-height: 1;
              font-weight: 300;
              color: var(--color-light-100);
            }

            .description {
              p {
                font-size: 16px;
                line-height: 1.45;
              }
            }

            .link-wrapper {
              margin-top: auto;
              display: flex;

              a {
                text-decoration: none;
                color: var(--color-light-100);
                font-size: 14px;
                line-height: 1;
                display: flex;
                align-items: center;
                gap: 8px;
                position: relative;
                transition: color 0.3s;

                &:hover {
                  color: var(--color-gold-dark);

                  &::before {
                    width: 100%;
                  }

                  span {
                    color: var(--color-gold-dark);
                  }
                }

                &::before {
                  content: "";
                  position: absolute;
                  bottom: -2px;
                  left: 0;
                  height: 1px;
                  width: 0;
                  background-color: var(--color-gold-dark);
                  transition: width 0.3s;
                }

                span {
                  color: var(--color-gold);
                  transition: color 0.3s;
                }
              }
            }
          }
        }
      }
    }
  }

  section.section-optimization {
    width: 100%;
    max-width: var(--max-width-1240);
    margin: 0 auto var(--space-96);

    h2 {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 100%;
      font-size: var(--fs-40);
      line-height: 1;
      font-weight: 300;
      color: var(--color-light-100);

      span {
        color: var(--color-gold);
      }
    }

    .bottom-line {
      width: 100%;
      height: 1px;
      background-color: var(--color-gold);
    }

    .content-wrappers {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px;
      margin-top: 64px;
    }

    .content-wrapper {
      background-color: var(--color-dark-100);
      border-bottom: 1px solid var(--color-gold);
      padding: 48px 40px;
      position: relative;

      &::before {
        content: "";
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: radial-gradient(rgb(194, 149, 93), transparent);
        filter: blur(220px);
      }

      p {
        margin-top: 40px;
        width: 100%;
      }

      img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .content {
        position: relative;
      }
    }

    .link-wrapper {
      display: flex;
      margin-top: 64px;

      a {
        text-decoration: none;
        color: var(--color-light-100);
        display: flex;
        align-items: center;
        gap: 12px;
        position: relative;
        font-weight: 400;
        text-transform: uppercase;
        transition: color 0.3s;

        &::before {
          content: "";
          position: absolute;
          bottom: -2px;
          left: 0;
          width: 0;
          height: 1px;
          background-color: var(--color-gold-dark);
          transition: width 0.3s;
        }

        &:hover {
          color: var(--color-gold-dark);

          &::before {
            width: 100%;
          }

          span {
            color: var(--color-gold-dark);
          }
        }

        span {
          color: var(--color-gold);
          transition: color 0.3s;
        }
      }
    }
  }

  section.section-consultation {
    background-color: var(--color-gold);
    gap: var(--space-96);
    display: flex;
    align-items: center;
    position: relative;

    img {
      position: absolute;
      right: 0;
      top: 0;
      width: 50%;
      height: 100%;
      object-fit: cover;
    }

    .wrapper {
      width: 100%;
      max-width: var(--max-width-1240);
      margin: 0 auto;
    }

    .content-wrapper {
      width: 50%;
      display: flex;
      flex-direction: column;
      padding: var(--space-96);
      padding-left: 0;

      h2 {
        font-size: var(--fs-40);
        color: var(--color-light-100);
        line-height: 1;
        font-weight: 300;
        padding-bottom: 40px;
      }

      p.content-header {
        font-size: 18px;
        line-height: 2;
        color: var(--color-dark-100);
      }

      .content-description {
        padding-bottom: 40px;

        p {
          display: flex;
          flex-direction: column;
          gap: 16px;
        }
      }

      .link-wrapper {
        display: flex;

        a {
          padding: 24px;
          background-color: var(--color-light-100);
          display: flex;
          justify-content: center;
          align-items: center;
          color: var(--color-dark-100);
          font-size: 16px;
          line-height: 1;
          text-decoration: none;
          transition: background-color 0.3s;

          &:hover {
            background-color: var(--color-light-200);
          }
        }
      }
    }
  }

  section.section-faq {
    width: 100%;
    background-color: var(--color-light-100);

    .wrapper {
      width: 100%;
      max-width: var(--max-width-1240);
      margin: 0 auto;
      padding: var(--space-96) 0;
    }

    .questions-wrapper {
      display: flex;

      .questions-titles {
        padding-right: var(--space-96);
        display: flex;
        flex-direction: column;
        gap: 40px;

        .question-title {
          h3 {
            font-size: var(--fs-30);
            line-height: 1;
            font-weight: 300;
            color: var(--color-dark-300);
            padding-left: var(--space-96);
            opacity: 30%;
            position: relative;
            cursor: pointer;
            transition: all 0.3s;

            &:hover {
              opacity: 100%;
              font-size: var(--fs-40);
            }

            span.icon {
              position: absolute;
              left: 0;
              top: 50%;
              translate: 0 -50%;
              width: 60px;
              aspect-ratio: 1;
              opacity: 1;
              transition: opacity 0.3s;
            }

            span.icon.active {
              opacity: 0;
            }
          }
        }

        .question-title.active {
          h3 {
            font-size: var(--fs-40);
            opacity: 100%;
          }

          span.icon.inactive {
            opacity: 0;
          }

          span.icon.active {
            opacity: 1;
          }
        }
      }

      .questions-descriptions {
        .question-description {
          display: none;

          p {
            color: var(--color-dark-300);
            font-size: 16px;
          }
        }

        .question-description.active {
          display: flex;
        }
      }

      .questions-titles,
      .questions-descriptions {
        width: 50%;
      }
    }

    .link-wrapper {
      display: flex;
      margin-top: 32px;

      a {
        padding: 24px;
        background-color: var(--color-gold);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--color-light-100);
        font-size: 16px;
        line-height: 1;
        text-decoration: none;
        transition: background-color 0.3s;

        &:hover {
          background-color: var(--color-gold-dark);
        }
      }
    }
  }

  section.section-contact {
    width: 100%;

    h2 {
      font-size: var(--fs-40);
      line-height: 1;
      font-weight: 300;
      color: var(--color-dark-300);
    }

    h3 {
      margin-bottom: 40px;
    }

    p {
      color: var(--color-dark-300);
      padding-top: 40px;
    }
  }

  section.section-opinions {
    .single-testimony {
      p {
        font-size: var(--fs-30);
        color: var(--color-light-100);
      }

      p.author {
        font-size: 16px;
        font-weight: 700;
        padding-top: 24px;
      }

      p.signature {
        font-size: 16px;
        font-weight: 300;
      }
    }
  }

  section.section-news {
    background-color: var(--color-light-100);

    .wrapper {
      width: 100%;
      max-width: var(--max-width-1240);
      margin: 0 auto;
      padding: var(--space-96) 0;
    }

    .content-wrapper {
      display: flex;

      .content {
        flex: 1;

        h2 {
          font-size: var(--fs-40);
          line-height: 1;
          font-weight: 300;
          color: var(--color-dark-300);
          padding-bottom: 40px;
        }

        p {
          color: var(--color-dark-300);
        }
      }

      .images {
        height: 96px;
        width: 50%;
        display: flex;
        justify-content: flex-end;
        gap: 16px;

        svg {
          width: 96px;
          min-width: 96px;
          height: 100%;
          display: flex;
          align-items: center;
        }
      }
    }

    .loop {
      margin-top: var(--space-96);
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap:16px;

      .post {
        background-color: var(--color-light-300);

        img {
          max-width: 100%;
          width: 100%;
          height: 200px;
          object-fit: cover;
          display: block;
        }

        h3 {
          font-size: 24px;
          line-height: 1;
          font-weight: 300;
          margin-bottom: 32px;
        }

        .img-wrapper {
          position: relative;

          .category-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 155px;
            height: 35px;
            background-color: var(--color-light-100);
            display: flex;
            justify-content: center;
            align-items: center;
          }

          p {
            font-size: 14px;
            color: var(--color-dark-300);
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
        }

        .details {
          padding: 20px;

          a:has(h3) {
            text-decoration: none;
            color: var(--color-dark-300);

            transition: color 0.3s;

            &:hover {
              color: var(--color-gold-dark);
            }
          }

          .excerpt {
            p {
              font-size: 16px;
              color: var(--color-dark-300);
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical;
              overflow: hidden;
            }
          }

          .link-wrapper {
            padding-top: 32px;
            display: flex;

            a {
              display: flex;
              align-items: center;
              text-decoration: none;
              gap: 12px;
              color: var(--color-dark-300);
              position: relative;
              transition: color 0.3s;

              &:hover {
                color: var(--color-gold-dark);

                &::before {
                  width: 100%;
                }

                span {
                  color: var(--color-gold-dark);
                }
              }

              &::before {
                content: "";
                position: absolute;
                bottom: -2px;
                left: 0;
                width: 0;
                background-color: var(--color-gold-dark);
                height: 1px;
                transition: width 0.3s;
              }

              span {
                width: 12px;
                min-width: 12px;
                aspect-ratio: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--color-gold);
                transition: color 0.3s;

                svg {
                  width: 100%;
                  height: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1300px) {
  #homepage {
    --max-width-1240: 100%;
    --space-96: 72px;

    section.section-company,
    section.section-offer,
    section.section-services,
    section.section-optimization,
    section.section-faq,
    section.section-news {
      padding-left: 32px;
      padding-right: 32px;
    }

    section.section-hero {
      .content-wrapper {
        .arrow {
          left: 16px;
        }

        .content {
          margin-right: 64px;
        }
      }
    }

    section.section-consultation {
      .content-wrapper {
        padding-left: 32px;
      }
    }
  }
}

@media (max-width: 1100px) {
  #homepage {
    section.section-company {
      .content-wrapper {
        flex-direction: column;
        gap: 64px;

        img {
          width: 100%;
        }
      }
    }
  }
}

@media (max-width: 1000px) {
  #homepage {
    --fs-30: 24px;
    --fs-40: 32px;
    --fs-52: 44px;

    section.section-hero {
      .content-wrapper {
        .content {
          width: 100%;
          margin: 0;
          padding: 0 32px;
        }
      }
    }

    section.section-optimization {
      .content-wrappers {
        grid-template-columns: repeat(1, 1fr);
      }

      .content-wrapper {
        h2,
        p {
          max-width: 100%;
          width: 100%;
        }
      }
    }

    section.section-news {
      .loop {
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;

        .post {
          padding-right: 0;

          img {
            height: 250px;
          }
        }
      }
    }
  }
}

@media (max-width: 900px) {
  #homepage {
    --space-96: 64px;

    section.section-services {
      .services {
        .service {
          .service-description {
            margin-top: 32px;
            width: 100%;
          }
        }
      }
    }

    section.section-offer {
      .offers {
        .offer {
          .offer-description {
            margin-top: 32px;
            width: 100%;
          }
        }
      }
    }

    section.section-faq {
      .questions-wrapper {
        .questions-titles {
          .question-title {
            h3 {
              span.icon {
                width: 45px;

                svg {
                  width: 100%;
                }
              }
            }
          }
        }
      }
    }

    section.section-offer {
      .offers {
        .offer {
          .tiles {
            grid-template-columns: repeat(1, 1fr);
          }
        }
      }
    }

    .mateusz--cta.grey-bg {
      background-color: var(--color-light-300);

      .col:nth-of-type(3) {
        background: var(--color-light-300);
      }
    }
  }
}

@media (max-width: 800px) {
  #homepage {
    section.section-services {
      .services {
        .service {
          .tiles {
            grid-template-columns: repeat(1, 1fr);
          }
        }
      }
    }

    section.section-faq {
      .questions-wrapper {
        flex-direction: column;
        gap: 32px;

        .questions-titles,
        .questions-descriptions {
          width: 100%;
          padding: 0;
        }
      }
    }
    section.section-news {
      .content-wrapper {
        flex-direction: column;
        gap: 32px;

        .images {
          width: 100%;
          justify-content: center;
        }
      }
    }
  }
}

@media (max-width: 700px) {
  #homepage {
    section.section-consultation {
      .content-wrapper {
        padding: 32px;
      }
    }

    section.section-consultation {
      flex-direction: column;
      padding-right: 0;

      img {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
      }

      .content-wrapper {
        width: 100%;
        padding-bottom: 0;
      }
    }
  }
}

@media (max-width: 600px) {
  #homepage {
    --fs-30: 20px;
    --fs-40: 28px;
    --fs-52: 28px;

    section.section-hero {
      h1 {
        span.gold {
          font-size: 20px;
        }
      }
    }

    section.section-offer {
      .offers {
        gap: 32px;

        .offer {
          .tiles {
            .tile {
              padding: 20px 16px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 480px) {
  #homepage {
    --fs-52: 20px;
    --fs-40: 24px;

    .link-wrapper {
      a {
        padding: 16px !important;
      }
    }

    section.section-hero {
      & h1 {
        .white-spans {
          gap: 12px;

          img {
            width: 20px;
          }
        }
      }
    }

    section.section-offer {
      .offers {
        .offer {
          .h3-wrapper {
            img {
              width: 30px;
              min-width: 30px;
            }
          }
        }
      }
    }

    section.section-optimization {
      .content-wrapper {
        padding: 24px 20px;
      }
    }

    section.section-news {
      .content-wrapper {
        .images {
          height: 64px;
        }
      }
    }

    section.section-news {
      .loop {
        .post {
          img {
            height: auto;
          }
        }
      }
    }
  }
}

@media (max-width: 375px) {
  #homepage {
    section.section-hero {
      .content-wrapper {
        .content {
          padding: 0 25px;
        }
      }
    }

    section.section-company,
    section.section-offer,
    section.section-optimization,
    section.section-faq,
    section.section-news {
      padding-left: 25px;
      padding-right: 25px;
    }

    section.section-optimization {
      & .link-wrapper {
        a {
          font-size: 14px;
        }
      }
    }
  }
}

/* Unified pillar - FIN-20 */
#unified-pillar {
  --color-dark-100: #252428;
  --color-dark-100-60: #25242899;
  --color-dark-200: #3f3d45;
  --color-dark-300: #000;
  --color-dark-400: #2d2c30;
  --color-gold: #c2955d;
  --color-gold-dark: #7e623e;
  --color-light-100: #fff;
  --color-light-200: #d9d9d9;
  --color-light-300: #f3f3f3;
  /* --color-violet-100: #5744b8; */
  --color-violet-100: #c2955d;

  --max-width-668: 668px;
  --max-width-745: 745px;
  --max-width-1240: 1240px;
  --max-width-1440: 1440px;

  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-30: 30px;
  --fs-40: 40px;
  --fs-48: 48px;
  --fs-52: 52px;

  --space-96: 96px;
  --space-128: 128px;

  --hero-top-shift: 164px;

  --ellipse-size: 268px;

  p,
  h1,
  h2,
  h3,
  h4,
  ul,
  li,
  span {
    color: var(--color-light-100);
    font-weight: 300;
    margin-block-end: 0;
    margin-block-start: 0;
    margin: 0;
    padding-inline-start: 0;
  }

  h2 {
    font-size: var(--fs-40);
  }

  h3 {
    font-size: var(--fs-30);
  }

  h2.pb,
  h3.pb {
    padding-bottom: 16px;
  }

  section {
    background-color: var(--color-dark-100);
  }

  section.section-hero {
    height: calc(100vh - 40px);
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: end;
    padding-top: var(--hero-top-shift);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    &::before {
      content: "";
      background-image: linear-gradient(
        to bottom,
        rgba(37, 36, 40, 1),
        rgba(37, 36, 40, 0.6)
      );
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }

    h1 {
      font-size: var(--fs-48);
      line-height: 1.1;

      span.gold {
        font-size: 30px;
        line-height: 1;
        color: #c2955d;
      }
    }

    img.finerto-icon {
      position: absolute;
      height: calc(100% - var(--hero-top-shift));
      left: -20px;
      bottom: 0;
      opacity: 50%;
      max-width: 100%;
    }

    .buttons {
      padding-top: 48px;
      display: flex;
      justify-content: space-between;
    }

    .external-wrapper {
      width: 100%;
      /* max-width: var(--max-width-1240); */
      max-width: var(--max-width-1440);
      margin: 0 auto;
    }

    .content-wrapper {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: var(--max-width-668);
      padding-right: 16px;
      padding-bottom: 16px;
      margin-left: auto;

      .content {
        background-color: var(--color-dark-100-60);
        backdrop-filter: blur(8px);
        padding: 32px var(--space-96) 32px 32px;
      }
    }

    .description {
      padding-top: 24px;

      p {
        color: var(--color-light-100);
        font-size: 18px;
        line-height: 1.45;
      }

      strong {
        font-weight: 700;
      }
    }
  }

  section.section-services {
    h2 {
      line-height: 1;
    }

    .tiles {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--color-gold);
      border-left: 1px solid var(--color-gold);

      .extra-image-row {
        grid-column: 1/-1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        position: relative;

        &::before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          width: 1px;
          height: 100%;
          background-color: var(--color-gold);
        }

        &::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: var(--color-gold);
        }
      }

      .tile {
        border-bottom: 1px solid var(--color-gold);
        border-right: 1px solid var(--color-gold);
        padding: 40px 24px;
        display: flex;
        flex-direction: column;
        gap: 24px;

        .description {
          p {
            font-size: 16px;
            line-height: 1.45;
          }
        }

        .link-wrapper {
          margin-top: auto;

          a {
            text-decoration: none;
            color: var(--color-light-100);
            font-size: 14px;
            line-height: 1;
            display: flex;
            align-items: center;
            gap: 8px;
            position: relative;
            transition: color 0.3s;

            &:hover {
              color: var(--color-gold-dark);

              &::before {
                width: 100%;
              }

              span {
                color: var(--color-gold-dark);
              }
            }

            &::before {
              content: "";
              position: absolute;
              bottom: -2px;
              left: 0;
              height: 1px;
              width: 0;
              background-color: var(--color-gold-dark);
              transition: width 0.3s;
            }

            span {
              color: var(--color-gold);
              transform: color 0.3s;
            }
          }
        }
      }
    }

    .section-wrapper {
      padding: var(--space-128) 0;
      display: flex;
      flex-direction: column;
      gap: 64px;
    }
  }
  .page-id-7878 section.section-services .tiles {
    grid-template-columns: repeat(2, 1fr);
  }

  section.section-consultation {
    background-color: var(--color-light-100);
    position: relative;

    p,
    h2 {
      color: var(--color-dark-300);
    }

    h2 {
      position: relative;

      &::before {
        content: "";
        position: absolute;
        left: -16px;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: var(--color-gold);
      }
    }

    .bottom-content {
      display: flex;
    }

    .clock {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;

      img {
        width: 20px;
        min-width: 20px;
        aspect-ratio: 1;
      }

      p {
        font-size: 16px;
      }
    }

    .content-wrapper {
      padding-top: var(--space-96);
      padding-bottom: var(--space-96);
      padding-right: var(--space-96);
      width: 50%;
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .photo-wrapper {
      img {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        object-fit: cover;
      }

      img.background {
        width: 50%;
      }

      img.pattern {
        width: 25%;
      }
    }
  }

  section.section-advice {
    padding: var(--space-96) 0;
    overflow: hidden;

    h2,
    .description,
    .arrow {
      position: relative;
      width: 50%;
      z-index: 1;
    }

    .description {
      margin-top: 32px;

      /* p {
        font-size: var(--fs-24);
        line-height: 1.45;
      } */
    }

    .description.right {
      margin-top: 64px;

      p {
        font-size: 16px;
      }
    }

    .arrow {
      margin-top: 40px;
    }

    .right {
      margin-left: auto;
      padding-left: var(--space-128);
    }

    .section-wrapper {
      position: relative;
    }

    .shapes {
      position: absolute;
      top: 28px;
      left: calc(50% + 128px);
      display: flex;
      align-items: center;
      height: 96px;
      gap: 16px;

      svg {
        height: 100%;
        aspect-ratio: 1;
      }
    }
  }

  section.section-advisors {
    padding: var(--space-96) 0;

    .tiles {
      margin-top: 48px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 64px;

      .tile {
        display: flex;
        flex-direction: column;
        gap: 32px;

        h2 {
          text-wrap: balance;
        }

        h3 {
          font-size: var(--fs-30);
          line-height: 1.3;
          color: var(--color-gold);
          background-color: var(--color-dark-100);
          position: relative;
          padding: 0 12px;
        }

        img {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 3px;
          width: 32px;
          min-width: 32px;
          aspect-ratio: 1;
          background-color: var(--color-dark-100);
          position: relative;
        }

        .description {
          p {
            font-size: 16px;
          }
        }

        .header {
          display: flex;
          align-items: flex-start;
          position: relative;

          &::before {
            content: "";
            position: absolute;
            top: 19px;
            left: 0;
            height: 1px;
            width: 100%;
            background-color: var(--color-dark-200);
          }
        }
      }
    }

    .top-content {
      width: 50%;
      display: flex;
      flex-direction: column;

      .description {
        margin-top: 20px;
      }

      .link-wrapper {
        margin-top: 48px;
      }
    }
  }

  section.section-cost {
    position: relative;
    height: 800px;

    .content-wrapper {
      width: 50%;
      margin-left: auto;
      padding-left: var(--space-96);

      .content-description {
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
        p {
          font-size: 18px;
        }
      }

      .bottom-content {
        display: flex;
        margin-top: 64px;
      }

      .clock {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;

        img {
          width: 20px;
          min-width: 20px;
          aspect-ratio: 1;
        }

        p {
          font-size: 16px;
        }
      }
    }

    .section-wrapper {
      position: relative;
      height: 100%;
      display: flex;
      align-items: center;
    }

    .side-img {
      position: absolute;
      width: 50%;
      left: 0;
      top: 0;
      height: 100%;

      .content {
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;

        p.meet {
          font-size: var(--fs-30);
          margin-top: 8px;
          line-height: 1.15;
          text-wrap: balance;
          text-align: center;
        }

        strong {
          margin-top: 12px;
          font-size: var(--fs-20);
          font-weight: 700;
          margin: 0;
          color: var(--color-light-100);
        }

        strong.rate {
          margin-top: 12px;
          font-size: var(--fs-30);
        }

        .bottom {
          margin-top: 48px;
          width: 100%;
          max-width: 448px;

          p {
            font-size: 18px;
            line-height: 1.45;
            text-align: center;
          }
        }

        .company {
          display: flex;
          flex-direction: column;
          gap: 4px;

          strong {
            color: var(--color-light-100);
            font-weight: 700;
            white-space: nowrap;
          }
        }

        .company.silver {
          align-items: flex-end;

          span {
            color: var(--color-light-200);
          }
        }

        .company.gold {
          align-items: flex-start;

          span {
            color: var(--color-gold);
          }
        }

        .ellipse {
          position: relative;
          width: var(--ellipse-size);
          aspect-ratio: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 0 32px;

          svg.ellipse-icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
          }
        }

        .hour-wrapper {
          display: flex;
          align-items: center;

          p.hour {
            display: flex;
            align-items: center;
            gap: 6px;
            letter-spacing: 5px;
            padding: 4px 6px;
            border-radius: 16px;
            font-size: 18px;
            line-height: 1;
            background-color: var(--color-dark-400);

            svg {
              width: 16px;
              min-width: 16px;
              height: 16px;
              display: flex;
              align-items: center;
              justify-content: center;
            }
          }
        }

        .top {
          display: flex;
          align-items: center;
          gap: 24px;
        }
      }

      .gradient {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        background-image: linear-gradient(
          to bottom,
          rgba(37, 36, 40, 1),
          rgba(37, 36, 40, 0.6)
        );
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }

  section.section-profit {
    .section-wrapper {
      padding: var(--space-96) 0;
    }

    .header {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
    }

    .slides-arrows {
      display: flex;
      align-items: center;
      gap: 24px;
      margin-top: -24px;

      button {
        background-color: transparent;
        width: 96px;
        min-width: 96px;
        padding: 16px;
        aspect-ratio: 1;
        border-radius: 100%;
        border: none;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color 0.3s;

        &:hover {
          background-color: var(--color-dark-200);
        }

        svg {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }
    }

    .slides {
      margin-top: 64px;

      .slide {
        display: flex;
        flex-direction: column;
        gap: 40px;

        .description {
          display: flex;
          flex-direction: column;
          gap: 16px;
          align-items: flex-start;
          p {
            font-size: 16px;
          }
        }

        .subtitle {
          font-size: var(--fs-24);
        }

        .title {
          font-size: var(--fs-52);
          color: var(--color-dark-200);

          span {
            color: var(--color-gold);
          }
        }
      }
    }
  }

  /*  */
  section.section-models {
    h2 {
      line-height: 1;
    }

    .desc {
      font-size: 16px;
    }

    .tiles {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      border-top: 1px solid var(--color-gold);
      border-left: 1px solid var(--color-gold);

      .tile {
        border-bottom: 1px solid var(--color-gold);
        border-right: 1px solid var(--color-gold);
        padding: 40px 24px;
        display: flex;
        flex-direction: column;
        gap: 24px;

        .description {
          p {
            font-size: 16px;
            line-height: 1.45;
          }
        }
      }
    }

    .section-wrapper {
      padding: var(--space-128) 0;
      display: flex;
      flex-direction: column;
      gap: 32px;
    }
  }
  /*  */

  section.section-opinions {
    .average {
      margin-top: 40px;

      .stars {
        display: flex;
        align-items: center;
        gap: 6px;

        span {
          width: 20px;
          min-width: 20px;
          aspect-ratio: 1;
        }

        svg {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      p {
        margin-top: 6px;
        font-weight: 300;
        font-size: var(--fs-16);
        line-height: 1.35;
        display: flex;
        align-items: center;
        gap: 8px;
      }
    }

    .arrow-nav {
      width: 100%;
      max-width: var(--max-width-745);
      margin-left: auto;
      margin-top: -64px;
      justify-content: end;
      gap: 8px;
      position: relative;
      z-index: 1;

      span {
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: contain;
        object-position: center center;
        border-radius: 50%;
        transition: 0.5s;
        pointer-events: initial;
        width: 64px;
        height: unset;
        aspect-ratio: 1;
        padding: 8px;

        &:hover {
          cursor: pointer;
          background-color: #3f3d45;
        }
      }
    }

    .single-testimony {
      p {
        font-size: var(--fs-30);
        color: var(--color-light-100);
      }

      p.author {
        font-size: 16px;
        font-weight: 700;
        padding-top: 24px;
      }

      p.signature {
        font-size: 16px;
      }
    }

    .row:has(.logotypes) {
      margin-top: 72px;
    }
  }

  section.section-contact {
    h2,
    h3 {
      line-height: 1;
      color: var(--color-dark-300);
    }

    h3 {
      margin-bottom: 40px;
    }

    p {
      color: var(--color-dark-300);
      padding-top: 40px;
    }
  }

  section.section-faq {
    .section-wrapper {
      padding: var(--space-96) 0 calc((var(--space-96) / 2));
      display: flex;
      align-items: flex-start;
    }

    h2 {
      flex: 1;
    }

    .accordion {
      width: 50%;
    }

    .accordion-question {
      width: 100%;
      cursor: pointer;
      font-size: var(--fs-18);
      padding: 32px;
      border: 0;
      border-bottom: 1px solid var(--color-dark-200);
      background-color: transparent;
      color: var(--color-light-100);
      outline: none;
      text-align: left;
      display: flex;
      gap: 16px;
      justify-content: space-between;
      align-items: center;
      position: relative;
      transition: all 0.3s;

      &:hover {
        background-color: var(--color-dark-200);
      }

      .span-wrapper {
        width: 56px;
        min-width: 56px;
        height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
      }

      span {
        position: absolute;
        width: 100%;
        height: 100%;
        transition: opacity 0.3s;

        svg {
          width: 100%;
          height: 100%;
        }
      }

      span.closed {
        opacity: 1;
      }

      span.open {
        opacity: 0;
      }
    }

    .accordion-question.is-open {
      background-color: var(--color-dark-200);
      border-bottom: 1px solid var(--color-gold);

      span.closed {
        opacity: 0;
      }

      span.open {
        opacity: 1;
      }
    }

    .accordion-answer {
      max-height: 0;
      color: var(--color-light-300);
      padding: 0 32px;
      overflow: hidden;
      transition: max-height 0.3s;

      p {
        width: 95%;
        margin: 12px 0;
        display: block;
        color: var(--color-light-300);
      }
    }
  }

  .arrow {
    display: flex;

    a {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 16px;
      line-height: 1.35;
      text-decoration: none;
      color: var(--color-light-100);
      transition: color 0.3s;

      &:hover {
        color: var(--color-gold-dark);

        span {
          color: var(--color-gold-dark);
        }
      }

      span {
        color: var(--color-gold);
        transition: color 0.3s;
      }
    }
  }

  .bottom-details {
    display: flex;
    align-items: center;
    margin-left: 32px;
    gap: 16px;
  }

  .consultants-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .consultants-wrapper {
    display: flex;
    gap: 2px;
    align-items: center;

    .consultant {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      gap: 4px;

      svg {
        position: absolute;
        left: 50%;
        translate: -50% 0;
        top: -8px;
      }
    }
  }

  .description {
    h2 {
      margin-block-start: 0.83em;
      margin-block-end: 0.83em;
    }
  }

  .link-wrapper {
    display: flex;

    .cta {
      background-color: var(--color-violet-100);
      text-decoration: none;
      color: var(--color-light-100);
      padding: 16px 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 700;
      font-size: 16px;
      line-height: 1;
      transition: filter 0.3s;

      &:hover {
        filter: brightness(1.1);
      }
    }
  }

  .section-wrapper {
    width: 100%;
    max-width: var(--max-width-1240);
    margin: 0 auto;
  }

  .two-cols {
    display: none !important;
  }
}

@media (max-width: 1300px) {
  #unified-pillar {
    --max-width-1240: 100%;

    section.section-services,
    section.section-consultation,
    section.section-advice,
    section.section-advisors,
    section.section-profit,
    section.section-models,
    section.section-faq {
      padding-left: 32px;
      padding-right: 32px;
    }

    .bottom-content {
      flex-direction: column-reverse;
      gap: 16px;
    }

    .bottom-details {
      margin-left: 0;
    }
  }
}

@media (max-width: 1100px) {
  #unified-pillar {
    section.section-services {
      .tiles {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    section.section-cost {
      height: auto;
      display: flex;
      flex-direction: column-reverse;

      .content-wrapper {
        padding: 0;
        width: 100%;
      }

      .side-img {
        position: relative;
        width: 100%;
      }

      .section-wrapper {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 32px;
      }
    }

    section.section-faq {
      .accordion {
        width: 66.66%;
      }
    }

    .three-cols {
      display: none !important;
    }

    .two-cols {
      display: flex !important;
    }
  }
}

@media (max-width: 1000px) {
  #unified-pillar {
    --fs-20: 18px;
    --fs-24: 20px;
    --fs-30: 24px;
    --fs-40: 32px;
    --fs-48: 40px;
    --fs-52: 44px;

    section.section-advisors {
      .tiles {
        grid-template-columns: repeat(1, 1fr);
      }
    }

    section.section-faq {
      .accordion {
        width: 100%;
      }

      .section-wrapper {
        flex-direction: column;
        gap: 32px;
      }
    }

    section.section-opinions {
      .row:has(.testimonies-header) {
        flex-direction: column;
      }

      .testimonies-header,
      .testimony--wrapper {
        width: 100%;
      }

      .testimonies-header {
        margin-bottom: 32px;
      }

      .arrow-nav {
        max-width: 100%;
      }
    }
  }
}

@media (max-width: 900px) {
  #unified-pillar {
    section.section-contact {
      h2,
      p {
        color: var(--color-light-100);
      }
    }

    section.section-faq {
      .accordion-question {
        .span-wrapper {
          width: 40px;
          min-width: 40px;
          height: 40px;
        }
      }
    }

    section.section-faq {
      .accordion-question {
        padding: 16px;
      }
    }
  }
}

@media (max-width: 800px) {
  #unified-pillar {
    --space-96: 64px;
    --space-128: 96px;

    section.section-hero {
      .buttons {
        flex-wrap: wrap;
        gap: 16px;
      }

      .content-wrapper {
        max-width: 100%;
        padding-left: 16px;

        .content {
          padding: 32px;
        }
      }
    }

    section.section-advice {
      h2,
      .arrow,
      .description {
        width: 100%;
        padding-left: 0;
      }

      .shapes {
        opacity: 25%;
        left: 50%;
      }
    }

    section.section-advisors {
      .top-content {
        width: 100%;
      }
    }

    section.section-services,
    section.section-models {
      .tiles {
        grid-template-columns: repeat(1, 1fr);
      }
    }

    section.section-consultation {
      display: flex;
      flex-direction: column;
      padding-left: 0;
      padding-right: 0;

      .content-wrapper {
        padding-bottom: 32px;
        padding-right: 32px;
        width: 100%;
      }

      .photo-wrapper {
        position: relative;
        aspect-ratio: 16/9;

        img.background {
          width: 100%;
        }

        img.pattern {
          width: 50%;
        }
      }

      .section-wrapper {
        padding-left: 32px;
        padding-right: 32px;
      }
    }
  }
}

@media (max-width: 600px) {
  #unified-pillar {
    --fs-18: 16px;
    --fs-20: 16px;
    --fs-24: 20px;
    --fs-30: 24px;
    --fs-40: 28px;
    --fs-48: 36px;
    --fs-52: 40px;

    section.section-profit {
      .header {
        flex-direction: column;
      }

      .slides {
        margin-top: 32px;

        .slide {
          gap: 20px;
        }
      }

      .slides-arrows {
        margin-top: 0;
      }
    }

    section.section-cost {
      .side-img {
        height: 650px;
        .content {
          width: 90%;

          .company {
            width: 50% !important;
          }

          .company.silver {
            order: 2;
          }

          .ellipse {
            width: 100%;
            max-width: 300px;
            margin: 0 auto;
          }

          .top {
            flex-wrap: wrap;
            gap: 0;
          }
        }
      }
    }

    section.section-opinions {
      .testimonies-header {
        order: -1;
      }

      .arrow-nav {
        margin-top: 0;
        margin-bottom: 32px;
        justify-content: center;
        gap: 32px;
        order: -1;
      }
    }
  }
}

@media (max-width: 480px) {
  #unified-pillar {
    --space-96: 32px;
    --space-128: 48px;
  }
}

@media (max-width: 375px) {
  #unified-pillar {
    section.section-services,
    section.section-advice,
    section.section-advisors,
    section.section-profit,
    section.section-faq {
      padding-left: 24px;
      padding-right: 24px;
    }
  }

  section.section-hero {
    .content-wrapper {
      .content {
        padding: 16px;
      }
    }
  }

  section.section-services {
    & .tiles {
      .extra-image-row {
        aspect-ratio: 16/9;

        img {
          height: 100%;
          object-fit: cover;
        }
      }
    }
  }

  .link-wrapper {
    .cta {
      font-size: 14px;
    }
  }
}

/* Blog (new; redirection page) - #new-blog - FIN-20 */
#new-blog {
  --color-dark-100: #252428;
  --color-dark-100-70: #252428b3;
  --color-dark-200: #3f3d45;
  --color-gold: #c2955d;
  --color-gold-dark: #7e623e;
  --color-light-100: #fff;
  --color-light-300: #f3f3f3;

  --max-width-851: 851px;
  --max-width-1240: 1240px;
  --max-width-1440: 1440px;

  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-24: 24px;
  --fs-30: 30px;
  --fs-40: 40px;
  --fs-52: 52px;

  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;

  --hero-top-shift: 164px;

  p,
  a,
  h1,
  h2,
  h3,
  ul,
  li,
  span {
    margin-block-end: 0;
    margin-block-start: 0;
    margin: 0;
    padding-inline-start: 0;
  }

  p,
  ul,
  li,
  span {
    font-weight: 300;
  }

  h1 {
    font-size: var(--fs-52);
    color: var(--color-light-100);
    line-height: 1.1;
  }

  h2 {
    font-size: var(--fs-40);
  }

  h3 {
    font-size: var(--fs-30);
  }

  ul {
    list-style-type: none;
  }

  a {
    text-decoration: none;
  }

  section.section-hero {
    height: calc(100vh - 40px);
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: end;
    padding-top: var(--hero-top-shift);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    &::before {
      content: "";
      background-image: linear-gradient(
        to bottom,
        rgba(37, 36, 40, 1),
        rgba(37, 36, 40, 0.3),
        rgba(37, 36, 40, 0)
      );

      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }

    img.finerto-icon {
      position: absolute;
      height: calc(100% - var(--hero-top-shift));
      left: -20px;
      bottom: 0;
      opacity: 75%;
      max-width: 100%;
    }

    .external-wrapper {
      width: 100%;
      /* max-width: var(--max-width-1240); */
      max-width: var(--max-width-1440);
      margin: 0 auto;
    }

    .content-wrapper {
      position: relative;
      z-index: 1;
      width: 100%;
      margin-left: auto;
      max-width: var(--max-width-851);
      padding-bottom: var(--space-80);

      .content {
        background-color: var(--color-dark-100-70);
        backdrop-filter: blur(2px);
        padding: 32px var(--space-96) 32px 32px;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
    }

    .description {
      p {
        color: var(--color-light-100);
        font-size: 18px;
        line-height: 1.45;
      }

      strong {
        font-weight: 700;
      }
    }
  }

  section.section-reference {
    background-color: var(--color-light-100);
    padding-top: var(--space-96);
    padding-bottom: var(--space-96);

    img.main-image {
      width: 501px;
      min-width: 501px;
      aspect-ratio: 501 / 586;
    }

    ul.details {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 24px;

      li.detail {
        display: flex;
        align-items: center;
        gap: 12px;

        p {
          font-size: var(--fs-14);
          font-weight: 500;
        }

        img {
          width: 20px;
          min-width: 20px;
          aspect-ratio: 1;

          svg {
            width: 100%;
            height: 100%;
            object-fit: contain;
          }
        }
      }
    }

    p.excerpt {
      font-size: var(--fs-14);
    }

    .section-wrapper {
      display: flex;
      gap: var(--space-128);
      align-items: center;

      .content {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex: 1;
        padding-left: 20px;
        border-left: 1px solid var(--color-gold);
      }
    }

    .section-wrapper.default {
      flex-direction: row;
    }

    .section-wrapper.reversed {
      flex-direction: row-reverse;
    }

    .webinar-wrapper {
      margin-top: 40px;
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      gap: 20px;

      p.header {
        padding: 12px;
        border: 1px solid var(--color-dark-100);
        border-radius: 48px;
        line-height: 1;
        font-size: var(--fs-16);
      }
    }
  }

  section.section-reference.bg-white {
    background-color: var(--color-light-100);
  }

  section.section-reference.bg-light-gray {
    background-color: var(--color-light-300);
  }

  section.section-reference.bg-dark-gray {
    background-color: var(--color-dark-100);

    h2,
    p {
      color: var(--color-light-100);
    }
  }

  section.section-text {
    padding-top: var(--space-96);
    padding-bottom: var(--space-96);

    .section-wrapper {
      display: flex;
      align-items: flex-start;

      h2,
      .description {
        width: 50%;
      }

      .description {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-left: var(--space-128);

        p,
        strong {
          font-size: var(--fs-16);
          line-height: 1.35;
        }
      }
    }
  }

  section.section-contact {
    background: linear-gradient(
      90deg,
      var(--color-light-100) 50%,
      var(--color-light-300) 50%
    );

    h2,
    h3 {
      line-height: 1;
      color: var(--color-dark-100);
    }

    h3 {
      margin-bottom: 40px;
    }

    p {
      color: var(--color-dark-100);
      padding-top: 40px;
    }
  }

  span.glass {
    width: 26px;
    min-width: 26px;
    aspect-ratio: 1;
    color: var(--color-dark-100);

    svg {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

  .arrow {
    display: flex;
    position: absolute;
    z-index: 1;
    left: var(--space-96);
    bottom: 16px;

    a {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: var(--fs-16);
      line-height: 1.35;
      text-decoration: none;
      color: var(--color-light-100);
      transition: color 0.3s;

      &:hover {
        color: var(--color-gold-dark);

        span {
          color: var(--color-gold-dark);
        }
      }

      span {
        color: var(--color-gold);
        transition: color 0.3s;
      }
    }
  }

  .flex {
    display: flex;
  }

  .link-wrapper {
    display: flex;

    .cta {
      background-color: var(--color-gold);
      text-decoration: none;
      color: var(--color-light-100);
      padding: 16px 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 400;
      font-size: var(--fs-16);
      line-height: 1;
      transition: background-color 0.3s;

      &:hover {
        background-color: var(--color-gold-dark);
      }
    }
  }

  .link-wrapper.more {
    a {
      display: flex;
      align-items: center;
      text-decoration: none;
      gap: 12px;
      color: var(--color-dark-100);
      position: relative;
      transition: color 0.3s;

      &::before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        background-color: var(--color-gold-dark);
        height: 1px;
        transition: width 0.3s;
      }

      &:hover {
        &::before {
          width: 100%;
        }

        span {
          color: var(--color-gold-dark);
        }
      }

      span {
        width: 12px;
        min-width: 12px;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-gold);
        transition: color 0.3s;
      }
    }
  }

  .main-content-wrapper {
    position: relative;
  }

  .sticky-elements-wrapper {
    background-color: var(--color-light-300);
    padding-top: 20px;
    padding-bottom: 20px;

    .section-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
    }

    ul.sticky-elements {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 32px;

      li a {
        font-size: var(--fs-14);
        color: var(--color-dark-200);
        line-height: 1;
        transition: color 0.3s;

        &:hover {
          color: var(--color-gold-dark);
        }
      }
    }
  }

  .section-wrapper {
    width: 100%;
    max-width: var(--max-width-1240);
    margin: 0 auto;
  }
}

@media (max-width: 1300px) {
  #new-blog {
    --space-128: 96px;
    --space-96: 80px;

    --fs-30: 28px;
    --fs-40: 36px;
    --fs-52: 44px;

    --max-width-1240: 100%;

    section.section-reference {
      ul.details {
        li.detail {
          width: calc(50% - 12px);
        }
      }
    }

    .arrow {
      left: 25px;
    }

    .section-wrapper {
      padding-left: 25px;
      padding-right: 25px;
    }
  }
}

@media (max-width: 1100px) {
  #new-blog {
    --space-128: 76px;
    --space-96: 64px;

    section.section-reference {
      img.main-image {
        width: 50%;
        min-width: 50%;
      }

      ul.details {
        li.detail {
          width: 100%;
        }
      }
    }
  }
}

@media (max-width: 900px) {
  #new-blog {
    --fs-18: 16px;
    --fs-24: 20px;
    --fs-30: 24px;
    --fs-40: 32px;
    --fs-52: 36px;

    --space-128: 64px;
    --space-96: 48px;

    section.section-hero {
      .content-wrapper {
        max-width: 100%;

        .content {
          padding: 32px;
        }
      }
    }

    section.section-contact {
      background: linear-gradient(
        90deg,
        var(--color-light-100) 0%,
        var(--color-light-300) 50%
      );

      .col:nth-of-type(3) {
        background: var(--color-light-300);
      }
    }

    .sticky-elements-wrapper {
      ul.sticky-elements {
        gap: 16px;
      }
    }
  }
}

@media (max-width: 800px) {
  #new-blog {
    section.section-reference {
      img.main-image {
        width: 100%;
        min-width: unset;
        max-width: 500px;
        margin: 0 auto;
      }

      .section-wrapper {
        flex-direction: column-reverse !important;
      }
    }

    section.section-text {
      .section-wrapper {
        flex-direction: column;
        gap: 32px;

        h2,
        .description {
          width: 100%;
        }

        .description {
          padding: 0;
        }
      }
    }

    section.section-contact {
      .col:nth-of-type(3) {
        background-color: var(--color-light-300);
      }
    }
  }
}

@media (max-width: 480px) {
  #new-blog {
    --fs-24: 18px;
    --fs-30: 20px;
    --fs-40: 24px;
    --fs-52: 28px;

    --space-128: 40px;
    --space-96: 32px;
  }
}

/* Blog (new) category - #new-blog-category - FIN-20 */
/* Blog (new) archive - #new-blog-archive - FIN-20 */
/* Blog (new) "szkolenia" archive - #new-courses-archive - FIN-20 */
/* Blog (new) "webinary" archive - #new-webinars-archive - FIN-20 */
#new-blog-category,
#new-blog-archive,
#new-courses-archive,
#new-webinars-archive,
#new-blog-search {
  --color-dark-100: #252428;
  --color-dark-100-70: #252428b3;
  --color-dark-200: #3f3d45;
  --color-dark-300: #000;
  --color-gold: #c2955d;
  --color-gold-dark: #7e623e;
  --color-light-100: #fff;
  --color-light-200: #d9d9d9;
  --color-light-300: #f3f3f3;

  --max-width-851: 851px;
  --max-width-1240: 1240px;
  --max-width-1440: 1440px;

  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-30: 30px;
  --fs-40: 40px;
  --fs-52: 52px;

  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;

  --hero-top-shift: 164px;

  p,
  /* a, */
  h1,
  h2,
  /* h3, */
  ul,
  li,
  span {
    margin-block-end: 0;
    margin-block-start: 0;
    margin: 0;
    padding-inline-start: 0;
  }

  p,
  ul,
  li,
  span {
    font-weight: 300;
  }

  h1 {
    font-size: var(--fs-52);
    color: var(--color-light-100);
    line-height: 1.1;
  }

  h2 {
    font-size: var(--fs-40);
  }

  h3 {
    font-size: var(--fs-22);
    color: var(--color-dark-300);
  }

  .dark-bg h3 {
    color: var(--color-light-100);
  }

  ul {
    list-style-type: none;
  }

  a {
    text-decoration: none;
  }

  a.thumbnail {
    transition: filter 0.3s;

    &:hover {
      filter: brightness(1.1);
    }
  }

  article {
    background-color: var(--color-light-300);
    display: flex;
    flex-direction: column;
    justify-content: stretch;

    img {
      max-width: 100%;
      height: auto;
      aspect-ratio: 16/9;
      object-fit: cover;
      display: block;
    }

    .content {
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      flex: 1;

      a.title-link {
        color: inherit;
        transition: color 0.3s;

        &:hover {
          color: var(--color-gold-dark);
        }
      }

      p {
        color: var(--color-dark-300);
      }

      .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;

        p {
          font-size: 10px;
        }

        p.category {
          padding: 4px 8px;
          border: 1px solid var(--color-light-200);
          text-transform: uppercase;
        }
      }
    }
  }

  section.section-hero {
    height: calc(100vh - 40px);
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: end;
    padding-top: var(--hero-top-shift);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    &::before {
      content: "";
      background-image: linear-gradient(
        to bottom,
        rgba(37, 36, 40, 1),
        rgba(37, 36, 40, 0.3),
        rgba(37, 36, 40, 0)
      );

      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }

    img.finerto-icon {
      position: absolute;
      height: calc(100% - var(--hero-top-shift));
      left: -20px;
      bottom: 0;
      opacity: 75%;
      max-width: 100%;
    }

    .external-wrapper {
      width: 100%;
      /* max-width: var(--max-width-1240); */
      max-width: var(--max-width-1440);
      margin: 0 auto;
    }

    .content-wrapper {
      position: relative;
      z-index: 1;
      width: 100%;
      margin-left: auto;
      max-width: var(--max-width-851);
      padding-bottom: var(--space-80);

      .content {
        background-color: var(--color-dark-100-70);
        backdrop-filter: blur(2px);
        padding: 32px var(--space-96) 32px 32px;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
    }

    .description {
      p {
        color: var(--color-light-100);
        font-size: 18px;
        line-height: 1.35;
      }

      strong {
        font-weight: 700;
      }
    }
  }

  section.section-loop {
    h2 {
      padding-top: var(--space-96);
      padding-bottom: 48px;
    }

    .search-results-group {
      &:not(:first-child) .search-results-group__title {
        padding-top: 48px;
      }

      .search-results-group__title {
        padding-bottom: 32px;
        font-size: var(--fs-30);
        color: var(--color-dark-100);
      }
    }
  }

  section.section-text {
    padding-top: var(--space-96);
    padding-bottom: var(--space-96);

    .section-wrapper {
      display: flex;
      align-items: flex-start;

      h2,
      .description {
        width: 50%;
      }

      .description {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-left: var(--space-128);

        p,
        strong {
          font-size: var(--fs-16);
          line-height: 1.35;
        }
      }
    }
  }

  section.section-contact {
    background: linear-gradient(
      90deg,
      var(--color-light-100) 50%,
      var(--color-light-300) 50%
    );

    h2,
    h3 {
      line-height: 1;
      color: var(--color-dark-100);
    }

    h3 {
      margin-bottom: 40px;
    }

    p {
      color: var(--color-dark-100);
      padding-top: 40px;
    }
  }

  span.glass {
    width: 26px;
    min-width: 26px;
    aspect-ratio: 1;
    color: var(--color-dark-100);

    svg {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

  .arrow {
    display: flex;
    position: absolute;
    z-index: 1;
    left: var(--space-96);
    bottom: 16px;

    a {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: var(--fs-16);
      line-height: 1.35;
      text-decoration: none;
      color: var(--color-light-100);
      transition: color 0.3s;

      &:hover {
        color: var(--color-gold-dark);

        span {
          color: var(--color-gold-dark);
        }
      }

      span {
        color: var(--color-gold);
        transition: color 0.3s;
      }
    }
  }

  .contact-form {
    background-color: var(--color-light-100);
    padding: 32px;
    font-size: 14px !important;

    form {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    input {
      border: none;
      outline: none;
    }

    input[type="checkbox"] {
      width: 24px;
      min-width: 24px;
      height: 24px;
      min-height: 24px;
      aspect-ratio: 1;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: var(--color-light-300);
      cursor: pointer;
      position: relative;

      &:checked::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        translate: 0 1px;
        width: 100%;
        height: 100%;
        background-image: url(./img/cf-check.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 70%;
      }
    }

    .forminator-row {
      display: flex;
      gap: 16px;

      .forminator-col-4 {
        flex: 1;

        .forminator-error-message {
          bottom: -18px;
        }

        .forminator-field {
          display: flex;
          flex-direction: column;
          gap: 12px;
          position: relative;
          padding-bottom: 12px;
          border-bottom: 2px solid var(--color-dark-300);

          input {
            padding: 0 8px;
          }

          label {
            font-weight: 700;
          }
        }
      }
    }

    .forminator-col:has(button) {
      width: 100%;

      .forminator-button {
        padding: 0;
        margin: 0;
        width: 100%;
        border: none;
        font-size: var(--fs-16);
        color: var(--color-light-100);
        background-color: var(--color-gold);
        padding: 24px;
        cursor: pointer;
        transition: background-color 0.3s;

        &:hover {
          background-color: var(--color-gold-dark);
        }
      }
    }

    .forminator-field-consent {
      width: 100%;
      position: relative;

      .forminator-checkbox__wrapper {
        display: flex;
        align-items: flex-start;
        gap: 8px;
      }

      .forminator-error-message {
        bottom: -12px;
      }
    }

    .forminator-response-message {
      display: none;
    }

    .forminator-error-message {
      color: var(--color-gold-dark);
      position: absolute;
    }
  }

  .flex {
    display: flex;
  }

  .link-wrapper {
    display: flex;

    .cta {
      background-color: var(--color-gold);
      text-decoration: none;
      color: var(--color-light-100);
      padding: 16px 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 400;
      font-size: var(--fs-16);
      line-height: 1;
      transition: background-color 0.3s;

      &:hover {
        background-color: var(--color-gold-dark);
      }
    }
  }

  .link-wrapper.more {
    margin-top: auto;

    a {
      display: flex;
      align-items: center;
      text-decoration: none;
      gap: 12px;
      color: var(--color-dark-100);
      position: relative;
      text-transform: uppercase;
      transition: color 0.3s;

      &::before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        background-color: var(--color-gold-dark);
        height: 1px;
        transition: width 0.3s;
      }

      &:hover {
        &::before {
          width: 100%;
        }

        span {
          color: var(--color-gold-dark);
        }
      }

      span {
        width: 12px;
        min-width: 12px;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-gold);
        transition: color 0.3s;
      }
    }
  }

  .main-content-wrapper {
    position: relative;
  }

  .pagination {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    .nav-links {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    h2 {
      display: none;
    }

    span,
    a {
      font-size: var(--fs-30);
    }

    span {
      color: var(--color-dark-300);
    }

    a {
      color: var(--color-gold);
      transition: color 0.3s;

      &:hover {
        color: var(--color-gold-dark);
      }
    }

    .page-numbers:is(:not(a.prev, a.next, a:nth-last-of-type(2))) {
      position: relative;
      display: flex;
      align-items: flex-end;
      line-height: 1;
      gap: 8px;

      &::after {
        content: "";
        display: block;
        background-color: var(--color-dark-300);
        width: 3px;
        min-width: 3px;
        height: 3px;
        margin-bottom: 4px;
      }
    }

    .prev,
    .next {
      font-size: 0;
      position: relative;

      &::before {
        content: "";
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 37px;
        height: 13px;
      }
    }

    .prev {
      &::before {
        background-image: url("./img/owl-arrow-left.svg");
      }
    }
    .next {
      &::before {
        background-image: url("./img/owl-arrow-right.svg");
      }
    }
  }

  .posts-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }

  .sticky-elements-wrapper {
    background-color: var(--color-light-300);
    padding-top: 20px;
    padding-bottom: 20px;

    .section-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
    }

    ul.sticky-elements {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 32px;

      li a {
        font-size: var(--fs-14);
        color: var(--color-dark-200);
        line-height: 1;
        transition: color 0.3s;

        &:hover {
          color: var(--color-gold-dark);
        }
      }
    }
  }

  .section-wrapper {
    width: 100%;
    max-width: var(--max-width-1240);
    margin: 0 auto;
  }

  .no-results {
    p {
      color: var(--color-dark-200);
      font-size: var(--fs-18);
      line-height: 1.35;
    }
  }
}

@media (max-width: 1300px) {
  #new-blog-category,
  #new-blog-archive,
  #new-courses-archive,
  #new-webinars-archive,
  #new-blog-search {
    --space-128: 96px;
    --space-96: 80px;

    --fs-30: 28px;
    --fs-40: 36px;
    --fs-52: 44px;

    --max-width-1240: 100%;

    .arrow {
      left: 25px;
    }

    .contact-form {
      padding: 25px;
    }

    .section-wrapper {
      padding-left: 25px;
      padding-right: 25px;
    }

    section.section-loop {
      h2 {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
}

@media (max-width: 1100px) {
  #new-blog-category,
  #new-blog-archive,
  #new-courses-archive,
  #new-webinars-archive,
  #new-blog-search {
    --space-128: 76px;
    --space-96: 64px;

    .posts-wrapper {
      grid-template-columns: repeat(2, 1fr);
    }
  }
}

@media (max-width: 900px) {
  #new-blog-category,
  #new-blog-archive,
  #new-courses-archive,
  #new-webinars-archive,
  #new-blog-search {
    --fs-18: 16px;
    --fs-24: 20px;
    --fs-30: 24px;
    --fs-40: 32px;
    --fs-52: 36px;

    --space-128: 64px;
    --space-96: 48px;

    section.section-hero {
      .content-wrapper {
        max-width: 100%;

        .content {
          padding: 32px;
        }
      }
    }

    section.section-contact {
      background: linear-gradient(
        90deg,
        var(--color-light-100) 0%,
        var(--color-light-300) 50%
      );

      .col:nth-of-type(3) {
        background-color: var(--color-light-300);
      }
    }

    .sticky-elements-wrapper {
      ul.sticky-elements {
        gap: 16px;
      }
    }

    section.section-loop#wyniki h2.section-wrapper {
      padding-top: 32px !important;
      padding-bottom: 32px !important;
    }
  }
}

@media (max-width: 800px) {
  #new-blog-category,
  #new-blog-archive,
  #new-courses-archive,
  #new-webinars-archive,
  #new-blog-search {
    section.section-text {
      .section-wrapper {
        flex-direction: column;
        gap: 32px;

        h2,
        .description {
          width: 100%;
        }

        .description {
          padding: 0;
        }
      }
    }

    section.section-contact {
      .col:nth-of-type(3) {
        background-color: var(--color-light-300);
      }
    }
  }
}

@media (max-width: 600px) {
  #new-blog-category,
  #new-blog-archive,
  #new-courses-archive,
  #new-webinars-archive,
  #new-blog-search {
    --space-80: 40px;

    section.section-hero {
      .description {
        p {
          font-size: 14px;
        }
      }

      .content-wrapper {
        .content {
          padding: 25px;
        }
      }
    }

    .arrow {
      bottom: 8px;
    }

    .posts-wrapper {
      grid-template-columns: repeat(1, 1fr);
    }

    .contact-form {
      .forminator-row {
        flex-direction: column;
      }

      .forminator-field-consent {
        .forminator-checkbox__wrapper {
          p {
            font-size: 14px;
          }
        }
      }

      .forminator-col:has(button) {
        .forminator-button {
          padding: 12px;
        }
      }
    }
  }
}

@media (max-width: 480px) {
  #new-blog-category,
  #new-blog-archive,
  #new-courses-archive,
  #new-webinars-archive,
  #new-blog-search {
    --fs-24: 18px;
    --fs-30: 20px;
    --fs-40: 24px;
    --fs-52: 28px;

    --space-128: 40px;
    --space-96: 32px;
  }
}

/* Blog (new) post - #new-post - FIN-20 */
#new-post {
  --color-dark-100: #252428;
  --color-dark-200: #3f3d45;
  --color-dark-100-70: #252428b3;
  --color-dark-300: #000;
  --color-gold: #c2955d;
  --color-gold-dark: #7e623e;
  --color-light-100: #fff;
  --color-light-200: #d9d9d9;
  --color-light-300: #f3f3f3;

  --max-width-400: 400px;
  --max-width-851: 851px;
  --max-width-1240: 1240px;
  --max-width-1440: 1440px;

  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-30: 30px;
  --fs-40: 40px;
  --fs-52: 52px;

  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;

  --hero-top-shift: 164px;

  p,
  a,
  h1,
  h2,
  h3,
  h4,
  ul,
  li,
  span {
    margin-block-end: 0;
    margin-block-start: 0;
    margin: 0;
    padding-inline-start: 0;
  }

  p,
  ul,
  li,
  h4,
  span {
    font-weight: 300;
  }

  h1 {
    font-size: var(--fs-52);
    color: var(--color-light-100);
    line-height: 1.1;
  }

  h2 {
    font-size: var(--fs-40);
  }

  h3 {
    font-size: var(--fs-22);
    color: var(--color-dark-300);
  }

  h4 {
    font-size: var(--fs-24);
    line-height: 1;
  }

  ul {
    list-style-type: disc;
    padding-left: 32px;
  }

  a {
    text-decoration: none;
  }

  a.thumbnail {
    transition: filter 0.3s;

    &:hover {
      filter: brightness(1.1);
    }
  }

  aside {
    position: relative;
    max-width: 400px;
    width: 100%;

    #ez-toc-container {
      padding: 0;
      margin: 0;
      border: none;
      box-shadow: none;

      ul {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding-left: 0;
      }

      li {
        padding-bottom: 15px;
        font-size: var(--fs-14);
      }

      li:not(:last-of-type) {
        border-bottom: 1px solid var(--color-light-200);
      }

      a {
        text-align: right;
        width: 100%;
        justify-content: space-between;
        gap: 32px;
        text-decoration: none;
        color: var(--color-dark-200);
        transition: color 0.3s;

        &:hover {
          color: var(--color-gold-dark);

          &::before {
            color: var(--color-gold-dark);
          }
        }

        &::before {
          content: counters(item, ".", decimal-leading-zero);
          display: block;
          font-size: 11px;
          color: var(--color-gold);
          transition: color 0.3s;
        }
      }
    }

    .aside-content {
      position: sticky;
      top: var(--hero-top-shift);
      background-color: var(--color-light-300);
      padding: 40px;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }
  }

  article {
    flex: 1;

    p {
      /* font-size: var(--fs-24); */
      font-size: var(--fs-16);
      font-weight: 300;
      color: var(--color-dark-300);
      /* line-height: 1.1; */
      line-height: 1.35;
    }

    p + ul {
      margin-top: -28px;
    }

    strong {
      font-weight: 500;
    }

    h2 {
      font-size: var(--fs-40);
    }

    h3 {
      font-size: var(--fs-30);
    }

    h3 ~ p {
      font-size: var(--fs-16);
    }

    .content {
      display: flex;
      flex-direction: column;
      gap: 32px;
    }

    /* blocks */
    .important-wrapper {
      background-color: var(--color-light-300);
      padding: 32px;
      border-left: 1px solid var(--color-gold);
      display: flex;
      flex-direction: column;
      gap: 12px;

      p {
        font-size: 16px;
        line-height: 1.35;
      }

      .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;

        p {
          font-weight: 500;
          color: var(--color-gold);
        }
      }

      .bottom {
        p {
          /* font-size: var(--fs-24); */
          font-size: var(--fs-16);
          font-weight: 300;
          /* line-height: 1.1; */
          line-height: 1.35;
        }
      }

      .media {
        display: flex;
        align-items: center;
        gap: 12px;

        a {
          text-decoration: none;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        img {
          width: 16px;
          min-width: 16px;
          aspect-ratio: 1;
        }
      }

      .media-wrapper {
        display: flex;
        align-items: center;
        gap: 12px;

        p {
          color: var(--color-dark-200);
        }
      }
    }

    .image-wrapper {
      display: flex;
      flex-direction: column;
      gap: 12px;

      img {
        display: block;
        width: 100%;
      }

      .description {
        border-left: 1px solid var(--color-gold);
        padding-left: 16px;

        p {
          font-size: 14px;
          color: var(--color-dark-200);
        }
      }
    }

    .tip-wrapper {
      /* padding: 32px; */
      padding: 25px;
      display: flex;
      flex-direction: column;
      /* gap: 12px; */
      gap: 10px;

      p {
        font-size: 16px;
        line-height: 1.35;
      }

      .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        height: 24px;

        p {
          font-weight: 500;
          color: var(--color-gold);
          display: flex;
          align-items: center;
          gap: 8px;
          line-height: 1;

          span {
            width: 20px;
            min-width: 20px;
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;

            svg {
              width: 100%;
              height: 100%;
              object-fit: contain;
            }
          }
        }
      }

      .bottom {
        p {
          /* font-size: var(--fs-24); */
          font-size: var(--fs-16);
          font-weight: 300;
          /* line-height: 1.1; */
          line-height: 1.35;
        }
      }

      .media {
        display: flex;
        align-items: center;
        gap: 10px;

        a {
          text-decoration: none;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        img {
          width: 16px;
          min-width: 16px;
          aspect-ratio: 1;
        }
      }

      .media-wrapper {
        display: flex;
        align-items: center;
        gap: 12px;

        p {
          color: var(--color-dark-200);
          font-weight: 400;
        }
      }
    }

    .consultation-wrapper {
      display: flex;
      align-items: stretch;

      img {
        display: block;
        width: 50%;
        object-fit: cover;
      }

      h3 {
        font-size: 30px;
        line-height: 1.1;
      }

      p {
        font-size: 14px;
        line-height: 1.1;
      }

      a {
        background-color: var(--color-light-100) !important;
        color: var(--color-dark-200) !important;
        transition: background-color 0.3s;

        &:hover {
          background-color: var(--color-gold-dark) !important;
        }
      }

      h3,
      p {
        color: var(--color-light-100);
      }

      .consultation-content {
        flex: 1;
        padding: 32px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
        background-color: var(--color-gold);
      }

      .link-wrapper {
        display: flex;
      }
    }

    .newsletter-wrapper {
      padding: 40px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;

      h3,
      p {
        color: var(--color-light-100);
      }

      h3 {
        font-size: var(--fs-30);
      }

      p {
        font-size: var(--fs-14);
      }

      form {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      a {
        color: var(--color-light-100);
        transition: color 0.3s;

        &:hover {
          color: var(--color-gold-dark);
        }
      }

      input {
        border: none;
        outline: none;
        width: 100%;
        border-bottom: 1px solid white;
        background: transparent;
        padding-bottom: 12px;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 16px;
      }

      input[type="checkbox"] {
        width: 24px;
        min-width: 24px;
        height: 24px;
        min-height: 24px;
        aspect-ratio: 1;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: var(--color-light-300);
        cursor: pointer;
        position: relative;

        &:checked::after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          translate: 0 1px;
          width: 100%;
          height: 100%;
          background-image: url(./../../img/cf-check.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 70%;
        }
      }

      .forminator-row {
        display: flex;
        gap: 16px;
        width: 75%;
        position: relative;

        & > div {
          width: 100%;
        }
      }

      .forminator-col:has(button) {
        width: 100%;

        .forminator-button {
          padding: 0;
          margin: 0;
          width: 100%;
          border: none;
          font-size: var(--fs-16);
          color: var(--color-light-100);
          background-color: var(--color-gold);
          padding: 24px;
          cursor: pointer;
          transition: background-color 0.3s;

          &:hover {
            background-color: var(--color-gold-dark);
          }
        }
      }

      .forminator-field-consent {
        width: 100%;
        position: relative;

        .forminator-checkbox__wrapper {
          display: flex;
          align-items: flex-start;
          gap: 8px;
        }

        .forminator-error-message {
          bottom: -12px;
        }
      }

      .forminator-response-message {
        display: none;
      }

      .forminator-error-message {
        color: var(--color-gold-dark);
        position: absolute;
        bottom: -17px;
        left: 0px;
      }
    }

    .author-wrapper {
      display: flex;
      align-items: center;
      gap: 20px;

      img {
        width: 120px;
        min-width: 120px;
        height: 120px;
        border-radius: 100%;
        object-fit: cover;
      }

      p,
      h3 {
        color: var(--color-dark-200);
      }

      p.header {
        font-size: var(--fs-16);
        line-height: 1.35;
        padding-bottom: 8px;
      }

      p.subtitle {
        font-size: var(--fs-18);
        line-height: 1.35;
        font-weight: 500;
        padding-bottom: 16px;
      }

      h3 {
        font-size: var(--fs-30);
        line-height: 1;
        padding-bottom: 16px;
      }

      .description {
        padding-bottom: 20px;

        p {
          font-size: var(--fs-18);
          line-height: 1.35;
        }
      }

      .buttons {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .link-wrapper.more {
        a {
          display: flex;
          align-items: center;
          text-decoration: none;
          font-size: var(--fs-14);
          gap: 12px;
          color: var(--color-dark-100);
          position: relative;
          text-transform: uppercase;
          transition: color 0.3s;

          &::before {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            background-color: var(--color-gold-dark);
            height: 1px;
            transition: width 0.3s;
          }

          &:hover {
            color: var(--color-gold-dark);

            &::before {
              width: 100%;
            }

            span {
              color: var(--color-gold-dark);
            }
          }

          span {
            width: 12px;
            min-width: 12px;
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-gold);
            transition: color 0.3s;
          }
        }
      }

      .author-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 40px;
      }
    }

    .cta-box-wrapper {
      display: flex;
      align-items: center;
      gap: 16px;
      padding: 16px;

      img {
        width: 25px;
        min-width: 25px;
        object-fit: contain;
      }

      p {
        color: var(--color-dark-100);
        font-size: var(--fs-18);
        line-height: 1.35;
      }

      p.dark {
        color: var(--color-light-100);
      }

      .link-wrapper {
        display: flex;
        margin-left: auto;

        .cta {
          background-color: var(--color-gold);
          text-decoration: none;
          color: var(--color-light-100);
          padding: 16px 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-weight: 400;
          font-size: var(--fs-16);
          line-height: 1;
          white-space: nowrap;
          transition: background-color 0.3s;

          &:hover {
            background-color: var(--color-gold-dark);
          }
        }
      }
    }
  }

  section.section-hero {
    height: calc(100vh - 40px);
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: end;
    padding-top: var(--hero-top-shift);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    &::before {
      content: "";
      background-image: linear-gradient(
        to bottom,
        rgba(37, 36, 40, 1),
        rgba(37, 36, 40, 0.7)
      );

      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }

    img.finerto-icon {
      position: absolute;
      height: calc(100% - var(--hero-top-shift));
      left: -20px;
      bottom: 0;
      opacity: 75%;
      max-width: 100%;
    }

    .additional-informations {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;

      a {
        color: var(--color-light-200);
        padding: 4px 16px;
        border: 1px solid var(--color-light-200);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s;

        &:hover {
          color: var(--color-gold-dark);
          border: 1px solid var(--color-gold-dark);
        }
      }

      p {
        font-size: var(--fs-14);
        color: var(--color-light-100);
        font-weight: 400;

        strong {
          font-weight: 700;
        }
      }
    }

    .external-wrapper {
      width: 100%;
      /* max-width: var(--max-width-1240); */
      max-width: var(--max-width-1440);
      margin: 0 auto;
    }

    .content-wrapper {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: var(--max-width-851);
      padding-bottom: var(--space-80);
      padding-left: 40px;
      padding-right: 40px;
      margin-left: auto;
      margin-right: 16px;
      display: flex;
      flex-direction: column;
      gap: 40px;

      .content {
        padding: 0 var(--space-96) 40px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
    }

    .description {
      p {
        color: var(--color-light-100);
        font-size: 18px;
        line-height: 1.45;
      }

      strong {
        font-weight: 700;
      }
    }
  }

  section.section-news {
    background-color: var(--color-light-100);
    padding-bottom: var(--space-96);
    padding-top: var(--space-96);

    h2 {
      text-align: center;
    }

    .wrapper {
      width: 100%;
      max-width: var(--max-width-1240);
      margin: 0 auto;
    }

    .content-wrapper {
      display: flex;

      .content {
        flex: 1;

        h2 {
          font-size: var(--fs-40);
          line-height: 1;
          font-weight: 300;
          color: var(--color-dark-300);
          padding-bottom: 40px;
        }

        p {
          color: var(--color-dark-300);
        }
      }

      .images {
        height: 96px;
        width: 50%;
        display: flex;
        justify-content: flex-end;
        gap: 16px;

        svg {
          width: 96px;
          min-width: 96px;
          height: 100%;
          display: flex;
          align-items: center;
        }
      }
    }

    .loop {
      margin-top: 48px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;

      .post {
        background-color: var(--color-light-300);

        img {
          max-width: 100%;
          width: 100%;
          height: 200px;
          object-fit: cover;
          display: block;
        }

        h3 {
          font-size: var(--fs-24);
          line-height: 1;
          font-weight: 300;
          margin-bottom: 32px;
        }

        .img-wrapper {
          position: relative;
          transition: filter 0.3s;

          &:hover {
            filter: brightness(1.1);
          }

          .category-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 155px;
            height: 35px;
            background-color: var(--color-light-100);
            display: flex;
            justify-content: center;
            align-items: center;
          }

          p {
            font-size: 14px;
            color: var(--color-dark-300);
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
        }

        .details {
          padding: 20px;

          a:has(h3) {
            text-decoration: none;
            color: var(--color-dark-300);

            transition: color 0.3s;

            &:hover {
              color: var(--color-gold-dark);
            }
          }

          .excerpt {
            p {
              font-size: 16px;
              color: var(--color-dark-300);
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical;
              overflow: hidden;
            }
          }

          .link-wrapper {
            padding-top: 32px;
            display: flex;

            a {
              display: flex;
              align-items: center;
              text-decoration: none;
              gap: 12px;
              color: var(--color-dark-300);
              position: relative;
              transition: color 0.3s;

              &:hover {
                color: var(--color-gold-dark);

                &::before {
                  width: 100%;
                }

                span {
                  color: var(--color-gold-dark);
                }
              }

              &::before {
                content: "";
                position: absolute;
                bottom: -2px;
                left: 0;
                width: 0;
                background-color: var(--color-gold-dark);
                height: 1px;
                transition: width 0.3s;
              }

              span {
                width: 12px;
                min-width: 12px;
                aspect-ratio: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--color-gold);
                transition: color 0.3s;

                svg {
                  width: 100%;
                  height: 100%;
                }
              }
            }
          }
        }
      }
    }
  }

  section.section-contact {
    background: linear-gradient(
      90deg,
      var(--color-light-100) 50%,
      var(--color-light-300) 50%
    );

    h2,
    h3 {
      line-height: 1;
      color: var(--color-dark-100);
    }

    h3 {
      margin-bottom: 40px;
    }

    p {
      color: var(--color-dark-100);
      padding-top: 40px;
    }
  }

  .contact-form {
    background-color: var(--color-light-100);
    padding: 32px;
    font-size: 14px !important;

    form {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    input {
      border: none;
      outline: none;
    }

    input[type="checkbox"] {
      width: 24px;
      min-width: 24px;
      height: 24px;
      min-height: 24px;
      aspect-ratio: 1;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: var(--color-light-300);
      cursor: pointer;
      position: relative;

      &:checked::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        translate: 0 1px;
        width: 100%;
        height: 100%;
        background-image: url(./img/cf-check.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 70%;
      }
    }

    .forminator-row {
      display: flex;
      gap: 16px;

      .forminator-col-4 {
        flex: 1;

        .forminator-error-message {
          bottom: -18px;
        }

        .forminator-field {
          display: flex;
          flex-direction: column;
          gap: 12px;
          position: relative;
          padding-bottom: 12px;
          border-bottom: 2px solid var(--color-dark-300);

          input {
            padding: 0 8px;
          }

          label {
            font-weight: 700;
          }
        }
      }
    }

    .forminator-col:has(button) {
      width: 100%;

      .forminator-button {
        padding: 0;
        margin: 0;
        width: 100%;
        border: none;
        font-size: var(--fs-16);
        color: var(--color-light-100);
        background-color: var(--color-gold);
        padding: 24px;
        cursor: pointer;
        transition: background-color 0.3s;

        &:hover {
          background-color: var(--color-gold-dark);
        }
      }
    }

    .forminator-field-consent {
      width: 100%;
      position: relative;

      .forminator-checkbox__wrapper {
        display: flex;
        align-items: flex-start;
        gap: 8px;
      }

      .forminator-error-message {
        bottom: -12px;
      }
    }

    .forminator-response-message {
      display: none;
    }

    .forminator-error-message {
      color: var(--color-gold-dark);
      position: absolute;
    }
  }

  .flex {
    display: flex;
  }

  .link-wrapper {
    display: flex;

    .cta {
      background-color: var(--color-gold);
      text-decoration: none;
      color: var(--color-light-100);
      padding: 16px 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 400;
      font-size: var(--fs-16);
      line-height: 1;
      transition: background-color 0.3s;

      &:hover {
        background-color: var(--color-gold-dark);
      }
    }
  }

  .link-wrapper.more {
    margin-top: auto;

    a {
      display: flex;
      align-items: center;
      text-decoration: none;
      gap: 12px;
      color: var(--color-dark-100);
      position: relative;
      text-transform: uppercase;
      font-weight: 700;
      transition: color 0.3s;

      &::before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        background-color: var(--color-gold-dark);
        height: 1px;
        transition: width 0.3s;
      }

      &:hover {
        &::before {
          width: 100%;
        }

        span {
          color: var(--color-gold-dark);
        }
      }

      span {
        width: 12px;
        min-width: 12px;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-gold);
        transition: color 0.3s;
      }
    }
  }

  .main-content-wrapper {
    position: relative;
  }

  .main-wrapper {
    display: flex;
    align-items: stretch;
    gap: var(--space-128);
    border-bottom: 1px solid var(--color-light-200);
    padding-top: var(--space-96);
    padding-bottom: var(--space-96);
    margin-bottom: var(--space-96);
  }

  .posts-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }

  .section-wrapper {
    width: 100%;
    max-width: var(--max-width-1240);
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1300px) {
  #new-post {
    --space-128: 96px;
    --space-96: 80px;

    --fs-30: 28px;
    --fs-40: 36px;
    --fs-52: 44px;

    --max-width-1240: 100%;

    section.section-news .wrapper,
    .main-wrapper {
      padding-left: 25px;
      padding-right: 25px;
    }
  }
}

@media (max-width: 1100px) {
  #new-post {
    --space-128: 76px;
    --space-96: 64px;

    section.section-news {
      .loop {
        grid-template-columns: repeat(2, 1fr);
      }
    }
  }
}

@media (max-width: 900px) {
  #new-post {
    --fs-18: 16px;
    --fs-24: 20px;
    --fs-30: 24px;
    --fs-40: 32px;
    --fs-52: 36px;

    --space-128: 64px;
    --space-96: 48px;

    aside {
      display: none;
    }

    article {
      .consultation-wrapper {
        flex-direction: column;

        img {
          width: 100%;
        }
      }

      .newsletter-wrapper {
        .forminator-row {
          width: 100%;
        }
      }
    }

    section.section-hero {
      .content-wrapper {
        max-width: 100%;

        .content {
          padding: 32px;
        }
      }
    }

    section.section-contact {
      background: linear-gradient(
        90deg,
        var(--color-light-100) 0%,
        var(--color-light-300) 50%
      );

      .col:nth-of-type(3) {
        background-color: var(--color-light-300);
      }
    }
  }
}

@media (max-width: 800px) {
  #new-post {
    article {
      .consultation-wrapper {
        img {
          max-height: 300px;
        }
      }
    }

    section.section-hero {
      .additional-informations {
        flex-direction: column;
      }
    }
  }

  section.section-contact {
    .col:nth-of-type(3) {
      background-color: var(--color-light-300);
    }
  }
}

@media (max-width: 600px) {
  #new-post {
    --space-80: 40px;

    article {
      max-width: 100%;
    }

    section.section-hero {
      .content-wrapper {
        margin: 0;

        .content {
          padding: 0;
        }
      }
    }

    section.section-news {
      .loop {
        grid-template-columns: repeat(1, 1fr);
      }
    }

    article {
      .author-wrapper {
        .buttons {
          flex-direction: column;
          align-items: flex-start;
        }
      }
    }

    .contact-form {
      .forminator-row {
        flex-direction: column;
      }

      .forminator-field-consent {
        .forminator-checkbox__wrapper {
          p {
            font-size: 14px;
          }
        }
      }

      .forminator-col:has(button) {
        .forminator-button {
          padding: 12px;
        }
      }
    }
  }
}

@media (max-width: 480px) {
  #new-post {
    --fs-24: 18px;
    --fs-30: 20px;
    --fs-40: 24px;
    --fs-52: 28px;

    --space-128: 40px;
    --space-96: 32px;

    ul {
      padding-left: 24px;
    }

    article {
      .important-wrapper,
      .tip-wrapper {
        .top {
          flex-direction: column;
          align-items: flex-start;
        }
      }

      .newsletter-wrapper {
        padding: 20px;
      }

      .cta-box {
        flex-wrap: wrap;

        p {
          flex: 1;
        }

        .link-wrapper {
          width: 100%;
          justify-content: center;
        }
      }
    }
  }
}

/* FILTERS ON TEH CATEGORY PAGE - FIN-20 */
.archive.category {
  --color-dark-200: #3f3d45;
  --color-gold: #c2955d;

  --fs-14: 14px;
  --fs-16: 16px;

  .filters-container {
    display: flex;
    align-items: start;
    gap: 30px;
    margin-bottom: 50px;

    p {
      color: var(--color-dark-200);
      font-size: var(--fs-16);
      line-height: 1.35;
      font-weight: 300;
    }

    .filters {
      display: flex;
      justify-content: space-between;
      gap: 30px;
      width: 100%;

      .tags {
        display: flex;
        gap: 30px;
        flex: 1;
      }
    }

    /* Checkbox */
    .search-filter-input-group {
      flex-direction: row !important;
      flex-wrap: wrap;
      gap: 5px;
      display: flex;

      .search-filter-input-checkbox {
        padding: 0;
      }

      .search-filter-input-checkbox {
        padding: 8px 12px;
        border: 1px solid var(--color-dark-200);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 34px;
        border-radius: 17px;
        text-transform: uppercase;
      }

      .search-filter-input-checkbox.search-filter-input-checkbox--is-active {
        border: 1px solid var(--color-gold);

        .search-filter-input-checkbox__label {
          color: var(--color-gold);
        }
      }

      .search-filter-input-checkbox__label {
        font-size: var(--fs-14);
      }

      .search-filter-input-checkbox__control,
      .search-filter-input-checkbox__count {
        display: none;
      }
    }

    /* Search */
    .search-filter-input-text {
      width: 332px;
      height: 34px;
      background: #f2f2f2;
      border: none;
      border-bottom: 2px solid #3f3d45;
      border-radius: 0;

      .search-filter-icon {
        padding-bottom: 0;
      }

      .search-filter-input-text__input {
        color: #3f3d45;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.35;
        padding: 0;
        padding-top: 3px;

        &::placeholder {
          color: #757479;
        }
      }
    }
  }
}

@media (max-width: 800px) {
  .archive.category {
    .filters-container {
      .filters {
        flex-direction: column-reverse;
      }
    }
  }
}

@media (max-width: 800px) {
  .archive.category {
    .filters-container {
      .search-filter-input-text {
        width: 100%;
      }
    }
  }
}

/* FLEXIBLE FIELDS UPDATE */

section.section-services {
  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  h2 {
    line-height: 1;
  }

  ul {
    padding: 0;
  }

  .tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #c2955d;
    border-left: 1px solid #c2955d;

    .tile {
      border-bottom: 1px solid #c2955d;
      border-right: 1px solid #c2955d;
      padding: 40px 24px;
      display: flex;
      flex-direction: column;
      /* gap: 24px; */

      .description {
        p {
          font-size: 16px;
          line-height: 1.45;
        }
      }
    }
  }

  .section-wrapper {
    padding: 96px 0;
    display: flex;
    flex-direction: column;
  }
}

section.offer--steps.full-images {
  img {
    width: 100%;
    object-fit: contain;
  }
}

section.offer--steps.full-images.dark {
  background-color: #252428;

  h2,
  h3,
  li,
  p {
    color: #fff;
  }
}

section.home--testimonies.section-opinions {
  /* margin-top: 96px; */

  h2 {
    color: #fff;
  }

  .average {
    margin-top: 40px;

    .stars {
      display: flex;
      align-items: center;
      gap: 6px;

      span {
        width: 20px;
        min-width: 20px;
        aspect-ratio: 1;
      }

      svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }

    p,
    span {
      color: #fff;
    }

    p {
      margin-top: 6px;
      font-weight: 300;
      font-size: 16px;
      line-height: 1.35;
      display: flex;
      align-items: center;
      gap: 8px;
    }
  }

  .arrow-nav {
    width: 100%;
    max-width: 745px;
    margin-left: auto;
    margin-top: -64px;
    justify-content: end;
    gap: 8px;
    position: relative;
    z-index: 1;

    span {
      display: flex;
      align-items: center;
      justify-content: center;
      object-fit: contain;
      object-position: center center;
      border-radius: 50%;
      transition: 0.5s;
      pointer-events: initial;
      width: 64px;
      height: unset;
      aspect-ratio: 1;
      padding: 8px;

      &:hover {
        cursor: pointer;
        background-color: #3f3d45;
      }
    }
  }

  .single-testimony {
    p {
      font-size: 30px;
      color: #fff;
    }

    p.author {
      font-size: 16px;
      font-weight: 700;
      padding-top: 24px;
    }

    p.signature {
      font-size: 16px;
    }
  }

  .row:has(.logotypes) {
    margin-top: 72px;
  }
}

section.home--consultation.no-image {
  padding: 32px 0;

  /* h2,
    p {
      color: var(--color-light-100);
    } */

  p,
  h2 {
    text-align: center;
  }

  .row {
    justify-content: center;
  }

  .container {
    background-color: #c2955d;
    padding: 32px 0;
  }

  .desc {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

section.offer-cases {
  .col.large {
    p {
      line-height: 100%;
      font-size: 24px;
    }
  }
}

section.section-faq {
  h2 {
    font-size: 40px;
  }

  .section-wrapper {
    padding: 96px 0 64px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  h2 {
    position: sticky;
    width: 33%;
    top: 164px;
  }

  .accordion {
    width: 60%;
  }

  .accordion-question {
    width: 100%;
    cursor: pointer;
    font-size: 18px;
    padding: 32px;
    border: 0;
    border-bottom: 1px solid #3f3d45;
    background-color: transparent;
    color: #252428;
    outline: none;
    text-align: left;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: all 0.3s;

    &:hover {
      background-color: #d9d9d9;
    }

    h3 {
      font-size: 1.17em;
      margin: 0;
    }

    .span-wrapper {
      width: 56px;
      min-width: 56px;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    span {
      position: absolute;
      right: -8px;
      width: 56px;
      height: 56px;
      transition: opacity 0.3s;

      svg {
        width: 100%;
        height: 100%;
      }
    }

    span.closed {
      opacity: 1;
    }

    span.open {
      opacity: 0;
    }
  }

  .accordion-question.is-open {
    background-color: #d9d9d9;
    border-bottom: 1px solid #c2955d;

    span.closed {
      opacity: 0;
    }

    span.open {
      opacity: 1;
    }
  }

  .accordion-answer {
    max-height: 0;
    color: #000;
    padding: 0 32px;
    overflow: hidden;
    transition: max-height 0.3s;

    p {
      width: 95%;
      margin: 12px 0;
      display: block;
      color: #000;
    }
  }

  table {
    border-collapse: collapse;
  }

  th,
  td {
    padding: 8px;
  }

  table,
  thead,
  th,
  tr,
  td {
    border: 1px solid #000;
  }
}

section.section-faq.dark {
  background-color: #252428;

  h2,
  h3,
  p,
  li {
    color: #fff;
  }

  table,
  thead,
  th,
  tr,
  td {
    border: 1px solid #f3f3f3;
  }

  .accordion-answer {
    color: #f3f3f3;
  }

  .accordion-question:hover {
    background-color: #3f3d45;
  }

  .accordion-question.is-open {
    background-color: #3f3d45;
    border-bottom: 1px solid #c2955d;
  }
}

section.listing {
  ul {
    list-style: none;
    margin: 24px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  li {
    padding-left: 64px;
    position: relative;

    &::before {
      background-image: url(./img/gold-listing-arrow.svg);
      content: "";
      display: block;
      width: 37px;
      height: 18px;
      position: absolute;
      left: 0;
      /* top: 50%; */
      /* transform: translateY(-50%); */
      top: 0;
    }
  }
}

section.offer--scope.light {
  background-color: #fff;

  h3 {
    color: #c2955d;
  }

  h2,
  p,
  li {
    color: #252428;
  }
}

section.offer--scope.dark {
  background-color: #252428;

  h3 {
    color: #c2955d;
  }

  h2,
  p,
  li {
    color: #fff;
  }
}

section.offer--desc.dark {
  background-color: #252428;

  h2,
  h3,
  p,
  li {
    color: #fff;
  }
}

.section-wrapper {
  width: 95%;
  max-width: 1240px;
  margin: 0 auto;
}

.shapes {
  position: absolute;
  top: 28px;
  left: calc(50% + 128px);
  display: flex;
  align-items: center;
  height: 96px;
  gap: 16px;

  svg {
    height: 100%;
    aspect-ratio: 1;
  }
}

@media (max-width: 1024px) {
  section.section-services {
    .tiles {
      grid-template-columns: repeat(2, 1fr);
    }
  }
}

@media (max-width: 900px) {
  section.section-faq {
    .section-wrapper {
      flex-direction: column;
    }

    h2 {
      position: relative;
      top: 0;
    }

    h2,
    .accordion {
      width: 100%;
    }
  }

  .section-wrapper {
    width: 100% !important;
    padding: 0 24px !important;
  }

  .offer--hero .desc-wrapper {
    /* .breadcrumbs {
      width: 100%;
    } */

    .rank-math-breadcrumb {
      p {
        width: 100%;
      }
    }
  }
}

@media (max-width: 600px) {
  section.section-services {
    .tiles {
      grid-template-columns: repeat(1, 1fr);
    }
  }
}

@media (min-width: 1200px) {
  .page-id-7878 #unified-pillar section.section-services .tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}

.rank-math-breadcrumb {
  width: 100%;
  padding-bottom: 16px;
  display: flex;
  justify-content: flex-end;

  p {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    margin-bottom: 12px;

    a,
    span {
      color: #fff;
      font-size: 14px;
      line-height: 1;
    }

    a {
      font-weight: 500;
      position: relative;
      text-decoration: none;
      transition: color 0.3s;

      &:hover {
        color: #7e623e;

        &::before {
          width: 100%;
        }
      }

      &::before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        height: 1px;
        width: 0;
        background-color: #7e623e;
        transition: width 0.3s;
      }
    }

    span.separator {
      width: 8px;
      height: 8px;
      display: block;
      font-size: 0;
      color: transparent;
      background-image: url(./img/breadcrumb-separator.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
    }
  }
}

.content-wrapper {
  .rank-math-breadcrumb {
    justify-content: flex-start;

    p {
      width: 100%;
    }
  }
}

@media (max-width: 1024px) {
  .offer--about.two-columns {
    padding: 48px 0;

    h2 {
      max-width: 100%;
    }

    .row {
      flex-direction: column;

      .desc {
        max-width: 100%;
      }
    }

    .row.header {
      margin-bottom: 24px;
    }
  }
}

.custom-table {
  border-collapse: collapse;
  border: 1px solid #000;
  color: #000;

  table,
  thead,
  th,
  tr,
  td {
    border: 1px solid #000;
  }

  th,
  td {
    padding: 8px;
  }
}

.section-table {
  .section-table__table-wrapper {
    border-radius: 12px;
    overflow-x: auto;
    border: 1px solid #e0e0e0;
    margin: 20px 0;
    -webkit-overflow-scrolling: touch;
  }

  .section-table__table {
    width: 100%;
    min-width: 800px;
    border-collapse: collapse;
    font-size: 16px;

    tr:first-child td {
      background-color: #f2f2f2;
    }

    td {
      padding: 12px 16px;
      border: 1px solid #e0e0e0;
      text-align: left;
      line-height: 1.5;
      vertical-align: top;
    }

    td:first-child {
      font-weight: 700;
    }
  }

  .desc {
    width: 100%;
    max-width: 100%;

    p {
      width: 100%;
      max-width: 100%;
    }
  }
}

.author {
  h5 {
    margin-top: 24px;
    margin-bottom: 12px;
  }

  h6 {
    margin-bottom: 0;
  }

  .description {
    margin-bottom: 24px;
  }
}

@media (max-width: 900px) {
  .author {
    a.small {
      margin-bottom: 24px !important;
    }
  }
}

@media (max-width: 375px) {
  header .brand img {
    max-width: 140px;
  }
}

/* Table block */
.wp-block-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.wp-block-table thead {
  border-bottom: none !important;
}

.wp-block-table table.has-fixed-layout {
  width: 100%;
  min-width: 500px;
  border-collapse: collapse;
  margin: 24px 0;

  border: none !important;
}

.wp-block-table table.has-fixed-layout thead tr {
  border-bottom: 2px solid #c2955d !important;
}

.wp-block-table table.has-fixed-layout thead th {
  text-align: left;
  padding: 10px 16px;
  font-weight: bold;
  color: #1a1a1a;
  vertical-align: top;

  border: none !important;
}

.wp-block-table table.has-fixed-layout tbody td {
  padding: 10px 16px;
  color: #1a1a1a;
  vertical-align: top;

  border: none !important;
}

.wp-block-table table.has-fixed-layout tbody td:first-child {
  color: #c2955d;
}

.page-id-10151 #flexible-fields .offer--cases,.page-id-10644 #flexible-fields .offer--cases {
  padding: 96px 0 64px
}

.page-id-10151 #flexible-fields .offer--cases .header .col,.page-id-10644 #flexible-fields .offer--cases .header .col {
  width: 60%
}

.page-id-10151 #flexible-fields .offer--cases .single--case,.page-id-10644 #flexible-fields .offer--cases .single--case {
  width: 48%
}

.page-id-10644 #flexible-fields .offer--cases .single--case h3 {
  font-size: 29px
}