/* ==========================================
   ZIGRAM FEATURE SECTION
========================================== */

.zigram-feature-section{
    background:#f5f7fb;
}

.zigram-feature-card{
    background:#fff;
    border-radius:0 0 14px 14px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/*==================================
HEADER
==================================*/

.zigram-feature-header{
    background:#0d1b4d;
    background-image:
    radial-gradient(circle at 90% 40%,rgba(255,255,255,.07) 0,transparent 35%),
    linear-gradient(90deg,#10235f,#08153f);
    border-top:5px solid #ff1b1b;
    padding: 82px 63px 42px 100px;}

.zigram-feature-header h2{
    color:#fff;
    font-size:38px;
    line-height:1.25;
    font-weight:700;
    margin:0;
    max-width:650px;
}

/*==================================
BODY
==================================*/

.zigram-feature-body{
    padding:45px 100px;
    background:#fff;
}

.feature-title{
    font-size:34px;
    color:#172042;
    font-weight:700;
    margin:0;
}

/*==================================
FILTER
==================================*/

.feature-filter{
    width:220px;
    height:44px;
    border:1px solid #d9dce5;
    border-radius:4px;
    padding:0 15px;
    background:#fff;
    color:#555;
    font-size:14px;
    outline:none;
    transition:.3s;
}

.feature-filter:focus{
    border-color:#17336d;
    box-shadow:0 0 0 3px rgba(13,27,77,.08);
}

/*==================================
TABLE
==================================*/

.table-responsive{
    overflow-x:auto;
}

#feature_table table{
    width:100%;
    border-collapse:collapse;
    min-width:900px;
}

#feature_table thead th{
    background:#0d1b4d;
    color:#fff;
    font-size:14px;
    font-weight:600;
    padding:15px;
    text-align:left;
    border:none;
}

#feature_table thead th:first-child{
    border-radius:4px 0 0 4px;
}

#feature_table thead th:last-child{
    border-radius:0 4px 4px 0;
}

#feature_table tbody td{
    padding:18px 15px;
    border-bottom:1px solid #edf0f7;
    font-size:14px;
    color:#444;
    vertical-align:top;
}

#feature_table tbody tr{
    transition:.3s;
}

#feature_table tbody tr:hover{
    background:#f8faff;
}

/*==================================
COLUMN WIDTHS
==================================*/

#feature_table td:first-child,
#feature_table th:first-child{
    width:70px;
}

#feature_table td:nth-child(2){
    font-weight:600;
    color:#172042;
}

/* #feature_table td:nth-child(3){
    width:180px;
} */

#feature_table td:nth-child(4){
    width:100px;
    text-align:center;
    font-weight:600;
}

#feature_table td:last-child{
    width:450px;
    line-height:1.6;
}

/*==================================
BADGE
==================================*/

.feature-tag{
    display:inline-block;
    padding:6px 12px;
    background:#f2ecff;
    color:#7b61ff;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
}

/*==================================
AVAILABLE
==================================*/

.available{
    color:#17336d;
    font-weight:700;
}

/*==================================
PAGINATION
==================================*/

#pagination{
    margin-top:30px;
    display:flex;
    justify-content:center;
    gap:10px;
}

#pagination a,
#pagination span{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #ddd;
    border-radius:4px;
    color:#17336d;
    text-decoration:none;
    transition:.3s;
}

#pagination a:hover,
#pagination .active{
    background:#17336d;
    color:#fff;
    border-color:#17336d;
}

/*==================================
SCROLLBAR
==================================*/

.table-responsive::-webkit-scrollbar{
    height:8px;
}

.table-responsive::-webkit-scrollbar-track{
    background:#ececec;
}

.table-responsive::-webkit-scrollbar-thumb{
    background:#17336d;
    border-radius:20px;
}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

    .zigram-feature-header{
        padding:35px 30px;
    }

    .zigram-feature-body{
        padding:35px 30px;
    }

    .zigram-feature-header h2{
        font-size:30px;
    }

    .feature-title{
        font-size:28px;
    }

    .feature-filter{
        width:100%;
    }

}

@media(max-width:767px){

    .zigram-feature-section{
    }

    .zigram-feature-header{
        padding:28px 20px;
    }

    .zigram-feature-body{
        padding:25px 20px;
    }

    .zigram-feature-header h2{
        font-size:24px;
    }

    .feature-title{
        font-size:22px;
        margin-bottom:15px;
    }

    .text-md-end{
        text-align:left!important;
    }

    .feature-filter{
        width:100%;
    }

    #feature_table table{
        min-width:900px;
    }

}

@media (min-width: 768px) {
    .mt-md-0, .my-md-0 {
        margin-top: 0 !important;
        text-align: end;
    }
}

tr:nth-child(even) {
    background-color: #F7F8FC;
}

/* Common Badge Style */

.usecase-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:500;
    line-height:1;
    white-space:nowrap;
}

/* Name Screening */
.usecase-name{
    background:#EEE8FF;
    color:#6B5CE7;
}

/* Transaction Monitoring */
.usecase-transaction{
    background:#EEF3FF;
    color:#4A73F5;
}

/* Fraud Monitoring */
.usecase-fraud{
    background:#FFECEC;
    color:#F05B52;
}

/* Entity Management */
.usecase-entity{
    background:#DDF2FF;
    color:#2E8BC8;
}

/* Risk Management */
.usecase-risk{
    background:#EAF8EF;
    color:#2FA56A;
}