/*
Theme Name: datazen
Theme URI: https://wordpress.org/themes/datazen/
Author: the WordPress team
Author URI: https://wordpress.org
Description: datazen emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: datazen
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* Variables */
:root {
	--global--content--width: 1256px;
  --global--main-color: #F09006;
  /* --global--secondary-color: #0F61FB; */
  --global--secondary-color: #E51E2F;
  --global--main-lighter-color: #FAE2C0;
  --global--dark: #2D2B2A;
}


/* === RESET CSS / BASE STYLES === */

/* 1. Ustaw domyślny box-sizing */
*, *::before, *::after {
	box-sizing: border-box;
  }
  
  /* 2. Usuń marginesy i paddings */
  body, ul, ol, figure, blockquote, dl, dd {
	margin: 0;
	padding: 0;
  }

  body {
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #353535;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
  }
  
  h1, h2, h3, h4, h5, h6, caption, figcaption, p {
	margin-top: 0px;
  }
  
  /* 4. Usuń domyślny styl linków */
  a {
	text-decoration: none;
	color: inherit;
  }
  
  /* 6. Obrazy i media max-width 100% */
  img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
	height: auto;
  }
  
  /* 7. Formularze */
  input, button, textarea, select {
	font: inherit;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	outline: none;
  }
  
  /* 8. Usuń domyślną stylizację przycisków */
  button {
	cursor: pointer;
	background: transparent;
	border: none;
  }
  
  /* 9. HTML5 display roles */
  article, aside, details, figcaption, figure,
  footer, header, hgroup, main, menu, nav, section {
	display: block;
  }
  
  /* 10. Scroll behavior */
  html:focus-within {
	scroll-behavior: smooth;
  }
  
  /* 11. Usuń focus outline na klik (ale zostaw dla klawiatury) */
  *:focus-visible {
	outline: 2px solid #000;
  }
  
  *:focus:not(:focus-visible) {
	outline: none;
  }
  
/* Main styles */

#content {
  overflow: hidden;
}

.wp-block-columns {
	gap: 32px;
	max-width: var(--global--content--width);
  margin: 0 auto;
}

.wp-block-columns.gap-double {
  gap: 64px
}

/* zwiekszony */
.wp-block-columns.alignwide {
	max-width: 80%;
	margin: 0 auto
}

/* pełny */
.wp-block-columns.alignfull {
	max-width: 100%;
}

/* zawezony */

.wp-block-columns.ten-twelve {
  max-width: 1006px;
}

.narrow-column {
  max-width: 864px;
}

.narrow-form-column {
  max-width: 522px;
  margin: 0 auto;
}

.wp-block-columns:not(.alignfull) {
  padding: 0 20px;
}

.wp-block-column {
  position: relative;
}

.has-extra-small-font-size {
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
  }
  
  .has-small-font-size {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
  }
  
.has-normal-font-size, p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}

  p {
    margin-bottom: 20px;
  }
  
  .has-as-h-6-font-size,
  .as-h-6,
  h6 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
  margin-bottom: 20px;
  }
  
  .has-as-h-5-font-size,
  .as-h-5,
  h5 {
	font-size: 22px;
	line-height: 32px;
	font-weight: 500;
  margin-bottom: 4px;
  color: var(--global--dark);
  }
  
  .has-as-h-4-font-size,
  .as-h-4,
  h4 {
	font-size: 25px;
	line-height: 32px;
	font-weight: 600;
  margin-bottom: 12px;
  color: var(--global--dark);
  }
  
  .has-as-h-3-font-size,
  .as-h-3,
  h3 {
	font-size: 28px;
	line-height: 38px;
	font-weight: 700;
  margin-bottom: 20px;
  color: var(--global--dark);
  }
  
  .has-as-h-2-font-size,
  .as-h-2,
  h2 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 700;
  margin-bottom: 24px;
  color: var(--global--dark);
  }
  
  .has-as-h-1-font-size,
  .as-h-1,
  h1 {
	font-size: 44px;
	line-height: 52px;
	font-weight: 700;
  margin-bottom: 24px;
  color: var(--global--dark);
  }

.has-white-color {
  color: #fff;
}  

  
/* === GLOBAL CONTAINER === */
.container {
	max-width: 1256px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
  }
  
  /* === HEADER === */
  .site-header {
	background: #fff;
	font-family: inherit;
  }
  
  /* === TOP HEADER === */
  .top-header {
	padding: 14px 0;
	font-size: 14px;
  border-bottom: 1px solid #F0E9E7;
  }
  
  .top-header-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
  }

.header-top-contact-right {
  display: flex;
  align-items: center;
  gap: 24px;
}

.top-additional-data {
  color: #554F4E;
  padding-left: 24px;
  border-left: 1px solid #F0E9E7;
}

  .top-mail a {
    color: var(--global--main-color);
    font-weight: 500;
  }

  .top-phone a,
  .top-additional-data a {
  color: #554F4E;
  font-size: 16px;
  font-weight: 600;
  }

  .top-mail-name {
  font-size: 12px;
  color: #757473;
}
  
  .top-header svg {
	margin-right: 8px;
	vertical-align: middle;
  }
  
  /* === MAIN HEADER === */
  .main-header {
	padding: 36px 0;
  }
  
  .MenuSection {
	display: flex;
	justify-content: space-between;
	align-items: center;
  position: relative;
  }
  
  /* === SITE BRANDING === */
  .site-branding img {
	width: auto;
	max-height: 30px;
  }
  
  /* === NAVIGATION === */
  .primary-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    }
    
    .primary-menu-container {
    display: flex;
    align-items: center;
    }
    
  /* === MENU LIST === */
  .NavList {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 38px;
    align-items: center;
  }
  
  .NavList li a {
  font-weight: 600;
  font-size: 13px;
  transition: all .3s ease-in-out;
  padding-bottom: 30px;
  }
  
  /* === MENU MODAL (mobilne menu) === */
  
  .showing-menu-modal .menu-modal {
	display: block;
  }
  
  .menu-modal .menu-top {
    flex-shrink: 0;
    padding-top: 42px;
  }
  
  .menu-modal.active {
    opacity: 1;
    visibility: visible;
  }
  
  .menu-modal-inner {
    background: #fff;
    display: flex;
    justify-content: stretch;
    width: calc(100% - 30px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
  }
  
  .menu-modal.active .menu-modal-inner {
    transform: translateX(0);
    transition-delay: 0.3s;
  }
  

  .menu-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
  }

  .mobile-nav-toggle-button {
    display: flex;
    padding: 10px 20px;
    margin: 20px 0;
    float: right;
    background: var(--global--main-color);
    border-radius: 5px;
  }

  .close-mobile-nav-toggle-button {
    display: flex;
    background: var(--global--main-color);
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 50px;
    position: absolute;
    right: -24px;
    top: 8px;
    z-index: 999;
  }
  .toggle-text {
    display: none;
  }

  .modal-menu .ancestor-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }

  .mobile-menu .sub-menu {
  margin-left: 16px;
}

  .sub-menu-toggle {
    width: 28px;
    height: 28px;
    background: #e1d6cd;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
   transition: all .3s ease-in-out;
  }

  .sub-menu .ancestor-wrapper .sub-menu-toggle {
    transform: scale(.8);
  margin-top: -6px;
  margin-left: 8px;
  }

  .sub-menu-toggle.open-toggle {
    transform: rotate(180deg);
  }

  .sub-menu-toggle .svg-icon {
    width: 14px;
    margin-top: 1px;
  }

  .sub-menu-toggle .svg-icon polygon {
    fill: #666161;
  }
  
  .menu-wrapper .menu-item {
    position: relative;
  }
  .modal-menu li {
    display: flex;
    flex-wrap: wrap;
    line-height: 1;
    justify-content: flex-start;
    margin: 0;
  }
  
  .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    font-size: 16px;
  font-weight: 600;
  }

  .mobile-menu .sub-menu li a:not(.datazen-button) {
    font-size: 14px;
    padding: 0;
    width: 100%;
  }
  
  body.showing-menu-modal {
	overflow: hidden;
  }

    .menu-bottom {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 12px;
    background: #f3faf7;
  border-top: 1px solid #d7e6df;
  }
  
  .top-data-el {
  display: flex;
  align-items: center;
  gap: 16px;
}

