/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 12 2025 | 07:51:12 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&family=Noto+Sans:wght@400;600;700;800&display=swap');
html {
  scroll-behavior: smooth;
}

.e-con {
	padding:0px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
	color: #1A1A1A;
}
.contest-section {
	padding: 20px 30px;
	margin-bottom: 50px;
	text-align: left;
	max-width: 600px;
}
.title-wrapper {
	display: flex;
	align-items: center;
}
.title-background {
	font-family: 'Noto Sans', sans-serif;
	font-size: 49px;
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0.2);
	padding-bottom: 28px;
}
.prizes-background {
	font-size:66px;
	text-align: center;
}
.title-highlight {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #E97231;
}
.contest-title {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 600;
	font-size: 28px;
	margin-top: 28px;
	margin-bottom: 33px;
}
.title-line {
	padding-left: 13px;
	height: auto;
	width: 140px;
	/* Dopasowanie szerokości */
}
.contest-text {
	font-size: 12px;
	margin: 15px 0;
	line-height: 1.6;
	color: #222222;
	font-family: 'Roboto', sans-serif;
}
.contest-image-mobile {
	position: relative;
	text-align: center;
	margin-top: 20px;
	display: block;
}
.contest-konkurs .contest-image-desktop {
	display: none;
}
.contest-image img {
	max-width: 100%;
}
.prize {
	margin: 88px 0;
}
.prize-rank {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto 15px;
	/* Wyśrodkowanie */
}
.zasady-background {
	font-size:77px;
	text-align: center;
}
.prize-rank::before {
	content: "";
	background: url(https://dm69563.domenomania.eu/matbud/wp-content/uploads/2025/02/Rectangle-34.png) no-repeat center;
	background-size: contain;
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: -15px;
	right: 52px;
	z-index: -1;
}
.prize-number {
	font-family: 'Noto Sans', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #1A1A1A;
	position: relative;
	z-index: 1;
}
.prize-image {
	margin-top:30px;
}
.prize-image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 10px auto;
}
.prize-image img.cart {
	width: 223px;
	margin-top: 40px;
	margin-bottom: 30px;
}
.prize-title {
	font-family: 'Noto Sans', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #1A1A1A;
	margin-top: 10px;
}
.prize .contest-text {
	font-size: 14px;
	line-height: 140%;
	color: #777777;
}

.prize-3 {
	margin-bottom: 65px !important;
}
/* Styl dla pojedynczego kroku konkursu */
.contest-step {
	text-align: center;
	margin-bottom: 90px;
}
/* Obraz ikony kroku */
.step-image img {
	max-width: 160px;
	/* Dopasowanie wielkości ikony */
	height: auto;
	display: block;
	margin: 55px auto;
}
/* Tytuł kroku */
.step-title {
	font-family: 'Noto Sans', sans-serif;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}
/* Opis kroku */
.contest-step .contest-text {
	text-align: center;
	max-width: 500px;
	margin: 0 auto;
	color: #777777;
	font-size: 14px;
	padding: 0 10px;
}

.container-button {
	text-align: center;
    margin-top: 95px;
    margin-bottom: 30px;
}

