/*=========================================
PROCESS PREMIUM
=========================================*/

.process-premium-section{

padding:120px 0;

background:#050505;

position:relative;

overflow:hidden;

}

.process-container{

max-width:1200px;

margin:auto;

padding:0 20px;

}

.process-heading{

max-width:850px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.process-heading h2{

font-size:46px;

font-weight:800;

color:#fff;

line-height:1.2;

margin:22px 0;

}

.process-heading p{

font-size:17px;

line-height:1.9;

color:#c8c8c8;

}

.process-grid{

display:grid;

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

gap:30px;

position:relative;

}

.process-card{

position:relative;

padding:40px;

background:linear-gradient(180deg,#101010,#181818);

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

border-radius:24px;

transition:.35s;

overflow:hidden;

}

.process-card::before{

content:"";

position:absolute;

width:140px;

height:140px;

right:-45px;

top:-45px;

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

border-radius:50%;

}

.process-card:hover{

transform:translateY(-8px);

border-color:#d4af37;

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

}

.process-number{

font-size:48px;

font-weight:800;

color:#d4af37;

margin-bottom:20px;

line-height:1;

}

.process-card h3{

font-size:24px;

color:#fff;

margin-bottom:18px;

}

.process-card p{

font-size:15px;

line-height:1.9;

color:#bdbdbd;

margin:0;

}

@media(max-width:991px){

.process-grid{

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

}

.process-heading h2{

font-size:36px;

}

}

@media(max-width:768px){

.process-grid{

grid-template-columns:1fr;

}

.process-heading h2{

font-size:30px;

}

.process-card{

padding:30px;

}

.process-number{

font-size:40px;

}

}