.social-ad-hero{

padding:180px 0 100px;
text-align:center;

}



.social-ad-hero h1{

font-size:65px;
line-height:1.1;
font-weight:900;
max-width:1000px;
margin:auto;

}



.social-ad-hero p{

max-width:850px;
margin:25px auto;
font-size:18px;
line-height:1.8;
color:#666;

}



.social-ad-services{

padding:100px 0;

}



.social-ad-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}



.social-ad-card{

padding:40px 30px;
border-radius:25px;
background:#fff;

box-shadow:
0 10px 40px rgba(0,0,0,.08);

}



.social-ad-card h3{

font-size:26px;
margin-bottom:15px;

}



.social-ad-card h4{

font-size:18px;
margin-bottom:20px;

}



.social-ad-card p{

color:#666;
line-height:1.8;

}



.social-ad-card ul{

margin-top:20px;
padding-left:20px;

}



.social-ad-card li{

margin-bottom:10px;

}

/* COMMON SECTIONS */

.social-marketing,
.social-process,
.social-outcomes,
.social-why,
.social-industries,
.social-faq{

padding:100px 0;

}



/* SOCIAL MARKETING */


.social-marketing-grid,
.social-why-grid,
.outcomes-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}


.social-marketing-card,
.social-why-grid div,
.outcomes-grid div{

padding:35px;

background:#fff;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}


.social-marketing-card h3,
.social-why-grid h3,
.outcomes-grid h3{

font-size:24px;

margin-bottom:15px;

}


.social-marketing-card p,
.social-why-grid p,
.outcomes-grid p{

color:#666;

line-height:1.7;

}





/* PROCESS */


.social-process{

background:#fafafa;

}



.social-process-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}



.social-process-card{

padding:35px;

background:#fff;

border-radius:20px;

}



.social-process-card span{

width:60px;

height:60px;

display:flex;

align-items:center;

justify-content:center;

background:#b6ff00;

border-radius:50%;

font-weight:800;

}



.social-process-card h3{

margin:20px 0;

}





/* WHY */


.social-why-grid div{

background:#050505;

color:white;

}


.social-why-grid p{

color:#aaa;

}





/* INDUSTRIES */


.social-industry-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}



.social-industry-grid div{

padding:35px;

border-radius:20px;

background:#fff;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}


.social-industry-grid p{

color:#666;

line-height:1.7;

}




/* FINAL CTA */


.social-final-cta{

padding:120px 0;

background:#050505;

color:white;

text-align:center;

}



.social-cta-content{

max-width:950px;

margin:auto;

}



.social-cta-content h2{

font-size:65px;

font-weight:900;

line-height:1.1;

}



.social-cta-content h2 span{

display:inline;

background:#b6ff00;

color:#111;

padding:5px 15px;

}



.social-cta-content p{

max-width:700px;

margin:30px auto;

color:#ccc;

font-size:18px;

line-height:1.8;

}





@media(max-width:900px){


.social-marketing-grid,
.social-why-grid,
.outcomes-grid,
.social-process-grid,
.social-industry-grid{

grid-template-columns:1fr;

}


.social-cta-content h2{

font-size:40px;

}


}


@media(max-width:900px){

.social-ad-hero h1{

font-size:40px;

}


.social-ad-grid{

grid-template-columns:1fr;

}

}