/* Kontener FAQ */
.faq-container {
	max-width: 600px;
	/* Ograniczenie szerokości */
	margin: 30px auto;
	/* Wycentrowanie */
}
/* Styl dla każdego pytania FAQ */
.faq-item {
	padding: 15px 0 0 0;
	width: 100%;
}
/* Styl dla pytania */
.faq-question {
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px;
	line-height:120%;
	font-weight: 600;
	color: #1A1A1A;
	border: none;
	width: 100%;
	text-align: left;
	padding: 15px 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
    transition: height 0.5s ease-in-out;
	white-space: normal;
	outline: none !important;
	-webkit-tap-highlight-color: transparent !important;
	box-shadow: none !important;
	background: none !important;
}
.faq-background {
	font-size:70px;
	text-align:center;
}
.faq-question:hover,
.faq-question:active, 
.faq-question:focus {
	color: #1A1A1A;
	outline: none !important;
	box-shadow: none !important;
	background: none !important;
}
.faq-question span {
}
.faq-icon {
	width: 15%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
/* Styl dla ikony strzałki */
.faq-icon img {
	width: 20px;
	height: auto;
	transition: transform 1.2s ease;
}
/* Styl dla odpowiedzi FAQ (domyślnie ukrytej) */
.faq-answer {
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color: #777777;
	display: none;
	padding: 10px 0;
	max-width: 100%;
	line-height: 140%;
}
/* Kontener przycisku */
.rules-button {
	text-align: center;
    margin-top: 70px;
    margin-bottom: 25px;
}
/* Styl dla przycisku */
.b-primary {
	display: inline-block;
	background-color: #E97231;
	color: white;
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	padding: 12px 24px;
	transition: background 0.3s ease;
}
/* Efekt hover */
.b-primary:hover {
	color: #fff !important;
	background-color: #D6601F;
}
/* Efekt kliknięcia */
.b-primary:active {
	color: #fff !important;
	background-color: #B54E10;
}
a:active, a:hover, a:focus {
	color: #fff !important;
	text-decoration: none;
}
/* Sekcja HERO */
.hero-section {
	background: url('https://dm69563.domenomania.eu/matbud/wp-content/uploads/2025/02/Group-75.png') no-repeat center;
	background-size: cover;
	position: relative;
	padding: 80px 20px;
	min-height: 750px;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	top: -60px;
}
/* Układ kontenera */
.hero-section .container {
}
.hero-content {
	background-color: #00000080;
	padding: 20px;
	top: 70px;
	position: relative;
}
/* Styl nagłówka */
.hero-title {
	font-family: 'Noto Sans', sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: white;
	margin-bottom: 15px;
}
/* Wyróżnienie w nagłówku */
.highlight {
	color: #faa61a;
}
/* Opis sekcji */
.hero-text {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: white;
	margin-bottom: 30px;
}
/* Sekcja samochodu */
.hero-image {
	position: absolute;
	bottom: 30px;
	right: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
/* Obraz samochodu */
.tesla-car {
	max-width: 60%;
	height: auto;
	margin-right: 0px;
}
.desktop-break {
	display: inline;
}
/* only mobile */
@media screen and (max-width: 768px) {
	.prize-end {
		margin-bottom: 50px !important;
	}
}
/* desktop */
/*  */
@media screen and (min-width: 1024px) {
	/* Ogólny kontener sekcji */
	.contest-section {
		max-width: 1320px;
		/* Szersza wersja dla desktopu */
		margin: 0 auto;
		/* Wycentrowanie */
		padding: 100px 40px;
		/* Większe odstępy */
		display: flex;
		justify-content: center;
	}
	/* Dla wyrównania treści w sekcjach */
	.contest-section .container {
		position: relative;
		z-index: 2;
	}
	.b-primary {
		font-size: clamp(12px, 1.4vw, 18px);
		padding: 18px 36px;
	}
	.title-wrapper {
		justify-content: center;
	}
	.title-highlight {
		font-size: 24px;
	}
	.title-line {
		padding-left: 15px;
		width: 250px;
	}
	.contest-title {
		font-size: 54px;
		text-align: center;
		margin-top: 28px;
		margin-bottom: 33px;
	}
	.regulamin-title {
		width: 900px;
		place-self: center;
	}
	.rules-button {
		margin-top: 80px;
	}
	/* Sekcja FAQ */
	.faq-container {
		max-width: max-content;
		margin: 0 auto;
	}
	.faq-question {
		font-size: 38px;
	}
	.faq-answer {
		font-size: 18px;
		max-width: 80%;
	}
	.faq-icon img {
		width: 24px;
	}
	.faq-item {
		padding: 25px 0 0 0;
		margin: 10px 0;
		display: inline-grid;
	}
	.faq-background {
		font-size: 190px;
		text-align: center;
		z-index: -1;
		position: absolute;
		top: -93px;
		left: 25px;
		-webkit-text-stroke: 1px #C2C2C2;
	}
	/* 	Zasady */
	/* Układ kroków konkursu w 4 kolumnach */
	.rules-steps {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 30px;
		margin-top: 50px;
	}
	/* Pojedynczy krok konkursu */
	.contest-step {
		width: 23%;
		/* Równe kolumny */
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 0px;
		padding: 0;
	}
	/* Ikona kroku */
	.step-image img {
		width: 160px;
		margin-top:52px;
		margin-bottom: 65px;
	}
	/* Tytuł kroku */
	.step-title {
		font-size: 32px;
		margin-bottom: 30px;
	}
	/* Opis kroku */
	.contest-step .contest-text  {
		font-size: 18px;
		color: #777777;
		line-height: 140%;
		max-width: 90%;
	}
	.zasady-background {
		position: absolute;
		right: 10px;
		top: -123px;
		font-size: 155px;
		-webkit-text-stroke: 1px #C2C2C2;
		z-index: -1;
	}
	
	.container-button {
		text-align: center;
		margin-top: 112px;
		margin-bottom: 50px;
	}
	
	
	/* Sekcja Nagrody */
	.prizes-container {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		/* Równa wysokość */
		gap: 60px;
		margin-top: 50px;
	}
	
	.prizes-background {
		font-size: 150px;
		text-align: center;
		z-index: -1;
		position: absolute;
		top: -95px;
		left: -10%;
		-webkit-text-stroke: 1px #C2C2C2;
	}
	.prize {
		width: 30%;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 30px;
        margin-bottom: 10px;
	}
	.prize-title {
		font-size:32px;
		white-space: normal;
		word-wrap: break-word;
		display: block;
		margin-top: 20px;
	}
	.prize-image img.cart {
		width: 240px;
		margin-top: 0px;
		margin-bottom: 12px;
	}
	.prize-image {
		margin-top: 5px;
	}
	.prize-image img {
		margin: 0px ;
	}
	.prize .contest-text {
		font-size: 18px;
		margin-top: 30px;
	}
	.desktop-break {
		display: block;
	}
	
	.prize-1 .prize-image {
		margin-bottom: 33px;
	}
	
	/* konkurs	  */
	.contest-konkurs {
		justify-content: space-between;
		position: relative;
		padding-bottom: 30px;
	}
	.konkurs-background {
		position: absolute;
		top: -37px;
		left: 59%;
		transform: translateX(-50%);
		font-size: 155px;
		font-weight: 700;
		-webkit-text-stroke: 1px #C2C2C2;
		z-index: 0;
		text-align: center;
		width: fit-content;
        white-space: nowrap;
	}
	/* Blok obrazu */
	.contest-image-desktop {
		width: 55%;
		text-align: left;
		margin: 0;
		left: -13%;
		position: relative;
	}
	.contest-image-desktop img {
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	/* Tekst obok obrazu */
	.contest-text-container {
		width: 45%;
		position: relative;
		top: 60px;
	}
	.contest-konkurs .contest-title {
		font-size: 54px;
		font-weight: 600;
		margin-bottom: 40px;
		text-align:left;
	}
	.contest-konkurs .title-wrapper {
		justify-self: left;
	}
	.contest-text {
		font-size: 16px;
		color: #222222;
		line-height: 1.4;
	}
	.contest-konkurs .contest-image-desktop {
		display:block;
	}
	.contest-image-mobile {
		display: none;
	}
	
	
	/*  glowny baner */
	.hero-section {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 112vh;
        background: url(https://dm69563.domenomania.eu/matbud/wp-content/uploads/2025/04/Group-78.png) no-repeat center center;
        background-size: cover;
        position: relative;
        padding: 0;
        margin-bottom: 180px;
	}
		/* Kontener teraz na całą szerokość */
		.hero-section .container {
			display: flex;
			align-items: center;
			justify-content: space-between;
			max-width: 1920px;
			/* 🔥 Rozciągnięcie do 1920px */
			width: 100%;
			padding: 0 60px;
		}
		/*  Ukrywamy osobny obraz Tesli, bo jest już w tle */
		.hero-image {
			display: none;
		}
		/* Dopasowanie tekstu */
		.hero-content {
			text-align: left;
			max-width: 45%;
			padding:31px;
			position: absolute;
			top:29%;
			left: 3%;
		}
		.hero-title {
			font-size: clamp(24px, 3.55vw, 72px);
			margin-bottom:40px;
		}
		.hero-text {
			font-size: clamp(14px, 1.35vw, 20px);
			line-height: 140%;
			margin-bottom:40px;
		}
	}
}

/* tablet sekcja */
@media screen and (min-width: 601px) and (max-width: 1024px) {  
    .contest-section {
    	place-self: center;
	}
	
	
	.hero-section {
		padding: 80px 20px 20px 20px;
	}
	
	.hero-content {
		top: 100px;
	}
	
	.hero-image {
		bottom: -40px;
	}
	.container {
       width: 100% !important;
    }
}

/* hero skecja */
@media screen and (min-width: 1024px) and (max-width: 1200px) {  

}


/* header i footer */
header.header {
    transition: 0.3s allease;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 40px;
    z-index: 15;
}

.page_header {
	display:none;
}

section.learn_more {
    background-color: #ffffff;
	padding: 0 0 4% 0;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    main.content > section {
        padding: 0px 0 30px 0 !important;
    }
}

.col-xs-8 {
    width: 100%;
}

.top {
    background-image: none !important;
	height: 0px !important;
}