/*
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: #e73f19;
  /* --global--secondary-color: #0F61FB; */
  --global--secondary-color: #306bc2;
  --global--main-lighter-color: #EF6728;
  --global--dark: #1D1D1B;
}


/* === 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: #6F6F6F;
    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 */

.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;
}

.for-narrow-two-col {
  justify-content: center;
  gap: 64px;
}

.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: 14px;
	line-height: 24px;
	font-weight: 500;
  }

  p {
    margin-bottom: 20px;
  }

  strong {
    font-weight: 700;
    color: var(--global--dark);
  }
  
  .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: 24px;
	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: 28px;
	line-height: 32px;
	font-weight: 500;
  margin-bottom: 12px;
  color: var(--global--dark);
  }
  
  .has-as-h-3-font-size,
  .as-h-3,
  h3 {
	font-size: 32px;
	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: 32px;
  color: var(--global--dark);
  }

    h1.has-white-color,
h2.has-white-color,
h3.has-white-color,
h4.has-white-color,
h5.has-white-color,
h6.has-white-color,
.as-h-1.has-white-color,
.as-h-2.has-white-color,
.as-h-3.has-white-color,
.as-h-4.has-white-color,
.as-h-5.has-white-color,
.as-h-6.has-white-color,
.has-as-h-1-font-size.has-white-color,
.has-as-h-2-font-size.has-white-color,
.has-as-h-3-font-size.has-white-color,
.has-as-h-4-font-size.has-white-color,
.has-as-h-5-font-size.has-white-color,
.has-as-h-6-font-size.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: 10px 0;
	font-size: 14px;
  border-bottom: 1px solid #F0E9E7;
  }
  
  .top-header-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    justify-content: end;
  }

  .top-additional-data {
    color: #B5ABA9;
    padding-left: 24px;
    border-left: 1px solid #F0E9E7;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
  }
  
  .top-header-content a {
	text-decoration: none;
  }

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

  .top-phone a {
  color: #554F4E;
  font-size: 16px;
  font-weight: 600;
  }
  
  .top-header svg {
	margin-right: 8px;
	vertical-align: middle;
  }
  
  /* === MAIN HEADER === */
  .main-header {
	padding: 20px 0;
  }
  
  .MenuSection {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }

    .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: 14px;
		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;
	  }
  
  /* === SITE BRANDING === */
  .site-branding img {
	height: auto;
	max-height: 80px;
  }
  
  /* === 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 {
    text-decoration: none;
    color: #161A1D;
    font-weight: 700;
    font-size: 15px;
  }

@media (min-width: 1200px) {
        /* Ukrycie rozwijanego podmenu */
        .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: #C5DBD0;
          border: 0 none;
          box-shadow: none;
          left: 248px;
          border-radius: 13px;
        transform: translate(-20px, 0px);
        pointer-events: none;
        transition: all 0.3s ease;
        /* height: calc(100% - 55px) */
        }

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

  .sub-menu .icon {
	display: none;
  }
  
  .menu-item.menu-item-has-children:hover > .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;
  }
  
  .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;
    opacity: .8;
  }
  
  .sub-menu li a:hover {
	  opacity: 1;
    color: var(--global--main-color)
  }  

  .sub-menu .sub-menu li a {
	padding-right: 8px;
  }

  .sub-menu .subm-menu li a:hover {
	border-color: #fff;
  }  
  
  /* === MOBILE MENU TOGGLE === */
 .mobile-nav-toggle-button {
  display: flex;
  padding: 12px 12px;
  float: right;
  background: #B5ABA9;
  border-radius: 10px;
}
  
  /* Ukryj przycisk nawigacji na desktopie */
  @media (min-width: 768px) {
	.mobile-nav-toggle-button {
	  display: none;
	}
  }
  
/* === MENU MODAL (mobilne menu) === */
  
