@import url('fonts/fonts-hi.css');
    :root {
        font-size:100%;
    }
	html, body {
			margin: 0;
			padding: 0;
			overflow-x: hidden;
		}
	@media (min-width: 1600px) {
		.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: 1496px;
		}
		.container-fluid{
			max-width:1920px;
		}
	}
	@media (max-width: 1599px) {
		.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: 1196px;
		}
	}
	body
	{
		overflow-x: hidden;
		padding-top:0rem;
	}
	body.customize-support{
		padding-top:0rem;
	}
	a{
		text-decoration:none;
	}
	a:hover{
		opacity:0.8;
	}
	.row{
		gap:0;
	}
	.green-line{
		background:#000;
		width:120px;
		height:3px;
		display:block;
		margin:2rem 0;
	}
	.red-line{
		background:#AB0000;
		width:120px;
		height:3px;
		display:block;
		margin:2rem 0;
	}
	.btn {
		height: 3.375rem !important;
		border-radius: 0 1rem !important;
		padding: 0 3.5rem !important;
		border: 0px solid rgb(245, 58, 39);
		background: rgb(245, 58, 39);
		background-image: linear-gradient(to right, var(--tw-gradient-stops));
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
		--tw-gradient-to: #00953E;
		--tw-gradient-from: #78B72A;
		font-family: "Montserrat", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		display: flex;
		align-items: center;
		width: fit-content;
		color: #fff;
		font-size: 0.875rem;
		transition: 0.6s ease;
	}
	.btn:hover {
		color:#fff;
		opacity:0.8;
		background-image: linear-gradient(to right, #00953E, #00953E);
		background-image: linear-gradient(to right, var(--tw-gradient-stops));
		--tw-gradient-from: #00953E;
		--tw-gradient-to: rgba(0, 149, 62, 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
		--tw-gradient-to: #00953E;
	}
	@media(max-width:992px){
		.btn {
			font-size:0.875rem;
			height: 3rem ! importANT;
		}
	}
	i.hamburger:after{
		content: url('img-ch/hamburger.svg');
	}
	#cc-main .cm__desc {
		font-size: 1rem;
		line-height: 1.5;
	}
	#cc-main .cm__title {
		font-size: 1.5rem;
		text-transform: uppercase;
		padding: 0 1em;
	}
	/****************** Header **********************/
	header{
		
	}
	header .navbar {
		padding: 2rem 3.75rem;
		background:#000;
	}
	header .nav-link{
		color:#fff;
		font-size:1rem;
		transition:0.3s ease;
	}
	header .nav-link:hover{
		opacity:0.8;
		color:#fff;
	}

	header .navbar-expand-lg .navbar-nav {
        gap:3.75rem;
    }
	header .header-image{
		overflow:hidden;
	}
	header #headerContent{
		background: url('img-hi/header-background.png');
		height:131vh;
		min-height: 1000px;
		max-width:1920px;
		margin:0 auto;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	header .header-image .header-image-space .title{
		font-size:2rem;
		color:#fff;
		margin-bottom:2rem;
	}
	header .header-image .header-image-space .header-link{
		font-size: 1.25rem;
		color: #fff;
		transition: 0.3s ease;
		display: flex;
		gap: 30px;
		text-decoration: none;
		align-items: center;
		justify-content: end;
		margin-right: -5rem;
		margin-top: 3rem;
		margin-bottom: -1rem;
	}
	header .header-image .header-image-space .header-link .arrow-right{
		background:#D12411;
		width:3.188rem;
		height:3.188rem;
		display:flex;
		border-radius:50%;
		box-shadow: 0 0 10px #D12411;
	}
	header .header-image .header-image-space .header-link .arrow-right:before{
		content: url('img-ch/arrow-right.png');
		margin-top: 13px;
		margin-left: 15px;
	}
	
	header .header-image .header-image-space .header-link:hover{
		opacity:0.8;
	}
	header .header-image .header-image-space p{
		font-size:1rem;
		color:#fff;
	}
	header h1{
		font-size:3rem;
		color:#fff;
	}
	header p{
		font-size:2rem;
		color:#fff;
	}
	header .header-description{
		transform: translateY(-40%);
		max-width:810px;
		padding: 0 4rem;
	}
	header .grey-line-vertical{
		height: 98px;
		width: 1px;
		background: #9F9C9C;
		position: absolute;
		bottom: 2rem;
		z-index: 3;
		left: 50%;
		transform: translateX(-50%);
	}
	
	@media(max-width:1650px){
		header .header-image .header-image-space {
			padding: 2rem 2.5rem;
		}
		header .header-image .header-image-space .header-link {
			margin-right: -1rem;
		}
	}
	@media(max-width:1250px){
			header .header-description {
			transform: translateY(-70%);
			max-width: 810px;
			padding: 0 0;
		}
		header h1 {
			font-size: 2.5rem;
		}
		header p {
			font-size: 1rem;
		}
	}
	@media(max-width:992px){
		header .navbar {
			padding: 1.7rem 1.6rem;
		}
		header .navbar .container-fluid{
			padding:0;
		}
		header .navbar .navbar-panel{
			display: flex;
			width: 100%;
			justify-content: space-between;
			align-items:center;
		}
		header .navbar .navbar-toggler {
			padding:0;
		}
		header #navbarSupportedContent{
			margin-top:2rem;
		}
		header .navbar-expand-lg .navbar-nav {
			gap: 1rem;
		}
		header .header-image .header-image-space .header-link {
			margin-right: 0rem;
			justify-content: start;
			margin: 2rem 0 1rem 0;
		}
		header .header-description {
			text-align: center;
			max-width:380px;
			margin:3rem auto 6rem auto;
		}
		header h1 {
			font-size: 2rem;
			margin-bottom:1rem;
			color:#fff;
		}
		header .red-line{
			display:none;
		}
		header .header-image .image-background {
			max-width: fit-content;
			margin-top: 0rem;
			margin: 0 auto -4rem auto;
		}
		header .header-image{
			margin-top: -10rem;
		}
	}
	@media(max-width:560px){
		header .header-image .image-background {
			position: relative;
			left: 50%;
			transform: translate(-45%, 0%);
		}
	}
	underhead p{
		font-size:1rem;
		color:#000;
	}
	@media(max-width:992px){
		#underhead {
			margin-top: -21rem;
			position: relative;
			z-index: 10;
		}
	}
