/*
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: 1216px;
  --global--main-color: #A4161A;
  --global--main-gray: #E0D5D5;
  --global--secondary-color: #FDE2D5;
  --global--main-var-color: #660708;
  --global--secondary-var-color: #F5F1F1;
}

/* === 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: 'Hero New', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #161A1D;
  }

  strong {
    font-weight: 700;
  }

  p {
    margin-bottom: 24px;
  }

  .wp-block-image {
    margin: 0;
  }
  
  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: 24px;
	max-width: var(--global--content--width);
  margin: 0 auto;
}

.columns-no-gap {
  gap: 0;
}

.content-to-right {
  text-align: right;
}

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

.wp-block-quote {
  border-left: 2px solid #D4CCCC;
  padding-left: 32px;
  margin-bottom: 0px;
}

ol.wp-block-list {
  padding-left: 20px;
}

ol.wp-block-list li {
  margin-bottom: 4px;
}

.no-margin {
  margin: 0;
}

:where(.wp-block-group.has-background) {
  padding: 0;
}

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

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

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

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

/* grid system */

.dz-system-columns {
  gap: 24px;
  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%;
}

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

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

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

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

.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: 15px;
    line-height: 24px;
    color: #635A5A;
    font-weight: 400;
  }
  
  .has-as-h-6-font-size,
  .as-h-6,
  h6 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
  color: #161A1D;
  }
  
  .has-as-h-5-font-size,
  .as-h-5,
  h5 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
  color: #161A1D;
  }
  
  .has-as-h-4-font-size,
  .as-h-4,
  h4 {
    font-family: "HostGrotesk";
	font-size: 20px;
	line-height: 24px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #161A1D;
  }
  
  .has-as-h-3-font-size,
  .as-h-3,
  h3 {
    font-family: "HostGrotesk";
	font-size: 28px;
	line-height: 34px;
	font-weight: 700;
  margin-bottom: 18px;
  color: #161A1D;
  }
  
  .has-as-h-2-font-size,
  .as-h-2,
  h2 {
    font-family: "HostGrotesk";
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 22px;
    color: #161A1D;
  }
  
  .has-as-h-1-font-size,
  .as-h-1,
  h1 {
    font-family: "HostGrotesk";
	font-size: 50px;
	line-height: 62px;
	font-weight: 700;
  margin-bottom: 28px;
  color: #161A1D;
  }

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

  
/* === GLOBAL CONTAINER === */
.container {
	max-width: 1216px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
  }
  
  /* === HEADER === */
  .site-header {
	font-family: inherit;
  }

  body:not(.home) .site-header {
    margin-bottom: 80px;
  }
  
  /* === TOP HEADER === */
  .top-header {
    padding: 24px 0;
  }

  .contact-top-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: right;
    color: #614F53;
  }
  
  .top-data-el {
    display: flex;
    gap: 12px;
  }

  .top-data-el-content {
    display: flex;
    flex-direction: column;
  }

  .top-header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  .top-header-content a {
	color: var(--global--main-var-color);
  font-family: "HostGrotesk";
	text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  }

  .top-contact-data {
    display: flex;
    gap: 52px;
  }

  .top-data-label {
    font-size: 12px;
    color: #867C79;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600;
    line-height: 14px;
  }

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

  .btn-type-secondary.menu-cta {
    padding: 5px 32px;
  }
  
  /* === MAIN HEADER === */
  
  .MenuSection {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
  }
  
  /* === SITE BRANDING === */
  .site-branding img {
    height: auto;
    max-height: 60px;
    width: auto;
  }
  
  /* === NAVIGATION === */

  .main-header {
    padding-bottom: 18px;
  }

  .primary-navigation {
	display: flex;
	align-items: center;
  }
  
  .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-family: "HostGrotesk";
    font-size: 15px;
  }
  
  /* === 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%;
  }

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

  .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-size: 20px;
    font-family: "HostGrotesk";
    font-weight: 700;
  }
  .modal-menu a {
    display: block;
    padding: 16px 20px;
    text-decoration: none;
    
  }

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

  .menu-bottom {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    background: #fff;
    border-top: 1px solid #ece2e2;
  }
  
/* slider */

  .datazen-slider {
    position: relative;
    max-width: 100%;
}

.datazen-slide {
    display: none;
    animation: fadeIn 0.8s ease;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
}

.datazen-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.datazen-slider .arrow {
  background: var(--global--main-color);
  color: #fff;
  font-size: 29px;
  width: 56px;
  height: 56px;
  border-radius: 50px;
  position: absolute;
  top: 50%;
}

.datazen-slider .arrow.prev {
  left: 24px;
}

.datazen-slider .arrow.next {
  right: 24px;
}

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