.showing-menu-modal .menu-modal {
	display: block;
  }
  
  .menu-modal .menu-top {
    flex-shrink: 0;
    padding-top: 42px;
  }

  .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);
  }
  
  .menu-modal.active {
    opacity: 1;
    visibility: visible;
  }
  
  .menu-modal-inner {
    background: #f5f3f4;
    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%;
  }

  .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;
  }
  
  .modal-menu {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
  }

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

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

  .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 {
    border-color: #f5f5f5;
    border-style: solid;
    border-width: .1rem 0 0 0;
    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-weight: 700;
    font-size: 16px;
  }
  .sub-menu {
  width: auto;
  min-width: 140px;
  margin-bottom: 12px;
}
  .modal-menu a {
    display: block;
    padding: 16px 20px;
    text-decoration: none;
    
  }

  .mobile-menu .sub-menu li a {
    padding: 4px 0 14px 32px;
    width: 100%;
  }
  
  body.showing-menu-modal {
	overflow: hidden;
  }

  .menu-bottom {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    background: #fff;
    border-top: 1px solid #ece2e2;
  }
  
  .top-data-el {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 50px;
  gap: 16px;
  font-size: 13px;
  font-weight: 600;
  padding-right: 20px;
}

.top-data-el-icon {
  background: #161A1D;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  height: 32px;
  width: 32px;
}

  .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: 58px 0;
}

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

.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: 8px;
  margin-top: 20px;
}

.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: 12px;
}

.footer-openings {
  margin-bottom: 32px;
  color: #fff;
  font-size: 13px;
  opacity: .7;
}

.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 {
  text-decoration: none;
  font-size: 15px;
  transition: all 0.3s ease;
}

.btn-type-primary {
  border-radius: 8px;
  padding: 10px 26px 10px 26px;
  font-weight: 600;
  color: #fff;
}

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

.btn-type-tertiary {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 4px 16px;
  border-radius: 6px;
}

.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: 17px;
  height: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1L16 5M16 5L12 9M16 5L1 5" stroke="%23375858" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  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 {
  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 {
  background-color: var(--global--main-color);
}

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

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

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

.btn-type-tertiary.btn-color-glowny:hover {
  background-color: var(--global--dark);
}

.btn-type-tertiary.btn-color-odwrocony:hover {
  background-color: var(--global--dark);
}

.btn-type-tertiary.btn-color-czarny:hover {
  background-color: var(--global--main-color);
}

.btn-type-tertiary.btn-color-white:hover {
  background-color: var(--global--dark);
}

.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: 32px;
  margin-bottom: 40px;
  justify-content: center;
}

.datazen-tabs-nav button {
  padding: 20px 32px;
  background: #ddd3d1;
  border: none;
  cursor: pointer;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #7b716f;
  transition: all .3s ease-in-out;
}

.datazen-tabs-nav button:hover {
  background-color: #fcece8;
}

.datazen-tabs-nav button.active {
  background: var(--global--main-color);
  color: #fff;
}

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

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

.datazen-tab-panel h4 {
  font-weight: 700;
  margin-bottom: 48px;
  color: var(--global--main-color);
  text-align: center;
}

/* 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 {
	display: inline-flex;
	align-items: baseline;
	font-weight: 700;
  color: var(--global--main-color);
  font-size: 50px;
  line-height: 38px;
}

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

.counter-title {
  margin-top: 2px;
}

.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: #fcece8;
  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: #e73f19;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.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;
  overflow: hidden;
}

.video-wrapper {
  position: absolute;
  top: 0;
  z-index: -1;
}

/* BOXADO UNIKALNE */

.disabled {
  display: none !important;
}

/* boxy */

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

.homepage-hero {
  background-position-x: right;
}

.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: 40px;
  border: 2px solid var(--global--dark);
  /* box-shadow: 3px 3px 0px var(--global--dark); */
  position: relative;
  padding: 28px 34px;
  height: 100%;
}