.top-data-el-icon {
  background: var(--global--dark-green);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  height: 36px;
  width: 36px;
}

  .header-navigation-container {
		align-items: end;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	ul.primary-menu {
		display: flex;
		gap: 28px;
		padding: 0;
    list-style: none;
	}

	.primary-menu > li {
    position: relative;
	  }

	.primary-menu > li a {
		color: var(--global--dark);
    font-weight: 600;
    font-size: 13px;
		transition: all .3s ease-in-out;
    padding-bottom: 30px;
	}

	.primary-menu > li a:hover {
		color: var(--global--main-color);
	}

	.primary-menu > li > .sub-menu > li:hover > a,
	.primary-menu > li > .sub-menu > li > .sub-menu > li:hover a {
		color: var(--global--main-color);
	}

	.menu-item .icon {
		display: inline-block;
		margin-left: 8px;
		/* transform: rotate(0deg); */
		transform: translateY(-2px);
		transition: transform 0.3s ease;
	  }

	  /* .menu-item.menu-item-has-children:hover > .icon {
		transform: rotate(180deg);
	  } */

/* @media (min-width: 1200px) {
        .sub-menu {
          position: absolute;
          left: -21px;
          top: 35px;
          background: #fff;
          z-index: 999;
          opacity: 0;
          transform: translateY(-10px);
          transition: all 0.3s ease;
          width: 280px;
          border-radius: 0 0 24px 24px;
        }

        .primary-menu > li > .sub-menu {
        display: none;
        padding: 10px 22px 10px;
    box-shadow: 0px 24px 24px -3px rgba(0,0,0,0.25);
        }

        .primary-menu > li > .sub-menu .sub-menu {
          padding: 24px;
          top: 28px;
          background: #fae2c0;
          border: 0 none;
          box-shadow: none;
          left: 248px;
          border-radius: 13px;
        transform: translate(-20px, 0px);
        pointer-events: none;
        transition: all 0.3s ease;
        }

        .primary-menu > li > .sub-menu > li a {
        max-width: 220px;
        }
} */

#site-navigation .NavList > li > .sub-menu,
  #site-navigation .sub-menu:not(.has-columns) .sub-menu   {
  position: absolute;
  left: 0;
  top: 40px;
  background: #fff;
  z-index: 99;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  box-shadow: 0 35px 80px -30px rgba(0,0,0,0.6);
  padding: 24px 28px 12px;
}

#site-navigation .sub-menu:not(.has-columns) .sub-menu {
  transform: translate(200px, 0px);
}

  #site-navigation .NavList > li > .sub-menu:not(.has-columns) {
      width: 340px;
  }

  #site-navigation .sub-menu.has-columns {
      width: var(--global--content--width);
  }

  li.menu-item-has-children:not(.has-megamenu) {
    position: relative;
  }

.sub-menu.has-columns > li {
  display: flex;
  flex-direction: column;
  padding: 18px 28px;
}

.sub-menu.has-columns > li:nth-child(2n) {
  background: #FFF9F0;
  border-radius: 15px;
}

  #site-navigation .menu-item.menu-item-has-children:hover > .sub-menu:not(.has-columns) {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

#site-navigation .menu-item.show-submenu > .sub-menu.has-columns {
  display: grid;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  border-radius: 25px;
  padding: 8px;
}

.sub-menu a.submenu-headline {
  cursor: default;
  position: relative;
  color: var(--global--dark);
  padding: 0 0px 28px 0;
  font-size: 16px;
  font-weight: 600;
}

  .sub-menu a.submenu-headline:hover {
    color: inherit;
  }
  
  .sub-menu .icon {
  display: none;
  }

  .sub-menu.has-columns {
    display: grid;
  }

  .sub-menu.columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sub-menu.columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .sub-menu.columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  #site-navigation .menu-item.menu-item-has-children > .sub-menu:not(.has-columns) > li:hover .sub-menu {
  pointer-events: all;
  transform: translate(280px, 0px);
  top: 0;
  }

  .sub-menu .icon {
	display: none;
  }
  
.menu-item.menu-item-has-children:hover > .sub-menu,
.menu-item.menu-item-has-children.open > .sub-menu {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
  .menu-item.menu-item-has-children > .sub-menu > li:hover .sub-menu {
	pointer-events: all;
	transform: translate(0px, 0px);
  }

  

.sub-menu.active-submenu {
	/* width: 560px; */
	width: 310px;
	padding-right: 50px;
  }

  .megamenu-headline a {
	color: #1A1E17 !important;
	text-transform: uppercase;
	font-size: 13px !important;
	font-family: "wonder_unitsemibold" !important;
	margin-bottom: 12px !important;
  }

  .megamenu-headline a:hover {
	border-color: transparent !important;
}

  .sub-menu li {
	list-style: none;
  color: #757473;
  }
  
  .sub-menu li a {
    text-decoration: none;
      text-decoration-thickness: auto;
    margin-bottom: 0;
    display: block;
    transition: all 0.3s ease, color 0.3s ease;
    line-height: 20px;
    padding-bottom: 14px;
    font-weight: 500;
  }
  
  .sub-menu li:hover {
	  color: var(--global--dark);
  }  

  .sub-menu .subm-menu li a:hover {
	border-color: #fff;
  }  
  
  /* === MOBILE MENU TOGGLE === */
  .mobile-nav-toggle-button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
  }
  
  /* Ukryj przycisk nawigacji na desktopie */
  @media (min-width: 768px) {
	.mobile-nav-toggle-button {
	  display: none;
	}
  }
  
 /* === MOBILE MENU TOGGLE === */
  .mobile-nav-toggle-button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
  }
  
  /* Ukryj przycisk nawigacji na desktopie */
  @media (min-width: 1025px) {
	.mobile-nav-toggle-button {
	  display: none;
	}
  }

/* mobile menu */

.menu-modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  backdrop-filter: blur(4px);
}
  
  .mobile-nav-toggle-button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 10px;
  }
  
  .modal-menu {
	list-style: none;
	margin: 30px 0 0;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    background-color: #fff;
  }
  
  .modal-menu li a {
	text-decoration: none;
	font-size: 20px;
	color: #121212;
  }
  
  body.showing-menu-modal {
	overflow: hidden;
  }
  

  .datazen-slider {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 800px;
}

