/* ---------- PREMIUM CARDS GRID (परफेक्ट सेंटर एलाइनमेंट) ---------- */
.cert-grid {
    display: flex;            
    flex-wrap: wrap;           
    justify-content: center;   /* सभी 5 कार्ड्स को बिल्कुल बीच में सेंटर रखेगा */
    gap: 25px;                 
}

.cert-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 250px;          /* कार्ड्स का साइज एक समान फिक्स रखेगा */
    box-sizing: border-box;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.3s ease;
}

.cert-card:hover {
    transform: translateY(-5px);
    border-color: #1E5FD8;
    box-shadow: 0 15px 30px rgba(11, 44, 107, 0.06);
}

/* ---------- फ़ॉन्ट ऑसम आइकॉन कन्टैनर (Perfect Center Engine) ---------- */
.cert-thumb-wrapper {
    width: 100%;
    height: 140px;             
    border-radius: 12px;
    display: flex;             /* फ्लेक्सबॉक्स एलाइनमेंट */
    align-items: center;       /* आइकॉन को वर्टिकली सेंटर करेगा */
    justify-content: center;   /* आइकॉन को हॉरिजॉन्टली सेंटर करेगा */
    box-sizing: border-box;
    transition: transform 0.3s ease;
}

.cert-card:hover .cert-thumb-wrapper {
    transform: scale(1.03);    /* होवर करने पर आइकॉन बॉक्स हल्का सा बड़ा होगा */
}

/* आइकॉन की डिजाइन सेटिंग्स */
.cert-fa-icon {
    font-size: 3.25rem;        /* आइकॉन का एकदम परफेक्ट विजुअल साइज */
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.06));
}

.cert-logo-img{
    width: 95%;
    height: 95%;
    object-fit: contain;       /* लोगो को अपने बॉक्स में पूरी तरह फिट करेगा */
}
/* प्रत्येक विभाग के लिए अलग-अलग प्रीमियम सॉफ्ट कलर थीम */
.icon-blue {
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
    color: #0369a1;
}

.icon-teal {
    background: linear-gradient(135deg, #e0f2fe 0%, #ccfbf1 100%);
    color: #0f766e;
}

.icon-orange {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
    color: #c2410c;
}

.icon-purple {
    background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);
    color: #6b21a8;
}

.icon-navy {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    color: #1e40af;
}

/* ---------- TEXT DETAILS ---------- */
.cert-info-block {
    display: flex;
    flex-direction: column;
    padding: 14px 2px 2px 2px;
}

.cert-tag {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #64748b;
    margin-bottom: 4px;
}

.cert-headline {
    font-size: 0.98rem;
    font-weight: 600;
    color: #0B2C6B;
    line-height: 1.3;
    margin-bottom: 10px;
}

.cert-badge-code {
    font-size: 0.72rem;
    font-family: 'SFMono-Regular', Consolas, monospace;
    font-weight: 600;
    color: #1E5FD8;
    background: rgba(30, 95, 216, 0.05);
    border: 1px solid rgba(30, 95, 216, 0.08);
    padding: 3px 8px;
    border-radius: 5px;
    width: max-content;
}
/* =========================================================
   PREMIUM CERTIFICATE CARDS DESIGN
   Theme Color System: Deep Navy #0B2C6B / Vivid Royal #1E5FD8
   ========================================================= */

.cert-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    padding: 70px 5%;
}

.cert-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* ---------- CLEAN HEADER ---------- */
.cert-header {
    text-align: center;
    margin-bottom: 45px;
}

.cert-title {
    color: #0B2C6B;
    font-size: clamp(28px, 4.5vw, 38px);
    font-weight: 700;
    border-left: 5px solid #1E5FD8;
    padding-left: 25px;
    display: inline-block;
    position: relative;
}

.cert-title::before {
    content: '';
    position: absolute;
    left: -5px;
    top: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #1E5FD8 0%, #A5C9FF 100%);
    border-radius: 3px;
}