/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/src/single.scss ***!
  \**************************************************************************************************************/
body {
  color: #222222;
}

.woo__content {
  /* Declared text styles*/
  /* Font  variables */
}
.woo__content h1,
.woo__content h2,
.woo__content h3,
.woo__content h4,
.woo__content h5,
.woo__content h6,
.woo__content p,
.woo__content li,
.woo__content h1 *,
.woo__content h1 strong,
.woo__content h2 *,
.woo__content h2 strong,
.woo__content h3 *,
.woo__content h3 strong,
.woo__content h4 *,
.woo__content h4 strong,
.woo__content h5 *,
.woo__content h5 strong,
.woo__content h6 *,
.woo__content h6 strong,
.woo__content p *,
.woo__content li * {
  /* Font minimum, preferred and maximum value */
  font-size: clamp(var(--min), var(--val), var(--max));
}
.woo__content h1 {
  --max: 2.5rem;
  --val: 2.08vw;
  --min: 2rem;
}
.woo__content h2 {
  --max: 2.25rem;
  --val: 1.81vw;
  --min: 1.75rem;
}
.woo__content h3 {
  --max: 2rem;
  --val: 1.66vw;
  --min: 1.5rem;
}
.woo__content h4 {
  --max: 1.75rem;
  --val: 1.45vw;
  --min: 1.35rem;
}
.woo__content h5 {
  --max: 1.5rem;
  --val: 1.25vw;
  --min: 1.25rem;
}
.woo__content h6 {
  --max: 1.25rem;
  --val: 1.2vw;
  --min: 1.1rem;
}
.woo__content p, .woo__content li {
  --max: 1.25rem;
  --val: 1.2vw;
  --min: 1.1rem;
}
.woo__content h1, .woo__content h2 {
  line-height: 110%;
}
.woo__content h3, .woo__content h4, .woo__content h5, .woo__content h6 {
  line-height: 130%;
}
.woo__content p, .woo__content li {
  line-height: 170%;
}
.woo__content li a {
  text-decoration: underline;
  color: #222222;
}
.woo__content li {
  list-style-position: outside;
  margin-left: 1.2em;
}
.woo__content li::marker {
  color: #385B75;
}
.woo__content h1, .woo__content h2, .woo__content h3, .woo__content h4, .woo__content h5, .woo__content h6, .woo__content p, .woo__content li {
  padding: 0.5em 0 0.25em;
}
.woo__content .gallery-pdf {
  gap: 5% !important;
}
.woo__content .gallery-pdf figure {
  width: 30% !important;
  margin-bottom: 7% !important;
}
.woo__content .gallery-pdf figure img {
  filter: grayscale(1);
  transition: all 0.4s ease-in-out;
}
.woo__content .gallery-pdf figure img:hover {
  filter: grayscale(0);
}
.woo__content .post-password-form label {
  display: flex;
  flex-direction: column;
}
.woo__content .post-password-form label input {
  margin-top: 1em;
  padding: 0.5em 1em;
  border-radius: 40px;
  border: 1px solid #c1c1c1;
  margin-bottom: 1.5em;
  width: fit-content;
}
.woo__content .post-password-form p {
  margin-bottom: 1em;
  font-weight: bold;
  display: flex;
  flex-direction: column;
}
.woo__content .post-password-form input[type=submit] {
  padding: 0.75em 2em;
  border-radius: 40px;
  border: none;
  cursor: pointer;
  background-color: #385B75;
  color: #ffffff;
  width: fit-content;
  margin-top: 1em;
  font-weight: 700;
}
.woo__content .wp-block-table.is-style-stripes {
  border-bottom: none;
}
.woo__content .wp-element-caption {
  padding-top: 1.25em;
}
.woo .blogPage__posts,
.woo .blogPage-pagination {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.offers__back a {
  color: #222222;
  display: flex;
  gap: 12px;
  align-items: center;
  padding-left: clamp(24px, 6.5%, 124px);
  padding-bottom: 40px;
}

.post {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: clamp(80px, 8.3vw, 160px);
  min-height: 50vh;
}
.post__header {
  width: 50%;
  display: flex;
  align-items: center;
  background-color: #385B75;
  color: white;
  padding: 2em 3em;
  padding-left: 6em;
  padding: clamp(24px, 4.1vw, 80px) clamp(24px, 6.25vw, 120px);
  height: fit-content;
  z-index: 2;
  position: relative;
  left: 5%;
}
.post img {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  width: 50%;
  height: 50vh;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

.hidden-content {
  display: none;
}
.hidden-content.show-content {
  display: block;
}

.steps {
  padding-left: clamp(24px, 14.5%, 280px);
  padding-right: clamp(24px, 14.5%, 280px);
}
.steps ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin: 0;
  padding: 0;
}
.steps ol li {
  position: relative;
  counter-increment: my-awesome-counter;
  list-style: none;
  padding-left: clamp(64px, 9.16vw, 176px);
  margin-bottom: clamp(24px, 3.33vw, 64px);
}
.steps ol li strong {
  font-size: clamp(20px, 2.5vw, 48px);
  font-weight: 400;
}
.steps ol li::before {
  position: absolute;
  content: counter(my-awesome-counter);
  font-weight: bold;
  font-size: clamp(18px, 2.08vw, 40px);
  min-width: clamp(24px, 4.16vw, 80px);
  min-height: clamp(24px, 4.16vw, 80px);
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  aspect-ratio: 1/1;
  background-color: #385B75;
  color: white;
}

@media only screen and (max-width: 576px) {
  .post {
    flex-direction: column-reverse;
    min-height: 100%;
    margin-top: 0;
  }
  .post img {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    transform: none;
  }
  .post__header {
    width: 100%;
    left: 0;
  }
  .default-page .gallery-pdf {
    gap: 0% !important;
  }
  .default-page .gallery-pdf figure {
    width: 100% !important;
    margin-bottom: 40px !important;
  }
  .steps {
    padding-left: 24px;
    padding-right: 24px;
  }
  .steps ol li {
    margin-bottom: 40px;
    padding-left: 0;
    padding-top: 64px;
  }
  .steps ol li::before {
    font-size: 18px;
    min-width: 48px;
    min-height: 48px;
    left: 0;
    top: 0;
    background-color: #385B75;
    color: white;
  }
}
.subpage__header, .subpage__content {
  padding: 120px 0 0;
}
.subpage__header {
  display: flex;
  padding: 120px 0 0;
}
.subpage__header-img {
  width: 40%;
}
.subpage__header-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 3/2;
}
.subpage__header-text {
  width: 60%;
  background-color: #F9FBFC;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.subpage__header-text h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 24px;
  line-height: 135%;
}
.subpage__header-text .blog_h1 {
  color: #222222;
}
.subpage__header-text .blog_h1 img {
  padding: 0;
}
.subpage__header-text p {
  line-height: 150%;
  font-weight: 400;
}
.subpage__header-text .btn {
  margin-top: 32px;
}