.datazen-slide::before {
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.datazen-slide {
    display: none;
    animation: fadeIn 0.8s ease;
    position: relative;
    max-height: 800px;
}

.datazen-slide img {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  transform: translateY(-10%);
  z-index: 0;
}

.datazen-slide-content {
  z-index: 2;
  color: white;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 800px;
  position: relative;
  align-items: start;
}

.datazen-slider-subtitle,
.datazen-slider-title,
.datazen-slider-text {
    opacity: 0;
    animation-fill-mode: forwards;
}

.datazen-slider-subtitle {
    animation: slideUpFadeIn 0.6s ease 0s forwards;
}

.datazen-slider-title {
    animation: slideUpFadeIn 0.6s ease 0.2s forwards;
}

.datazen-slider-text {
    background: #006965;
    font-weight: 300;
    padding:24px 220px 0 28px;
    position: absolute;
    bottom: 0;
    max-width: 800px;
    right: 0;
    animation: slideRightFadeIn 0.6s ease 1s forwards;
    max-height: 120px;
    height: 120px;
  }

@keyframes slideUpFadeIn {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideRightFadeIn {
    from {
        transform: translateX(30px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* grid system */

.dz-system-columns {
  gap: 32px;
  max-width: var(--global--content--width);
  margin: 0 auto;
  padding: 0 20px;
  flex-wrap: nowrap;
  display: flex;
}

.dz-system-column {
  flex-grow: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.six-twelve {
  flex-basis: 50%;
}

.two-twelve {
  flex-basis: 14.47%;
}

.four-twelve {
  flex-basis: 31.58%;
}

.eight-twelve {
  flex-basis: 65.79%;
}

.ten-twelve {
  flex-basis: 82.89%;
}

.three-twelve {
  flex-basis: 32.33%;
}

.nine-twelve {
  flex-basis: 67.66%;
}

/* Footer */

.footer-container {
  background-color: var(--global--dark);
  margin-top: 80px;
}

.footer-content {
  padding-top: 58px;
}

.footer-main {
  justify-content: space-between;
  color: #a2a2a2;
}

.widget_text {
  margin-bottom: 40px;
}

.footer-bottom-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #463d3d;
  margin-top: 32px;
}

.widget-area p {
  color: #9c9797;
  font-size: 13px;
  margin: 0;
}

.footer-contact {
  text-align: right;
}

.footer-links-container {
  display: flex;
  gap: 80px;
}

.widget-area ul {
  list-style: none;
}

.widget-area li {
  color: #B1ACAC;
  font-weight: 400;
  margin-bottom: 4px;
}

.widget-title {
  font-weight: 800;
  color: #fff;
}

.footer-address {
  color: #fff;
  font-size: 16px;
  margin-bottom: 32px;
}

.footer-phone {
  color: var(--global--main-color);
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 0px;
}

.footer-email {
  color: var(--global--main-color);
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 32px;
}

.social-media-title {
  letter-spacing: .4px;
  font-size: 12px;
  color: #F8C8B4;
}

.footer-social .social-icons path {
  fill: #F8C8B4;
}

.footer-social .social-icons {
  display: flex;
  gap: 20px;
  margin-top: 8px;
}

/* buttons */

.datazen-buttons-wrapper {
  display: flex;
  width: 100%;
}

.datazen-buttons-wrapper.align-center {
  display: flex;
  justify-content: center;
}

.btnsiblings {
  display: flex;
  gap: 32px;
}

.datazen-button, .wpcf7-submit {
  text-decoration: none;
  font-size: 15px;
  transition: all 0.3s ease;
}

.btn-type-primary, .wpcf7-submit {
  border-radius: 10px;
  padding: 11px 24px 11px 30px;
  font-weight: 600;
  color: #2D2B2A;
  display: flex;
  align-items: center;
  gap: 18px;
}

.btn-type-secondary {
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.btn-type-tertiary {
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  flex-direction: row-reverse;
  gap: 12px;
  letter-spacing: .3px;
  background: transparent;
}

.btn-type-tertiary .datazen-button-text {
  display: flex;
  align-items: center;
  position: relative;
  letter-spacing: .2px;
}


.btn-type-tertiary .datazen-icon {
  content: "";
  display: inline-block;
  width: 26px;
  height: 25px;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.19239 16.1615L16.5463 8.80761M6.43467 11.5653L3.67696 14.323C2.70177 15.2982 2.15391 16.6209 2.15391 18C2.15391 19.3791 2.70177 20.7018 3.67696 21.677C4.65214 22.6521 5.97479 23.2 7.35391 23.2C8.73304 23.2 10.0557 22.6521 11.0309 21.677L13.7886 18.9192M11.9501 6.0499L14.7078 3.29218C15.683 2.31699 17.0056 1.76914 18.3848 1.76914C19.7639 1.76914 21.0865 2.31699 22.0617 3.29218C23.0369 4.26737 23.5848 5.59001 23.5848 6.96914C23.5848 8.34826 23.0369 9.6709 22.0617 10.6461L19.304 13.4038' stroke='%23F09006' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0;
  transition: transform 0.3s ease;
}

.btn-type-tertiary:hover .datazen-icon {
  transform: translateX(5px);
}

.btn-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 32px;
}

.btn-type-primary.btn-with-icon {
  padding:6px 6px 6px 32px;
}

/* PRIMARY BUTTON - background-color */
.btn-type-primary.btn-color-glowny, .wpcf7-submit {
  background-color: var(--global--main-color);
}

.btn-type-primary.btn-color-odwrocony {
  background-color: var(--global--secondary-color);
}

.btn-type-primary.btn-color-czarny {
  background-color: var(--global--dark);
}

.btn-type-primary.btn-color-white {
  background-color: #fff;
}

/* SECONDARY BUTTON - border-color */
.btn-type-secondary.btn-color-glowny,
.datazen-box .datazen-button.btn-color-glowny {
  background-color: var(--global--main-color);
}

.btn-type-secondary.btn-color-odwrocony,
.datazen-box .datazen-button.btn-color-odwrocony {
  background-color: var(--global--secondary-color);
}

.btn-type-secondary.btn-color-czarny,
.datazen-box .datazen-button.btn-color-czarny {
  background-color: var(--global--dark);
}

.btn-type-secondary.btn-color-white {
  background-color: #fff;
  color: var(--global--dark);
}

/* TERTIARY BUTTON - text color */
.btn-type-tertiary.btn-color-glowny {
  color: var(--global--dark);
}

.btn-type-tertiary.btn-color-odwrocony {
  color: #fff;
}

.btn-type-primary.btn-color-glowny:hover,
.datazen-box:hover .datazen-button.btn-color-glowny {
  background-color: color-mix(in srgb, var(--global--main-color), black 30%);
}

.btn-type-primary.btn-color-odwrocony:hover {
  background-color: color-mix(in srgb, var(--global--secondary-color), black 20%);
}

.btn-type-primary.btn-color-czarny:hover {
  background-color: color-mix(in srgb, var(--global--dark), black 20%);
}

.btn-type-primary.btn-color-czarny-var:hover {
  background-color: color-mix(in srgb, var(--global--dark), black 20%);
}

.btn-type-primary.btn-color-white:hover {
  background-color: color-mix(in srgb, #fff, black 20%);
}

.btn-type-primary.btn-color-black:hover {
  background-color: color-mix(in srgb, #212424, black 20%);
}

.btn-type-secondary.btn-color-glowny:hover {
  background-color: color-mix(in srgb, var(--global--main-color), black 20%);
}

.btn-type-secondary.btn-color-odwrocony:hover {
  background-color: color-mix(in srgb, var(--global--secondary-color), black 20%);
}

.btn-type-secondary.btn-color-czarny:hover {
  background-color: color-mix(in srgb, var(--global--secondary-color), black 20%);
}

.btn-type-secondary.btn-color-czarny-var:hover {
  background-color: color-mix(in srgb, var(--global--secondary-var-color), black 20%);
}

.btn-type-secondary.btn-color-white:hover,
.btn-type-secondary.btn-color-black:hover {
  border-color: var(--global--secondary-color);
}

/* TABS */

.datazen-tabs-nav {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

.datazen-tabs-nav button {
  padding: 0.5rem 1rem;
  background: #eee;
  border: none;
  cursor: pointer;
}

.datazen-tabs-nav button.active {
  background: #000;
  color: #fff;
}

.datazen-tab-panel {
  display: none;
}

.datazen-tab-panel.active {
  display: block;
}


/* modal */

.datazen-modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.6);
}

.datazen-modal-content {
	background-color: #fff;
	margin: 10% auto;
	padding: 20px;
	width: 80%;
	max-width: 600px;
	position: relative;
	border-radius: 12px;
}

.datazen-modal-close {
	position: absolute;
	top: 10px;
	right: 16px;
	cursor: pointer;
	font-size: 24px;
}


/* counter */

.datazen-counter {
  display: flex;
  flex-direction: column;
}

.counter-number {
  font-weight: 700;
  color: #fff;
  font-size: 60px;
  line-height: 38px;
}

.counter-symbol {
  margin-left: 8px;
}

.counter-title {
  margin-top: 16px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  max-width: 350px;
  opacity: .8;
}

.unique-counter {
  float: right;
  padding-right: 68px;
}

.unique-counter .counter-number {
  color: var(--global--secondary-color);
}

.unique-counter .counter-title {
  color: var(--global--dark);
  font-size: 16px;
  margin-top: 4px;
}

/* datazen contact box */

.datazen-contact-box {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}

.datazen-contact-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.datazen-contact-content > div {
color: var(--global--dark);
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .5px;
}

.datazen-contact-content a {
  color: var(--global--main-color);
  font-size: 16px;
  font-weight: 400;
}

.datazen-contact-icon {
  width: 42px;
  height: 42px;
  display: flex;
  background: #FEF0EA;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

/* Boxed styles */

.wp-block-group {
  display: grid;
}

.block-group-three {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 32px; 
}

.block-group-two {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
  gap: 32px 70px;
}

/* ozdobny tytul */

.datazen-decorative-title {
  margin-bottom: 24px;
}

.datazen-decorative-title.align-center {
  text-align: center;
}

.datazen-title {
  margin-bottom: 4px;
}

.datazen-subtitle {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  background: #3D3730;
  padding: 4px 20px;
  border-radius: 50px;
  margin-bottom: 14px;
}

.small-subtitle .datazen-subtitle {
  font-size: 16px;
  line-height: 18px;
}

.datazen-title.as-h-5 {
  font-weight: 700;
}

.datazen-decorative-title.type-free .tytul-wrapper {
  position: relative;
  margin-top: -16px;
  height: 78px;
  margin-bottom: 52px;
}

.datazen-decorative-title.type-free .datazen-title, .datazen-decorative-title.type-free .datazen-subtitle {
  font-size: 16px;
  margin: 0;
  background-color: #fff;
  border-radius: 15px;
  line-height: 32px;
  padding: 6px 20px;
  display: inline-block;
}

.datazen-decorative-title.type-free .datazen-subtitle {
  position: absolute;
  left: 285px;
  bottom: 0;
}
/* Background section */

.background-section {
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}

/* download block */

/* .download-block-title {
  font-weight: 700;
  margin-bottom: 20px;
} */

.download-block-subtitle {
  color: #64534B;
  font-size: 14px;
  line-height: 22px;
}

.download-block-right {
  flex-shrink: 0;
  display: flex;
  gap: 16px;
}

/* .download-block-el {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  background: #fff;
  gap: 36px;
  padding-top: 44px;
  width: 176px;
  transition: all 0.3s ease;
}

.download-block-el span {
  background: #212424;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px 0;
  width: 100%;
  text-align: center;
} */

/* .download-block-el svg {
  margin-left: 8px;
} */

.wp-block-datazen-download-element {
  background-color: #F7F4EF;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  padding: 12px 24px;
  margin-bottom: 20px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.wp-block-datazen-download-element:hover {
  background-color: var(--global--main-lighter-color);
}

.download-block-title {
  font-weight: 700;
}

.download-block-left {
  display: flex;
  align-items: center;
}

.download-block-el span {
  background: #212424;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px;
  width: 100%;
  text-align: left;
  line-height: 16px;
}

.download-block-el svg {
  margin: 0 auto;
}

.download-block-el path {
  transition: all 0.3s ease;
}

.download-block-el:hover path {
  fill: #fff;
}

/* zawodowy UNIKALNE */

.menu-disabled {
  display: none !important;
}

.wjo-menu {
  min-width: 380px;
}

.sekcja-kontakt {
  margin-top: 60px;
}

.evo_ss.evo_wbg.marr10 {
  background: #0866ff;
  border-radius: 10px !important;
}

.evo_ss.evo_wbg.marr10 .fa-facebook {
  color: #fff;
}

.eventon_events_list .eventon_list_event .evoet_cx span.evcal_desc2, .evo_pop_body .evoet_cx span.evcal_desc2 {
  text-transform: none !important;
}

.evcal_cblock .evo_start em.month, .evcal_cblock .evo_end em.month, .evcal_cblock .evo_start em.day {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.eventon_events_list .eventon_list_event .evoet_dayblock .evo_end, .eventon_list_event .evoet_cx .evoet_dayblock .evo_end, .eventon_events_list .eventon_list_event .evoet_cx .evoet_dayblock span.evo_end {
  font-size: 18px !important;
}

.evcal_cblock .evo_end em.month {
  font-size: 10px !important;
  font-weight: 600 !important;
}

.ajde_evcal_calendar .evcal_month_line p {
  padding: 16px 0 5px !important;
  color: #212121 !important;
  font-size: 18px !important;
  margin-bottom: 16px !important;
}

.evoet_c2.evoet_cx  {
  margin-right: 16px !important;
  border-right: 1px solid #c87501;
  padding-right: 16px;
}

.evo_sidebar, .evo_card_wrapper .page-header {
  display: none !important;
}

.powiazane-osrodki {
  background: #f0f0f0;
  padding: 60px 0;
  margin: 60px 0 -60px 0;
}

.osrodki-title {
  text-align: center;
  margin-bottom: 40px;
}

.osrodki.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* dokładnie 3 kolumny */
  gap: 32px;
  justify-content: center; /* centrowanie gdy mniej elementów */
}

.osrodek-box {
  min-width: 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
}

.osrodek-thumb {
  padding: 24px 0;
}

.osrodek-thumb img {
  border-radius: 10px;
  max-height: 100%;
}

.osrodek-title {
  font-size: 26px;
  font-weight: 800;
  max-width: 240px;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 20px;
}

.osrodek-box > p {
  flex: 0 0 auto;
  width: 100%;
  max-width: 240px;
}


.main-form-box {
  border-radius: 25px;
  box-shadow: 3px 3px 80px 10px rgba(0,0,0,0.3);
  padding: 48px;
}

label {
  font-size: 14px;
}

.wpcf7-submit {
  width: 100%;
}

.wpcf7-list-item {
  margin: 0 8px 0 0;
}

.acpt-sct p {
  font-size: 14px;
  line-height: 18px;
}

.checkit a {
  color: var(--global--main-color);
  font-weight: 600;
}

.column-1-2 {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

.column-1-2 > p {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
}

input.wpcf7-text, select.wpcf7-select, textarea {
  border-radius: 8px;
  border: 1px solid #E5E5E5;
  padding: 10px 16px;
  width: 100%;
  margin-top: 8px;
}

.testy-hero-home {
  margin-top: -78px;
}

.map-block-kursy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.vc_row.wpb_row.vc_row-fluid.centered-content.vc_custom_1562344275551 {
    margin-top: 0 !important;
}

.evo_location_card .evo_location_map, .evotax_term_card .term_location_map {
    width: 100%;
    height: 350px;
}

.map-departments {
  display: flex;
  justify-content: center;
}

.map-obj {
    position: relative;
    display: block;
    float: left;
}

.department-holder {
    position: absolute;
}

#department-opole {
    bottom: 85px;
    left: 50px;
}

#department-nowy-sacz {
    bottom: 3px;
    right: 115px;
}

#department-tarnow {
    bottom: 45px;
    right: 105px;
}

#department-rzeszow {
    bottom: 20px;
    right: -35px;
}

.department-holder a {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.department-holder a:hover {
    opacity: 1;
}

.department-holder a:hover .department-content {
    background: #f09006;
}

.department-holder a:hover .department-pointer {
    transform: scale(1.3);
    background: #fff;
}

#department-rzeszow a {
    align-items: start;
}

.department-content {
  font-size: 12px;
    background: #202020;
    color: #ECECEC;
    font-weight: 600;
    font-family: "Poppins";
    letter-spacing: .3px;
    border-radius: 3px;
    padding: 2px 16px;
    margin: 0 10px;
    transition: all .2s ease-in-out;
}

.department-pointer {
    width: 10px;
    height: 10px;
    display: block;
    background: #202020;
    border-radius: 50%;
    margin: 8px 0;
    transition: all .2s ease-in-out;
}

.wp-block-latest-posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.wp-block-latest-posts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 64px;
}

.wp-block-latest-posts li {
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.1);
  border-radius: 15px;
  overflow: hidden;
}

.wp-block-latest-posts__featured-image img {
  width: auto !important;
  height: 180px !important;
  margin: 0 auto;
}

.wp-block-latest-posts__post-title {
  font-size: 16px;
  font-weight: 700;
  padding: 12px 20px;
  text-align: center;
  line-height: 20px;
  align-self: center;
}

/* testy utb */

#test-app { 
  margin:0 auto; 
  background-color: #FAE2C0;
}
.question-content {
  display: flex;
}

#show-all-correct {
    color: #C5F4DA;
  background-color: #117840;
}

.test-reset-btn {
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.test-reset-btn:hover {
  background-color: var(--global--dark) !important;
  color: #bbb5b2 !important;
}

.test-header {
  background: #f0d2a8;
  border-bottom: 1px solid #c4ae90;
  padding: 24px 0;
  margin-bottom: 36px;
  box-shadow: 0 32px 40px -10px rgba(158,137,107,0.6);
}

.test-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.summary-incorrect {
  color: #c0392b;
}

.summary-correct {
  color: #117840;
}
#overall-questions {
  font-weight: 500;
}

.summary {
  display: flex;
  gap: 24px;
  font-size: 16px;
}
.reset-sct {
  display: flex;
  gap: 24px;
}

.test-wrapper {
  padding-bottom: 40px;
}

.question {
  padding: 32px 48px;
  margin-bottom: 44px;
  background: #fff;
  border-radius: 25px;
  transition: all .3s ease-in-out;
  position: relative;
}

.question:hover {
  box-shadow: 0px 0px 80px 10px rgba(0,0,0,0.1);
}

.question-number {
  position: absolute;
  background: #3D3730;
  border-radius: 10px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  left: -10px;
  top: 24px;
  font-size: 16px;
}

.question-title {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 28px;
}
.answers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.question-image {
  flex: 1 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 32px;
}
.divided-question .answers {
  flex: 1 0 50%;
}
.question-image img {
  height: auto !important;
  max-width: auto !important;
}
.answers .answer {
  padding: 10px 18px;
  border: 1px solid #F0E9E7;
  background-color: #fff;
  cursor: pointer;
  text-align: left;
  border-radius: 10px;
  display: flex;
  gap: 20px;
  align-items: center;
  transition: all .3s ease-in;
}

.answers .answer:hover {
  transform: scale(1.05);
  border-color: #9E896B;
}

.answer-symbol {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--global--main-color);
  font-size: 16px;
  font-weight: 600;
  flex: 0 0 40px;
}
.answer-content {
  opacity: .8;
}

