/*=========================================
ABOUT EXPERT
=========================================*/

.about-expert-section{

padding:110px 0;

background:#050505;

position:relative;

overflow:hidden;

}

.about-expert-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

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

filter:blur(120px);

right:-120px;

top:-120px;

border-radius:50%;

}

.about-expert-container{

max-width:1200px;

margin:auto;

padding:0 20px;

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

position:relative;

z-index:2;

}

.about-expert-left h2{

font-size:44px;

line-height:1.25;

color:#fff;

margin:18px 0 28px;

font-weight:800;

}

.about-expert-left p{

font-size:17px;

line-height:1.9;

color:#cfcfcf;

margin-bottom:22px;

}

.about-highlight{

margin-top:40px;

display:flex;

gap:20px;

padding:28px;

border-radius:22px;

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

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

}

.highlight-icon{

width:60px;

height:60px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:700;

background:#d4af37;

color:#111;

flex-shrink:0;

}

.about-highlight strong{

display:block;

font-size:20px;

color:#fff;

margin-bottom:10px;

}

.about-highlight p{

margin:0;

font-size:15px;

color:#bbb;

line-height:1.8;

}

.about-expert-right{

display:grid;

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

gap:24px;

}

.about-card{

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

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

padding:35px;

border-radius:22px;

transition:.35s;

position:relative;

overflow:hidden;

}

.about-card::before{

content:"";

position:absolute;

width:120px;

height:120px;

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

border-radius:50%;

right:-35px;

top:-35px;

}

.about-card:hover{

transform:translateY(-8px);

border-color:#d4af37;

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

}

.about-number{

font-size:42px;

font-weight:800;

color:#d4af37;

margin-bottom:18px;

}

.about-card h3{

color:#fff;

font-size:23px;

margin-bottom:15px;

}

.about-card p{

color:#bdbdbd;

line-height:1.8;

font-size:15px;

margin:0;

}

@media(max-width:991px){

.about-expert-container{

grid-template-columns:1fr;

}

.about-expert-left h2{

font-size:34px;

}

}

@media(max-width:768px){

.about-expert-right{

grid-template-columns:1fr;

}

.about-highlight{

flex-direction:column;

}

.about-expert-left h2{

font-size:30px;

}

.about-card{

padding:28px;

}

}

/*=========================================
PREMIUM SECTION LABEL
=========================================*/

.section-label{

display:inline-flex;

align-items:center;

gap:12px;

padding:10px 22px;

background:linear-gradient(
135deg,
rgba(212,175,55,.18),
rgba(212,175,55,.05)
);

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

border-radius:999px;

color:#d4af37;

font-size:13px;

font-weight:700;

letter-spacing:1.8px;

text-transform:uppercase;

margin-bottom:22px;

backdrop-filter:blur(10px);

}

.section-label::before{

content:"";

width:10px;

height:10px;

background:#d4af37;

border-radius:50%;

box-shadow:
0 0 12px rgba(212,175,55,.7),
0 0 24px rgba(212,175,55,.4);

}