* { border: none; margin: 0px; padding: 0px;  }

:root {
  --green: #14453F;
  --gold: #EADDCB;
  --goldDark: #D6B485;
  --grey: #FCFBF9;

}

body {
	background: var(--white);
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100vh;
	font-family: 'Fustat', sans-serif;
	font-size: 20px;
	line-height: 1.4;
	color: var(--green);
	overflow-x: hidden;
	position: relative;
}

	body.overflow {
		overflow: hidden;
	}
	
.button a,
a.wp-block-button__link,
button.wp-block-button__link {
	position: relative;
	z-index: 1;
	display: inline-block;
	background: var(--goldDark);
	color: var(--green);
	border-radius: 50px;
	padding: 15px 50px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
	transition: all 0.3s ease;
}

.green.button a,
.green a.wp-block-button__link,
button.wp-block-button__link.green {
	display: inline-block;
	background: var(--green);
	color: var(--grey);
}

	.button a:before,
	a.wp-block-button__link:before,
	button.wp-block-button__link:before {
		content: "";
		display: block;
		width: 0%;
		height: 100%;
		
		position: absolute;
		z-index: -1;
		left: 50%;
		top: 0;
		background: radial-gradient(circle,rgba(255, 250, 240, 1) 0%, rgba(214, 180, 133, 1) 100%);
		opacity: 0;
		transform: translateX(-50%);
		transition: all 0.3s ease;
	}
	
	.green.button a:before,
	.green a.wp-block-button__link:before,
	button.wp-block-button__link.green:before {
		background: radial-gradient(circle,rgba(63, 129, 121, 1) 0%, rgba(20, 69, 63, 1) 100%);
	}
	
	.button a:hover,
	a.wp-block-button__link:hover,
	button.wp-block-button__link:hover {
		color: inherit;
		transition: all 0.3s ease;
	}

	.button a:hover:before,
	a.wp-block-button__link:hover:before,
	button.wp-block-button__link:hover:before {
		opacity: 1;
		width: 100%;
		transition: all 0.3s ease;
	}

@media screen and (max-width: 1300px) {
	.button a,
	a.wp-block-button__link,
	button.wp-block-button__link {
		padding: 12px 30px;
	}
}

	
.hide-on-desktop {
	display: none;
}

.hide-on-mobile {
	display: block;
}

@media (max-width: 1000px) {
	.hide-on-mobile {
		display: none;
	}
	.hide-on-desktop {
		display: block;
	}
}

em {
	font-family: "Grape Nuts", serif;
	font-weight: 400;
	font-size: 42px;
}
	
input:focus,
button:focus,
textarea:focus {
	outline: 0;
}	

.is-style-fit,
.fit {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
}

.is-style-fit-1300,
.fit-1300 {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
}

.is-style-fit-1000,
.fit-1000 {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
}

a {
	color: var(--greyDark);
	text-decoration: none;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	
	cursor: pointer;
}

	a:hover {
		color: var(--goldDark);
		text-decoration: none;
		
		transition: all .2s ease;
		-webkit-transition: all .2s ease;
		cursor: pointer;
	}


h1 {
	color: var(--black);
	font-family: "Fustat", sans-serif;
	font-weight: 400;
	font-size: clamp(32px, 4.5vw, 45px);
	line-height: 1.4;
}

h2 {
	color: var(--black);
	font-family: "Fustat", sans-serif;
	font-size: clamp(32px, 4.5vw, 48px);
	font-weight: 400;
	line-height: 1.2;
}

h3 {
	font-family: "Fustat", sans-serif;
	font-size: clamp(22px, 3.5vw, 28px);
	font-weight: 400;
	line-height: 1.1;
}


#container {
	min-height: 100vh;
	padding-top: 110px;
	
}


header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	padding: 25px 0;
	
	background-image: url(../graf/bgMenu.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: all 0.2s ease;
}

