.section header {
	position: relative;
}

.section__intro {
	font-family: var(--family2);
	font-weight: var(--font-weight__h2);
	font-size: var(--font-size__h2);
	line-height: var(--line-height__h2);
}

.section__thumb {
	position: absolute;
	top: calc(var(--s40) * -1); 
	right: calc(var(--s10) * -1); 
	width: 60px;
	margin: 0;
}



.karierci__intro {
	text-align: center;
}

.karierci__intro h1 {
	margin-bottom: var(--s20);
}

.theme--yellow .header__intro h2 {
	color: var(--color__black);
}



.kamNaprej {
	text-align: center;
}

.kamNaprej h2 {
	font-size: var(--sizeh1);
	color: var(--color__red);
}

.kamNaprej__kategorijeButtons {
	margin-top: var(--s40);
}

.kamNaprej__kategorijeButtons p {
	margin-bottom: var(--s20); 
	font-weight: var(--weight__bold);
	text-transform: uppercase;
	text-align: left;
}

.kamNaprej__kategorijeButtons > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--s15);
}



.kamNaprej__kategorijeBoxes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--s15);
	
	margin-top: var(--s20);
}

.kamNaprej__box {
	padding: var(--s15);
	
	color: var(--color__black);
	box-shadow: var(--shadow__blue);
	border-radius: 0.5em;
	border: 1px solid var(--color__black);
	text-decoration: none;
	text-align: left;
}

.kamNaprej__boxInfo {
	position: relative;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	margin-bottom: var(--spacing1);
	
	font-weight: var(--weight__bold);
}

.kamNaprej__boxInfo img {
	position: absolute;
	right: 0;
	bottom: 2px;
	width: 40%;
	max-width: 6em;
	flex: 0 0 auto;
	min-width: 0;
}

.kamNaprej__boxInfo > div {
	flex: 0 0 auto;
	font-family: var(--family2);
	font-weight: var(--font-weight__card-category-title);
	font-size: var(--font-size__card-category-title);
	line-height: var(--line-height__card-category-title);
} 

.kamNaprej__boxInfo > div > strong {
	font-family: var(--family2);
	font-weight: var(--font-weight__card-category-number);
	font-size: var(--font-size__card-category-number);
	line-height: var(--line-height__card-category-number);
} 

.kamNaprej__boxInfo + p {
	font-family: var(--family3);
	font-weight: var(--font-weight__card-category-text);
	font-size: var(--font-size__card-category-text);
	line-height: var(--line-height__card-category-text);
} 











.partnerstvo {
	position: relative;
	text-align: center;
}





.partnerji {
	overflow: hidden;
	grid-column: 1 / -1;
	
	margin-top: var(--spacing);
	margin-bottom: var(--s40);
}

.partnerji .swiper {
	padding: 0 var(--s15);
}

.partnerji .swiper-wrapper {
	display: flex;	
	padding: var(--spacing1) 0;
	overflow: visible;
}

.partnerji__partner {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	
	padding: var(--s15);
	
	aspect-ratio: 3 / 2;
	background-color: var(--color__white);
	box-shadow: var(--shadow__blue);
	border-radius: 0.5em;
	border: 1px solid var(--color__black);
}

	.partnerji__partner:hover {
		box-shadow: var(--shadow__blue--hover);
		transition: box-shadow .3s;
	}	

.partnerji__partner img {
	max-height: 100%;
}












.testimonials {
	margin-top: var(--s40);
	padding-bottom: var(--s20);
}

.testimonials .swiper {
	padding-bottom: var(--s20);
}

.testimonial {
	--flow-space: 10px;
	
	position: relative;
	padding: var(--s7);
	
	background-color: var(--color__white);
	box-shadow: var(--shadow__blue);
	border-radius: 0.5em;
	border: 1px solid var(--color__black);
	text-align: left;
}	

.testimonial > img {
	width: 24px;
}

.testimonial h3 {
	font-family: var(--family2);
	font-weight: var(--font-weight__card-title);
	font-size: var(--font-size__card-title);
	line-height: var(--line-height__card-title);
}

.testimonial p {
	font-family: var(--family3);
	font-weight: var(--font-weight__card-text);
	font-size: var(--font-size__card-text);
	line-height: var(--line-height__card-text);
}
.testimonial__info {
	font-family: var(--family3);
	font-weight: var(--font-weight__card-meta-text);
	font-size: var(--font-size__card-meta-text);
	line-height: var(--line-height__card-meta-text);
}

.testimonial h3,  
.testimonial p, 
.testimonial__info {
	position: relative;
	z-index: 2;
}
	
.testimonial__info {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	
	margin-top: var(--spacing);
	
}

.testimonial__info img {
	width: 6em;
	border-radius: 50%;
}










@media (min-width: 65em) {
	.kamNaprej__kategorijeButtons > div, 
	.kamNaprej__kategorijeBoxes {
		grid-template-columns: repeat(4, 1fr);
		gap: var(--s40);
	}
	
	.kamNaprej__kategorijeBoxes {
		margin-top: var(--s40);
	}
	
	.kamNaprej__box {
		padding: var(--s30) var(--s20);
	}
	

	
	.section__thumb {
		width: 130px;
		right: 0;
		top: calc(var(--s30) * -1);
	}
	
	.novice footer {
		margin-top: var(--s40);
	}
	
	
	
	
	.partnerji {
		overflow: visible;
		grid-column: 2 / -2;
		
		margin-bottom: var(--s80);
	}


	.partnerji .swiper {
		padding: 0 var(--s15);
	}

	.partnerji .swiper-wrapper {
		overflow: visible;
	}
	
	.testimonials {
		margin-top: var(--s40);
	}
	
	.testimonial {
		padding: var(--s20);
		aspect-ratio: 1;
	}
	
	.section__thumb {
		top: calc(var(--s50) * -1); 
	}
	
	.ws--F .section__thumb { 
		right: calc(var(--s10) * -1); 
	}
}







.testWrap {
	position: fixed;
	top: 20%;
	left: 0;
	width: 100%;
	z-index: 100;
}

.test {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	margin-top: 0.4rem;
	
	font-size: 3em;
	font-weight: 900;
	background-color: rgba(255, 255, 255, 0.5);
	border: 3px solid rgba(0,0,0,0.5)
}

.test:hover {
	background-color: rgba(255, 0, 0, 0.5);
}