.datazen-dots {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.dot {
  background: #B1A7A6;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  display: block;
}

.dot.active {
  background: var(--global--main-color);
}

.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 {
    font-weight: 300;
    padding:24px 220px 0 28px;
    position: absolute;
    bottom: 0;
    right: 0;
    animation: slideRightFadeIn 0.6s ease 1s forwards;
  }

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


/* TABS */

.datazen-tabs-nav {
  display: flex;
  gap: 16px;
}

.datazen-tabs-nav button {
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #A29A8A;
  letter-spacing: .2px;
}

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

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

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

/* vertical tabs */

.vertical-tabs {
  display: flex;
  gap: 24px;
  width: 100%;
  height: 100%;
}

.vertical-tabs button {
  text-align: right;
}

.vertical-tabs .datazen-tabs-nav {
  justify-content: center;
  flex-direction: column;
  width: 170px;
  flex-grow: 0;
  min-width: 170px;
}

.vertical-tabs .datazen-tab-panel {
  flex-basis: 100%;
  flex-grow: 0;
  height: 100%;
  background: #fff;
  border-radius: 23px 0 0 23px;
  padding: 0 32px;
}

.vertical-tabs .datazen-tab-panel p:last-child {
  margin-bottom: 0px;
}

.vertical-tabs .datazen-tab-container {
  display: flex;
  gap: 32px;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.maszyny-tabs-title {
  position: absolute;
  z-index: 1;
  left: 28px;
  top: 20px;
}

.maszyny-tabs .datazen-tabs-nav {
  margin-top: 72px;
}

/* 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: 1200px;
	position: relative;
	border-radius: 25px;
}

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


/* counter */

.datazen-counter {
  color: var(--global--main-var-color);
  width: 50%;
  float: left;
}

.counter-number {
  display: inline-flex;
  align-items: baseline;
  font-weight: 900;
  font-family: "HostGrotesk";
  font-size: 54px;
}

.counter-number {
  font-weight: 900;
  font-family: "HostGrotesk";
  font-size: 54px;
}

.counter-symbol {
  margin-left: 4px;
  font-size: 36px;
}

.counter-title {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 500;
}

/* datazen contact box */

.datazen-contact-content {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "HostGrotesk";
  line-height: 20px;
}

.datazen-contact-box-title {
  color: var(--global--main-gray);
  font-weight: 500;
  margin-bottom: 8px;
  margin-left: 64px;
}

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

.white-text .datazen-contact-content a {
  color: #fff;
}

.datazen-contact-icon path, .datazen-contact-icon rect {
  stroke-width: 1.5px;
}
.datazen-contact-icon {
  width: 40px;
  height: 40px;
  display: flex;
  background: var(--global--main-color);
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50px;
}

.contact-dz-box .datazen-contact-icon {
  background: #877E7E;
}

/* footer */

.footer-logo {
  max-width: 120px;
}

.footer-contact-data {
  margin-top: 24px;
  display: flex;
  gap: 54px;
}

.footer-main .has-small-font-size {
  text-transform: uppercase;
  font-family: "HostGrotesk";
  color: #161A1D;
  letter-spacing: 0.6px;
}

.footer-menus-container {
  display: flex;
  gap: 60px;
  padding-top: 40px;
}

.multi-email-footer a {
  margin-bottom: 24px;
}

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

.footer-contact-data a {
    color: var(--global--main-var-color);
    font-family: "HostGrotesk";
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
}

a.footer-contact-left-link {
  font-weight: 700;
  margin-left: 10px;
}

.footer-container {
  background: #fff;
  color: #635A5A;
}

.footer-content .has-as-h-5-font-size {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.footer-content {
  padding-bottom: 20px;
  border-bottom: 1px solid #E0D5D5;
  padding-top: 60px;
  border-top: 1px solid #E0D5D5;
}

.footer-links-container-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  font-weight: 600;
  opacity: .5;
  margin-top: 16px;
}

#footer-main-menu {
  list-style: none;
  font-size: 13px;
  margin-top: 16px;
  font-weight: 600;
  opacity: .8;
}

#colophon {
  color: #161A1D;
  background: #fff;
  font-size: 13px;
}

.copyright-section {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

a.datazen {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: end;
}

.dz-grid {
  display: flex;
}

/* Helper Classes ------------------------ */

	/* Site Header --------------------------- */

	/* PRIMARY MENU */

	.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 {
		text-decoration: none;
  color: #161A1D;
  font-weight: 700;
  font-family: "HostGrotesk";
  font-size: 15px;
  position: relative;
	  }

	.primary-menu > li a {
		color: #161A1D;
    padding-bottom: 30px;
		transition: all .3s ease-in-out;
	}

	.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 > .icon::before {
		content: "\f078";
		font: normal normal normal 12px/1 FontAwesome;
    color: #161A1D;
	  }

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

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

        .primary-menu > li > .sub-menu {
        display: none;
        padding: 20px 24px 10px;
        box-shadow: 0px 3px 24px -3px rgba(177,167,166,0.5);
        }

        body.home .primary-menu > li > .sub-menu {
          box-shadow: 0px 3px 24px -3px rgba(0,0,0,0.3);
        }

        .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: 16px;
    border-radius: 5px 0 0 5px;
    font-weight: 400;
    opacity: .8;
  }
  
  .sub-menu li a:hover {
	border-color: #C5DBD0;
  }  

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

  .sub-menu .subm-menu li a:hover {
	border-color: #fff;
  }  

/* ZIPAGRO UNIKALNE */

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

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

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

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

.wp-block-datazen-image.radius {
  border-radius: 25px;
  overflow: hidden;
}

/* buttony */

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

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