/****************** Categories *****************/
	#categories {
		background-color:#fff;
		padding:90px 0;
	}
	#categories .slider {
		width: 100%;
		min-height: 725px;
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	#categories .cat-slide {		
		display: none;		
		font-size: 24px;
	}
	#categories .cat-slide h3{
		font-size:3rem;
		margin-bottom:2rem;
		color:#000;
	}	
	#categories .cat-slide p{
		font-size:1rem;
		color:#000;
		margin-bottom:1.25rem;
	}
	#categories .cat-slide.active {
		display: flex!important;
	}
	#categories .progress-bar {
		width: 100%;
		height: 3px;
		background-color: #DCDCDC;
		margin-bottom: 20px;
		position: relative;
	}
	#categories .cat-progress {
		height: 100%;
		background-color: #179C3B;
		width: 0%;
	}
	#categories .thumbnails {
		display: flex;
		gap: 1rem;
		margin-top:1rem;
		justify-content: space-between;
	}
	#categories .cat-thumbnail {
		width: 150px;
		height: 130px;
		display: flex;
		overflow: hidden;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 18px;
	}

	#categories .cta {
		gap:1.5rem;
		align-items:center;
		color:#fff;
		display:flex;
	}
	#categories .cta .title{
		font-size:2rem;
		margin-bottom: 0;
		color:#fff;
	}
	#categories .cta .undertitle{
		font-size:0.875rem;
		margin-bottom:1rem;
		color:#fff;
	}
	#categories .cta .image{
		content: '';
		background: url('img-ch/substract.png');
		width:228px;
		height:190px;
		padding:1.5rem 1rem;
		flex-shrink: 0;
	}
	#categories .cta .arrow-right{
		background:#fff;
		width:1.375rem;
		height:1.375rem;
		display:flex;
		border-radius:50%;
	}
	#categories .cta .arrow-right:before{
		content: url('img-ch/arrow-right-red.svg');
		margin-top: -1px;
		margin-left: 7px;
	}	
	#categories .cta .description p{
		font-size:0.975rem;
		color:#fff;
		margin-bottom: 0;
	}
	@media(min-width:1200px){
		.no-right-padding {
		  padding-right: 0; /* Usuwamy padding z prawej strony */
		  margin-right: 0; /* Usuwamy margin z prawej strony */
		}
	}
	#categories .slider-description{
	}
	@media (min-width: 1920px) {
		#categories {
			max-width:1920px;
			margin: 0 auto;
		}
	}
	@media (min-width: 1400px) {
        #categories .slider.container{
            max-width:calc(((100% - 1496px)/ 2) + 1496px)!important;
            margin-right: 0
        }
        #categories  .container {
            max-width: 1496px
        }
    }

	@media(max-width:1400px){
		#categories .cta .description p {
			font-size: 0.775rem;
		}
		#categories .cat-slide h3 {
			font-size: 2.5rem;
		}
	}
	@media(max-width:1200px){
		#categories .cat-slide h3 {
			font-size: 2rem;
		}
		#categories .slider {
			min-height: 400px;
		}
		#categories .cta .image {
			margin-bottom:1.5rem;
			display: block;
		}
	}
	@media (min-width: 1400px) and (max-width: 1600px) {
		#categories .cta .description p {
			font-size: 0.75rem;
			color: #fff;
			margin-bottom: 0;
		}
		#categories .slider {
			min-height: 700px;
		}
	}
	@media(min-width:769px){
		#categories .cat-slide {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			align-items: center;
			justify-content: center;
		}
	}
	@media(max-width:768px){
		#categories .cta {
			display:grid;
		}
		#categories .thumbnails {
			flex-wrap: wrap;
		}
		#categories .cat-thumbnail {
			width: calc(50% - 12px);
			padding-top: calc(50% - 12px); /* Padding-top równy szerokości */
			height: 0; /* Wysokość ustawiamy na 0, bo będzie ustalana przez padding */
			margin-bottom: 1rem;
			position: relative;
		}

		#categories .cat-thumbnail > * {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		#categories .cta .image {
			background: #AB0000 url(img-ch/substract.png) no-repeat;
			background-position:right;
			width: 350px;
		}
		#categories .progress-bar {
			margin: 2rem 0 3rem 0;
		}
		#categories .cat-slide.active {
			display: block !important;
		}
		#categories .cat-slide.active {
			display: flex!important;
		}
		#categories .cat-slide.active img{
			max-width: 420px;
			margin: 0 auto;
			display: block;
			width:100%;
		}
		#categories .slider {
			min-height: 500px;
		}
		#categories .slider-description {
			transform: translateY(0%);
		}
	}
	@media(max-width:568px){
		#categories .cta .image {
			background: #AB0000 url(img-ch/substract.png) no-repeat;
			background-position:right;
			width: 100%;
			position:relative;
			order:1;
		}
		#categories .cta .description{
			order:0;
		}
		#categories .cta .image .cta-btn{
			position:absolute;
			bottom:1.5rem;
		}
		#categories {
			background-color: #fff;
			padding: 0px 0 0 0;
		}
	}
