/* =========================================
COMMON SECTION TITLE
========================================= */

.software-section-title{

    text-align:center;

    margin-bottom:70px;
}

.software-section-title span{

    display:inline-block;

    padding:10px 22px;

    border-radius:100px;

    background:
    rgba(109,40,217,.08);

    color:#6d28d9;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;
}

.software-section-title h2{

    font-size:58px;

    line-height:1.1;

    font-weight:800;

    color:#071c38;

    margin-bottom:22px;
}

.software-section-title p{

    max-width:850px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#6d7b8c;
}

/* =========================================
FEATURES SECTION
========================================= */

.software-features-section{

    padding:
    120px 0;

    background:#fff;
}

.software-feature-card{

    background:#fff;

    padding:45px 35px;

    border-radius:32px;

    height:100%;

    border:1px solid #edf2f8;

    transition:.35s ease;

    box-shadow:
    0 20px 55px rgba(0,0,0,.04);
}

.software-feature-card:hover{

    transform:
    translateY(-10px);

    box-shadow:
    0 30px 70px rgba(0,0,0,.08);
}

.software-feature-icon{

    width:78px;
    height:78px;

    border-radius:22px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #7c3aed,
        #a855f7
    );

    color:#fff;

    font-size:30px;

    margin-bottom:28px;
}

.software-feature-card h4{

    font-size:28px;

    font-weight:700;

    color:#071c38;

    margin-bottom:18px;
}

.software-feature-card p{

    font-size:16px;

    line-height:1.9;

    color:#6d7c8c;
}

/* =========================================
PROCESS SECTION
========================================= */

.software-process-section{

    padding:
    120px 0;

    background:#f8fbff;
}

.software-process-grid{

    display:grid;

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

    gap:28px;
}

.software-process-card{

    background:#fff;

    padding:42px 35px;

    border-radius:30px;

    box-shadow:
    0 18px 50px rgba(0,0,0,.04);

    transition:.35s ease;
}

.software-process-card:hover{

    transform:
    translateY(-8px);
}

.process-number{

    font-size:58px;

    font-weight:800;

    color:
    rgba(109,40,217,.10);

    margin-bottom:18px;
}

.software-process-card h4{

    font-size:26px;

    color:#071c38;

    margin-bottom:16px;
}

.software-process-card p{

    line-height:1.9;

    color:#6d7b8c;
}

/* =========================================
TECH STACK
========================================= */

.software-stack-section{

    padding:
    120px 0;

    background:#fff;
}

.software-stack-grid{

    display:grid;

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

    gap:24px;
}

.stack-box{

    background:#fff;

    border:1px solid #edf2f8;

    height:160px;

    border-radius:28px;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:18px;

    transition:.35s ease;

    box-shadow:
    0 20px 50px rgba(0,0,0,.04);
}

.stack-box:hover{

    transform:
    translateY(-8px);
}

.stack-box i{

    font-size:42px;

    color:#7c3aed;
}

.stack-box span{

    font-size:18px;

    font-weight:700;

    color:#071c38;
}

/* =========================================
CTA SECTION
========================================= */

.software-cta-section{

    padding:
    40px 0 120px;
}

.software-cta-box{

    background:
    linear-gradient(
        135deg,
        #071225,
        #111d3b
    );

    padding:100px 40px;

    border-radius:42px;

    text-align:center;

    position:relative;

    overflow:hidden;
}

.software-cta-box::before{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    background:
    radial-gradient(
        rgba(139,92,246,.28),
        transparent 70%
    );

    top:-180px;
    right:-120px;

    border-radius:50%;
}

.software-cta-box span{

    display:inline-block;

    padding:10px 22px;

    border-radius:100px;

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

    color:#cdb8ff;

    font-size:13px;

    font-weight:700;

    margin-bottom:24px;

    position:relative;
    z-index:2;
}

.software-cta-box h2{

    font-size:62px;

    line-height:1.1;

    font-weight:800;

    color:#fff;

    margin-bottom:24px;

    position:relative;
    z-index:2;
}

.software-cta-box p{

    font-size:20px;

    line-height:1.9;

    color:#d8e3f2;

    max-width:850px;

    margin:
    0 auto 40px;

    position:relative;
    z-index:2;
}

.software-btn-primary{

    height:60px;

    padding:0 38px;

    border-radius:16px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #7c3aed,
        #a855f7
    );

    color:#fff;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    position:relative;
    z-index:2;

    box-shadow:
    0 18px 45px rgba(124,58,237,.28);
}

/* =========================================
MOBILE
========================================= */

@media(max-width:991px){

    .software-section-title h2{

        font-size:38px;
    }

    .software-process-grid{

        grid-template-columns:1fr;
    }

    .software-stack-grid{

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

    .software-cta-box{

        padding:70px 25px;
    }

    .software-cta-box h2{

        font-size:40px;
    }

    .software-cta-box p{

        font-size:17px;
    }

}