/* =====================================================
   COMPLIANCE SECTION — CLEAN + PERFECT
   ===================================================== */

/* Background gradient wrapper */
.bggradient {
    background: linear-gradient(to top, #ffffff, #9eb2c1, #607e96);
    padding-top: 55px;
    padding-bottom: 55px;
}

/* White heading in center */
.white {
    color: #fff !important;
}

.center {
    text-align: center;
}

/* Spacing utility */
.smallspace {
    height: 20px;
    width: 100%;
}

/* Card header */
.card-header {
    background: #ffffff;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
}

.card-title {
    margin: 0;
    font-weight: 600;
}

/* Card color themes (already used) */
.card1 {
    background-color: #FFFBFC;
}

.card2 {
    background-color: #FBFCFF;
}

.card3 {
    background-color: #F8FDF8;
}

/* Button font small */
.smallbtnfont {
    font-size: 13px;
    font-weight: 500;
}

/* Blue & red classes (matching previous sections) */
.blue {
    color: #0e3481;
}

.red {
    color: #C70000;
}

/* Marquee styling (smooth & safe) */
marquee {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.6;
}

/* Links inside marquee */
marquee a {
    color: inherit;
    text-decoration: none;
}

marquee a:hover {
    text-decoration: underline;
}

/* Card hover effect */
.card:hover {
    box-shadow:
        0px 2px 4px rgba(0,0,0,0.4),
        0px 7px 13px -3px rgba(0,0,0,0.3),
        0px 0px 0px rgba(0,0,0,0.2) inset;
    transition: 0.3s ease;
}