.question-actions {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: end;
  margin-top: 32px;
}

.reset.btn-type-secondary {
  background-color: #bbb5b2;
  color: #5c5653;
  transition: all .3s ease-in;
}

.reset.btn-type-secondary:hover {
    background-color: var(--global--dark);
  color: #bbb5b2;
}

.show-correct.btn-type-secondary {
  background-color: #C5F4DA;
  color: #117840;
  transition: all .3s ease-in;
}

.show-correct.btn-type-secondary:hover {
  color: #C5F4DA;
  background-color: #117840;
}

.answers .answer.right { background:#C5F4DA; border-color:#117840; }
.answers .answer.wrong { background:#f7c5c5; border-color:#c0392b; }
.answer.selected {
  background: #bbb5b2;
  border-color: var(--global--dark);
}

#exam-summary {
  background: #f0d2a8;
  border-top: 1px solid #c4ae90;
  padding: 24px 0;
}

#exam-summary.exam-faild {
background:#f7c5c5; border-color:#c0392b;
}

#exam-summary.exam-pass {
background:#C5F4DA; border-color:#117840;
}

.summary-buttons {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

#repeat-exam {
  background-color: var(--global--dark);
  color: #fff;
}

.finish-test-wrapper {
  padding-bottom: 40px;
}

#finish-test {
  background-color: #117840;
  color: #fff;
  margin: 0 auto;
  padding: 20px 60px;
  font-size: 18px;
}

.egzam-udt {
  padding-top: 60px;
}

.page-template-page-testy .footer-container {
  margin-top: 0px;
}

.testy-pages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 16px;
}

