/*=========================================
AUDIENCE SECTION
=========================================*/

.audience-section{

padding:120px 0;

background:#050505;

}

.audience-container{

max-width:1200px;

margin:auto;

padding:0 20px;

}

.audience-heading{

max-width:850px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.audience-heading h2{

font-size:46px;

color:#fff;

margin:22px 0;

line-height:1.2;

font-weight:800;

}

.audience-heading p{

font-size:17px;

line-height:1.9;

color:#c8c8c8;

}

.audience-grid{

display:grid;

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

gap:25px;

}

.audience-card{

background:linear-gradient(180deg,#111,#191919);

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

border-radius:22px;

padding:35px 28px;

text-align:center;

transition:.35s;

}

.audience-card:hover{

transform:translateY(-8px);

border-color:#d4af37;

box-shadow:0 20px 45px rgba(212,175,55,.12);

}

.audience-icon{

width:72px;

height:72px;

margin:auto;

margin-bottom:22px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#d4af37;

font-size:32px;

}

.audience-card h3{

font-size:22px;

color:#fff;

margin-bottom:14px;

}

.audience-card p{

font-size:15px;

line-height:1.8;

color:#bdbdbd;

margin:0;

}

@media(max-width:991px){

.audience-grid{

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

}

.audience-heading h2{

font-size:36px;

}

}

@media(max-width:768px){

.audience-grid{

grid-template-columns:1fr;

}

.audience-heading h2{

font-size:30px;

}

}