/*=========================================
SEO ARTICLE
=========================================*/

.seo-article-section{

padding:120px 0;

background:#050505;

}

.seo-article-container{

max-width:900px;

margin:auto;

padding:0 20px;

}

.article-header{

text-align:center;

margin-bottom:70px;

}

.article-header h2{

font-size:46px;

font-weight:800;

line-height:1.2;

margin:25px 0;

color:#fff;

}

.article-header p{

font-size:18px;

line-height:2;

color:#c4c4c4;

}

.article-content{

font-size:18px;

line-height:2.1;

color:#d2d2d2;

}

.article-content h3{

font-size:34px;

margin-top:60px;

margin-bottom:20px;

color:#fff;

}

.article-content p{

margin-bottom:25px;

}

.article-content strong{

color:#d4af37;

font-weight:700;

}

.article-links{

margin-top:90px;

padding:40px;

background:#111;

border-radius:24px;

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

}

.article-links h3{

font-size:28px;

margin-bottom:30px;

color:#fff;

}

.topic-grid{

display:grid;

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

gap:18px;

}

.topic-grid a{

padding:18px;

background:#1b1b1b;

border-radius:12px;

text-decoration:none;

font-weight:700;

color:#fff;

transition:.3s;

}

.topic-grid a:hover{

background:#d4af37;

color:#000;

}

@media(max-width:768px){

.article-header h2{

font-size:34px;

}

.article-content h3{

font-size:28px;

}

.topic-grid{

grid-template-columns:1fr;

}

}