.blijmakers{
  position: relative;
  border-radius: 16px;
  padding: clamp(10px, 2vw, 20px);
}

.stage-img{
 display: block;
  margin: 0 auto;                  
  height: 80vh;
  width: auto;                     
  max-width: 500px;                
  border-radius: 60% / 60%;        
  object-fit: fill;                
}

.stage-lines{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  stroke: #f2a900;          
  stroke-width: 4;
  stroke-linecap: round;
  display: none;
}

.badge{
  position: absolute;
  background: #ffc342;      
  border-radius: 999px;
  width: clamp(140px, 18vw, 200px);
  height: clamp(140px, 18vw, 200px);
  padding: clamp(10px, 1.6vw, 16px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  display: none;            
    overflow: hidden;          
  text-align: center;        
  display: flex;             
  flex-direction: column;    
  justify-content: center;   
  align-items: center;       
  box-sizing: border-box;   
}

.badge .num{
  width: clamp(34px, 4.2vw, 48px);
  height: clamp(34px, 4.2vw, 48px);
  border-radius: 999px;        
  display: grid; place-items: center;
  margin-bottom: .35rem;
  margin: 0 auto;
  font-size: 3rem;
}
.badge .num .nw{
  color: #fff;          
}
.badge .num .nr{
  color: #801516;          
}


.badge h6{
	color: #801516;
  font-weight: 700;
  margin: 0 0 .25rem 0;
}

.b1{ left: -10%;  top: -10%; background: #f9b233; }
.b2{ right: -15%; top: 7%; background: #ffe163; }
.b3{ left: -18%;  top: 35%; background: #ffe163;}
.b4{ right: -10%; top: 45%; background: #f9b233; }
.b5{ left: 0%; bottom: 15%; background: #f9b233;}

@media (min-width: 768px){
  .badge{ display: block; }
  .stage-lines{ display: block; }
}

@media (hover:hover){
  .badge:hover{ transform: translateY(-2px); transition: .15s ease; }
}

.mb-0 {
	font-size :1rem !important;
	font-weight: 500;
	line-height: 2;
	color: #801516;
}