.testy-item {
  display: flex;
  padding: 20px 24px;
  text-decoration: none;
  transition: 0.2s;
  background: #E7E1D7;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--global--dark);
  min-height: 118px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.testy-item:hover {
    background-color: var(--global--main-lighter-color);
}

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

.return-category {
  margin-top: 32px;
}

.testy-buttons {
  display: flex;
  gap: 32px;
}

.block-open-button {
  flex: 1;
  transition: all .3s ease-in-out;
}

.block-open-button:hover {
  transform: scale(1.05);
}

.block-open-icon {
  background-color: var(--global--main-color);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-bottom: 8px;
}

.datazen-box.boxed.block-open {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 48px 32px;
  text-align: center;
}

.block-open-desc {
  opacity: .7;
}


/* boxy */

.herosection-el {
  border-radius: 35px;
  margin: 0 54px;
}

.count-box-holder {
  counter-reset: count;
  gap: 28px 32px;
}

.count-box-holder > div {
position: relative;
  counter-increment: count;
}

.count-box-boxado {
  padding-top: 26px;
}

.count-box-boxado p {
  margin: 0;
}

.count-box-holder > div::before {
  content: counter(count, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: bold;
  color: #DDD3D1;
}

.datazen-box.full.box-centered {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
}

.datazen-box {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: #fff;
}

.datazen-box.boxed {
  border-radius: 15px;
  box-shadow: 3px 3px 80px 10px rgba(0,0,0,0.3);
  position: relative;
  padding: 20px 20px;
  height: 100%;
  overflow: hidden;
}

.datazen-box .datazen-button {
  display: inline-block;
  margin-top: 8px;
}

.datazen-box .datazen-button:hover {
  background-color: var(--global--main-color);
}

.box-herosection {
  background-color: #fff;
  border-radius: 40px 40px 0 0;
  padding: 28px 36px 0 36px;
  height: 100%;
}

.box-herosection-first::before,
.box-herosection-last::after  {
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M40 0C40 22.0914 22.0914 40 0 40H40V0Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
}

.box-herosection-first::before {
  left: -40px;
}

.box-herosection-last::after {
  right: -40px;
  transform: rotateZ(90deg);
}

.box-herosection-mid::before,
.box-herosection-mid::after {
  position: absolute;
  width: 32px;
  height: 17px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 17' width='32' height='17'><path d='M32 17H0V0C0 8.83656 7.16344 16 16 16C24.8366 16 32 8.83656 32 0V17Z' fill='%23ffffff'/></svg>");
  background-repeat: no-repeat;
  content: "";
  bottom: -1px;
}

.box-herosection-mid::before {
  left: -32px;
}

.box-herosection-mid::after {
  right: -32px;
}

.datazen-box .icon-wrapper {
  margin-bottom: 20px;
}

.datazen-box.boxed .icon-wrapper {
  margin-bottom: 20px;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-top: -20px;
  height: 190px;
  position: relative;
}

.icon-wrapper .featured-image {
  position: absolute;
  height: 100%;
  width: auto;
  max-width: unset;
}

.icon-wrapper.hasdecorativeicon {
  background: #FEF0EA;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.icon-wrapper.hasdecorativeicon::after {
  background: #DDD3D1;
  border-radius: 23px;
  width: 74px;
  height: 74px;
  position: absolute;
  content: "";
  bottom: -7px;
  right: -7px;
  z-index: -1;
}

.box-centered.box-narrow {
  max-width: 340px;
}

.datazen-box-title {
  color: var(--global--dark);
}

.datazen-box-title.title-medium {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
}

.datazen-box-title.title-small {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
}

.datazen-icon {
  display: inline-block;
  width: 20px;
  height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 10.7857V6.14286L10 1.5L1 6.14286L10 10.7857L14.68 8.64286V13.6429C14.68 15.0714 12.52 16.5 10 16.5C7.48 16.5 5.32 15.0714 5.32 13.6429V8.64286' stroke='%232D2B2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease
}

.datazen-box.check-icon-box {
  padding-top: 32px;
}

.datazen-box.check-icon-box::before {
  content: "";
  position: absolute;
  background-color: #FEF0EA;
  border-radius: 8px;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6485 0.838868C15.8736 1.05566 16 1.34966 16 1.65621C16 1.96276 15.8736 2.25676 15.6485 2.47356L6.64917 11.1387C6.53024 11.2533 6.38904 11.3441 6.23364 11.4061C6.07824 11.4681 5.91168 11.5 5.74347 11.5C5.57526 11.5 5.4087 11.4681 5.2533 11.4061C5.0979 11.3441 4.95671 11.2533 4.83778 11.1387L0.366545 6.83427C0.251871 6.72763 0.160402 6.60006 0.0974773 6.45901C0.0345522 6.31797 0.00143067 6.16627 4.53326e-05 6.01276C-0.00134 5.85926 0.0290387 5.70703 0.0894086 5.56495C0.149779 5.42288 0.238931 5.2938 0.351663 5.18525C0.464396 5.0767 0.598451 4.99086 0.746007 4.93273C0.893563 4.87461 1.05166 4.84535 1.21109 4.84669C1.37051 4.84802 1.52806 4.87991 1.67454 4.9405C1.82103 5.00109 1.95351 5.08916 2.06427 5.19958L5.74307 8.74179L13.9499 0.838868C14.0614 0.731438 14.1938 0.646216 14.3396 0.588072C14.4853 0.529927 14.6415 0.5 14.7992 0.5C14.9569 0.5 15.1131 0.529927 15.2589 0.588072C15.4046 0.646216 15.537 0.731438 15.6485 0.838868Z' fill='%23EC4F32'/%3E%3C/svg%3E");
}

.datazen-box.check-icon-box p {
  margin: 0;
}

.datazen-box.boxed.box-product .icon-wrapper {
  display: flex;
  justify-content: center;
  margin-top: -104px;
}

.datazen-box.boxed.box-product {
  margin-top: 104px;
  height: calc(100% - 104px);
}

.datazen-box.side-icon {
  display: flex;
  gap: 24px;
  align-items: center;
  max-width: 310px;
}

.datazen-box.side-icon .icon-wrapper {
  flex: 0 0 auto;
  margin-bottom: 0;
}

.datazen-box.side-icon .datazen-box-title.title-small {
  margin-bottom: 0;
}

/* listy */

.boxado-list {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  flex-direction: column;
}

.boxado-list li::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path d='M6.88 9.44L5.16 7.72C5.01333 7.57333 4.82666 7.5 4.6 7.5C4.37333 7.5 4.18667 7.57333 4.04 7.72C3.89333 7.86666 3.82 8.05333 3.82 8.28C3.82 8.50666 3.89333 8.69333 4.04 8.84L6.32 11.12C6.48 11.28 6.66666 11.36 6.88 11.36C7.09333 11.36 7.28 11.28 7.44 11.12L11.96 6.6C12.1067 6.45333 12.18 6.26666 12.18 6.04C12.18 5.81333 12.1067 5.62667 11.96 5.48C11.8133 5.33333 11.6267 5.26 11.4 5.26C11.1733 5.26 10.9867 5.33333 10.84 5.48L6.88 9.44ZM8 16C6.89333 16 5.85333 15.7899 4.88 15.3696C3.90667 14.9493 3.06 14.3795 2.34 13.66C1.62 12.9405 1.05013 12.0939 0.630401 11.12C0.210668 10.1461 0.000534346 9.10613 1.01266e-06 8C-0.00053232 6.89386 0.209601 5.85387 0.630401 4.88C1.0512 3.90613 1.62107 3.05947 2.34 2.34C3.05893 1.62053 3.9056 1.05067 4.88 0.6304C5.8544 0.210133 6.8944 0 8 0C9.10559 0 10.1456 0.210133 11.12 0.6304C12.0944 1.05067 12.9411 1.62053 13.66 2.34C14.3789 3.05947 14.9491 3.90613 15.3704 4.88C15.7917 5.85387 16.0016 6.89386 16 8C15.9984 9.10613 15.7883 10.1461 15.3696 11.12C14.9509 12.0939 14.3811 12.9405 13.66 13.66C12.9389 14.3795 12.0923 14.9496 11.12 15.3704C10.1477 15.7912 9.10773 16.0011 8 16Z' fill='%23EC4F32'/></svg>");
  left: 0;
  top: 2px;
}

.boxado-list li {
  position: relative;
  padding-left: 24px;
  color: #6F6F6F;
  line-height: 20px;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: .2px;
}

.boxado-list.block-group-two {
  gap: 16px 32px
}

.boxado-list.block-group-two li {
  color: var(--global--dark);
  font-weight: 500;
}

/* heroscene */

.marker-headline strong {
  position: relative;
  z-index: 2;
}

.marker-headline strong::after {
  background-image: url('assets/images/marker.webp');
  background-repeat: no-repeat;
  content: "";
  left: -25px;
  top: -2px;
  position: absolute;
  width: 319px;
  height: 71px;
  z-index: -1;
}

.description-heroscene {
  max-width: 440px;
  color: var(--global--dark);
}

/* images */

.wp-block-datazen-image.radius img {
  border-radius: 40px;
  position: relative;
  z-index: 2;
}

.wp-block-datazen-image.radius {
  position: relative;
  display: inline-block;
}

.wp-block-datazen-image.radius::after {
  content: "";
  background-color: var(--global--main-color);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -18px;
  right: -18px;
  z-index: -1;
  border-radius: 49px;
}

/* review google */

.wp-block-dataze-google-review {
  max-width: 1216px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.review-top-el {
  display: flex;
  align-items: start;
  gap: 4px;
  flex-direction: column;
  margin-left: 32px;
}

.review-rating {
  display: flex;
  gap: 12px;
}

.review-content {
  margin-left: auto;
}

.review-rating .stars {
  color: #F09006;
  font-size: 30px;
  margin-top: -3px;
}

.rating-score {
  font-size: 26px;
  font-weight: 700;
  color: #16120D;
}

.wp-block-dataze-google-review .review-text {
  line-height: 22px;
  font-size: 18px;
  color: #16120D;
  font-style: italic;
  font-weight: 600;
  margin: 0;
}

.review-subtitle {
  font-size: 13px;
  position: relative;
  color: #654E26;
  transition: all .3s ease-in-out;
}

.review-subtitle::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #654E26;
  bottom: 0px;
  position: absolute;
  left: 0;
  transition: all .3s ease-in-out;
}

.review-subtitle:hover {
  color: var(--global--secondary-color);
}

.review-subtitle:hover::after {
  background-color: #fff;
}

/* testimonial */

.wp-block-datazen-testimonial {
  padding: 36px;
  background: #F5F5F5;
  border-radius: 26px;
}

.quote-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.quote-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--global--dark);
}

