/*=========================================
SERVICE PREMIUM
=========================================*/

.service-premium-section{

padding:120px 0;

background:#080808;

}

.service-premium-container{

max-width:1200px;

margin:auto;

padding:0 20px;

}

.service-heading{

max-width:850px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.service-heading h2{

font-size:46px;

font-weight:800;

line-height:1.2;

color:#fff;

margin:20px 0;

}

.service-heading p{

font-size:17px;

line-height:1.9;

color:#c7c7c7;

}

.service-grid{

display:grid;

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

gap:28px;

}

.service-item{

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

padding:35px;

border-radius:22px;

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

transition:.35s;

display:flex;

flex-direction:column;

}

.service-item:hover{

transform:translateY(-8px);

border-color:#d4af37;

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

}

.service-icon{

width:70px;

height:70px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#d4af37;

font-size:30px;

margin-bottom:22px;

}

.service-item h3{

font-size:24px;

margin-bottom:15px;

color:#fff;

}

.service-item p{

font-size:15px;

line-height:1.8;

color:#bcbcbc;

margin-bottom:25px;

}

.service-item a{

display:inline-block;

margin-top:auto;

color:#d4af37;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.service-item a:hover{

padding-left:8px;

}

@media(max-width:991px){

.service-grid{

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

}

.service-heading h2{

font-size:36px;

}

}

@media(max-width:768px){

.service-grid{

grid-template-columns:1fr;

}

.service-heading h2{

font-size:30px;

}

}