header.fixed {
	padding: 15px 0;
	transition: all 0.2s ease;
}
				
	header .header_inner {
		display: flex;
		gap: 5%;
		align-items: center;
		
	}
	
		header .header_inner #logo {
			flex-basis: 350px;
			transition: all 0.2s ease;
		}		
			
			header .header_inner #logo a {
				display: block;
			}
			
			header .header_inner #logo a img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: 50% 50%;
				transition: all 0.2s ease;
			}

			header.fixed .header_inner #logo a img {
				width: 220px;
				transition: all 0.2s ease;
			}
			
		header .header_inner #show_menu {
			display: none;
		}
			
		header .header_inner #menu {
			flex-grow: 1;
			margin-left: auto;
			display: flex;
		}
		
			header .header_inner #menu nav {
				width: 100%;
			}
			
			header .header_inner #menu ul {
				width: 100%;
				display: flex;
				align-items: center;
				list-style: none;
			}
		
				header .header_inner #menu ul li {
					flex-grow: 1;
					
					text-align: right;
				}
				
				header .header_inner #menu ul li a {
					position: relative;
					display: inline-block;
					color: var(--grey);
					font-size: 18px;
					border-bottom: 1px solid transparent;
				}
				
				header .header_inner #menu ul li a:hover {
					padding-bottom: 10px;
					color: var(--gold);
					border-bottom: 1px solid var(--gold);
				}
				
				header .header_inner #menu ul li.active a {
					color: var(--goldDark);
					padding-bottom: 5px;
					border-bottom: 1px solid var(--goldDark);
				}
				

#hero {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	background-color: var(--grey);
	overflow: hidden;
}

#hero:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
	background-image: url(../graf/bgHero.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	animation: zoomOut 5s linear;
}

@keyframes zoomOut {
	0%   { transform: scale(1.2); }
	100% { transform: scale(1); }
}

	#hero .wp-block-columns {
		align-items: center;
		gap: 0;
	}
	
		#hero .wp-block-column:first-child {
			flex-basis: 55%;
			padding: 100px 0;
		}
		
			#hero .wp-block-column:first-child figure {
				margin-bottom: 30px;
			}
				
				#hero .wp-block-column:first-child figure img {
					display: block;
					width: 400px
				}
			
				@media screen and (max-width: 1300px) {
					#hero .wp-block-column:first-child figure img {
						width: 25vw;
					}
				}
			
			#hero .wp-block-column:first-child em {
				display: block;
				text-align: right;
				font-size: 42px;
				padding-right: 15%;
				padding-top: 20px;
			}
				
			#hero .wp-block-column:first-child .wp-block-buttons {
				padding-top: 20px;
			}
				
				
		#hero .wp-block-column:last-child {
			position: relative;
			flex-basis: 45%;
			align-self: flex-end;
		}
		
			#hero .wp-block-column:last-child figure {
				display: block;
				width: 100%;
				min-width: 530px;
				
				position: absolute;
				right: 0;
				bottom: 0;
				animation: zoomOut2 5s linear;
			}
						
			@keyframes zoomOut2 {
			  0%   { transform: scale(1.15) }
			  100% { transform: scale(1) }
			}
			
#naszeBiura {
	background: #F7F4ED;
	padding: 25px 0;
	
	font-size: 28px;
}			

	#naszeBiura strong {
		font-size: 30px;

	}

	#naszeBiura .wp-block-button {
		display: flex;
		align-items: center;
	}
	
		#naszeBiura a.wp-block-button__link {
			font-size: 18px;
			margin: 0;
		}
		
		#naszeBiura a.wp-block-button__link:hover {
			color: var(--grey);
		}
		
		#naszeBiura a.wp-block-button__link s {
			text-decoration: unset !important;
		}
	
	#naszeBiura .wp-block-columns {
		gap: 10px;
	}
		
		#naszeBiura .wp-block-column {
			flex-basis: fit-content;
		}
		
			#naszeBiura .wp-block-column strong {
				font-weight: 600;
			}
			
@media screen and (max-width: 1300px) {
	#naszeBiura,
	#naszeBiura .wp-block-column {
		font-size: 22px;
	}
	
	#naszeBiura .wp-block-column strong {
		display: block;
	}
}
		