/****************** About **********************/
	#about {
		margin:5rem 0;
	}
	#about h2{
		color:#000;
		font-size:2.25rem;
	}
	#about p{
		font-size:1.25rem;
		color:#000;
	}
	#about p.text-grey{
		color:#BCBCBC;
		margin-top:1.7rem;                        
	}
	#about .btn{
		margin-top:4rem;
	}
	#about .items {
		padding-left:0;
		margin-left:0;
		margin-top:4rem;
	}
	#about .items li{
		display:flex;
		align-items:center;
		margin-top:1.5rem;
	}
	#about .items li img{
		margin-right:2rem;
	}
	@media(max-width:1400px){
		#about h2 {
			font-size: 2.5rem;
		}
		#about p {
			font-size: 1rem;
		}
		#about {
			margin: 5.5rem 0;
		}
	}
	@media(max-width:992px){
		#about {
			margin: 2.5rem 0;
		}
		#about h2 {
			font-size: 2rem;
		}
		#about p {
			font-size: 0.875rem;
		}
	}
/****************** Contact Form **********************/

	#contactForm{
		margin: 6.875rem 0 -14rem 0;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		z-index: 20;
	}
	#contactForm h2{
		color:#D42613;
		font-size:3.125rem;
		margin-bottom:rem;
	}
	#contactForm p{
		font-size:1.25rem;
		color:#000;
	}
	#contactForm h3{
		color:#258900;
		font-size:1.813rem;
		margin:3rem 0 2rem 0;
	}
	#contactForm h3.form-title{
		color:#000;
		font-size:1.75rem;
		margin:0rem 0 2rem 0;
	}
	#contactForm ul.certs{
		list-style: none;
		margin-left: 0;
		padding-left: 0;
		display: flex;
		gap: 3.5rem;
		align-items: center;
	}
	#contactForm .cloud-1{
		position:absolute;
		bottom:2rem;
		left:0;
	}
	.z-1{
		z-index:1;
	}
	#contactForm .cloud-1::after{
		content: url(img-hi/fluffy-white-cloud-1.png);
	}
	#contactForm .cloud-2{
		position: absolute;
		bottom: -8rem;
		right: 0;
		z-index: 0;
	}
	#contactForm .cloud-2::after{
		content: url(img-hi/fluffy-white-cloud-2.png);
	}
	#contactForm form input {
		background-color: #FFF !important;
		color: #6D6D6D ;
		font-size: 0.975rem !important;
		height: 3.375rem !important;
	}
	#contactForm form.wpcf7-form .wpcf7-submit[disabled] {
		background-image: darkgray!important;
	}
	#contactForm form textarea {
		background-color: #FFF !important;
		color: #6D6D6D !important;
		font-size: 0.975rem !important;
	}
	.slider-cert img{
		max-width: 150px;
		filter: grayscale(100%);
		transition: filter 0.5s ease;
		width: 100%;
	}
	.slider-cert img:hover {
		filter: grayscale(0%);
	}
	.header-lang-switcher {
		margin-left:4rem;
	}
	.header-lang-switcher .switch {
		gap:0.5rem;
		height: 3.2rem;
	}
	.header-lang-switcher .switch.active{
		border-radius: 1.6rem 1.6rem 0 0;
	}
	.header-lang-switcher .switch .flag-img{
		width:18px;
		height:12px;
	}
	.header-lang-switcher a {
		color:#fff;
		padding:0.5rem 1rem;
		height:52px;
	}
	.langList{
		z-index:1;
	}
	@media(max-width:1400px){
		#contactForm p {
			font-size: 1rem;
		}
	}
	@media(max-width:1150px){
		header .navbar-expand-lg .navbar-nav {
			gap: 1.5rem;
		}
	}
	.show-deskctop{
		display:block!important;
	}
	.show-mobile{
		display:none!important;
	}
	@media (max-width: 992px) {
		.certs li {
		  flex: 1;
		}
		.show-deskctop{
			display:none!important;
		}
		.show-mobile{
			display:block!important;
		}
	}
	@media(min-width:569px){
		.slider-cert{
			display:flex;
			gap:5rem;
			align-items: center;
			padding-left:0;
		}
		.slider-button {
			display:none;
		}
		
	}
	
	@media (max-width: 568px) {
		.slider-container {
			position: relative;
			width: 100%;
		}

		.slider-cert {
			display: flex;
			transition: transform 0.3s ease-in-out;
			padding: 0;
			margin: 0;
			align-items: center;
		}

		.slide-cert {
			list-style: none;
			min-width: 100%;
			max-width: 100%;
		}
		.slide-cert img{
			margin:0 auto;
		}
		.slider-button {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background: #258900;
			width: 3.188rem;
			height: 3.188rem;
			display: flex;
			border-radius: 50%;
			box-shadow: 0 0 10px #258900;
		}
		.next:before {
			content: url(img-ch/arrow-right.png);
			margin-top: 13px;
			margin-left: 15px;
		}
		.prev {
			left: 10px;
		}
		.prev:before {
			content: url(img-ch/arrow-left.png);
			margin-top: 13px;
			margin-left: 15px;
		}
		.next {
			right: 10px;
		}
		.header-lang-switcher {
			margin-left: 3rem;
			width: max-content;
			margin-top: 0rem;
		}
	}
