/* =====================================================
   INNOVATION / TECHNOLOGY
===================================================== */

.technology-section{

    position: relative;

}

/* ===========================
   CARD
=========================== */

.tech-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:all .35s ease;

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

}

.tech-card:hover{

    transform:translateY(-8px);

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

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

}

/* ===========================
   ICON
=========================== */

.tech-icon{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    margin-bottom:25px;

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

    color:var(--primary);

    font-size:2rem;

}

/* ===========================
   TITLE
=========================== */

.tech-card h3{

    font-size:1.35rem;

    font-weight:700;

    margin-bottom:18px;

    line-height:1.3;

    word-break:break-word;

    hyphens:auto;

    min-height:3.5rem;

}

/* ===========================
   TEXT
=========================== */

.tech-card p{

    color:var(--muted);

    line-height:1.8;

    margin-bottom:25px;

    flex-grow:1;

}

/* ===========================
   LIST
=========================== */

.tech-list{

    list-style:none;

    margin:0;

    padding:0;

}

.tech-list li{

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 0;

    color:var(--muted);

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

}

.tech-list li:last-child{

    border-bottom:none;

}

.tech-list li i{

    color:var(--primary);

    font-size:.9rem;

}

/* ===========================
   RESPONSIVE
=========================== */

@media (max-width:991px){

    .technology-section{

        padding:100px 0;

    }

}

@media (max-width:576px){

    .tech-card{

        padding:28px;

    }

    .tech-icon{

        width:60px;

        height:60px;

        font-size:1.6rem;

    }

    .tech-card h3{

        font-size:1.25rem;

    }

}

@media (max-width: 991px){

    .tech-card{

        text-align:center;

    }

    .tech-list{

        text-align:left;

        display:inline-block;

    }

}

@media (max-width:576px){

    .tech-icon{

        font-size:3.4rem;

        margin-bottom:20px;

    }

}

.tech-card h3{

    overflow-wrap:anywhere;

}