<section class="ydts-metrics">

<div class="ydts-metrics-container">

<div class="ydts-metric-card">
<div class="ydts-number">1500+</div>
<div class="ydts-label">Strategic Placements</div>
</div>

<div class="ydts-metric-card">
<div class="ydts-number">60+</div>
<div class="ydts-label">Global Hiring Mandates</div>
</div>

<div class="ydts-metric-card">
<div class="ydts-number">12+</div>
<div class="ydts-label">Industries Supported</div>
</div>

<div class="ydts-metric-card">
<div class="ydts-number">10+</div>
<div class="ydts-label">Global Markets</div>
</div>

<div class="ydts-metric-card">
<div class="ydts-number">500K+</div>
<div class="ydts-label">Candidate Network</div>
</div>

<div class="ydts-metric-card">
<div class="ydts-number">150+</div>
<div class="ydts-label">Leadership Searches</div>
</div>

<div class="ydts-metric-card">
<div class="ydts-number">25+</div>
<div class="ydts-label">Hiring Partners</div>
</div>

<div class="ydts-metric-card">
<div class="ydts-number">6+</div>
<div class="ydts-label">Countries Served</div>
</div>

</div>

</section>

<style>

/* SECTION */

.ydts-metrics{

background:#ffffff;

padding:55px 0 45px 0;
}

/* CONTAINER */

.ydts-metrics-container{

width:min(1320px,94vw);

margin:auto;

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));

gap:22px;
}

/* CARD */

.ydts-metric-card{

background:
linear-gradient(
135deg,
#2563eb,
#1d4ed8
);

border-radius:22px;

padding:30px 22px;

text-align:center;

transition:
all 0.35s ease;

box-shadow:
0 12px 30px rgba(37,99,235,0.14);
}

/* HOVER */

.ydts-metric-card:hover{

transform:
translateY(-6px);

box-shadow:
0 22px 42px rgba(37,99,235,0.22);
}

/* NUMBER */

.ydts-number{

font-size:
clamp(34px,4vw,48px);

font-weight:700;

line-height:1;

letter-spacing:-1.5px;

color:#ffffff;

margin-bottom:10px;
}

/* LABEL */

.ydts-label{

font-size:15px;

line-height:1.5;

font-weight:500;

color:
rgba(255,255,255,0.92);
}

/* MOBILE */

@media(max-width:768px){

.ydts-metrics{

padding:42px 0 34px 0;
}

.ydts-metrics-container{

gap:16px;
}

.ydts-metric-card{

padding:24px 18px;
}

.ydts-number{

font-size:34px;
}

}

</style>