/****************** Contact **********************/
	#contact{
		padding:35rem 0 0 0;
		background-image: url('img-hi/contact-section-background.jpg');
		background-repeat: no-repeat;
		background-position: center calc(100% - 3rem);
		background-size:104%;
		z-index: 0;
		position:relative;
	}
	#contact::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3rem;
		background-color: black;
		z-index: 1; /* Upewnia się, że pseudo-element znajduje się nad tłem */
	}
	#contact .uptitle{
		color:#FF0000;
		font-size:1.313rem;
		margin-bottom:2.5rem;
	}
	#contact h2{
		font-size:3.75rem;
		color:#000;
	}
	
	.z-index-3{
		z-index:3;
	}
	#contact a:hover{
		opacity:1;
	}
	#contact .item {
		background:#fff;
		padding:3.125rem;
		border-radius:20px;
		width:100%;
		height:100%;
	}
	#contact .item p{
		color:#2E2E2E;
		text-decoration:none;
		margin-top:1rem;
		font-size:1.375rem;	
	}
	#contact .arrow-right:before{
		content: url('img-ch/icons/arrow-right.svg');
	}
	#contact .icon-question:before{
		content: url('img-hi/icons/icon-question.svg');
	}
	#contact .icon-person:before{
		content: url('img-hi/icons/icon-person.svg');
	}
	#contact .icon-search:before{
		content: url('img-hi/icons/icon-search.svg');
	}
	#black{
		background-color:#000;
		padding:1rem 0;
	}
	@media(min-width:1920px){
		#contact {
			padding: 52rem 0 0 0;
		}
	}
	@media(max-width:1400px){
		#contact h2 {
			font-size: 2.5rem;
		}
		#contact .item p {
			font-size: 1rem;
		}
		#contactForm h2 {
			font-size: 2.5rem;
		}
	}
	@media(max-width:1200px){
		#contactForm h2 {
			font-size: 2rem;
		}
		#contact h2 {
			font-size: 2rem;
		}
	}
	@media(max-width:992px){
		#contact {
			padding: 4rem 0 0 0;
			background-image: none;
			background: #F6F6F6;	
		}
		#contact .item {
			padding: 2.125rem;
			margin: 1rem 0;
			height: auto;
		}
		#contactForm {
			margin: 1.875rem 0;
			background-image: url(img-ch/contact-form-background.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
			background-size: 39%;
		}
		#contactForm ul.certs img{
			max-width:60%;
		}
		#contactForm ul.certs {
			gap: 0;
		}
	}
