/*==================================================
  Tool Cards
==================================================*/

.sv-tools-grid{

    display:grid;

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

    gap:18px;

}

.sv-tool-card{

    background:#fff;

    border:1px solid #e5edf9;

    border-radius:10px;

    transition:.25s;

    overflow:hidden;

    box-shadow:0 4px 12px rgba(15,23,42,.05);

}

.sv-tool-card:hover{

    transform:translateY(-6px);

    border-color:#2563eb;

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

}

.sv-tool-link{

    display:flex;

    align-items:center;

    gap:14px;

    padding:18px;

    min-height:82px;

    text-decoration:none;

    color:inherit;

}

.sv-tool-icon{

    width:52px;

    height:52px;

    flex-shrink:0;

    border-radius:10px;

    background:#eef4ff;

    display:flex;

    align-items:center;

    justify-content:center;

}

.sv-tool-icon img{

    width:34px;

    height:34px;

    object-fit:contain;

}

.sv-tool-content{

    flex:1;
    border-radius: 18px !important; 
    border:0px !important; 
}

.sv-tool-content h3 {
    font-size: 18px !important;
}

.sv-tool-title{

    margin:0;

    font-size:15px;

    font-weight:700;

    line-height:1.4;

}

.sv-tool-description{

    margin-top:8px;

    color:#64748b;

    font-size:14px;

    line-height:1.7;
    display:none;


}

.sv-tool-card:hover .sv-tool-title{

    color:#2563eb;

}

@media (max-width:991px){
    .sv-tools-grid{
        /*grid-template-columns:repeat(2,minmax(0,1fr));*/
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:640px){
    .sv-tools-grid{
        grid-template-columns:1fr;
    }

    .sv-tool-link{
        min-height:0;
        padding:20px;
    }
}

@media (max-width:768px){

    .sv-tools-grid{

        grid-template-columns:repeat(2,1fr);
        gap:12px;

    }

    .sv-tool-link{

        flex-direction:column;
        align-items:center;
        text-align:center;
        padding:16px;
        min-height:170px;

    }

    .sv-tool-icon{

        width:72px;
        height:72px;

    }

    .sv-tool-icon img{

        width:48px;
        height:48px;

    }

    .sv-tool-content{

        border:none;
        box-shadow:none;
        padding:0;
        width:100%;

    }

    .sv-tool-title{

        font-size:15px;
        line-height:1.4;

    }

}