.datazen-button {
  font-family: "HostGrotesk";
  border-radius: 50px;
  letter-spacing: .5px;
  display: flex;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.btn-type-primary {
  font-size: 15px;
  padding: 4px 4px 4px 36px;
  gap: 18px;
}

.btn-type-secondary {
  padding: 5px 18px 5px 26px;
  font-size: 14px;
  gap: 16px;
}

.btn-type-tertiary {
  font-weight: 600;
  font-size: 14px;
  border: 2px solid var(--global--main-var-color);
  background-color: transparent;
  overflow: hidden;
  display: flex;
  gap: 16px;
  padding: 3px 26px;
}

.btn-type-tertiary .datazen-button-text {
  position: relative;
}

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

.btn-type-primary.btn-icon-brak {
  padding: 11px 44px;
}

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

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

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

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

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

.btn-type-primary.btn-color-black {
  background-color: #161A1D;
  color: #FDF0D5;
}

.btn-type-primary.btn-color-black .datazen-icon {
  background-color: #FDF0D5;;
}

/* SECONDARY BUTTON - border-color */
.btn-type-secondary.btn-color-glowny {
  background-color: var(--global--main-color);
  color: #FDF0D5;
}

.btn-type-secondary.btn-color-glowny-var {
  background-color: var(--global--main-var-color);
  color: var(--global--secondary-color);
}

.btn-type-secondary.btn-color-additional {
  background-color: var(--global--secondary-color);
  color: var(--global--main-var-color);
}

.btn-type-secondary.btn-color-additional-var {
  background-color: var(--global--secondary-var-color);
  color: var(--global--main-var-color);
}

.btn-type-secondary.btn-color-white {
  background-color: #fff;
  color: #161A1D;
}

.btn-type-secondary.btn-color-black {
  background-color: #161A1D;
  color: #fff;
}

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

.btn-type-tertiary.btn-color-glowny-var {
  color: var(--global--main-var-color);
  border-color: var(--global--main-var-color);
}

.btn-type-tertiary.btn-color-additional {
  color: var(--global--secondary-color);
  border-color: var(--global--secondary-color);
}

.btn-type-tertiary.btn-color-additional-var {
  color: #A69A98;
  border-color: #B1A7A6;
}

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

.btn-type-tertiary.btn-color-black {
  color: #161A1D;
}

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

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

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

.btn-type-primary.btn-color-additional-var:hover {
  background-color: color-mix(in srgb, var(--global--secondary-var-color), 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, #161A1D, black 20%);
}

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

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

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

.btn-type-secondary.btn-color-additional-var:hover {
  border-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);
}


.datazen-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.datazen-icon.var0 {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8L9.66667 1V5C2.64875 5 1 10.0321 1 15C3.02542 12.4067 4.81667 11 9.66667 11V15L17 8Z' stroke='%23FDE2D5' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");

}

.btn-type-primary .datazen-icon {
  border-radius: 50px;
  height: 38px;
  width: 38px;
  background-size: 18px;
}

.btn-type-secondary .datazen-icon {
  background-size: auto 14px;
  width: 14px;
  height: 14px;
}

.btn-type-primary.btn-color-glowny .datazen-icon {
  background-color: #FDF0D5;
}

.btn-type-primary.btn-color-additional .datazen-icon {
  background-color: var(--global--main-var-color);
}

.btn-type-tertiary.btn-color-additional-var .datazen-icon.var1 {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 7L7.5 1.75V4.75C2.23656 4.75 1 8.52406 1 12.25C2.51906 10.305 3.8625 9.25 7.5 9.25V12.25L13 7Z' stroke='%23B1A7A6' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.datazen-icon.var1 {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8L9.66667 1V5C2.64875 5 1 10.0321 1 15C3.02542 12.4067 4.81667 11 9.66667 11V15L17 8Z' stroke='%23FDE2D5' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.datazen-icon.var2 {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9C17 13.993 11.461 19.193 9.601 20.799C9.42772 20.9293 9.2168 20.9998 9 20.9998C8.7832 20.9998 8.57228 20.9293 8.399 20.799C6.539 19.193 1 13.993 1 9C1 6.87827 1.84285 4.84344 3.34315 3.34315C4.84344 1.84285 6.87827 1 9 1C11.1217 1 13.1566 1.84285 14.6569 3.34315C16.1571 4.84344 17 6.87827 17 9Z' stroke='%23660708' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12C10.6569 12 12 10.6569 12 9C12 7.34315 10.6569 6 9 6C7.34315 6 6 7.34315 6 9C6 10.6569 7.34315 12 9 12Z' stroke='%23660708' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.datazen-icon.var3 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7458 11.9995C18.448 10.99 18.872 9.81342 18.9749 8.58805C19.0779 7.36268 18.8562 6.1318 18.3323 5.01933C17.8083 3.90685 17.0006 2.95203 15.9903 2.25097C14.98 1.54992 13.8029 1.12736 12.5774 1.02585C11.3519 0.924334 10.1213 1.14744 9.00943 1.67271C7.89757 2.19797 6.9437 3.00687 6.24384 4.01797C5.54397 5.02906 5.1228 6.20669 5.02273 7.4323C4.92266 8.65791 5.14721 9.88825 5.67379 10.9995' stroke='%23161A1D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0007 5C10.8957 5 10.0007 5.672 10.0007 6.5C10.0007 7.328 10.8957 8 12.0007 8C13.1057 8 14.0007 8.672 14.0007 9.5C14.0007 10.328 13.1057 11 12.0007 11M12.0007 5C12.8707 5 13.6127 5.417 13.8867 6M12.0007 5V4M12.0007 11C11.1307 11 10.3887 10.583 10.1147 10M12.0007 11V12M1.00073 13H3.39573C3.68973 13 3.97973 13.066 4.24273 13.194L6.28473 14.182C6.54773 14.309 6.83773 14.375 7.13273 14.375H8.17473C9.18273 14.375 10.0007 15.166 10.0007 16.142C10.0007 16.182 9.97373 16.216 9.93473 16.227L7.39373 16.93C6.93779 17.056 6.4516 17.0119 6.02573 16.806L3.84273 15.75M10.0007 15.5L14.5937 14.089C14.9936 13.9663 15.422 13.9731 15.8178 14.1083C16.2136 14.2435 16.5565 14.5003 16.7977 14.842C17.1667 15.352 17.0167 16.084 16.4787 16.394L8.96373 20.731C8.72875 20.867 8.46854 20.9537 8.19897 20.9858C7.9294 21.018 7.6561 20.9949 7.39573 20.918L1.00073 19.02' stroke='%23161A1D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.datazen-icon.var4 {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.57453 7.72106C2.57453 6.35589 3.11681 5.04664 4.08208 4.08132C5.04735 3.116 6.35653 2.57369 7.72163 2.57369C9.08672 2.57369 10.3959 3.116 11.3612 4.08132C12.3264 5.04664 12.8687 6.35589 12.8687 7.72106C12.8687 9.08623 12.3264 10.3955 11.3612 11.3608C10.3959 12.3261 9.08672 12.8684 7.72163 12.8684C6.35653 12.8684 5.04735 12.3261 4.08208 11.3608C3.11681 10.3955 2.57453 9.08623 2.57453 7.72106ZM7.72163 1.46007e-07C6.50653 -0.000154923 5.30856 0.286506 4.22513 0.836669C3.14171 1.38683 2.20342 2.18496 1.4866 3.16615C0.769773 4.14733 0.294643 5.28386 0.0998527 6.48331C-0.0949379 7.68275 -0.00388926 8.91124 0.365594 10.0689C0.735076 11.2265 1.37256 12.2805 2.2262 13.1453C3.07984 14.0101 4.12552 14.6612 5.27821 15.0456C6.4309 15.43 7.65805 15.5369 8.85984 15.3576C10.0616 15.1783 11.2041 14.7179 12.1945 14.0137L15.8193 17.6388C16.062 17.8732 16.387 18.0029 16.7244 18C17.0618 17.997 17.3845 17.8617 17.6231 17.6231C17.8617 17.3845 17.997 17.0617 18 16.7243C18.0029 16.3869 17.8732 16.0619 17.6388 15.8192L14.0152 12.1954C14.8366 11.0403 15.3241 9.68137 15.4244 8.26755C15.5247 6.85373 15.2339 5.43958 14.584 4.18005C13.934 2.92053 12.9498 1.86423 11.7394 1.12692C10.5289 0.389605 9.13892 -0.00027545 7.72163 1.46007e-07Z' fill='%23FDE2D5'/%3E%3C/svg%3E");
}

/* heroscene */

.datazen-hero-scene {
  height: 800px;
}

.datazen-hero-scene-left, .datazen-hero-scene-right {
  position: relative;
}

.hero-scene-bg {
  position: absolute;
  top: 0;
  width: calc(100vw - 270px);
  height: 800px;
  background-size: cover;
  right: 34px;
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 0 50px 50px 0;
  overflow: hidden;
  background-position: bottom center;
}

.hero-scene-bg-shadow svg {
  position: absolute;
  right: 0;
}

.hero-scene-bg-shadow::after {
  background-color: rgba(22, 26, 29, 0.85);
  width: 100%;
  height: 356px;
  content: "";
  position: absolute;
  left: -1048px;
}

.datazen-hero-title-section h2, .hero-subtitle {
  color: #fff;
}

.datazen-hero-title-section h2 strong {
  background: #BA181B;
  padding: 0 10px;
  border-radius: 5px;
  margin-right: -4px;
}

.hero-subtitle {
  font-size: 15px;
  margin-bottom: 12px;
}

.hero-section-el {
  border-radius: 25px;
  overflow: hidden;
  min-height: 222px;
  background-size: cover;
  display: flex;
  align-items: end;
  padding: 4px;
  position: absolute;
}

.hero-service {
  width: 238px;
  height: 222px;
  right: 327px;
  top: 175px;
}

.hero-parts {
  width: 303px;
  height: 260px;
  right: 0;
  top: 137px;
}

.hero-machines {
  width: 339px;
  height: 291px;
  top: 417px;
  right: 261px;
}

.hero-finance {
  width: 237px;
  height: 257px;
  right: 0;
  top: 417px;
}

.hero-section-el-data {
  width: 100%;
  background-color: #fff;
  border-radius: 23px;
  font-family: "HostGrotesk";
  font-size: 18px;
  height: 118px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}

.section-title {
  line-height: 20px;
  max-width: 148px;
  margin-left: 4px;
}

.hero-machines .hero-section-el-data {
  background-image: url('assets/images/caseih-logo-herosection.png');
  background-repeat: no-repeat;
  background-position: 220px 12px;
}

.hero-machines .section-title {
  font-size: 24px;
  font-weight: 700;
}

.datazen-hero-scene-left {
  padding-top: 190px;
  max-width: 720px;
}

.datazen-hero-content-section {
  margin-top: 96px;
}

/* review */

.wp-block-dataze-google-review {
  display: inline-flex;
  background: #F5F1F1 url('assets/images/g-reviews-bg.webp') no-repeat center right;
  border-radius: 25px;
  padding: 18px 24px;
}

.review-rating {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rating-score {
  font-family: "HostGrotesk";
  font-weight: 700;
  font-size: 22px;
}

.review-subtitle {
  font-size: 13px;
}

.review-text {
  margin: 0;
}

.review-top-el {
  display: flex;
  align-items: center;
  gap: 22px;
}

/* box */

.datazen-box {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 25px;
}

.datazen-box.full {
  width: 100%;
  height: 100%;
}

.datazen-box.boxed {
  padding: 28px;
}

.zipagro-box .datazen-icon {
  height: 100%;
  width: 120px;
  color: var(--global--main-color);
  font-family: "HostGrotesk";
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 0 20px 20px 0;
  text-align: center;
  border-left: 4px solid #f5f1f1;
}

.zipagro-box .datazen-icon span {
  position: relative;
}

.zipagro-box .datazen-icon span::after {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.7143 10.5L12.7619 1V6.42857C3.23759 6.42857 1 13.2578 1 20C3.74878 16.4805 6.17976 14.5714 12.7619 14.5714V20L22.7143 10.5Z' stroke='%23A4161A' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  content: "";
  width: 24px;
  height: 21px;
  bottom: -32px;
  left: 50%;
  margin-left: -10px;
}

.datazen-box.zipagro-box {
  border: 4px solid #F5F1F1;
  display: flex;
  justify-content: end;
  height: 100%;
  padding: 0;
}

.datazen-box.box-type-precyzyjne {
  background: #f5f1f1;
  padding: 4px;
  display: flex;
  flex-direction: column;
}

.datazen-box.box-type-precyzyjne .datazen-box-title {
  font-family: "HostGrotesk";
  font-size: 18px;
  font-weight: 700;
  padding: 16px 26px;
  min-height: 80px;
  display: flex;
  align-items: center;
}

.datazen-box.box-type-precyzyjne .featured-image-container {
  background: #fff;
  border-radius: 23px;
  padding: 20px 28px;
  flex-grow: 1;
}

.datazen-box.box-type-precyzyjne .featured-image-container p {
  margin: 0;
  font-size: 14px;
  color: #3B444A;
}

.datazen-box.boxed.box-type-maszyny {
  padding: 0;
  border: 1px solid #E0D5D5;
  height: 100%;
}

.box-type-maszyny .featured-image-box {
  display: flex;
  height: 204px;
  align-items: center;
  justify-content: center;
}

.box-type-maszyny .featured-image {
  border-radius: 24px 24px 0 0;
  max-height:100%;
  width: auto;
}

.box-type-maszyny .datazen-box-title, .box-type-logo .datazen-box-title {
  font-size: 20px;
  font-family: "HostGrotesk";
  padding: 16px 24px;
  border-top: 1px solid #E0D5D5;
}

.box-type-maszyny > p, .box-type-logo > p {
  margin: 0;
  padding: 0 24px 32px 24px;
}

.box-type-maszyny .featured-image-container, .box-type-logo .featured-image-container {
  padding: 0 24px 24px;
}

.datazen-box.boxed.box-type-logo {
  padding: 0;
  border: 1px solid #E0D5D5;
  height: 100%;
}

.box-type-logo .featured-image-box {
  height: 204px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-type-logo .featured-image {
  max-height: 100%;
}

.datazen-box.link-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-position: right bottom !important;
}

/* minibox */

.datazen-minibox {
  width: 180px;
  height: 180px;
  display: flex !important;
  align-items: end;
  border-radius: 20px;
  overflow: hidden;
}

.datazen-minibox-title-section {
  position: relative;
  width: 100%;
  height: 52px;
}

.datazen-minibox-title {
  color: #fff;
  font-family: "HostGrotesk";
  letter-spacing: .2px;
  font-size: 15px;
  font-weight: 700;
  padding: 2px 24px 2px 16px;
  line-height: 17px;
  display: flex;
  height: 100%;
  align-items: center;
}

.datazen-minibox-subtitle-holder {
  position: absolute;
  top: -26px;
  right: 0;
  padding: 8px 8px 0;
  border-radius: 7px 0 0 0;
}

.datazen-minibox-subtitle {
  border-radius: 5px;
  background: var(--global--main-color);
  font-family: "HostGrotesk";
  color: #fff;
  font-size: 12px;
  letter-spacing: .6px;
  font-weight: 800;
  padding: 3px 10px;
  line-height: 12px;
  position: relative;
}

.datazen-minibox-subtitle::before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: -20px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12H0C9.6 12 12 4 12 0V12Z' fill='%23B1A7A6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}

/* title */

.maszyny-tabs-title .datazen-subtitle {
  font-size: 14px;
}

.maszyny-tabs-title .datazen-title {
  font-size: 24px;
  font-weight: 700;
}

.maszyny-tabs-title .tytul-wrapper {
  position: relative
}

.maszyny-tabs-title .tytul-wrapper::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23A4161A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2666 8.40039C9.7715 8.40039 9.2967 8.59706 8.94664 8.94712C8.59657 9.29719 8.3999 9.77199 8.3999 10.2671V17.7337C8.3999 18.2288 8.59657 18.7036 8.94664 19.0537C9.2967 19.4037 9.7715 19.6004 10.2666 19.6004H17.7332C18.2283 19.6004 18.7031 19.4037 19.0532 19.0537C19.4032 18.7036 19.5999 18.2288 19.5999 17.7337V10.2671C19.5999 9.77199 19.4032 9.29719 19.0532 8.94712C18.7031 8.59706 18.2283 8.40039 17.7332 8.40039H10.2666ZM12.7555 11.5115C12.7555 11.3465 12.821 11.1882 12.9377 11.0715C13.0544 10.9548 13.2127 10.8893 13.3777 10.8893H17.111C17.276 10.8893 17.4343 10.9548 17.551 11.0715C17.6677 11.1882 17.7332 11.3465 17.7332 11.5115C17.7332 11.6765 17.6677 11.8348 17.551 11.9515C17.4343 12.0682 17.276 12.1337 17.111 12.1337H13.3777C13.2127 12.1337 13.0544 12.0682 12.9377 11.9515C12.821 11.8348 12.7555 11.6765 12.7555 11.5115ZM12.7555 14.0004C12.7555 13.8354 12.821 13.6771 12.9377 13.5604C13.0544 13.4437 13.2127 13.3782 13.3777 13.3782H17.111C17.276 13.3782 17.4343 13.4437 17.551 13.5604C17.6677 13.6771 17.7332 13.8354 17.7332 14.0004C17.7332 14.1654 17.6677 14.3237 17.551 14.4404C17.4343 14.5571 17.276 14.6226 17.111 14.6226H13.3777C13.2127 14.6226 13.0544 14.5571 12.9377 14.4404C12.821 14.3237 12.7555 14.1654 12.7555 14.0004ZM12.7555 16.4893C12.7555 16.3243 12.821 16.166 12.9377 16.0493C13.0544 15.9326 13.2127 15.8671 13.3777 15.8671H17.111C17.276 15.8671 17.4343 15.9326 17.551 16.0493C17.6677 16.166 17.7332 16.3243 17.7332 16.4893C17.7332 16.6543 17.6677 16.8126 17.551 16.9293C17.4343 17.0459 17.276 17.1115 17.111 17.1115H13.3777C13.2127 17.1115 13.0544 17.0459 12.9377 16.9293C12.821 16.8126 12.7555 16.6543 12.7555 16.4893ZM10.8888 10.8893C10.7238 10.8893 10.5655 10.9548 10.4488 11.0715C10.3321 11.1882 10.2666 11.3465 10.2666 11.5115C10.2666 11.6765 10.3321 11.8348 10.4488 11.9515C10.5655 12.0682 10.7238 12.1337 10.8888 12.1337C11.0538 12.1337 11.2127 12.0682 11.3294 11.9515C11.4461 11.8348 11.5116 11.6765 11.5116 11.5115C11.5116 11.3465 11.4461 11.1882 11.3294 11.0715C11.2127 10.9548 11.0538 10.8893 10.8888 10.8893ZM10.2666 14.0004C10.2666 13.8354 10.3321 13.6771 10.4488 13.5604C10.5655 13.4437 10.7238 13.3782 10.8888 13.3782C11.0538 13.3782 11.2127 13.4437 11.3294 13.5604C11.4461 13.6771 11.5116 13.8354 11.5116 14.0004C11.5116 14.1654 11.4461 14.3237 11.3294 14.4404C11.2127 14.5571 11.0544 14.6226 10.8894 14.6226C10.7244 14.6226 10.5655 14.5571 10.4488 14.4404C10.3321 14.3237 10.2666 14.1654 10.2666 14.0004ZM10.8888 15.8671C10.7238 15.8671 10.5655 15.9326 10.4488 16.0493C10.3321 16.166 10.2666 16.3243 10.2666 16.4893C10.2666 16.6543 10.3321 16.8126 10.4488 16.9293C10.5655 17.0459 10.7238 17.1115 10.8888 17.1115C11.0538 17.1115 11.2127 17.0459 11.3294 16.9293C11.4461 16.8126 11.5116 16.6543 11.5116 16.4893C11.5116 16.3243 11.4461 16.166 11.3294 16.0493C11.2127 15.9326 11.0538 15.8671 10.8888 15.8671Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
content: "";
  width: 28px;
  height: 28px;
  top: -34px;
}

/* producenci */

.logo-producenci {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  gap: 14px 24px;
  align-items: center;
  justify-content: start;
}

.logo-producenci figure {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* grid shop */

.shop-preview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 0;
}

.datazen-minibox.shop-promo-box {
  overflow: visible;
  margin-bottom: 40px;
  width: 176px;
  height: 176px;
}

.shop-promo-box .datazen-minibox-title {
  color: #4E4343;
  padding: 0;
  margin-top: 44px;
  justify-content: center;
}

/* lista zipagro */

.zipagro-list {
  list-style: none;
  display: flex;
  gap: 2px 12px;
  flex-wrap: nowrap;
  font-size: 15px;
  margin-top: 18px;
  padding: 0;
  flex-direction: column;
}

.zipagro-list li::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50px;
  position: absolute;
  background: var(--global--main-color);
  border: 4px solid var(--global--secondary-color);
  left: 0;
  top: 3px;
}

.zipagro-list li {
  position: relative;
  padding-left: 24px;
  color: #635A5A;
  line-height: 24px;
  margin-bottom: 8px;
  font-weight: 400;
}

.list-two-col {
  flex-direction: row;
  flex-wrap: wrap;
}

.list-two-col li {
  width: calc(50% - 6px);
}

/* box specjalny z obrazkiem po prawej */

.datazen-box.boxed.box-standalone {
  border-radius: 50px;
  padding: 40px;
}

.box-standalone .featured-image {
  position: absolute;
  top: -32px;
  right: 56px;
}

.box-standalone > p, .box-standalone > .datazen-decorative-title,
.box-standalone > .featured-image-container {
  max-width: 680px;
}

.box-standalone > .datazen-box,
.box-standalone .featured-image-container > .datazen-box {
  width: 830px;
}

/* recent postst */

.post-thumbnail-recent {
  height: 230px;
  background-size: cover;
  border-radius: 25px;
  margin-bottom: 32px;
}

.recent-post-grid .posted-on {
  font-size: 12px;
  background: var(--global--main-color);
  color: #fff;
  border-radius: 5px;
  padding: 2px 10px;
  font-weight: 600;
}

.recent-post-grid .entry-title {
  margin-top: 8px;
  margin-bottom: 16px;
}

.recent-post-grid .more-link {
  display: none;
}

.recent-post-grid .datazen-button {
  float: right;
}

.recent-post-grid {
  margin-bottom: 40px;
}

/* decorative title */

.datazen-decorative-title.type-block .datazen-subtitle {
  background: var(--global--main-color);
  display: inline-flex;
  border-radius: 5px;
  font-family: "HostGrotesk";
  color: #fff;
  font-weight: 700;
  padding: 0px 14px;
  font-size: 14px;
}

/* contact box */

.contact-content {
  background-color: var(--global--main-var-color);
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 20px;
  position: relative;
}

.contact-title.as-h-3 {
  color: #fff;
  margin-bottom: 32px;
}

.contact-box-contacts {
  padding: 0;
  gap: 76px;
}

.contact-box-data {
  color: #FDE2D5;
  font-family: "HostGrotesk";
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  width: auto;
}

.contact-box-data span {
  background: #FDE2D5;
  display: flex;
  width: 36px;
  height: 36px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
}

/* form */

.formularz-zipagro {
  background: #F5F3F4;
  padding-top: 110px;
  margin-top: -78px;
  padding-bottom: 52px;
}

.main-form-title {
  text-align: center;
  color: var(--global--main-var-color);
  margin-bottom: 48px;
}

.main-contact {
  font-family: "HostGrotesk";
}

.form-title.as-h-5 {
  font-size: 22px;
  font-weight: 700;
}

.form-subtitle {
  color: #847979;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .3px;
  margin-bottom: 28px;
}

.wpcf7-form label {
  display: block;
  font-weight: 500;
  margin-bottom: 6px;
  font-size: 16px;
  color: #161A1D;
}

.wpcf7-form label:has(+ .wpcf7-form-control-wrap > .wpcf7-validates-as-required)::after {
  content: "•";
  color: #c20000;
  margin-left: 4px;
  font-size: 18px;
  position: relative;
  top: -6px;
}

/* Pola input/select/textarea */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  border: 2px solid #E0D5D5;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: none;
  transition: border-color 0.3s;
  color: #000;
  font-family: inherit;
}

