/*=========================================
PROBLEM PREMIUM
=========================================*/

.problem-premium-section{

padding:120px 0;

background:#080808;

}

.problem-premium-container{

max-width:1200px;

margin:auto;

padding:0 20px;

}

.problem-heading{

max-width:850px;

margin:auto;

text-align:center;

margin-bottom:60px;

}

.problem-heading h2{

font-size:46px;

color:#fff;

margin:22px 0;

line-height:1.2;

font-weight:800;

}

.problem-heading p{

font-size:17px;

line-height:1.9;

color:#c8c8c8;

}

.problem-highlight{

display:flex;

align-items:center;

gap:25px;

padding:30px;

margin-bottom:60px;

background:linear-gradient(135deg,#101010,#181818);

border:1px solid rgba(212,175,55,.15);

border-radius:22px;

}

.problem-check{

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#d4af37;

font-size:28px;

font-weight:700;

color:#111;

flex-shrink:0;

}

.problem-highlight strong{

font-size:21px;

color:#fff;

line-height:1.6;

}

.problem-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}

.problem-card{

padding:35px;

background:#121212;

border-radius:22px;

border:1px solid rgba(212,175,55,.12);

transition:.35s;

}

.problem-card:hover{

transform:translateY(-8px);

border-color:#d4af37;

box-shadow:0 20px 45px rgba(212,175,55,.12);

}

.problem-icon{

width:58px;

height:58px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#d4af37;

font-weight:700;

font-size:18px;

color:#111;

margin-bottom:20px;

}

.problem-card h3{

font-size:23px;

color:#fff;

margin-bottom:15px;

}

.problem-card p{

font-size:15px;

line-height:1.8;

color:#bdbdbd;

margin:0;

}

@media(max-width:991px){

.problem-grid{

grid-template-columns:repeat(2,1fr);

}

.problem-heading h2{

font-size:36px;

}

}

@media(max-width:768px){

.problem-grid{

grid-template-columns:1fr;

}

.problem-highlight{

flex-direction:column;

text-align:center;

}

.problem-heading h2{

font-size:30px;

}

}