.review-name {
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  color: var(--global--dark);
}

.review-date {
  margin: 0;
}

.wp-block-datazen-testimonial.dark-testimonial {
  border: 1px solid #573933;
  background-color: #221F21;
  box-shadow: 0px 4px 80px rgba(202, 73, 50, 0.4);
  color: #fff;
  position: relative;
  max-width: 384px;
}

.dark-testimonial .review-name {
  color: #fff;
}

.dark-testimonial .quote-icon {
  background-color: #F19F8F;
}

.dark-testimonial .quote-icon path {
  fill: var(--global--main-color);
}

.opinie-link-holder {
  position: absolute;
  z-index: 9;
  width: 100%;
  max-width: 384px;
  text-align: center;
}

.opinie-link {
  color: #E26227;
  font-size: 12px;
  letter-spacing: .5px;
  font-weight: 600;
  transition: all .3s ease-in-out;
}

.opinie-link:hover {
  color: #f19f8f;
}

.wp-block-datazen-testimonial.dark-testimonial::after,
.wp-block-datazen-testimonial.dark-testimonial::before {
  position: absolute;
  content: "";
}

.wp-block-datazen-testimonial.dark-testimonial::before {
  background-color: #1D1B1D;
  border: 1px solid #422B27;
  border-radius: 23px 23px 0 0;
  top: -12px;
  left: 22px;
  width: calc(100% - 44px);
  height: 12px;
}

.wp-block-datazen-testimonial.dark-testimonial::after {
  background-color: #1B191A;
  border-radius: 12px 12px 0 0;
  top: -20px;
  left: 40px;
  width: calc(100% - 80px);
  height: 8px;
}

.testimonial-dark-holder {
  justify-content: space-around;
}

.testimonial-dark-holder .wp-block-column  {
  max-width: 410px;
}

/* Ogólne */

.padded-right {
  padding-right: 104px;
}

.padded-left {
padding-left: 104px;
}

.padded-right-small {
padding-right: 44px;
}

.padded-left-small {
padding-left: 44px;
}

/* steps */

.datazen-box.steps-box {
  padding: 44px 24px 16px;
  height: auto;
  border-radius: 24px;
  border: 2px solid var(--global--dark);
  box-shadow: 2px 2px 0px var(--global--dark);
}

.steps-box .boxado-list li {
  font-size: 14px;
  letter-spacing: 0px;
  margin-bottom: 8px;
}

.step-first::before,
.step-second::before,
.step-third::before,
.step-fourth::before,
.step-fifth::before {
  font-weight: bold;
  color: var(--global--main-color);
  font-size: 22px;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  background: var(--global--dark);
  display: flex;
  align-items: center;
  justify-content: center;
  top: -24px;
  position: absolute;
}

.step-first::before {
  content: "1";
}

.step-second::before {
  content: "2";
}

.step-third::before {
  content: "3";
}

.step-fourth::before {
  content: "4";
}

.step-fifth::before {
  content: "5";
}

.arrow-st-one::after,
.arrow-st-two::after,
.arrow-st-three::after,
.arrow-st-four::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.arrow-st-one::after {
  left: calc(50% - 12px);
  top: -63px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='277' height='131' viewBox='0 0 277 131' fill='none'><circle cx='11' cy='60' r='8' fill='%23ffffff'/><path d='M260 22C260 12.0589 251.941 4 242 4H31C21.0589 4 13 12.0589 13 22V49.6816C18.1393 50.6143 22 55.0791 22 60.5C22 66.6046 17.1046 71.5 11 71.5C4.89543 71.5 0 66.6046 0 60.5C0 55.0791 3.86072 50.6143 9 49.6816V22C9 9.84974 18.8497 0 31 0H242C254.15 0 264 9.84974 264 22V124.171L273.313 114.857C274.095 114.076 275.362 114.076 276.143 114.857C276.924 115.638 276.924 116.905 276.143 117.687L263.414 130.414C262.633 131.195 261.367 131.195 260.586 130.414L247.857 117.687C247.076 116.905 247.076 115.638 247.857 114.857C248.638 114.076 249.905 114.076 250.687 114.857L260 124.171V22ZM18 60.5C18 56.6046 14.8954 53.5 11 53.5C7.10457 53.5 4 56.6046 4 60.5C4 64.3954 7.10457 67.5 11 67.5C14.8954 67.5 18 64.3954 18 60.5Z' fill='%23CA4932'/></svg>");
  width: 277px;
  height: 132px;
}

.arrow-st-two::after {
  left: 204px;
  bottom: calc(50% - 12px);
  background-image: url("data:image/svg+xml,%3Csvg width='170' height='104' viewBox='0 0 170 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 93C20 98 16 102 11 102C6 102 2 98 2 93C2 88 6 84 11 84C16 84 20 88 20 93Z' fill='white'/%3E%3Cpath d='M11.0002 86C14.8956 86.0001 18.0002 89.1046 18.0002 93C18.0002 96.8954 14.8956 99.9999 11.0002 100C7.10478 100 4.00021 96.8954 4.00021 93C4.00021 89.1046 7.10478 86 11.0002 86ZM11.0002 82C4.89564 82 0.000212875 86.8954 0.000213142 93C0.000213409 99.1046 4.89564 104 11.0002 104C16.421 104 20.8859 100.139 21.8186 95L134.5 95C146.65 95 156.5 85.1503 156.5 73L156.5 7.32813L165.814 16.6426C166.595 17.4235 167.862 17.4236 168.643 16.6426C169.424 15.8616 169.424 14.5945 168.643 13.8135L155.914 1.08594C155.133 0.304898 153.867 0.304913 153.086 1.08594L140.358 13.8135C139.577 14.5945 139.577 15.8616 140.358 16.6426C141.139 17.4236 142.406 17.4235 143.187 16.6426L152.5 7.32813L152.5 73C152.5 82.9411 144.441 91 134.5 91L21.8186 91C20.8859 85.8608 16.421 82.0001 11.0002 82Z' fill='%23CA4932'/%3E%3C/svg%3E%0A");
  width: 170px;
  height: 104px;
}

.arrow-st-three::after {
  left: calc(50% - 12px);
  top: -62px;
  background-image: url("data:image/svg+xml,%3Csvg width='277' height='131' viewBox='0 0 277 131' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='60' r='8' fill='%23F5F5F5'/%3E%3Cpath d='M260 22C260 12.0589 251.941 4 242 4H31C21.0589 4 13 12.0589 13 22V49.6816C18.1393 50.6143 22 55.0791 22 60.5C22 66.6046 17.1046 71.5 11 71.5C4.89543 71.5 0 66.6046 0 60.5C0 55.0791 3.86072 50.6143 9 49.6816V22C9 9.84974 18.8497 0 31 0H242C254.15 0 264 9.84974 264 22V124.171L273.313 114.857C274.095 114.076 275.362 114.076 276.143 114.857C276.924 115.638 276.924 116.905 276.143 117.687L263.414 130.414C262.633 131.195 261.367 131.195 260.586 130.414L247.857 117.687C247.076 116.905 247.076 115.638 247.857 114.857C248.638 114.076 249.905 114.076 250.687 114.857L260 124.171V22ZM18 60.5C18 56.6046 14.8954 53.5 11 53.5C7.10457 53.5 4 56.6046 4 60.5C4 64.3954 7.10457 67.5 11 67.5C14.8954 67.5 18 64.3954 18 60.5Z' fill='%23CA4932'/%3E%3C/svg%3E%0A");
  width: 277px;
  height: 131px;
}

.arrow-st-four::after {
  left: calc(50% - 12px);
  bottom: -49px;
  background-image: url("data:image/svg+xml,%3Csvg width='275' height='146' viewBox='0 0 275 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 108C6 108 2 104 2 99C2 94 6 90 11 90C16 90 20 94 20 99C20 104 16 108 11 108Z' fill='white'/%3E%3Cpath d='M257.5 123.5C257.5 133.441 249.441 141.5 239.5 141.5H31C21.0589 141.5 13 133.441 13 123.5V109.818C18.1393 108.886 22 104.421 22 99C22 92.8954 17.1046 88 11 88C4.89543 88 0 92.8954 0 99C0 104.421 3.86072 108.886 9 109.818V123.5C9 135.65 18.8497 145.5 31 145.5H239.5C251.65 145.5 261.5 135.65 261.5 123.5V7.3291L270.813 16.6426C271.595 17.4235 272.862 17.4236 273.643 16.6426C274.424 15.8616 274.424 14.5945 273.643 13.8135L260.914 1.08594C260.133 0.304889 258.867 0.304889 258.086 1.08594L245.357 13.8135C244.576 14.5945 244.576 15.8616 245.357 16.6426C246.138 17.4236 247.405 17.4235 248.187 16.6426L257.5 7.3291V123.5ZM18 99C18 102.895 14.8954 106 11 106C7.10457 106 4 102.895 4 99C4 95.1046 7.10457 92 11 92C14.8954 92 18 95.1046 18 99Z' fill='%23CA4932'/%3E%3C/svg%3E%0A");
  width: 275px;
  height: 146px;
}

