.vacatures {
	z-index: 2;
	position: relative;
 }

 .vacature_slider {
	width: 100%;
	height: calc(100% - 3rem);
	text-align: center; 
	position: relative;
    border-radius: 0.8rem;
    overflow: hidden;
}

 .vacature_info {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; 
    width: 100%;
	height: 100%;
	display: flex; 
    color: #fff;
	position: relative;
	background: linear-gradient(53deg, #1ACDAA -8.8%, #16A085 70.09%); 	
}

 .vacature_info::-webkit-scrollbar {
	width: 0px;
	height: 0px;
  } 

.vacature_info_item {
    scroll-snap-align: start;
    flex-shrink: 0;
    width: 100%; 
	color: #FFF;
	text-align: left;
}

.vacature_info_item_inner {
	padding: 4rem;
	position: relative;
	z-index: 1;
}

.vacature_slider::after {
	content: '';
	display: block;
	width: 100%; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='118' viewBox='0 0 480 118' fill='none'%3E%3Cpath d='M362.816 27.3083C411.511 20.735 461.228 35.525 480 43.7417L480 108C480 113.523 475.523 118 470 118L10 118C4.47714 118 3.91405e-07 113.523 8.74228e-07 108L1.03159e-05 -4.19629e-05C6.63008 3.14163 29.7154 13.8716 69.0165 31.6583C118.143 53.8916 156.485 54.6166 203.694 54.6166C265.402 54.6166 301.947 35.525 362.816 27.3083Z' fill='%2316A085'/%3E%3C/svg%3E");
    background-position: 0 2rem;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    aspect-ratio: 480 / 118;
}

.vacature_info_item_quote {
	margin-bottom: 3rem;
}

.vacature_info_item_quote:after {
    content: "\f10d";
    font-family: 'Font Awesome 6 Pro';
    margin-left: 0rem;
    display: flex;
    transition: 0.3s transform;
    width: 9.6rem;
    height: 6.6rem;
    font-weight: 600;
    font-size: 3.6rem;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="63" height="45" viewBox="0 0 63 45" fill="none"><path d="M15.0874 2.72169C15.6792 1.17237 17.1656 0.148926 18.8241 0.148926H58.032C60.8179 0.148926 62.7506 2.92569 61.783 5.53819L48.1934 42.2301C47.6122 43.7992 46.1157 44.8408 44.4424 44.8408H4.80964C2.00648 44.8408 0.0727397 42.0322 1.07293 39.4136L15.0874 2.72169Z" fill="%23FFFFFF" opacity="0.2"/></svg>');  
}

.vacature_info_item_tekst {
	font-size: 3.2rem;
	font-style: italic;
	font-weight: 600;
	line-height: 3.6rem;
	margin-bottom: 3rem;
}

.vacature_info_item_naam {
	font-size: 2.4rem; 
	font-weight: 600;
	line-height: 2.8rem;
}

.vacature_info_item_achternaam {
	font-size: 1.6rem; 
	font-weight: 400;
	line-height: 3.8rem;
}

/* slider controls */
.vacature_controls {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.vacature_links { 
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.slider-link {
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--donkergrijs); 
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.slider-link:hover { 
	background-color: var(--lichtgroen); 
}
.slider-link.active {
	background-color: var(--groen); 
}
.vacature_control_buttons {
    display: flex; 
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-1.75rem);
}

.vacature_control_buttons .prev,
.vacature_control_buttons .next {
	color: var(--oranje); 
    display: block;
    padding: 1rem;
    font-weight: 300;
    font-size: 3rem;
	opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: auto;
	cursor: pointer;
} 
 
.vacature_control_buttons .prev[disabled],
.vacature_control_buttons .next[disabled] {
    opacity: 0.5;
    pointer-events: none; /* Disable interactions when disabled */
}
 
/* vacature posts */
.vacature_item {
    border-radius: 0.8rem;
    border: 1px solid rgba(22, 160, 133, 0.25);
    background: #FFF;
    box-shadow: 0px 30px 40px 5px rgba(0, 0, 0, 0.20);
    margin-bottom: 3rem;
	display: flex;
    text-decoration: none;
}

.vacature_tekst_wrap {
    padding: 1.8rem;
    display: flex; 
}

.vacature_tekst_wrap h3 {
	font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
	transition: all 0.3 ease-in-out;
}

.vacature_text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; /* Limits to 2 lines */
    line-height: 1.5; /* Adjust based on your design */
    max-height: calc(1.5em * 2); /* 2 lines of content */
	color: #000;
	transition: all 0.3s ease-in-out;
}

.vacature_term {
    color: #000;
    display: flex; 
}

.vacature_term .regio {
    margin-block: 0.5rem;
    display: flex;
    align-items: center;
}

.vacature_term .regio i  {
    display: none;
}

.vacature_term .regio:first-child i {
    display: block;
}

.vacature_term .regio:last-child span {
    display: none;
}

.vacature_term .regio i {
    color: var(--oranje);
	padding-right: 1rem;
}

.vacature_tekst_wrap .link {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

a.vacature_item:hover .vacature_text  {
	opacity: 0.7;
}

a.vacature_item:hover  .vacature_tekst_wrap h3 {
	color: var(--lichtgroen);
}

@media (max-width:1199px) {
	
	.vacature_slider { 
		height: calc(100% - -8rem); 
	}
	
	.col-xl-8.col-12.vacature_overzicht_col {
		margin-top: 17rem;
	}

    .vacature_info_item_tekst {
        font-size: 2.2rem; 
        line-height: 2.6rem; 
    }

    .vacature_info_item_quote:after { 
        width: 7.6rem;
        height: 5.6rem; 
        font-size: 2.6rem;
     }
}

@media (max-width:991px) { 
    .vacature_item { 
        margin-bottom: 1rem; 
    }
}