.wpcf7-form select {
  color: var(--global--main-var-color)
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: #999;
  font-style: italic;
}

.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  border-color: #8c0000;
  outline: none;
}

.wpcf7-not-valid select {
  border-color: #8c0000;
}

.dz-system-columns.form-box {
  padding: 0;
  margin-bottom: 36px;
}

.form-btn-holder {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-top: 20px;
}

.wpcf7-spinner {
  display: none;
}

/* oferta */

.background-title-maszyny {
  padding-top: 20px;
}

.background-title-maszyny .datazen-title {
  margin-bottom: 20px;
}

.background-title-maszyny {
  margin-bottom: 52px;
}

.title-icon-sct .wp-block-heading {
  margin-bottom: 0;
  margin-top: 8px;
  font-size: 48px;
}

.title-icon-sct {
  display: flex;
  align-items: start;
  margin-bottom: 20px;
}

/* siedziba box */

.oddzialy-holder {
  max-width: 1000px;
}

.datazen-oddzial-box {
  border-radius: 25px;
  padding: 170px 4px 4px;
  max-width: 376px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-color: #161e19;
}

.datazen-oddzial-box-container {
  background: #fff;
  border-radius: 23px;
  padding: 20px;
}

.odzial-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.oddzial-contact-title {
  margin-bottom: 4px;
}