.arrow-st-one.light-arrow::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='277' height='131' viewBox='0 0 277 131' fill='none'><circle cx='11' cy='60' r='8' fill='%23ffffff'/><path d='M260 22C260 12.0589 251.941 4 242 4H31C21.0589 4 13 12.0589 13 22V49.6816C18.1393 50.6143 22 55.0791 22 60.5C22 66.6046 17.1046 71.5 11 71.5C4.89543 71.5 0 66.6046 0 60.5C0 55.0791 3.86072 50.6143 9 49.6816V22C9 9.84974 18.8497 0 31 0H242C254.15 0 264 9.84974 264 22V124.171L273.313 114.857C274.095 114.076 275.362 114.076 276.143 114.857C276.924 115.638 276.924 116.905 276.143 117.687L263.414 130.414C262.633 131.195 261.367 131.195 260.586 130.414L247.857 117.687C247.076 116.905 247.076 115.638 247.857 114.857C248.638 114.076 249.905 114.076 250.687 114.857L260 124.171V22ZM18 60.5C18 56.6046 14.8954 53.5 11 53.5C7.10457 53.5 4 56.6046 4 60.5C4 64.3954 7.10457 67.5 11 67.5C14.8954 67.5 18 64.3954 18 60.5Z' fill='%23F8C8B4'/></svg>");
}

.arrow-st-two.light-arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg width='170' height='66' viewBox='0 0 170 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 55C20 60 16 64 11 64C6 64 2 60 2 55C2 50 6 46 11 46C16 46 20 50 20 55Z' fill='white'/%3E%3Cpath d='M11.0002 48C14.8956 48.0001 18.0002 51.1046 18.0002 55C18.0002 58.8954 14.8956 61.9999 11.0002 62C7.10478 62 4.00021 58.8954 4.00021 55C4.00021 51.1046 7.10478 48 11.0002 48ZM11.0002 44C4.89564 44 0.000212875 48.8954 0.000213142 55C0.000213409 61.1046 4.89564 66 11.0002 66C16.421 65.9999 20.8859 62.1393 21.8186 57L134.5 57C146.65 57 156.5 47.1503 156.5 35L156.5 6.82813L165.814 16.1426C166.595 16.9235 167.862 16.9236 168.643 16.1426C169.424 15.3616 169.424 14.0945 168.643 13.3135L155.914 0.585938C155.133 -0.195101 153.867 -0.195086 153.086 0.585938L140.358 13.3135C139.577 14.0945 139.577 15.3616 140.358 16.1426C141.139 16.9236 142.406 16.9235 143.187 16.1426L152.5 6.82813L152.5 35C152.5 44.9411 144.441 53 134.5 53L21.8186 53C20.8859 47.8608 16.421 44.0001 11.0002 44Z' fill='%23F8C8B4'/%3E%3C/svg%3E%0A");
  bottom: calc(50% - 40px);
}

.arrow-st-three.light-arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg width='277' height='131' viewBox='0 0 277 131' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='60' r='8' fill='%23F5F5F5'/%3E%3Cpath d='M260 22C260 12.0589 251.941 4 242 4H31C21.0589 4 13 12.0589 13 22V49.6816C18.1393 50.6143 22 55.0791 22 60.5C22 66.6046 17.1046 71.5 11 71.5C4.89543 71.5 0 66.6046 0 60.5C0 55.0791 3.86072 50.6143 9 49.6816V22C9 9.84974 18.8497 0 31 0H242C254.15 0 264 9.84974 264 22V124.171L273.313 114.857C274.095 114.076 275.362 114.076 276.143 114.857C276.924 115.638 276.924 116.905 276.143 117.687L263.414 130.414C262.633 131.195 261.367 131.195 260.586 130.414L247.857 117.687C247.076 116.905 247.076 115.638 247.857 114.857C248.638 114.076 249.905 114.076 250.687 114.857L260 124.171V22ZM18 60.5C18 56.6046 14.8954 53.5 11 53.5C7.10457 53.5 4 56.6046 4 60.5C4 64.3954 7.10457 67.5 11 67.5C14.8954 67.5 18 64.3954 18 60.5Z' fill='%23F8C8B4'/%3E%3C/svg%3E%0A");
}

.arrow-st-four.light-arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg width='274' height='81' viewBox='0 0 274 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 27.4998C6 27.4998 2 23.4998 2 18.4998C2 13.4998 6 9.49976 11 9.49976C16 9.49976 20 13.4998 20 18.4998C20 23.4998 16 27.4998 11 27.4998Z' fill='white'/%3E%3Cpath d='M256.501 58.9998C256.501 68.9408 248.442 76.9996 238.501 76.9998H31.001C21.06 76.9998 13.0011 68.9408 13.001 58.9998L13 29.3181C18.1393 28.3854 22 23.9206 22 18.4998C22 12.3952 17.1046 7.49976 11 7.49976C4.89543 7.49976 0 12.3952 0 18.4998C0 23.9206 3.86072 28.3854 9 29.3181L9.00098 58.9998C9.00117 71.1499 18.8509 80.9998 31.001 80.9998H238.501C250.651 80.9996 260.501 71.1499 260.501 58.9998V6.82886L269.814 16.1423C270.595 16.923 271.862 16.923 272.643 16.1423C273.424 15.3613 273.424 14.0943 272.643 13.3132L259.915 0.585693C259.134 -0.195304 257.868 -0.195203 257.087 0.585693L244.358 13.3132C243.577 14.0943 243.577 15.3613 244.358 16.1423C245.139 16.9231 246.405 16.9229 247.187 16.1423L256.501 6.82788V58.9998ZM18 18.4998C18 22.3952 14.8954 25.4998 11 25.4998C7.10457 25.4998 4 22.3952 4 18.4998C4 14.6043 7.10457 11.4998 11 11.4998C14.8954 11.4998 18 14.6043 18 18.4998Z' fill='%23F8C8B4'/%3E%3C/svg%3E%0A");
  bottom: -97px;
}

.step-second {
  margin-top: 84px;
}

.step-third {
  margin-top: -54px;
}

.step-fourth {
  margin-top: 28px;
}

.step-fifth {
  margin-top: 0;
}

.step-fifth.dark-arrow.unit-step-last {
  margin-top: -104px;
}

.step-fifth.light-arrow.unit-step-last {
  margin-top: -8px;
}

/* blog */

.blog-grid {
  display: flex;
  gap: 32px;
}

.blog-grid article {
  flex: 0 1 33.333333%;
  position: relative;
}

.blog-grid .entry-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.blog-grid .posted-on {
  position: absolute;
  background: var(--global--dark);
  color: #fff;
  letter-spacing: .5px;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 18px;
  border-radius: 12px;
  line-height: 12px;
  left: -20px;
  top: 20px;
}

.blog-grid img {
  border-radius: 28px;
}

.blog-grid figure {
  margin-bottom: 32px;
}

.blog-grid .datazen-button {
  float: right;
}

.single-post-featured-image {
  border-radius: 40px;
  padding: 100px 0;
  text-align: center;
  background-size: cover;
  background-position: center;
  margin-bottom: 60px;
  position: relative;
}

.page-header {
  background-image: url('assets/images/page-placeholder.webp');
  background-repeat: no-repeat;
}

.single-post-featured-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--global--dark);
  opacity: .7;
  left: 0;
  top: 0;
  border-radius: 40px;
}

.single-post-featured-image > * {
  z-index: 2;
  position: relative;
}

.single-post-date {
  display: inline-block;
  background: var(--global--main-color);
  color: #fff;
  border-radius: 8px;
  padding: 2px 16px;
  margin-bottom: 8px;
}

.single-post-title {
  color: #fff;
  margin: 0 auto;
  max-width: 90%;
}

/* karuzela zdjec */

.karuzela-zdjec {
  overflow: hidden;
  position: relative;
}

.karuzela-navigation {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: calc(50% - 36px);
}

.karuzela-wrapper {
  position: relative;
}

.karuzela-zdjec .karuzela-wrapper,
.karuzela-zdjec .datazen-carousel-prev, .datazen-carousel-next {
  z-index: 1;
}

.karuzela-zdjec.columns-3 .karuzela-item {
  height: 240px;
}

.karuzela-item {
  flex: 0 0 auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 0 12px;
}

.karuzela-item img {
  height: auto;
  width: 100%;
  position: absolute;
  left: 0;
  max-width: unset;
}

.karuzela-item-holder {
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.margined-carousel-navigation {
  margin: 0 16px;
}

.datazen-carousel-prev,
.datazen-carousel-next {
  position: relative;
  width: 58px;
  height: 58px;
  background: #E5E5E5;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* ukrywa rozlewające się tło */
  z-index: 1;
  border-radius: 12px;
}

.datazen-carousel-prev::after,
.datazen-carousel-next::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--global--main-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  z-index: 0;
}

.datazen-carousel-prev:hover svg path,
.datazen-carousel-next:hover svg path {
  fill: #fff;
}

.datazen-carousel-prev:hover::after,
.datazen-carousel-next:hover::after {
  transform: scaleX(1);
}