#dlaczegoWarto {
	z-index: 1;
	position: relative;
	padding: 80px 0 150px 0;

	background-image: url(../graf/bgDlaczegowarto.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}		
	
	#dlaczegoWarto:after {
		content: "";
		
		position: absolute;
		z-index: -1;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		
		display: block;
		width: 15vw;
		max-width: 300px;
		height: auto;
		aspect-ratio: 373 / 778;

		background-image: url(../graf/elemTriangle2.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	
	#dlaczegoWarto .dlaczegoWartoInner {
		padding-right: 17%;
	}
	
	#dlaczegoWarto h2 {
		padding-bottom: 25px;
	}
	
	#dlaczegoWarto .wp-block-columns {
		margin: 35px 0;
		gap: 50px;
		text-align: left;
		align-items: center !important;
	}
	
		#dlaczegoWarto .wp-block-column:nth-child(1) {
			flex-basis: 75px;
			min-width: 75px;
			max-width: 75px;
			text-align: left;
			flex-grow: 0;
		}
	
		#dlaczegoWarto .wp-block-column:nth-child(2) {
			flex-basis: 300px;
			min-width: 300px;
			max-width: 300px;
			text-align: left;
			flex-grow: 0;
			
			font-size: 24px;
		}
		
		#dlaczegoWarto .wp-block-column:nth-child(3) {
			flex-basis: auto;
			flex-grow: 1;
			text-align: left;
			
			font-size: 22px;
		}
		
	#dlaczegoWarto .wp-block-buttons {
		margin-top: 50px;
	}
	
	#dlaczegoWarto .slogan {
		position: relative;
		top: -60px;
		right: -150px;
		float: right;
		transform: rotate(-5deg) !important;
	}
	
@media screen and (max-width: 1300px) {
	#dlaczegoWarto .wp-block-columns {
		gap: 2vw;
	}
}
	
#oKancelarii {
	width: 100%;
	height: auto;

	background-image: url(../graf/bgOkancelarii.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 20%;
}

	#oKancelarii .wp-block-columns {
		padding: 90px 7% 110px 5%;
	}
	
		#oKancelarii .wp-block-column:first-child {
			flex-basis: 55%;
		}
		
		#oKancelarii .wp-block-column:last-child {
			flex-basis: 45%;
			min-width: 500px;
			background: #fff;
			border-radius: 40px;
			padding: 25px;
			box-sizing: border-box;
			border: 12px solid #f0ece3;
			
			font-size: 20px;
		}
		
			#oKancelarii .wp-block-column:last-child h2 {
				font-size: 30px;
				display: block;
				padding-bottom: 20px;
			}
			
			#oKancelarii .wp-block-column:last-child .wp-block-buttons {
				padding-top: 20px;
			}
			
