/* HERO */
.comp-hero{
background:linear-gradient(135deg,#1c1f2b,#3a3f58);
color:#fff;
padding:70px 0;
text-align:center;
}

/* SECTION */
.comp-section{
padding:70px 0;
background:#f4f6fb;
}

/* CARD */
.comp-card{
background:#fff;
border-radius:14px;
padding:30px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
}

/* TABLE */
.comp-table th{
background:#1c1f2b;
color:#fff;
width:40%;
}

/* BADGE */
.badge-ok{
background:#c8a951;
color:#fff;
padding:6px 14px;
border-radius:20px;
font-size:13px;
}

/* TRANSPARENCY BOX */
.transparency-box{
background:#fff;
border-left:5px solid #c8a951;
padding:30px;
border-radius:10px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
}

/* HEADING */
.transparency-box h3{
color:#1c1f2b;
}