/*==================================================
XPERTTA MARKET GROWTH ENGINE
==================================================*/

.growth-engine{

    position:relative;

    background:#071B59;

    border-radius:22px;

    padding:30px 40px 120px;

    overflow:visible;

    box-shadow:0 18px 45px rgba(17,38,82,.18);

}

.growth-title{

    margin:0;

    text-align:center;

    color:#fff;

    font-size:40px;

    font-weight:700;

    letter-spacing:.5px;

}

.growth-divider{

    width:90px;

    height:4px;

    margin:18px auto 42px;

    border-radius:20px;

    background:linear-gradient(90deg,#22C7FF,#8B3DFF);

}

.growth-items{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:nowrap;

    gap:10px;

}

.growth-item{

    width:145px;

    text-align:center;

    flex-shrink:0;

}

.growth-icon{

    width:96px;

    height:96px;

    margin:0 auto 18px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;

    color:#fff;

    transition:.35s;

    border:3px solid rgba(255,255,255,.18);

}

.growth-item span{

    display:block;

    color:#fff;

    font-size:18px;

    line-height:1.35;

    font-weight:600;

}

.growth-arrow{

    width:28px;

    text-align:center;

    color:#D6DDFE;

    font-size:34px;

    flex-shrink:0;

}

.blue .growth-icon{

    background:linear-gradient(180deg,#0E7BFF,#1744D6);

}

.cyan .growth-icon{

    background:linear-gradient(180deg,#12D2FF,#0077C8);

}

.purple .growth-icon{

    background:linear-gradient(180deg,#9248FF,#5123D8);

}

.pink .growth-icon{

    background:linear-gradient(180deg,#FF3CB8,#8D2BFF);

}

.growth-item:hover .growth-icon{

    transform:translateY(-8px);

    box-shadow:0 18px 30px rgba(0,0,0,.28);

}

.growth-button{

    position:absolute;

    left:50%;

    bottom:-28px;

    transform:translateX(-50%);

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:280px;

    height:64px;

    padding:0 38px;

    border-radius:40px;

    background:#0B2F8F;

    color:#35D6FF;

    font-size:19px;

    font-weight:700;

    text-decoration:none;

    border:4px solid #0DCFFF;

    transition:.3s;

}

.growth-button:hover{

    background:#1246C8;

    color:#fff;

}

@media(max-width:1500px){

    .growth-items{

        overflow-x:auto;

        justify-content:flex-start;

        padding-bottom:10px;

    }

    .growth-items::-webkit-scrollbar{

        height:6px;

    }

    .growth-items::-webkit-scrollbar-thumb{

        background:#2C56D8;

        border-radius:20px;

    }

}