/*=================================
GLOBAL
=================================*/

.container{

max-width:var(--container);

margin:auto;

padding-inline:20px;

}

.section{

padding:var(--section-space) 0;

}

.title{

font-size:48px;

font-weight:800;

line-height:1.1;

color:var(--dark);

margin-bottom:18px;

}

.subtitle{

font-size:18px;

color:var(--text-light);

max-width:650px;

margin:auto;

}

.text-center{

text-align:center;

}

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:12px;

padding:16px 34px;

border-radius:50px;

font-size:15px;

font-weight:700;

transition:var(--transition);

}

.btn-primary{

background:var(--primary);

color:#fff;

box-shadow:var(--shadow-md);

}

.btn-primary:hover{

transform:translateY(-3px);

background:var(--primary-hover);

}

.btn-outline{

border:2px solid var(--primary);

color:var(--primary);

}

.btn-outline:hover{

background:var(--primary);

color:#fff;

}

.badge{

display:inline-flex;

padding:8px 18px;

border-radius:50px;

background:#FFF6E8;

color:var(--primary);

font-size:13px;

font-weight:700;

letter-spacing:.4px;

text-transform:uppercase;

}

.card{

background:#fff;

border-radius:var(--radius-md);

box-shadow:var(--shadow-sm);

transition:var(--transition);

}

.card:hover{

transform:translateY(-8px);

box-shadow:var(--shadow-lg);

}

.grid{

display:grid;

gap:30px;

}