#zakresUslug {
	padding: 80px 0;
	
	background-image: url(../graf/bgZakresUslug.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 20%;
}		
	
	#zakresUslug h2 {
		color: var(--grey);
		padding-bottom: 40px;
	}
	
	#zakresUslug .wp-block-columns {
		display: grid; 
		grid-template-columns: 1fr 1fr; 
		grid-auto-rows: 1fr;
		gap: 0px 0px; 
		
		padding: 20px;
		backdrop-filter: blur(10px);
		border-radius: 40px;
		gap: 20px;
	}
	
		#zakresUslug .wp-block-column {
			background: #fff;
			border-radius: 28px;
			overflow: hidden;
			box-sizing: border-box;
		}
		
			#zakresUslug .wp-block-column .wp-block-cover  {
				padding: 35px 50px;
				position: relative;
				width: 100%;
				height: 100%;
				min-height: unset !important;
				
			}
			
				#zakresUslug .wp-block-column .wp-block-cover img.wp-block-cover__image-background {
					display: block;
					width: 100%;
					height: 100%;
					opacity: 0.8;
					
					object-fit: cover;
					object-position: 50% 50%;
					
					position: absolute;
					left: 0;
					top: 0;
					transition: all 0.4s ease;
				}
			
				#zakresUslug .wp-block-column .wp-block-cover .wp-block-cover__background {
					position: absolute;
					z-index: 5;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					opacity: 1;
					background: linear-gradient(180deg,rgba(254, 251, 251, 0) 0%, rgba(254, 251, 251, 0.8) 50%, rgba(254, 251, 251, 1) 90%) !important;		
				}
					
					
			#zakresUslug .wp-block-column .wp-block-cover__inner-container {
				z-index: 10;
				display: flex;
				width: 100%;
				height: 100%;
				flex-direction: column;
				gap: 20px;
			}			
			
			#zakresUslug .wp-block-column ul.wp-block-list {
				position: relative;
				width: 100%;
				color: #0C2926;
				font-size: 20px;
				padding-left: 25px;
			}
			
			#zakresUslug .wp-block-column ul.wp-block-list:before {
				content: "";
				display: block;
				width: 54px;
				height: 54px;
				
				position: absolute;
				left: 0;
				top: 0;
				
				background-image: url(../graf/icoPlus.svg);
				background-size: contain;
				background-position: 50% 50%;
				background-repeat: no-repeat;
				transition: all 0.4s ease;
			}
			
				#zakresUslug .wp-block-column ul.wp-block-list li {
					padding: 3px 0;
					opacity: 0;
					transition: all 0.4s ease;
				}
				
			#zakresUslug .wp-block-column .wp-block-media-text {
				margin-top: auto;
				width: 100%;
				grid-template-columns: 1fr 90px;
				gap: 30px;
				min-height: 105px;
				transition: all 0.4s ease;
			}
			
				#zakresUslug .wp-block-column .wp-block-media-text figure {
					display: block;
					width: 90px;
					height: 90px;
				}
				
					#zakresUslug .wp-block-column .wp-block-media-text figure img {
						display: block;
						width: 100%;
						height: 100%;
						object-fit: contain;
						object-position: 50% 0%;
						
						filter: brightness(0) saturate(100%) invert(21%) sepia(71%) saturate(357%) hue-rotate(123deg) brightness(91%) contrast(99%);
						transition: all 0.2s ease;
					}
				
				#zakresUslug .wp-block-column .wp-block-media-text__content {
					padding: 0;
				}
						
					#zakresUslug .wp-block-column .wp-block-media-text strong {
						display: block;
						font-weight: 600;
						font-size: 48px;
						line-height: 1.1;
						color: var(--green);
						transition: all 0.4s ease;
					}
					
					@media screen and (max-width: 1300px) {
						#zakresUslug .wp-block-column .wp-block-media-text strong {
							font-size: clamp(36px, 3.5vw, 48px);
						}
					}
			
		#zakresUslug .wp-block-column:hover .wp-block-cover img.wp-block-cover__image-background {
			opacity: 0.2;
			transition: all 0.4s ease;
		}

			#zakresUslug .wp-block-column:hover ul.wp-block-list:before {
				opacity: 0;
				transition: all 0.3s ease;
			}
			
		#zakresUslug .wp-block-column:hover ul.wp-block-list li {
				opacity: 1;
				transition: all 0.4s ease;
		}
			
		#zakresUslug .wp-block-column:hover .wp-block-media-text figure img {
			filter: unset;
			transition: all 0.4s ease;
		}
						
		#zakresUslug .wp-block-column:hover .wp-block-media-text strong {
			font-size: 38px;
			transition: all 0.4s ease;
		}
		
