/*==================================================
MULTIDISCIPLINARY ENGINEERING PROFILE
==================================================*/


.expertise-section{

    padding:150px 8%;

    background:#050505;

    position:relative;

    overflow:hidden;

}



.expertise-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:radial-gradient(

        circle,

        rgba(255,212,0,.08),

        transparent 70%

    );

    top:20%;

    left:50%;

    transform:translateX(-50%);

    pointer-events:none;

}




/* HEADER */

.expertise-section .section-header{

    text-align:center;

    max-width:900px;

    margin:auto;

}



.expertise-section .section-header p{

    color:#bbb;

    line-height:1.8;

    margin-top:25px;

}



/* GRID */

.expertise-grid{


    margin-top:80px;


    display:grid;


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


    gap:35px;


}





/* CARD */


.expertise-card{


    position:relative;


    background:#101010;


    border:1px solid rgba(255,212,0,.12);


    border-radius:25px;


    padding:40px;


    overflow:hidden;


    transition:.5s;


}





.expertise-card:hover{


    transform:translateY(-12px);


    border-color:#FFD400;


    box-shadow:

    0 20px 60px rgba(255,212,0,.15);


}






/* GOLD SCAN EFFECT */


.expertise-card::before{


    content:"";


    position:absolute;


    top:0;


    left:-200px;


    width:180px;


    height:100%;


    background:linear-gradient(

    90deg,

    transparent,

    rgba(255,212,0,.15),

    transparent

    );


}




.expertise-card:hover::before{


    animation:expertiseScan 1.5s linear;


}




@keyframes expertiseScan{


from{

left:-200px;

}


to{

left:120%;

}


}







/* NUMBER */


.expertise-icon{


    width:55px;


    height:55px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:50%;


    border:1px solid #FFD400;


    color:#FFD400;


    font-weight:bold;


    margin-bottom:30px;


}







/* TITLE */


.expertise-card h3{


    font-size:2rem;


    color:#fff;


    margin-bottom:20px;


}





/* DESCRIPTION */


.expertise-card p{


    color:#cfcfcf;


    line-height:1.8;


    margin-bottom:30px;


}







/* LIST */


.expertise-card ul{


    list-style:none;


    padding:0;


    margin:0;


}





.expertise-card li{


    position:relative;


    padding:12px 0 12px 25px;


    border-bottom:1px solid rgba(255,255,255,.05);


    color:#ddd;


    font-size:.95rem;


}





.expertise-card li::before{


    content:"";


    position:absolute;


    left:0;


    top:50%;


    width:8px;


    height:8px;


    transform:translateY(-50%);


    background:#FFD400;


    border-radius:50%;


    box-shadow:

    0 0 12px #FFD400;


}







/* ACTIVE HIGHLIGHT */


.expertise-card:hover li::before{


    animation:pulseSkill .8s infinite alternate;


}




@keyframes pulseSkill{


from{


opacity:.4;


transform:translateY(-50%) scale(1);


}


to{


opacity:1;


transform:translateY(-50%) scale(1.5);


}


}







/* RESPONSIVE */


@media(max-width:900px){


.expertise-grid{


grid-template-columns:1fr;


}



.expertise-card{


padding:30px;


}



}