.oddzial-contact-address {
  font-family: "HostGrotesk";
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
}

.oddzial-contacts-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin-bottom: 24px;
}

.oddzial-contact {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 800;
  color: var(--global--main-var-color);
  gap: 12px;
  font-family: "HostGrotesk";
}

.oddzial-contact span {
  background: var(--global--main-color);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.contact-hours {
  color: #A69A9A;
  font-size: 13px;
  margin-bottom: 20px;
}

/* hydraulika */

.hydraulika-lifestyle {
  margin-top: -20px;
  margin-bottom: -20px;
}

/* post */

.single-post-date {
  background: var(--global--main-color);
  display: inline-flex;
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
}

.single-post .wp-block-image {
  border-radius: 25px;
  overflow: hidden;
  margin-bottom: 32px;
}

.page-header.alignwide {
  text-align: center;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 80px;
  margin-bottom: 60px;
}

/* timeline */

#timeline .rok {
  display: flex;
}
.miesiac {
  padding-left: 12px;
  position: relative;
}
.wydarzenie {
  margin-left: 20px;
  margin-bottom: 60px;
}

.miesiac::before {
  content: "";
  position: absolute;
  background-color: #736a69;
  width: 14px;
  height: 14px;
  border-radius: 50px;
  top: 10px;
  left: -8px;
  border: 4px solid #fff;
}