#jakPomagam {
	padding: 80px 0;
}	

	#jakPomagam h2 {
		padding-bottom: 50px;
	}

	#jakPomagam .wp-block-columns {
		gap: 30px;
		counter-reset: numeric
	}

	#jakPomagam .wp-block-column {
		gap: 30px;
	}
	
		#jakPomagam .wp-block-column .wspolpracaIco {
			position: relative;
			display: block;
			border-radius: 50%;
			aspect-ratio: 1 / 1;
			width: 145px;
			height: 145px;
			padding: 20px;
			margin-bottom: 50px;
			
			background: #F0ECE3;
			border: 0.835169px solid #F0ECE3;
			box-shadow: -23.3847px -23.3847px 80.1763px #FFFFFF, 23.3847px 23.3847px 80.1763px #E4DCCA;
			transition: all 0.4s ease;
		}

		#jakPomagam .wp-block-column .wspolpracaIco:before {
			content: "";
			
			z-index: 5;
			position: absolute;
			left: 0;
			bottom: -20px;
			
			display: block;
			width: 58px;
			height: 58px;
			
			background-size: contain;
			background-repeat: no-repeat;
			background-position: 50% 50%;
				transition: all 0.4s ease;
		}
		
		#jakPomagam .wp-block-column:nth-child(1) .wspolpracaIco:before {
			background-image: url(../graf/no1empty.svg);
		}
			
            #jakPomagam .wp-block-column:nth-child(1).active .wspolpracaIco:before {
                background-image: url(../graf/no1full.svg);
            }
		
		#jakPomagam .wp-block-column:nth-child(2) .wspolpracaIco:before {
			background-image: url(../graf/no2empty.svg);
		}
		
            #jakPomagam .wp-block-column:nth-child(2).active .wspolpracaIco:before {
                background-image: url(../graf/no2full.svg);
            }
		
		#jakPomagam .wp-block-column:nth-child(3) .wspolpracaIco:before {
			background-image: url(../graf/no3empty.svg);
		}
		
            #jakPomagam .wp-block-column:nth-child(3).active .wspolpracaIco:before {
                background-image: url(../graf/no3full.svg);
            }
			
		#jakPomagam .wp-block-column:nth-child(4) .wspolpracaIco:before {
			background-image: url(../graf/no4empty.svg);
		}
		
            #jakPomagam .wp-block-column:nth-child(4).active .wspolpracaIco:before {
                background-image: url(../graf/no4full.svg);
            }
			
			
        #jakPomagam .wp-block-column.active .wspolpracaIco {
            transition: all 0.4s ease;
        }
			
			
			#jakPomagam .wp-block-column .wspolpracaIco figure {
				background-color: #F0ECE3;
				border-radius: 50%;
				
				aspect-ratio: 1 / 1;
				width: 100%;
				height: 100%;
				
				padding: 20px;
				box-sizing: border-box;
				
				display: flex;
				align-items: center;
				justify-content: center;
				
				box-shadow: 25.0551px 25.0551px 80.1763px #EBE3D3, -33.4068px -33.4068px 80.1763px #FFFFFF;
				border: 1.67034px solid #F0ECE3;
				transition: all 0.4s ease;
			}
			
            #jakPomagam .wp-block-column.active .wspolpracaIco figure {
                transform: scale(1.15);
                border: 1.67034px solid var(--goldDark);
                padding: 10px;
                transition: all 0.4s ease;
            }
				
		#jakPomagam .wp-block-column strong {
			display: block;
			padding-bottom: 5px;
			font-size: 26px;
		}
	
#potrzebujeszPomocy {
	padding: 0px 0 100px 0;
}

	#potrzebujeszPomocy h2 {
		font-size: 32px;
		padding-bottom: 30px;
	}
	
#opinie {
	padding: 80px 0;
	background-image: url(../graf/bgOpinie.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 20%;
}

