/* =========================================
   LOGO ICON CARD START CSS
========================================= */

.software-section .container{
    max-width:1400px;
}

/* =========================================
   SOFTWARE SECTION
========================================= */

.software-section{
    padding:100px 0;
    background:linear-gradient(
        135deg,
        #f7fbff 0%,
        #eef5ff 100%
    );
    position:relative;
    overflow:hidden;
}

/* =========================================
   LEFT DOTS
========================================= */

.software-section::before{
    content:"";
    position:absolute;
    left:40px;
    top:120px;
    width:90px;
    height:120px;
    background-image:radial-gradient(
        #bfd8ff 2px,
        transparent 2px
    );
    background-size:15px 15px;
    opacity:.9;
}

/* =========================================
   RIGHT DOTS
========================================= */

.software-section::after{
    content:"";
    position:absolute;
    right:40px;
    top:120px;
    width:90px;
    height:120px;
    background-image:radial-gradient(
        #bfd8ff 2px,
        transparent 2px
    );
    background-size:15px 15px;
    opacity:.9;
}

/* =========================================
   HEADING
========================================= */

.software-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
    position:relative;
    z-index:2;
}

.software-heading span{
    display:inline-block;
    background:#e6f0ff;
    color:#0d5bff;
    padding:10px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:18px;
}

.software-heading h2{
    font-family:'Manrope',sans-serif;
    font-size:58px;
    font-weight:800;
    line-height:1.15;
    color:#002147;
    margin-bottom:18px;
}

.software-heading p{
    font-size:18px;
    line-height:1.8;
    color:#666;
    max-width:700px;
    margin:auto;
}

/* =========================================
   SLIDER
========================================= */

.software-slider{
    overflow:hidden;
    width:100%;
    position:relative;
}

.software-track{
    display:flex;
    gap:25px;
    width:max-content;
    animation:softwareScroll 35s linear infinite;
}

.software-track:hover{
    animation-play-state:paused;
}

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

.software-card{
    width:180px;
    height:160px;
    background:#ffffff;
    border-radius:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s ease;
    border-bottom:4px solid transparent;
}

.software-card:hover{
    transform:translateY(-8px);
    border-bottom-color:#ffb400;
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}

.software-card img{
    width:70px;
    height:70px;
    object-fit:contain;
    margin-bottom:14px;
}

.software-card h4{
    font-size:18px;
    font-weight:700;
    color:#002147;
    text-align:center;
}

/* =========================================
   SOFTWARE ANIMATION
========================================= */

@keyframes softwareScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}