/* =========================
   LATEST TESTS
========================= */

.latest-tests-section{

padding:100px 0;

background:#ffffff;

}

.test-card{

background:#fff;

padding:30px;

height:100%;

border-radius:24px;

border:1px solid #e5e7eb;

transition:.35s ease;

box-shadow:
0 8px 25px rgba(0,0,0,.04);

}

.test-card:hover{

transform:translateY(-8px);

border-color:#2563eb;

box-shadow:
0 20px 50px rgba(37,99,235,.12);

}

.test-top{

display:flex;

justify-content:flex-end;

margin-bottom:20px;

}

.test-badge{

padding:8px 15px;

border-radius:50px;

background:#dbeafe;

color:#2563eb;

font-size:13px;

font-weight:700;

}

.test-card h3{

font-size:22px;

font-weight:700;

margin-bottom:20px;

color:#0f172a;

line-height:1.4;

}

.test-meta{

display:flex;

flex-direction:column;

gap:12px;

margin-bottom:25px;

}

.test-meta div{

color:#64748b;

font-size:15px;

}

.test-meta i{

margin-right:8px;

color:#2563eb;

}

.start-test-btn2{

display:flex;

justify-content:center;

align-items:center;

gap:8px;

padding:14px;

border-radius:14px;

text-decoration:none;

font-weight:700;

background:
linear-gradient(
135deg,
#2563eb,
#3b82f6
);

color:#fff;

transition:.3s;

}

.start-test-btn2:hover{

color:#fff;

transform:translateY(-2px);

}

.view-all-tests{

display:inline-flex;

align-items:center;

gap:10px;

padding:16px 30px;

border-radius:50px;

text-decoration:none;

font-weight:700;

background:#0f172a;

color:#fff;

}

.view-all-tests:hover{

color:#fff;

}

@media(max-width:768px){

.latest-tests-section{

padding:70px 0;

}

.test-card{

padding:25px;

}

}