#all-games-tiles {
  scroll-margin-top: 100px; /* adjust based on header height */
}

.servicelinks-holder .inner-servicelink{
	max-width: 50%;
	display: flex;
	flex-direction: column;
	position: relative;
	background: rgba(0, 0, 0, 0);
}
.servicelinks-holder .servicelink-inner{
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0);
	display: flex;
	flex-direction: column;
}
.servicelinks-holder .inner-servicelink .servicelink-image{
	width: 100%;
	display: block;
	background: #f4f4f4;
	height: 100%;
	aspect-ratio: 4/2;
	z-index: 1;
	margin: 0;
	padding: 0;
	position: relative;
}
.servicelinks-holder .inner-servicelink picture.servicelink-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
} 
.servicelinks-holder .servicelink-inner-content {
  position: relative;
  z-index: 2;
  background: #fff;
  width: calc(100% - 60px);
  transform: translateY(-80px);
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 20px 40px;
  margin: 0 auto -80px;
  display: block;
	
}

a.servicelink-link {
    background-color: var(--wp--preset--color--gold) !important;
    padding: 20px 40px !important;
    display: block;
    width: 250px;
    font-family: 'rugenexpanded';
    margin: 0 auto;
    color: #000 !important;
}

a.servicelink-link:hover {
    background-color: #000 !important;
    color: #FFF !important;
}

.servicelinks-holder .inner-servicelink  .servicelink-inner-content h2{
	/* line-height: 37px; */
	position: relative;
	padding-bottom: 50px;
}
.servicelinks-holder .inner-servicelink  .servicelink-inner-content h2:after{
	content: "";
	width: 80px;
	height: 40px;
	background: url('/wp-content/themes/vGolf/blocks/inner-servicelink/images/vgolf-icon.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0px;
	left:50%;
	translate: -50% 0;
}
.servicelinks-holder .inner-servicelink  .servicelink-inner-content h2 a,
.servicelinks-holder .inner-servicelink  .servicelink-inner-content p.linked-desc a{
	color: var(--text-colour);
}

.servicelinks-holder .inner-servicelink  .grid-twocol .servicelinks-grid li.servicelink-wide{
	width: 100%;
	aspect-ratio: 2/1;
}

.servicelinks-holder.grid-threecol .servicelinks-grid .inner-servicelink h2{
	font-size: 1.1em;
}
.servicelinks-holder.grid-fourcol .servicelinks-grid .inner-servicelink h2{
	font-size: 0.8em;
}


@media screen and (max-width: 700px) {
	.servicelinks-holder.grid-twocol .servicelinks-grid li {
    max-width: 100%;
}
}

@media (max-width: 600px) {
	.servicelinks-holder .servicelink-inner-content {
	    width: 100%;
	    margin: 80px auto -80px;
	}
}