#kontakt {
	padding: 80px 0;
	background-image: url(../graf/bgKontakt.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 20%;
}

	#kontakt .wp-block-columns {
		gap: 80px;
	}
		
		#kontakt .wp-block-column:first-child {
			color: #fff;
			flex-basis: 40%;
			flex-grow: 0;
		}
		
			#kontakt .wp-block-column:first-child strong {
				display: block;
				padding-bottom: 10px;
				color: var(--goldDark);
				font-size: 26px;
			}
			
			#kontakt .wp-block-column:first-child .wp-block-media-text  {
				grid-template-columns: 60px auto !important;
				font-size: 18px;
				gap: 20px;
				padding: 13px 0;
			}
			
				#kontakt .wp-block-column:first-child .wp-block-media-text figure {
					align-self: flex-start;
					display: block;
					aspect-ratio: 1 / 1;
					width: 100%;
					background: #fff;
					border-radius: 50%;
					padding: 15px;
					box-sizing: border-box;
				}
			
					#kontakt .wp-block-column:first-child .wp-block-media-text figure img {
						display: block;
						width: 100%;
						height: 100%;
						object-fit: contain;
					}
					
				#kontakt .wp-block-column:first-child .wp-block-media-text .wp-block-media-text__content {
					padding: 0 0;
				}
				
				#kontakt .wp-block-column:first-child .wp-block-media-text.mail .wp-block-media-text__content,
				#kontakt .wp-block-column:first-child .wp-block-media-text.tel .wp-block-media-text__content {
					font-weight: 600;
					font-size: 21px;
				}
				
			#kontakt .wp-block-column:first-child .social {
				
			}
				
				#kontakt .wp-block-column:first-child .social a {
					margin: 10px 10px 0 0;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					aspect-ratio: 1 / 1;
					width: 55px;
					background: #fff;
					border-radius: 50%;
					padding: 15px;
					box-sizing: border-box;
				}
					
					#kontakt .wp-block-column:first-child .social a img {
						display: block;
						width: 100% !important;
						height: 100%;
						object-fit: contain;
						transition: all 0.3s ease;
					}
					
					#kontakt .wp-block-column:first-child .social a:hover {
						background: var(--gold);
					}
					
					#kontakt .wp-block-column:first-child .social a:hover img {
						transform: scale(1.15);
						transition: all 0.3s ease;
					}

			#kontakt .wp-block-column:first-child .download {
				
			}
				
				#kontakt .wp-block-column:first-child .download strong {
					display: block;
					margin: 0;
					padding: 0 0 10px 0;
				}
				
				#kontakt .wp-block-column:first-child .download strong + br {
					display: none;
				}
					
				#kontakt .wp-block-column:first-child .download a {
					display: inline-block;
					color: var(--grey);
					text-decoration: underline;
					padding: 20px 50px 0 0;
					margin: 0 30px 20px 0;
					
					background-image: url(../graf/icoDownload.svg);
					background-size: contain;
					background-repeat: no-repeat;
					background-position: 100% 100%;
				}
					
				#kontakt .wp-block-column:first-child .download a:hover {
					color: var(--goldDark);
				}
				
		#kontakt .wp-block-column:last-child {
			color: #fff;
			flex-basis: 560px;
			flex-grow: 0;
		}
		