.single-post__content {
  padding: 64px 15%;
}
.single-post__content h1, .single-post__content h2, .single-post__content h3, .single-post__content h4, .single-post__content h5, .single-post__content h6, .single-post__content p, .single-post__content li {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.single-post__content h1 {
  font-size: 2rem;
}
.single-post__content h2 {
  font-size: 1.75rem;
}
.single-post__content h3 {
  font-size: 1.5rem;
}
.single-post__content h4 {
  font-size: 1.25rem;
}
.single-post__content h5 {
  font-size: 1.1rem;
}
.single-post__content h6 {
  font-size: 1rem;
}

.view-more {
  background-color: #F9FBFC;
  padding-bottom: 5%;
}
.view-more__title {
  padding: 4% 10% 3%;
  font-weight: 500;
}
.view-more__posts {
  padding: 1% 10% 4%;
  display: flex;
  justify-content: space-between;
}
.view-more__product {
  width: 30%;
}
.view-more__product .item__img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  background-color: white;
}
.view-more__product .content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 230px;
}
.view-more__product .content .txt {
  flex: 1;
}
.view-more__product .content h3 {
  font-weight: 500;
  color: #222222;
  margin: 0.5em 0 0.25em;
}
.view-more__product .content h4 {
  color: #757575;
  font-weight: 400;
}
.view-more__product .content h4 ins {
  text-decoration: none;
  padding-left: 8px;
}
.view-more__product .content h4 ins bdi {
  font-weight: 700;
}
.view-more__product .content .btns {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 2em;
}
.view-more__product .content .btns .btn-primary {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: auto;
}
.view-more__product .content .btns .btn-primary img {
  height: clamp(18px, 1.25vw, 24px);
}
.view-more__product .content .btns .link {
  width: 100%;
}
.view-more .btn-otl__primary {
  display: block;
  margin: auto;
}

@media only screen and (max-width: 1536px) {
  .view-more__product .content {
    min-height: 200px;
  }
}
@media only screen and (max-width: 1366px) {
  .view-more .content .btns {
    gap: 16px;
  }
  .view-more .content .btns .btn-primary {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1200px) {
  .single-post__content {
    padding-left: 10%;
    padding-right: 10%;
  }
  .view-more__posts {
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(32px, 4vw, 48px);
  }
  .view-more__product {
    width: 47%;
  }
  .view-more__product .content {
    min-height: 180px;
  }
}
@media only screen and (max-width: 900px) {
  .wpis {
    padding-bottom: 32px;
  }
  .wpis__header {
    padding-left: 3em;
  }
  .single-post__header .subpage__header-img {
    width: 100%;
  }
  .single-post__header .subpage__header-text {
    width: 100%;
  }
  .wpisTresc {
    padding-left: 32px;
    padding-right: 32px;
  }
  .view-more__title,
  .single-post__content,
  .view-more__posts {
    padding-left: 24px;
    padding-right: 24px;
  }
  .view-more .btn-otl__primary {
    font-size: 14px;
    margin-top: 32px;
    margin-bottom: 24px;
  }
  .view-more__product {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px) {
  .subpage__header {
    flex-wrap: wrap;
  }
  .subpage__header-text {
    padding: 24px;
  }
  .wpis {
    flex-wrap: wrap;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0;
  }
  .wpis__header {
    width: 100%;
    left: 0;
    padding-left: 2em;
  }
  .wpis img {
    width: 100%;
  }
  .subpage__header-text h1 {
    line-height: 125%;
  }
  .wpisTresc {
    padding-left: 16px;
    padding-right: 16px;
  }
  .view-more__product {
    width: 100%;
  }
  .view-more__product .content {
    min-height: auto;
  }
}