/* ==========================================
   OUR SOLUTIONS
========================================== */

.sol-section{
    padding:140px 0;
    background:#F8FBFF;
    position:relative;
    overflow:hidden;
}

.sol-section::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;
    background:radial-gradient(circle,#DBEAFF 0%,transparent 70%);
    top:-300px;
    right:-250px;
}

.sol-heading{
    max-width:850px;
    margin:auto;
    text-align:center;
    margin-bottom:80px;
}

.sol-tag{
    display:inline-block;
    color:#2563EB;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.sol-heading h2{
    font-size:58px;
    color:#081B4B;
    line-height:1.15;
    margin-bottom:20px;
}

.sol-heading h2 span{
    display:block;
    color:#2563EB;
}

.sol-heading p{
    color:#64748B;
    font-size:19px;
    line-height:1.8;
}

.sol-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.sol-card{
    background:#fff;
    border-radius:24px;
    padding:35px;
    border:1px solid #E8EEF9;
    box-shadow:0 15px 40px rgba(15,23,42,.06);
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.sol-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#2563EB;

    transform:scaleX(0);

    transition:.35s;

}

.sol-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 70px rgba(37,99,235,.18);

}

.sol-card:hover::before{

    transform:scaleX(1);

}

.sol-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:#EFF6FF;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.35s;

}

.sol-icon svg{

    width:34px;

    height:34px;

    color:#2563EB;

}

.sol-card:hover .sol-icon{

    background:#2563EB;

    transform:rotate(-8deg);

}

.sol-card:hover .sol-icon svg{

    color:#fff;

}

.sol-card h3{

    color:#081B4B;

    font-size:24px;

    margin-bottom:14px;

}

.sol-card p{

    color:#64748B;

    line-height:1.8;

    margin-bottom:25px;

}

.sol-card a{

    color:#2563EB;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.sol-card:hover a{

    margin-left:8px;

}