/* ==========================================
   Portfolio Intro
========================================== */

.portfolio-intro{


    background:#13365c; 
}

.portfolio-intro .lead{

    max-width:850px;

    margin:auto;

}

.portfolio-highlight{

    padding:40px 30px;

    height:100%;

    border:1px solid #e9ecef;

    border-radius:18px;

    background:#fff;

    transition:.3s;

}

.portfolio-highlight:hover{

    transform:translateY(-8px);

    border-color:#36d27d;

    box-shadow:0 18px 35px rgba(0,0,0,.08);

}

.portfolio-highlight i{

    font-size:2.75rem;

    color:#36d27d;

    margin-bottom:20px;

}

.portfolio-highlight h4{

    font-weight:700;

    margin-bottom:15px;

}

.portfolio-highlight p{

    color:#6c757d;

    margin:0;

    line-height:1.7;

}


.service-card{

    display:block;

    background:#071A35;

    border-radius:22px;

    padding:2.5rem;

    height:100%;

    color:#fff;

    border:1px solid rgba(0,0,0,.06);

    transition:.35s;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.service-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(0,0,0,.15);

    color:#1d3557;

    border-color:#2ecc71;

}

.glass-card-port{

    background:var(--glass);

    border:1px solid var(--glass-border);

    backdrop-filter:blur(14px);

    border-radius:var(--radius);

    padding:15px;

    transition:var(--transition);

}

.glass-card-port:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);