/****************** Map **********************/
	#map{
		background-color:#fff;
		padding:6rem 0;
	}
	#map h2{
		font-size:2.25rem;
		color:#929292;
	}
	#map p{
		font-size:0.938rem;
		color:#000;
	}
	#map #mapSection{
		margin:4rem auto 0 auto;
	}
	#map #mapSection .map{
		width: 100%;
		height: auto;
		display: block;
	}
	#mapSection .marker{
		position:absolute;
		width:350px;
		display: flex;
		cursor: pointer;
		padding-top:10px;
        overflow: hidden;
        transition: width 0.5s ease-in-out;
	}

	#mapSection .marker h3{
		color:#258900;
		font-size:1.813rem;
	}
	#mapSection .marker p{
		color:#000;
		text-decoration:none;
		font-size:0.875rem;	
		width:95%;
	}
	#mapSection .marker .marker-line{
		background-color:#258900;
		height:2px;
		width:100%;
		margin:0.5rem 0;
	}
	#mapSection .marker.left{
		text-align:left;
	}
	#mapSection .marker.right{
		text-align:right;
	}
	#mapSection .marker.left .content{
		text-align:right;
		margin-left: -22px;
		margin-top: -3px;
	}
	#mapSection .marker.right p{
		float:right;
	}
	#mapSection .marker.center p{
		margin:0 auto;
	}
	#mapSection .marker.center{
		text-align:center;
		display:block!important;
	}
	#mapSection .icon-pin-map {
		z-index:10000;
		position:relative;
		
	}
	#mapSection .icon-pin-map:before{
		content: url(img-hi/map-pin.png);
		float: unset;
	}
	#mapSection .icon-pin-map.pulse {
		width: 30px;
		height: 50px;
		animation: pulse 2s infinite;
		display: inline-table;
	}
    #mapSection .marker .content {
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
		width: 350px;
	}
	#mapSection .marker.left .content {
		text-align: end;
	}
    #mapSection .marker.expanded {
        width: 350px;
    }
    #mapSection .marker.expanded .content {
        opacity: 1;
    }
	#mapMobile {
		display:none;
	}
	.map-container {
		width: 1496px;
		max-width: 100%;
		margin: 0 auto;
	}
	@media (max-width: 1600px) {
		#map .container{
			max-width:100%;
		}
	}
	@media(max-width:1400px){
		#map h2 {
			font-size: 2.5rem;
			color: #000;
		}
		#map p {
			font-size: 1rem;
		}
	}
	@media(max-width:1200px){
		#map h2 {
			font-size: 2rem;
			line-height: 1.5;
		}
	}
	@media(max-width:1300px){
		#map #mapSection{
			display:none;
		}
		#mapMobile {
			display:block;
		}
		#mapMobile .accordion {
            width: 100%;
            margin: auto;
            border-radius: 5px;
        }
        #mapMobile .accordion-item {
        }
        #mapMobile .accordion-button {
			border: none;
			padding: 10px;
			text-align: left;
			width: 100%;
			cursor: pointer;
			outline: none;
			font-size: 18px;
			position: relative;
			color: #258900;
			background: #fff;
			display: flex;
			gap: 0.5rem;
			align-items: center;
        }
		#mapMobile .accordion-body {
			color:#000;
			font-size:0.785rem;
		}
		#mapMobile .accordion-button:not(.collapsed)::after {
		    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		}
		#mapMobile .accordion-button::after {
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		}
		#mapMobile .accordion-item{
			background:#fff;
			border-bottom: 1px solid #000;
			padding: 20px 0px;
		}
        #mapMobile .accordion-title {
            display: inline-block;
            margin-left: 10px;
        }
        #mapMobile .collapse {
            display: none;
            overflow: hidden;
        }
        #mapMobile .collapse-content {
            padding: 10px;
        }
        #mapMobile .collapse.show {
            display: block;
        }
		.map-pin-mobile:after{
			content: url('img-hi/map-pin-mobile.svg');
		}
	}
	@media(max-width:568px){
		#map {
			padding: 2rem 0 4rem 0;
		}
	}
