/* =====================================================
   DEVELOPMENT SECTION
===================================================== */

.development-section{

    position: relative;

}

.development-card{

    height:100%;

    display:flex;

    flex-direction:column;

    padding:35px;

    border-radius:26px;

    background:rgba(255,255,255,.045);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    transition:.35s ease;

    box-shadow:0 20px 60px rgba(0,0,0,.25);

}

.development-card:hover{

    transform:translateY(-8px);

    border-color:rgba(139,92,246,.35);

    box-shadow:0 25px 80px rgba(0,0,0,.35);

}

.development-status{

    display:inline-flex;

    align-items:center;

    width:max-content;

    padding:8px 15px;

    border-radius:999px;

    margin-bottom:25px;

    font-size:.82rem;

    font-weight:600;

}

.development{

    background:rgba(245,158,11,.12);

    color:#F59E0B;

}

.research{

    background:rgba(59,130,246,.12);

    color:#3B82F6;

}

.concept{

    background:rgba(156,163,175,.15);

    color:#D1D5DB;

}

.development-card h3{

    font-size:1.45rem;

    font-weight:700;

    margin-bottom:18px;

}

.development-card p{

    color:var(--muted);

    line-height:1.8;

    margin:0;

}

/* ==========================================
   SECTION BACKGROUND
========================================== */

.development-section{

    position:relative;

    overflow:hidden;

}

.development-section::before{

    content:"";

    position:absolute;

    width:650px;

    height:650px;

    border-radius:50%;

    background:rgba(139,92,246,.08);

    filter:blur(140px);

    left:-220px;

    bottom:-220px;

}

.development-section::after{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(6,182,212,.07);

    filter:blur(130px);

    right:-180px;

    top:-180px;

}

.development-section .container{

    position:relative;

    z-index:2;

}

@media (max-width:991px){

    .development-card{

        text-align:center;

    }

}