.datazen-carousel-prev > *,
.datazen-carousel-next > * {
  position: relative;
  z-index: 1;
}

/* toggle */

.datazen-toggle {
  margin-bottom: 24px;
}

.datazen-toggle-title {
  font-size: 16px;
  color: var(--global--dark);
  font-weight: 600;
}

.datazen-toggle-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px
}

.datazen-toggle-arrow {
  border-radius: 8px;
  background: #E5E5E5;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s ease, background-color .25s ease;
  transform-origin: center;
}

.datazen-toggle.active .datazen-toggle-arrow {
  transform: rotate(180deg);
  background-color: var(--global--main-color);
}

.datazen-toggle.active .datazen-toggle-arrow path {
  stroke: #fff;
}

/* pages */

.page-title {
  color: var(--global--dark);
  margin: 0;
}

.page-template-page-subpage .main-header {
  border-bottom: 1px solid #F0E9E7;
}

ul.wp-block-list, ol.wp-block-list {
  padding-left: 12px;
  margin-bottom: 28px;
}

/* Respons */

@media (min-width: 1025px) {
  .disable-desktop { 
    display: none;
  }
}

@media (max-width: 1024px) {
  .primary-menu-container, 
  ul.primary-menu,
  #header-top-menu-list,
  .disable-mobile,
  .shop-category-navigation {
    display: none;
  }
  .datazen-box.boxed .icon-wrapper {
    overflow: hidden;
  }
  .icon-wrapper .featured-image {
  width: 100%;
  height: auto;
}
.testy-hero-home {
  margin-top: 0px;
}
  .main-header {
    padding: 0;
  }
  .top-header-content {
    justify-content: center;
  }
  element {
}
.wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: none;

}
.wp-block-latest-posts {
  display: flex;
  flex-direction: column;
  gap: 32px;

}
.sekcja-kontakt .wp-block-columns {
  flex-direction: column-reverse;
}
.column-1-2 {
  flex-direction: column;
  gap: 0px;
}
.main-form-box {
  padding: 24px;
}
.osrodki.container {
  display: flex;
  flex-direction: column;
}
  #herosection {
  background-size: cover;
}
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
  .wp-block-columns {
    flex-direction: column;
  }
  .top-header-contact-wrapper {
  justify-content: space-between;
  width: 100%;
}

.herosection-el {
  margin: 0 20px;
  padding: 24px 0 !important;
}
.page-template-page-testy-urzadzen .single-post-title,
.page-template-page-testy .single-post-title {
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.testy-buttons {
  flex-direction: column;
  padding-bottom: 32px;
}
.test-header-wrapper {
  flex-direction: column;
  gap: 20px;
}
.question-content.divided-question {
  flex-direction: column;
  gap: 32px;
}
.summary {
  flex-direction: column;
  gap: 4px;
  margin-bottom: 20px;
}
.testy-pages {
  display: flex;
  flex-direction: column;
}
.has-as-h-1-font-size, .as-h-1, h1 {
  font-size: 36px;
  line-height: 38px;
}
.has-as-h-2-font-size, .as-h-2, h2 {
  font-size: 30px;
  line-height: 36px;
}
 .marker-headline strong::after {
    background-size: 92%;
    min-width: unset;
    left: 0;
    top: 0;
  }
.datazen-box.boxed {
  margin: 0 auto;
}  
.wp-block-search__button {
  text-indent: -999999px;
  padding: 0;
  margin: 0;
  width: 48px;
}
.wp-block-search__input {
  border: 0 none;
}
.wp-block-search__inside-wrapper {
  padding-left: 20px;
}
.home-search-tags {
  padding-left: 0;
}
.wp-block-dataze-google-review {
  text-align: center;
  flex-direction: column;
}
.review-top-el {
  justify-content: center;
  margin: 0;
  align-items: center;
}
.review-content {
  margin-left: 0;
  margin-top: 20px;
}
.wp-block-spacer {
  max-height: 40px;
}
.blumed-hero {
  margin-top: 0px;
}
.btnsiblings {
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.wp-block-group.is-layout-flex {
  flex-direction: column;
  gap: 16px;
}
.footer-main {
  flex-direction: column-reverse;
  gap: 32px;
}
.footer-contact {
  text-align: left;
}
.footer-left-data {
  gap: 16px;
}
.footer-container {
  background-position: top;
}
.footer-openings {
  margin-bottom: 0px;
}
.menu-widget .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: auto !important;
}
.tag-button, .modal-menu li {
  margin-bottom: 8px;
}
.mobile-menu .sub-menu li a {
  width: auto !important;
}
.menu-widget .datazen-button {
  font-size: 15px;
  letter-spacing: .2px;
  margin-bottom: 32px;
}
.modal-menu > li {
  padding: 0 20px;
}
.modal-menu > li > .ancestor-wrapper {
  margin-bottom: 12px;
}
.sub-menu .ancestor-wrapper a {
  margin-bottom: 8px !important;
}
.sub-menu {
  margin-top: 12px;
}
.section-kategorie-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.double-image-secondary {
  max-width: 280px;
}
.mobile-reverse-column {
  flex-direction: column-reverse;
}
.blumed-hero-left {
  margin-top: -40px;
}
#esg-proof {
  padding: 60px 0 !important;
}
.first-on-mobile {
  order: -1;
}
.esg-eco-middle {
  padding: 0px;
}
.esg-eco-variant {
  margin-top: 80px;
}
.page-header {
  margin: 0 20px 40px 20px;
  padding: 32px;
}
.contact-box-contact-page {
  flex-direction: column;
  align-items: start;
}
.padded-left-small, .padded-right {
  padding: 0px;
}
.dz-system-columns {
  flex-direction: column;
}
.contact-el {
  padding: 40px 10px;
}
.shop-sidebar .wc-block-product-filters__open-overlay {
  background: var(--global--dark);
  color: #fff;
  padding: 8px 18px;
  border-radius: 50px;
  margin-top: 12px;
}
.shop-sidebar {
  text-align: center;
}
.woocommerce .woocommerce-result-count {
  margin: 28px auto 10px;
  float: unset;
  text-align: center;
}
.woocommerce-ordering {
  float: unset;
  width: 228px;
  margin: 0 auto 40px !important;
}
.wc-block-product-filters__overlay-dialog {
  text-align: left;
  margin: 20px;
  border-radius: 25px;
  overflow: hidden;
}
.wc-block-product-filters__overlay-content {
  padding: 20px !important;
}
.wc-block-product-filters__overlay-header {
  background-color: var(--global--main-lighter-color);
  padding: 12px !important;
}
.wc-block-product-filters__close-overlay svg {
  background: var(--global--secondary-color);
  color: #fff;
  border-radius: 50px;
  width: 28px;
  padding: 2px;
}
.wc-block-product-filters__close-overlay span {
  display: none;
}
.wc-block-product-filters__overlay-footer {
  box-shadow: 0 -4px 22px 4px rgba(7, 103, 51, 0.4) !important;
}
.wc-block-product-filters__apply.wp-element-button {
  background: var(--global--dark-green);
  padding: 16px;
  font-family: "Afacad";
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .8px;
}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
  width: 100%;
  margin: 0;
}
.single-product .product_title.entry-title {
  padding: 0 20px !important;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 16px;
}
.woocommerce .woocommerce-breadcrumb {
  font-size: 13px;
  line-height: 16px;
}
.shop-breadcrumbs {
  padding: 0 20px;
  align-items: start;
  margin-bottom: 12px;
}
.page-header.product-header {
  margin: 0 0 24px 0;
}
.product-gallery {
  min-width: unset;
  width: 100%;
}
.product-detailed-data, .checkout-data-customer-fields, .checkout-data-company-fields, .wp-block-datazen-testimonial, .wp-block-datazen-testimonial.position-review-right {
  flex-direction: column;
}
.product-detailed-left {
  gap: 24px;
}
.main-features {
  gap: 16px;
}
.product-page.dz-system-columns {
  gap: 28px;
}
.product-add-block .cart {
  flex-direction: column;
  width: 100%;
  gap: 12px;
}
.product-package {
  padding: 0;
  border: 0 none;
}
.product-quantity-block {
  margin: 0;
}
.consultant-email {
  border: 0 none;
}
.consultant-image {
  top: -34px;
  left: 12px;
  bottom: unset;
}
.consultant-box-wrapper {
  padding: 16px 0;
  margin-bottom: 20px;
}
.consultant-box-inner {
  flex-direction: column;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background-color: #f7fdfa !important;
}
.woocommerce table.shop_table td.actions button.button:disabled[disabled] {
  margin: 12px 0;
}
.checkout-data-left {
  margin-bottom: 48px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  justify-content: center;
  margin-bottom: 0px;
}
.blog-grid .posted-on {
  left: -8px;
}
.datazen-decorative-title.type-free .datazen-title {
  font-size: 62px;
  line-height: 62px;
}
.quote-logo {
  max-width: unset;
}
.quote-content {
  padding: 28px 24px;
}
.wp-block-quote {
  padding: 32px 24px 24px 24px;
}
.load-moreproducts-shadow {
  flex-direction: column;
}
.footer-links-container {
  gap: 20px;
  margin-bottom: 32px;
  flex-direction: column;
}
}