.wpcf7 {
	border-radius: 30px;
	padding: 12px;
	
	background: rgba(252, 251, 249, 0.6);
	backdrop-filter: blur(18.672px);
	border-radius: 41px;
}		

	.wpcf7 form {
		background: var(--grey);
		border-radius: 30px;
		padding: 30px;
	}
	
		.wpcf7 form h3 {
			display: block;
			padding-bottom: 10px;
			text-align: center;
			color: var(--green);
			font-weight: 700;
		}
		
		.wpcf7 form label {
			display: block;
			padding: 12px 0;
		}
		
			.wpcf7 form label span {
				display: block;
			}
		
			.wpcf7 form label input {
				font-family: 'Fustat', sans-serif;
				display: block;
				width: 100%;
				font-size: 18px;
				font-weight: 400;
				background: var(--grey);
				border: 1px solid #E4DCCA;
				
				padding: 16px 30px;
				box-sizing: border-box;
				border-radius: 13px;
			}
				
				.wpcf7 form label input.wpcf7-not-valid {
					border: 1px solid #dc3232;
				}
			
			.wpcf7 form label textarea {
				font-family: 'Fustat', sans-serif;
				display: block;
				width: 100%;
				height: 200px;
				font-size: 18px;
				font-weight: 400;
				background: var(--grey);
				border: 1px solid #E4DCCA;
				
				padding: 16px 30px;
				box-sizing: border-box;
				border-radius: 13px;
				resize: none;
			}
				
				.wpcf7 form label textarea.wpcf7-not-valid {
					border: 1px solid #dc3232;
				}
				
			.wpcf7 form label input::placeholder,
			.wpcf7 form label textarea::placeholder {
				color: #A2A3A6;
			}
			
		.wpcf7 form .wpcf7-list-item {
			padding: 0;
			margin: 0;
		}
		
			.wpcf7 form .wpcf7-list-item label {
				display: grid; 
				grid-template-columns: 20px 1fr; 
				gap: 0px 5px; 
				align-items: flex-start;
				
				color: #666;
				font-size: 14px;
			}
				
			.wpcf7 form .wpcf7-list-item label input {
				margin-top: 2px;
			}
				
		.wpcf7 form .submit {
			margin-top: 15px;
		}
		
			.wpcf7 form .submit button {
				display: flex;
				align-items: center;
				gap: 10px;
				color: var(--green);
			}
			
			.wpcf7 form .submit button:after {
				content: "";
				display: inline-block;
				width: 25px;
				height: 25px;
				
				background-image: url(../graf/icoSend.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 100% 100%;
			}
			

		.wpcf7 form .wpcf7-not-valid-tip {
			font-size: 14px;
		}		

		.wpcf7 form.invalid .wpcf7-response-output {
			font-size: 16px;
			text-align: center;
			padding: 20px;
			border-radius: 16px;
			background: #ffb900;
			border: 0;
			margin: 15px 0 0 0;
			color: var(--gray);
		}		

		.wpcf7 form.failed .wpcf7-response-output {
			font-size: 16px;
			text-align: center;
			padding: 20px;
			border-radius: 16px;
			background: #dc3232;
			border: 0;
			margin: 15px 0 0 0;
			color: var(--gray);
		}	

		.wpcf7 form.sent .wpcf7-response-output {
			font-size: 16px;
			text-align: center;
			padding: 20px;
			border-radius: 16px;
			background: #74b400;
			border: 0;
			margin: 15px 0 0 0;
			color: var(--gray);
		}
		
		
		
#lokalizacja {
	z-index: 1;
	position: relative;
	padding: 80px 0 80px 0;
}		

	#lokalizacja:before {
		content: "";
		
		position: absolute;
		z-index: -1;
		right: 0;
		top: 50%;
		transform: translateY(-50%) scale(-1);
		
		display: block;
		width: auto;
		height: 85%;
		aspect-ratio: 532 / 1368;
		opacity: 0.25;

		background-image: url(../graf/elemTriangle.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 100% 50%;
	}
	
	#lokalizacja:after {
		content: "";
		
		position: absolute;
		z-index: -1;
		left: 0;
		top: 50%;
		transform: translateY(-50%) scale(-1);
		
		display: block;
		width: auto;
		height: 65%;
		aspect-ratio: 373 / 778;

		background-image: url(../graf/elemTriangle2.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	
	#lokalizacja .wp-block-columns {
		gap: 80px;
		justify-content: space-between;
	}
	
		#lokalizacja .wp-block-column {
		}
		
		#lokalizacja .wp-block-column:first-child {
			flex-basis: 560px;
			background: #F9F7F4;
			backdrop-filter: blur(18.7065px);
			border-radius: 37px;
			padding: 15px;
			overflow: hidden;
		}
		
		#lokalizacja .wp-block-column:last-child {
			flex-basis: 60%;
		}
		
	#lokalizacja iframe {
		display: block;
		border-radius: 25px;
	}
	
	#lokalizacja h2 {
		font-size: 34px;
		margin-bottom: 40px;
	}
	
	#lokalizacja .icoAdres2 {
		font-size: 32px;
		margin-top: 50px;
		padding: 5px 0 5px 50px;
		
		background-image: url(../graf/icoAdres2.svg);
		background-size: 28px auto;
		background-repeat: no-repeat;
		background-position: 0% 50%;
	}
	
	#lokalizacja .icoAdres3 {
		font-size: 32px;
		margin-top: 50px;
		padding: 5px 0 5px 50px;
		
		background-image: url(../graf/icoAdres3.svg);
		background-size: 28px auto;
		background-repeat: no-repeat;
		background-position: 0% 50%;
	}
	
	#lokalizacja .wp-block-buttons {
		padding-left: 50px;
		margin-top: 10px;
	}
	
@media screen and (max-width: 1200px) {
	#lokalizacja .wp-block-columns {
		gap: 50px;
	}
	
	#lokalizacja .icoAdres2,	
	#lokalizacja .icoAdres3 {
		font-size: 26px;
	}
}
	