.miesiac-title {
  text-transform: capitalize;
  color: #736a69;
}

.data-wydarzenia {
  background: #8a8281;
  display: inline-flex;
  border-radius: 5px;
  font-family: "HostGrotesk";
  color: #fff;
  font-weight: 700;
  padding: 0px 12px;
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 8px;
}

.as-h-4.wydarzenie-title {
  font-weight: 700;
}

.timeline-month {
  padding-top: 12px;
}

.timeline-year {
  color: #B1A7A6;
  font-weight: 900;
  font-size: 54px;
  margin: 0;
  border-right: 2px solid #B1A7A6;
  position: relative;
  width: 164px;
  flex-shrink: 0;
}

.tresc-wydarzenia {
  display: none;
}

.toggle-wydarzenie {
  color: var(--global--main-color);
  font-weight: 600;
  font-family: "HostGrotesk";
  border-bottom: 2px solid;
  line-height: 21px;
  transition: all .3s ease-in-out;
}

.toggle-wydarzenie:hover {
  color: var(--global--main-var-color);
}

.wp-block-gallery.columns-6.is-layout-flex.wp-block-gallery-is-layout-flex,
.tresc-wydarzenia .gallery {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 16px;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image.size-thumbnail img {
  max-width: 150px !important;
  max-height: 150px;
  border-radius: 15px;
}

.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image {
  max-width: 150px !important;
  width: 100% !important;
  flex-shrink: 0;
}

/* .tresc-wydarzenia .gallery figure {
  width: 150px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  height: 150px;
} */

/* .tresc-wydarzenia .gallery img {
  height: auto !important;
  position: absolute;
  width: auto !important;
  min-width: 150px;
  min-height: 150px;
  bottom: 0;
} */

.tresc-wydarzenia .gallery figure {
  width: 150px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tresc-wydarzenia .gallery img {
  height: auto !important;
  width: auto !important;
  object-fit: contain;
  max-width: 140% !important;
  max-height: 100% !important;
}
/* respons */


@media (max-width: 1024px) {
	.blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
  .inwestycje-list.grid-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
	.blog-grid {
		grid-template-columns: 1fr;
	}
  .inwestycje-list.grid-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) {
    .mobile-nav-toggle-button {
      display: none;
    }
    body:not(.home) .main-header {
      background: #F5F3F4;
      padding-top: 18px;
    }
}

@media (max-width: 767px) {
  .main-menu-wrapper,
  .hero-scene-bg-shadow svg,
  .disable-mobile {
    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;
  }
  .top-header-content,
  .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: 80px;
  }
  .padding-mobile-top {
    padding-top: 40px;
  }
  .mobile-column-reverse {
    flex-direction: column-reverse;
  }
  body:not(.home) .site-header {
    margin-bottom: 40px;
    border-bottom: 1px solid #e3dcdc;
  }
  .hero-section-el {
    position: relative;
    width: 100%;
    height: 244px;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    max-width: 320px;
    margin: 0 auto auto;
  }
  .datazen-hero-scene {
    height: auto;
    padding: 0;
  }
  .datazen-hero-scene-left {
    padding-top: 20px;
    max-width: unset;
  }
  .hero-scene-bg {
    width: 100%;
    right: 0;
    height: 400px;
    border-radius: 0;
  }
  .hero-scene-bg-shadow {
    background: rgba(22, 26, 29, 0.85);
    width: 100%;
    height: 210px;
  }
  .datazen-hero-title-section {
    padding: 0 24px;
  }
  .review-subtitle {
    line-height: 17px;
    display: block;
  }
  .wp-block-dataze-google-review {
    background-size: contain;
  }
  .datazen-hero-content-section {
    margin: 156px 20px 0;
  }
  .stars {
    width: 60px;
  }
  .datazen-hero-scene-right {
    padding: 0 20px;
  }
  .datazen-hero-scene-right {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .hero-machines .hero-section-el-data {
    background-position: 130px 12px;
  }
  .hero-section-el-data {
    height: auto;
  }
  .section-title {
    max-width: 100%;
  margin-left: 0;
  margin-bottom: 16px;
  }
  .datazen-box.zipagro-box {
    flex-direction: column;
    min-height: 220px;
  }
  .zipagro-box .datazen-icon span::after {
    bottom: 0;
    left: unset;
    margin-left: 0;
    right: -36px;
  }
  .zipagro-box .datazen-icon {
    width: 100%;
    height: 46px;
    border-left: 0;
    border-top: 4px solid #f5f1f1;
    border-radius: 0 0 20px 20px;
  }
  .vertical-tabs .datazen-tabs-nav {
    width: 100%;
    flex-direction: row;
  }
  .vertical-tabs .datazen-tab-panel {
    padding: 20px;
    border-radius: 23px 23px 0 0;
  }
  .maszyny-tabs .datazen-tabs-nav {
    margin-top: 84px;
  }
  .logo-producenci {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
  .datazen-slide {
    border-radius: 10px;
  }
  .datazen-slider .arrow.prev {
    left: -10px;
    margin-top: -56px;
  }
  .datazen-slider .arrow.next {
    right: -10px;
    margin-top: -56px;
  }
  .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;
  }
  .datazen-box.boxed.box-type-maszyny {
    max-width: 376px;
    margin: 0 auto;
  }
  .timeline-year {
    width: 0px;
    margin-top: -32px;
    text-indent: 12px;
  }
}

@media (max-width: 460px) {
  .top-contact-data .top-data-el-icon {
    display: none;
  }
  .top-contact-data {
    background: #f5f1f1;
    width: calc(100% + 40px);
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    justify-content: space-between;
  }
}