/****************** Key Players **********************/
	#keyPlayers {
		width: 100%;
		max-width:1920px;
		margin:0 auto;
		min-height:1217px;
		overflow: hidden;
	}

	#keyPlayers .slider-container {
		display: flex;
		transition: transform 0.5s ease-in-out;
	}

	#keyPlayers .slide {
		box-sizing: border-box;
		text-align: center;
		min-height:100vh;
		font-size: 24px;
		padding: 20px;
		overflow:hidden;
	}
	#keyPlayers .slide .key-player {
		position:absolute;
		bottom:0;
		left:0;
		max-height: 85%;
		z-index: 0;
	}
	#keyPlayers .slide .description{
		margin:2rem 2rem;
		text-align:left;
		position:relative;
		z-index: 1;
	}
	.swiper-wrapper {
		transform:none!important;
	}
    .main-slider {
      width: 100%;
      height: 300px;
      margin-bottom: 20px;
    }

    .thumbnail-slider {
      width: 40%;
      height: 100px;
      display: flex;
      justify-content: space-between;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #ddd;
      font-size: 20px;
      color: #333;
    }
	.key-player{
		background: #fff url('img-hi/key-players-background.png') no-repeat;
		background-position:top left;
		background-size: contain;
	}
    .thumbnail-slider .swiper-slide {
      width: 100px;
      cursor: pointer;
      transition: opacity 0.3s ease;
    }
	.swiper-pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
	}
	.swiper-pagination-bullet {
		background: #D9D9D9;
		width: 15px;
		display:flex;
		align-items:center;
		height: 15px;
	}
	.swiper-pagination-bullet-active {
		background-color:transparent!important;
		width:38px;
		height:35px;
	}
	.swiper-pagination-bullet-active:after{
		content: '';
		background: url(img-hi/substract-item.svg);
		width: 38px;
		height: 35px;
		background-size: cover;
		display: block;
	}
	.thumbnail-slider .swiper-slide {
		min-height: 600px;
		display: block;
		background: #fff;
	}
	.thumbnail-slider .swiper-slide .photo .background{
		height: 100%;
		width: 80%;
		max-width:188px;
		background: #D9D9D9;
		position: absolute;
		z-index: 1;
		left: 50%;
		transform: translateX(-50%);
	}
	.point-arrow {
		width: 30px;
		height: 30px;
		background: #748382;
		padding: 0px 10px;
		position: absolute;
		bottom: 0;
		left: 2px;
		line-height: 30px;
		z-index:5;
	}
	.point-arrow::after {
		content: url(img-hi/arrow-point.svg);
	}
	.thumbnail-slider .swiper-slide .description {
		padding:1rem;
	}
	.thumbnail-slider .swiper-slide .description .title{
		font-size:1rem;
	}
	.thumbnail-slider .swiper-slide .description p{
		font-size:0.813rem;
	}
	.thumbnail-slider .swiper-slide .photo {
		height: 377px;
		max-width: 239px;
		overflow: hidden;
	}
	.thumbnail-slider .swiper-slide .photo img{
		z-index: 3;
		position: absolute;
		bottom: 0;
	}
	.swiper-fade .swiper-slide .image{
		position: absolute;
		bottom: -5px;
		left: 12rem;
	}
	.swiper-fade .swiper-slide .description{
		position: absolute;
		left: 50%;
		transform: translateX(-20%);
		width: 366px;
		bottom: 7rem;
	}
	.swiper-fade .swiper-slide .description h3{
		color:#000;
		font-size:2.5rem;
	}
	.swiper-fade .swiper-slide .description p{
		color:#000;
		font-size:1.25rem;
	}
	.swiper-fade .swiper-slide .title{
		margin: 3rem 6rem;    
		width: 25%;
	}
	.swiper-fade .swiper-slide .title h2 {
		color: #fff;
		font-size: 4rem;
	}
	.pagination-slider {
		display: flex;
		justify-content: center;
		margin-top: -3rem;
		align-items: center;
		margin: -3rem auto;
		width: max-content;
	}
	.swiper-button-prev {
		margin-right:1rem;
	}
	.swiper-button-prev:after {
		height: 52px;
		content: url(img-hi/arrow-left.svg);
	}
	.swiper-button-next {
		margin-left:1rem;
	}
	.swiper-button-next:after {
		height: 52px;
		content: url(img-hi/arrow-right.svg);
	}
	.swiper-pagination {
		position:relative;
	}
	.swiper-button-next, .swiper-button-prev {
		position: relative;
	}
    .thumbnail-slider .swiper-slide-thumb-active,
    .thumbnail-slider .swiper-slide-hidden {
      display: none; /* Ukrywanie miniaturki aktualnie aktywnego slajdu */
    }

    .swiper-button-next,
    .swiper-button-prev {
      color: #000;
    }

    .swiper-pagination-bullet-active {
      background-color: #000;
    }

	@media(max-width:1780px){
		#keyPlayers {
			min-height: 1100px;
		}
		.swiper-fade .swiper-slide .image img{
			max-height:790px;
		}
		.swiper-fade .swiper-slide .title h2 {
			font-size: 5.8rem;
		}
		.swiper-fade .swiper-slide .description {
			transform: translateX(-50%);
		}
	}
	@media(max-width:1650px){
		.key-player {
			background-position: -13% 0;
		}
		.thumbnail-slider {
			width: 46%;
		}
		.main-slider .swiper-slide {
			width: 100% !important;
		}
		.swiper-fade .swiper-slide .description {
			transform: translateX(-20%);
		}
	}
	@media(max-width:1550px){
		.key-player {
			background-position: -20% 0;
		}
		.swiper-fade .swiper-slide .image {
			left: 8rem;
		}
	}
	#keyPlayersMobile {
		display:none;
	}
	@media(max-width:992px){
		
		#keyPlayers {
			display:none;
		}
		#keyPlayersMobile {
			display: block;
			margin: 3rem 0 0 0;
			width: 100%;
			overflow: hidden;
			max-width: 100vw;
		}
		#keyPlayersMobile .slider {
			position: relative;
			width: 100%;
			height: 810px;
			overflow: hidden;
			margin-bottom: 20px;
		}
		#keyPlayersMobile .slides {
			position: relative;
		}
		#keyPlayersMobile .slide {
			width: 100%;
			height: 632px;
			justify-content: center;
			align-items: center;
			font-size: 24px;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			transition: opacity 0.5s ease-in-out;
			z-index: 0;
		}
		#keyPlayersMobile .slide .title{
			position: absolute;
			left: 1rem;
			top: 2rem;
			width: 165px;
		}
		#keyPlayersMobile .slide .title h2{
			font-size: 2rem;
			color: #fff;
		}
		#keyPlayersMobile .slide .photo{
			background: url(img-hi/sliderKeyPlayerBck.png) no-repeat;
			height: 632px;
			position: relative;
		}
		#keyPlayersMobile .slide .photo img{
			max-height: 480px;
			position: absolute;
			bottom: 0;
			left: 2rem;
		}
		#keyPlayersMobile .slide .description {
			padding: 1.5rem;
			text-align: left;
		}
		#keyPlayersMobile .slide .description p {
			font-size:0.975rem;
		}
		#keyPlayersMobile .slide.active {
			opacity: 1;
			z-index: 1;
		}
		#keyPlayersMobile .thumbnail-content{
			display: flex;
            justify-content: center;
            align-items: center;
            width: 100vw;
            overflow: hidden; /* Ukrywa nadmiar */
		}
		#keyPlayersMobile .thumbnails {
			display:flex;
		}
		#keyPlayersMobile .thumbnail .photo{
			height:184px;
		}
		#keyPlayersMobile .thumbnail .photo .background{
			background: #D9D9D9;
			height: 100%;
			width: 93px;
			position: absolute;
			z-index: 1;
			left: 50%;
			transform: translateX(-50%);
		}
		#keyPlayersMobile .thumbnail .photo img{
			position: absolute;
			z-index: 2;
			left: 50%;
			height: 100%;
			transform: translateX(-50%);
		}
		#keyPlayersMobile .thumbnail .description p{
			padding: 0px 1.5rem;
			line-height: 14px;
			font-size: 9px;
			text-align: left;
		}
		#keyPlayersMobile .thumbnail .description .title{
			text-align: left;
			padding: 0 1.5rem;
			font-size: 0.8rem;
		}
		#keyPlayersMobile .thumbnail {
			width: 30%;
			min-width: 190px;
			height: 330px;
			text-align: center;
			line-height: 50px;
			cursor: pointer;
			transition: opacity 0.3s ease-in-out;
		}
		#keyPlayersMobile .thumbnail.active {
			display: none;
		}
		#keyPlayersMobile .thumbnail:not(.active):hover {
			opacity: 0.9;
		}
	}
	@media(max-width:560px){
		#keyPlayersMobile .slide .photo{
			background-position: 75% 0;
		}
		#keyPlayersMobile .slide .photo img {
			left: 1rem;
		}
	}

