/* =====================
SEO TOOLS SECTION
===================== */


.tools-section{

background:
radial-gradient(
circle at left,
rgba(212,175,55,.12),
transparent 35%
),
#050505;

padding:110px 25px;

}





.tools-container{

max-width:1200px;

margin:auto;

}








/* HEADING */


.tools-heading{

max-width:850px;

margin-bottom:70px;

}




.tools-heading h2{

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

line-height:1.1;

letter-spacing:-1.5px;

font-weight:900;

color:white;

margin-bottom:25px;

}




.tools-heading p{

font-size:17px;

line-height:1.8;

color:#bdbdbd;

}




.tools-heading strong{

color:white;

}









/* GRID */


.tools-grid{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:26px;

}







.tools-card{

padding:35px;


border-radius:30px;


background:
linear-gradient(
145deg,
rgba(255,255,255,.08),
rgba(255,255,255,.02)
);


border:
1px solid rgba(212,175,55,.20);


transition:.35s;

}






.tools-card:hover{

transform:
translateY(-8px);


border-color:
rgba(212,175,55,.6);

}







.tools-icon{

width:60px;

height:60px;


display:flex;

align-items:center;

justify-content:center;


font-size:28px;


border-radius:20px;


background:
rgba(212,175,55,.12);


border:
1px solid rgba(212,175,55,.25);


margin-bottom:25px;

}








.tools-card h3{

font-size:21px;

font-weight:900;

color:white;

margin-bottom:15px;

}







.tools-card p{

font-size:15px;

line-height:1.7;

color:#aaa;

}










/* INFO */


.tools-info{

margin-top:55px;


display:flex;

gap:20px;


align-items:center;


padding:32px;


border-radius:30px;



background:
linear-gradient(
135deg,
rgba(212,175,55,.16),
rgba(255,255,255,.04)
);



border:
1px solid rgba(212,175,55,.35);

}







.tools-info span{

width:42px;

height:42px;

min-width:42px;


display:flex;

align-items:center;

justify-content:center;


border-radius:50%;


background:#d4af37;


color:#050505;


font-weight:900;

}






.tools-info p{

font-size:17px;

line-height:1.7;

color:white;

}









/* RESPONSIVE */


@media(max-width:950px){


.tools-grid{

grid-template-columns:
repeat(2,1fr);

}


}





@media(max-width:650px){


.tools-section{

padding:

80px 20px;

}



.tools-grid{

grid-template-columns:1fr;

}



.tools-info{

align-items:flex-start;

}


}