.ivis_service{
    padding: 60px 20px;
    position: relative;
}
.ivis_service .ani{
    position: absolute;
    left: -20px;
    top: 70%;
}
.ivis_service h2{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ivis_service .ivis_row{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 20px;
}
.ivis_service .ivis_row .ivis_card{
    padding: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    border-radius: 4px;
}
.ivis_service .ivis_row .ivis_card:nth-child(1){
    background:#f1f4fd;
    position:relative;
    border: 1px solid #d6dcff;
}
.ivis_service .ivis_row .ivis_card:nth-child(1) .ivis_icons{
    background-color: #e1e6fc;
}
.ivis_service .ivis_row .ivis_card:nth-child(1) a button{
    background:#526cff
}


.ivis_service .ivis_row .ivis_card:nth-child(2){
    background:#eefaf8;
    border: 1px solid #b8ffef;
}
.ivis_service .ivis_row .ivis_card:nth-child(2) .ivis_icons{
    background-color: #cef2ea;
}
.ivis_service .ivis_row .ivis_card:nth-child(2) a button{
    background:#0cbf97;
}


.ivis_service .ivis_row .ivis_card:nth-child(3){
    background:#fefaef;
    border: 1px solid #feeec7;
}
.ivis_service .ivis_row .ivis_card:nth-child(3) .ivis_icons{
    background-color: #fff0d9;
}
.ivis_service .ivis_row .ivis_card:nth-child(3) a button{
    background:#fcba0e
}

.ivis_service .ivis_row .ivis_card:nth-child(4){
    background:#fef2f4;
    border: 1px solid #f6d4da;
}
.ivis_service .ivis_row .ivis_card:nth-child(4) .ivis_icons{
    background-color: #ffd9ec;
}
.ivis_service .ivis_row .ivis_card:nth-child(4) a button{
    background:#f54363;
}

.ivis_service .ivis_row .ivis_card:nth-child(5){
    background:#e9f7fc;
    border: 1px solid #bee8f5
}
.ivis_service .ivis_row .ivis_card:nth-child(5) .ivis_icons{
    background-color: #d4eff9;
}
.ivis_service .ivis_row .ivis_card:nth-child(5) a button{
    background:#27b1df;
}

.ivis_service .ivis_row .ivis_card:nth-child(6){
    background:#fae9f4;border: 1px solid #efbddd;
}
.ivis_service .ivis_row .ivis_card:nth-child(6) .ivis_icons{
    background-color: #f4d3e8;
}
.ivis_service .ivis_row .ivis_card:nth-child(6) a button{
    background:#ca238c;
}


.ivis_service .ivis_row .ivis_card:hover{
    box-shadow: var(--IVIS-shadow-md);
}
.ivis_service .ivis_row .ivis_icons{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.ivis_service .ivis_row .ivis_icons img{
    width: 40px;
    height: 40px;
}
.ivis_service .ivis_row .ivis_card h3{
    font-size: 22px;
    font-weight: 600;
    color: var(--IVIS-black-50);
    text-align: center;
}
.ivis_service .ivis_row .ivis_card p{
    color: var(--IVIS-gray-600);
    font-size: 14px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.ivis_service .ivis_row .ivis_card button{
    padding: 2px 12px ;
    font-size: 14px;
    border-radius: 3px;
    border: none;
    outline: none;
    color: var(--IVIS-white);
    cursor: pointer;
    margin-top: 5px;
}