.top-image {
	height: 350px;
	display: grid;
}

.top-image > * {
	grid-area: 1/1/-1/-1;
}

.top-image .overlay {
	background-color: #000;
	opacity: 0.3;
}

.top-image .inner-content {
	display: flex;
	height: 100%;
	justify-content: center;
	z-index: 15;
}

.top-image .inner-content .title {
	align-self: center;
	font-size: 6.250em;
	color: #fff;
	color: var(--white, #fff);
	font-weight: bold;
	text-align: center;
}


.categories-list ul.container{
	counter-reset: my-badass-counter
}

.categories-list ul.container li:before{
	content:"מסלול " counter(my-badass-counter);
	counter-increment: my-badass-counter;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    padding: 5px;
    font-size: var(--font15px);
    color: white;
    border-radius: 4px;
	z-index:9;
	background-color:#81d742;

}



@media (max-width: 1023px) {
	.top-image {
		height: 35vw;
	}
}

@media (max-width: 767px) {
	.top-image .inner-content .title {
		font-size: 3rem;
	}
}