#faq {
	z-index: 1;
	position: relative;
	padding: 80px 0 190px 0;

	background-image: url(../graf/bgFaq.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#faq:after {
	content: "";
	width: 30vw;
	max-width: 590px;
	min-width: 400px;
	aspect-ratio: 590 / 405;
	
	position: absolute;
	right: 0;
	bottom: -40px;

	background-image: url(../graf/imgMlotek.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
	
	#faq h2 {
		margin-bottom: 30px;
	}

	#faq .schema-faq-section {
		padding: 20px 50px;
		background: var(--grey);
		margin: 40px 0;
		border-radius: 40px;
	}
	
		#faq .schema-faq-section strong.schema-faq-question {
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 24px;
			font-weight: 500;
			padding-right: 10px;
			cursor: pointer;
			transition: all 0.3s ease;
		}
	
		#faq .schema-faq-section strong.schema-faq-question:after {
			content: "";
			display: block;
			width: 15px;
			height: 15px;
			
			background-image: url(../graf/icoArrow.svg);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: 100% 50%;	
			transition: all 0.3s ease;
		}
		
		#faq .schema-faq-section.on strong.schema-faq-question:after {
			transform: scale(-1);
			transition: all 0.3s ease;
		}
			
		#faq .schema-faq-section strong.schema-faq-question:hover {
			color: var(--goldDark);
			transition: all 0.3s ease;
		}
			
		#faq .schema-faq-section p.schema-faq-answer {
			display: block;
			
			font-size: 16px;
			padding-right: 40px;
			max-height: 0;
			overflow: hidden;
			opacity: 0;
			transition: all 0.3s ease;
		}
	
		#faq .schema-faq-section.on p.schema-faq-answer {
			padding-top: 15px;
			
			max-height: 500px;
			opacity: 1;
			transition: all 0.3s ease;
		}
		
footer {
	padding: 60px 0 40px 0;

	background-image: url(../graf/bgFooter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

			
	footer .footerTop {
		gap: 5%;
	}
		
		footer .footerTop .wp-block-column {
			flex-grow: 0 !important;
		}
				
		footer .footerTop .wp-block-column:nth-child(1) {
			flex-grow: 1 !important;
		}
		
		footer .footerTop .wp-block-column:nth-child(2),
		footer .footerTop .wp-block-column:nth-child(3) {
			margin-left: auto;
			flex-basis: fit-content;
		}
	
	footer .wp-block-media-text  {
		grid-template-columns: 60px auto !important;
		gap: 20px;
		padding: 13px 0;
		font-weight: 600;
		font-size: 21px;
		color: var(--grey);
	}
	
		footer .wp-block-media-text figure {
			align-self: flex-start;
			display: block;
			aspect-ratio: 1 / 1;
			width: 100%;
			background: #fff;
			border-radius: 50%;
			padding: 15px;
			box-sizing: border-box;
		}
	
			footer .wp-block-media-text figure img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
			
		footer .wp-block-media-text .wp-block-media-text__content {
			padding: 0 0;
		}
		
			
	footer .footerBottom {
		padding-top: 40px;
		padding-bottom: 0;
		color: var(--grey);
		display: flex;
		font-size: 14px;
		align-items: center;
		justify-content: space-between;
	}
	
		footer .footerBottom > * {
			white-space: unset !important;
		}
		
		
#content.pageTxt {
	margin: 50px auto;
}		
		
	#content.pageTxt p {
		padding: 5px 0;
	}
		
	#content.pageTxt h3 {
		font-weight: 500;
		font-size: 28px;
		padding: 25px 0 10px 0;
	}
	
	#content.pageTxt ul {
		padding: 5px 0 5px 20px;
	}
	
		#content.pageTxt ul li {
			padding: 2px 0;
		}
		
#rodoMenu {
	background: #F7F4ED;
	padding: 40px 0 20px 0;
}	
	
	#rodoMenu ul {
		display: flex;
		align-items: center;
		gap: 20px;
		list-style: none;
	}
	
		#rodoMenu ul li {
			flex-grow: 1;
			flex-basis: 50%;
		}
		
		#rodoMenu ul li a {
			display: block;
			padding-bottom: 10px;
			border-bottom: 2px solid #EADDCB;
			text-align: center;
			font-size: 28px;
			font-weight: 400;
			color: var(--green);
			transition: all 0.2s ease;
		}
		
		#rodoMenu ul li.current-menu-item a {
			border-bottom: 4px solid var(--green);
			font-weight: 700;
			transition: all 0.2s ease;
		}
		
		#rodoMenu ul li a:hover {
			border-bottom: 2px solid var(--green);
			transition: all 0.2s ease;
		}