.datazen-box.boxed::after {
  background: var(--global--dark);
  content: "";
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  position: absolute;
  border-radius: 40px;
  bottom: -5px;
  left: 3px;
  z-index: -1;
}

.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;
}

.icon-wrapper.hasdecorativeicon {
  background: #fcece8;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 13px 13px 0px -5px #ddd3d1;
}

/* .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: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24' width='27' height='24'><path d='M14.5137 1.11534C15.0022 0.627671 15.7935 0.628773 16.2812 1.11729L26.4053 11.2569C26.8927 11.7452 26.8922 12.5366 26.4043 13.0245L16.2803 23.1476C15.7921 23.6356 15.0008 23.6357 14.5127 23.1476C14.0248 22.6594 14.0247 21.8681 14.5127 21.38L22.4971 13.3956H2C1.30964 13.3956 0.75 12.836 0.75 12.1456C0.750022 11.4553 1.30966 10.8956 2 10.8956H22.5117L14.5127 2.88292C14.0249 2.39437 14.0251 1.6031 14.5137 1.11534Z' fill='currentColor'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E5E5E5;
  border-radius: 12px;
  position: absolute;
  top: 28px;
  right: 32px;
  transition: all 0.3s ease
}

.box-herosection:hover .datazen-icon {
  background-color: var(--global--dark);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24' width='27' height='24'><path d='M14.5137 1.11534C15.0022 0.627671 15.7935 0.628773 16.2812 1.11729L26.4053 11.2569C26.8927 11.7452 26.8922 12.5366 26.4043 13.0245L16.2803 23.1476C15.7921 23.6356 15.0008 23.6357 14.5127 23.1476C14.0248 22.6594 14.0247 21.8681 14.5127 21.38L22.4971 13.3956H2C1.30964 13.3956 0.75 12.836 0.75 12.1456C0.750022 11.4553 1.30966 10.8956 2 10.8956H22.5117L14.5127 2.88292C14.0249 2.39437 14.0251 1.6031 14.5137 1.11534Z' fill='%23e73f19'/></svg>");
}

.kuba-box {
  border-radius: 40px;
  height: 339px;
  display: flex;
  align-items: end;
  padding-bottom: 20px;
}

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

.datazen-box.check-icon-box::before {
  content: "";
  position: absolute;
  background-color: #fcece8;
  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='%23e73f19'/%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='%23e73f19'/></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.list-14px-txt li {
  font-size: 14px;
  font-weight: 500;
  color: #424242;
}

.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 {

}

.review-top-el {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 26px;
}

.review-rating {
  display: flex;
  flex-direction: column-reverse;
  gap: 2px;
}

.review-rating .stars {
  color: #EF6728;
  font-size: 23px;
}

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

.wp-block-dataze-google-review .review-text {
  line-height: 22px;
  font-size: 16px;
  color: #F19F8F;
  font-style: italic;
  max-width: 400px;
  margin: 0 0 54px 0;
}

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

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

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

.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;
}

.wp-block-image {
  margin: 0px;
}

/* 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: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 56px 32px;
  margin-bottom: 80px;
}

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

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

.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: 16px;
}

.recent-post-categories {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  color: #afafaf;
  font-size: 13px;
}

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

.blog-sidebar.dz-system-column.three-twelve {
  padding-left: 32px;
}

.blog-sidebar h4 {
  margin-bottom: 28px;
}

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

.wp-block-latest-posts li {
  display: flex;
  gap: 16px;
  position: relative;
  margin-bottom: 16px;
  flex-direction: column;
}

.wp-block-latest-posts__featured-image {
  flex: 0 0 190px;
  border-radius: 10px;
  overflow: hidden;
}

.wp-block-latest-posts__featured-image img {
  height: auto !important;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title {
font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
  color: #1f1f1f;
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
position: absolute;
  background: var(--global--dark);
  color: rgb(255, 255, 255);
  letter-spacing: 0.5px;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 18px;
  border-radius: 12px;
  line-height: 12px;
  left: -20px;
  top: 20px;
}

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

.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;
  flex: 0 0 28px;
}

.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-header {
  background-image: url('assets/images/boxado-pageheader-gray.webp');
  background-repeat: no-repeat;
  border-radius: 35px;
  margin: 0 54px;
  text-align: center;
  padding: 52px 0;
  margin-bottom: 80px;
  background-position: center -12px;
  background-size: cover;
}

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

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

.error-404.not-found {
  background: #FCECE8;
  text-align: center;
  padding: 40px 0 80px;
  margin-bottom: -80px;
}

.empty-title {
  font-size: 500px;
  font-weight: 800;
  display: flex;
  line-height: 1;
  color: #192152;
  align-items: center;
  gap: 24px;
  justify-content: center;
}

.empty-info {
  font-size: 26px;
  color: var(--global--dark);
  font-weight: 600;
  margin-bottom: 32px;
  margin-top: 44px;
  line-height: 32px;
}

.empty-title img {
  flex: 0 0 auto;
}

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

@media (max-width: 767px) {
  .empty-title {
    font-size: 120px;
    gap: 8px;
  }
  .empty-title img {
    width: 100px;
    height: 100px;
}
  .main-menu-wrapper,
  .hero-scene-bg-shadow svg,
  .disable-mobile,
  .sm-panel,
  .contact-top-title,
  .primary-menu-container, 
  #site-navigation {
    display: none;
  }
  .has-as-h-1-font-size, .as-h-1, h1 {
    font-size: 36px;
  line-height: 44px;
  }
  .has-as-h-2-font-size, .as-h-2, h2 {
    font-size: 28px;
  line-height: 36px;
  }
  .has-as-h-3-font-size, .as-h-3, h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .dz-system-columns,
  .vertical-tabs,
  .vertical-tabs .datazen-tab-container,
  .footer-contact-data {
    flex-direction: column;
    gap: 20px;
  }
  .padded-left-small,
  .padded-left {
    padding-left: 0;
  }
  .padded-right-small,
  .padded-right {
    padding-right: 0;
  }
  .wp-block-spacer {
    max-height: 64px;
  }
  .padding-mobile-top {
    padding-top: 40px;
  }
  .mobile-column-reverse {
    flex-direction: column-reverse;
  }
  .page-template-page-subpage .main-header {
    margin-bottom: 32px;
  }
  .review-subtitle {
    line-height: 17px;
  }
  .wp-block-dataze-google-review {
    background-size: contain;
  }
  .datazen-hero-content-section {
    margin: 156px 20px 0;
  }
  .section-title {
    max-width: 100%;
  margin-left: 0;
  margin-bottom: 16px;
  }
  .vertical-tabs .datazen-tabs-nav {
    width: 100%;
    flex-direction: row;
  }
  .vertical-tabs .datazen-tab-panel {
    padding: 20px;
    border-radius: 23px 23px 0 0;
  }
  .btnsiblings {
    flex-direction: column;
    align-items: center;
  }
  .datazen-box.boxed .wp-block-columns {
    padding: 0;
  }
  .wp-block-quote {
    border: 0;
    padding: 0;
  }
  .datazen-icon {
    flex-shrink: 0;
  }
  .box-standalone .featured-image {
    position: relative;
    top: -55px;
    right: 0;
  }
  .datazen-box.boxed.box-standalone {
    border-radius: 0;
    padding: 40px;
  }
  .box-standalone > .datazen-box,
  .box-standalone .featured-image-container > .datazen-box {
    width: 100%;
  }
  .footer-main p {
    margin-bottom: 8px;
  }
  .footer-main .has-small-font-size {
    margin-bottom: 20px;
  }
  .contact-content {
    border-radius: 0;
    text-align: center;
  }
  .title-icon-sct .wp-block-heading {
    font-size: 36px;
    line-height: 44px;
    margin-top: 14px;
  }
  .pagetitle-effect {
    height: 190px;
  }
  .datazen-contact-box.contact-box-full {
    flex-direction: column;
  }
  .contact-box-full .contact-contentiimage {
    height: 220px;
    flex: 1 auto;
  }
  .top-header-content {
  justify-content: space-evenly;
  gap: 0;
}
  .top-additional-data {
  padding: 0;
  border: 0;
  flex: 0 0 100%;
  justify-content: center;
}
.herosection-el {
  border-radius: 0;
  margin: 0;
}
.marker-headline strong::after {
  background-size: 84%;
}
.arrow-st-one::after,
.arrow-st-two::after,
.arrow-st-three::after,
.arrow-st-four::after {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='74' viewBox='0 0 30 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7285 20.001C9.72852 20.001 5.72852 16.001 5.72852 11.001C5.72852 6.00098 9.72852 2.00098 14.7285 2.00098C19.7285 2.00098 23.7285 6.00098 23.7285 11.001C23.7285 16.001 19.7285 20.001 14.7285 20.001Z' fill='white'/%3E%3Cpath d='M21.7283 11.0002C21.7283 14.8956 18.6237 18.0002 14.7283 18.0002C10.8329 18.0002 7.72831 14.8956 7.72831 11.0002C7.7285 7.10489 10.833 4.00015 14.7283 4.00015C18.6236 4.00015 21.7281 7.10489 21.7283 11.0002ZM25.7283 11.0002C25.7281 4.89575 20.8328 0.000152588 14.7283 0.000152588C8.62386 0.000152588 3.7285 4.89575 3.72831 11.0002C3.72831 16.421 7.58907 20.8858 12.7283 21.8185V67.171L3.41484 57.8566C2.63378 57.0757 1.36675 57.0756 0.585734 57.8566C-0.19528 58.6376 -0.19521 59.9046 0.585734 60.6857L13.3142 73.4132C14.0953 74.1943 15.3613 74.1943 16.1424 73.4132L28.8709 60.6857C29.6518 59.9046 29.6519 58.6376 28.8709 57.8566C28.0899 57.0756 26.8228 57.0757 26.0418 57.8566L16.7283 67.171V21.8185C21.8676 20.8858 25.7283 16.421 25.7283 11.0002Z' fill='%23CA4932'/%3E%3C/svg%3E");
width: 30px;
    height: 74px;
    left: calc(50% - 15px);
    top: unset;
    bottom: -66px;
    z-index: 1;
}
.arrow-st-one,
.arrow-st-two,
.arrow-st-three,
.arrow-st-four,
.step-fifth,
.step-fifth.dark-arrow.unit-step-last {
  margin: 40px 0 0 0;
}
.footer-right-data {
  margin-bottom: 32px;
}
.blog-grid {
  margin-bottom: 0px;
}
.wp-block-datazen-image.radius {
  max-width: calc(100% - 20px);
}
 .datazen-decorative-title.type-free .tytul-wrapper {
    height: auto;
    background: #fff;
    padding: 10px 16px;
    border-radius: 10px;
    text-align: center;
  }
  .datazen-decorative-title.type-free .datazen-title {
    display: inline;
    background: none;
    padding: 0;
    line-height: 20px;
  }
  .datazen-decorative-title.type-free .datazen-subtitle {
    position: relative;
    left: unset;
    bottom: unset;
    display: inline;
    background: none;
    padding: 0 0 0 6px;
    line-height: 20px;
  }
  .datazen-tabs-nav {
  gap: 18px;
  flex-direction: column;
}
.blog-grid .posted-on {
  left: -12px;
}
.blog-sidebar.dz-system-column.three-twelve {
  padding: 0;
  margin-top: 40px;
}
.page-header {
  margin: 0 0 48px 0;
  border-radius: 0;
  background-position: center;
}
.wp-block-columns.shuffle-mobile {
  flex-direction: column-reverse;
}
.wp-block-latest-posts {
  flex-direction: column;
}
}

@media (max-width: 460px) {

}