/****************** Footer **********************/
	footer{
		background-color:#000;
		padding:5.625rem 0;
	}
	footer .socials{
		list-style:none;
		display:flex;
		gap:10px;
		margin-bottom:0;
	}
	footer .socials .social-round{
		background-color:#258900;
		border-radius:50%;
		width: 45px;
		height: 45px;
		display: flex;
		justify-content: center;
		align-items: center;
		transition:0.3s ease;
	}
	.m-t-b-25{
		margin:2.5rem 0;		
	}
	.m-t-b-143{
		margin:1.43rem 0;		
	}
	footer hr{
		background-color:#1F1F1F;
		opacity:1;
	}
	footer .socials .social-round:hover{
		opacity:0.8;
	}
	footer .socials .social-round svg{
		fill:#fff;
	}
	footer .row{
		gap:0;
	}
	footer .copyright{
		list-style:none;
		display:flex;
		gap:25px;
		margin-bottom:0;
		margin-left:0;
		font-size:0.875rem;
		color:#B3B3B3;
		padding-left:0;
	}
	footer .copyright a{
		text-decoration:none;
		font-size:0.875rem;
		color:#B3B3B3;
		transition:0.3s ease;
	}
	footer .newsletter-text {
		color:#FFFBE8;
		font-size:1.75rem;
	}
	footer form input {
		background-color:#FFFBE8!important;
		color:#E39A9A!important;
		font-size:0.875rem!important;
		height:3.375rem!important;
	}
	
	footer .cert-title{
		font-size:1.250rem;
		color:#B3B3B3;
		margin-bottom:0.5rem;
	}
	
	footer .certificates {
		list-style:none;
		margin-left:0;
		padding-left:0;
		display:flex;
		gap:1.5rem;
	}
	
	
	input[type=checkbox]+span:before, input[type=checkbox]+label:before {
		width:1.5rem;
		height:1.5rem;
	}
	input[type=checkbox]+span:after, input[type=checkbox]+label:after {
		width:1.3rem;
		height:1.3rem;
		top: .2rem;
		left: .2rem;		
	}
	input[type=checkbox]:checked+span:before, input[type=checkbox]:checked+label:before {
		--tw-border-opacity: 1;
		border-color: rgba(0, 149, 62, 1);
		background-color: rgba(0, 149, 62, 1);
		background-color: rgba(0, 149, 62, 1);
	}
	input[type=checkbox]+span, input[type=checkbox]+label {
        font-size: 0.875rem;
		color:#F6F6F6;
        line-height: 1.5;
		font-family: "Montserrat", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		padding-top:0;
    }

	#contactForm form.wpcf7-form .wpcf7-submit {
		color: #fff;
		opacity: 0.8;
		width:100%;
		line-height: 1.5;
		font-family: "Montserrat", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
	    background-image: linear-gradient(to right, #78B72A, #00953E);
		background-image: linear-gradient(to right, var(--tw-gradient-stops));
		--tw-gradient-from: #78B72A;
		--tw-gradient-to: rgba(120, 183, 42, 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
		--tw-gradient-to: #00953E;
	}
	form.wpcf7-form .wpcf7-submit:hover {
		color:#fff!important;
		opacity:0.8;
		background-image: linear-gradient(to right, var(--tw-gradient-stops));
		--tw-gradient-from: #00953E;
		--tw-gradient-to: rgba(0, 149, 62, 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
		--tw-gradient-to: #00953E;
	}
	form.wpcf7-form .wpcf7-not-valid-tip {
        font-size: 0.875rem;
        line-height: 1;
        font-weight: 400;
    }
	form.wpcf7-form.invalid .wpcf7-response-output, form.wpcf7-form.failed .wpcf7-response-output {
		--tw-bg-opacity: 1;
		background-color: #fff;
		color:#e51a1a;
        font-size: 0.875rem;
        line-height: 1;
        font-weight: 400;
	}
	@media(max-width:1400px){
		input[type=checkbox]+span, input[type=checkbox]+label {
			font-size: 0.675rem;
		}
	}
	@media(max-width:992px){
		footer .socials {
			justify-content: center;
			margin-top:2.5rem;
			padding-left: 0;
		}
		footer .socials .social-round {
			background-color: #2E2E2E;
		}
		footer .brand-footer-logo{
			display: flex;
			justify-content: center;
		}
		footer .certificates {
			justify-content: center;
		}
		footer .newsletter-text {
			margin: 2rem 0;
		}
		footer form .btn{
			width:100%;
		}
		footer input[type=checkbox]+span,footer input[type=checkbox]+label {
			font-size: 0.675rem;
			text-align: left;
		}
		footer .copyright {
			display: block;
		}
		footer .copyright li{
			margin-bottom:0.5rem;
		}
	}
	.show-desktop{
		display:block!important;
	}
	.show-mobile{
		display:none!important;
	}
	.show-desktop-flex{
		display:flex!important;
	}
	.show-mobile-flex{
		display:none!important;
	}
	.certs-mobile{
		display:none!important;
	}
@media(max-width:992px){
	.show-desktop {
		display:none!important;
	}
	.show-mobile{
		display:block!important;
	}
	.show-desktop-flex{
		display:none!important;
	}
	.show-mobile-flex{
		display:flex!important;
	}
	.certs-mobile{
		display:block!important;
	}
}
@keyframes pulse {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}