/* =========================
   CATEGORIES SECTION
========================= */

.categories-section{

padding:100px 0;

background:#f8fafc;

}

.section-heading{

max-width:700px;

margin:auto auto 60px;

}

.section-badge{

display:inline-block;

padding:8px 18px;

border-radius:50px;

background:#dbeafe;

color:#2563eb;

font-size:14px;

font-weight:700;

margin-bottom:15px;

}

.section-heading h2{

font-size:42px;

font-weight:800;

color:#0f172a;

margin-bottom:15px;

}

.section-heading p{

font-size:17px;

color:#64748b;

}

.category-card{

display:block;

background:#fff;

padding:35px;

height:100%;

border-radius:24px;

text-decoration:none;

border:1px solid #e5e7eb;

transition:.35s ease;

position:relative;

overflow:hidden;

}

.category-card:hover{

transform:translateY(-10px);

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

border-color:#2563eb;

}

.category-icon{

width:75px;
height:75px;

display:flex;
align-items:center;
justify-content:center;

border-radius:18px;

background:
linear-gradient(
135deg,
#2563eb,
#60a5fa
);

color:#fff;

font-size:30px;

margin-bottom:20px;

}

.category-card h3{

font-size:22px;

font-weight:700;

margin-bottom:12px;

color:#0f172a;

}

.category-card p{

color:#64748b;

line-height:1.7;

margin-bottom:20px;

}

.category-card span{

font-weight:700;

color:#2563eb;

}

.category-card span i{

margin-left:5px;

transition:.3s;

}

.category-card:hover span i{

margin-left:12px;

}

@media(max-width:768px){

.categories-section{

padding:70px 0;

}

.section-heading h2{

font-size:30px;

}

.category-card{

padding:25px;

}

}