.cat-card {
        background: #ffffff;
        border-radius: 16px;
        padding: 40px;
        position: relative;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
        border: 1px solid #e2e8f0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 320px;
        z-index: 1;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .cat-card::before {
        content: attr(data-watermark);
        position: absolute;
        bottom: 10px;
        right: 20px;
        font-family: 'Rajdhani', sans-serif;
        font-size: 8rem;
        font-weight: 700;
        color: #f1f5f9;
        z-index: -1;
        line-height: 1;
        pointer-events: none;
    }

    .cat-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    }

    .cat-image-wrapper {
        position: absolute;
        top: -50px;
        right: 30px;
        width: 140px;
        height: 200px;
        background-color: #cbd5e1;
        border-radius: 4px 12px 12px 4px;
        box-shadow: -5px 15px 25px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        z-index: 10;
    }

    .cat-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cat-content {
        max-width: 65%;
        position: relative;
        z-index: 5;
    }

    .cat-content h3 {
        font-family: 'Rajdhani', sans-serif;
        font-size: 1.8rem;
        color: #0f172a;
        margin-bottom: 15px;
        line-height: 1.2;
    }

    .cat-content p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    .dl-btn {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 24px;
        background: #f1f5f9;
        color: #0f172a;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.9rem;
        border-radius: 8px;
        border: 1px solid #e2e8f0;
        width: 100%;
        max-width: 320px;
    }

    /* --- Responsive Adjustments --- */

    /* Tablet view */
    @media (max-width: 991px) {
        .cat-card {
            padding: 140px 24px 30px;
            /* Increased top padding to clear the centered image */
            text-align: center;
            align-items: center;
            margin-top: 30px;
        }

        .cat-image-wrapper {
            top: -40px;
            right: auto;
            left: 50%;
            transform: translateX(-50%);
            width: 120px;
            /* Slightly scaled down for mobile */
            height: 170px;
        }

        .cat-content {
            max-width: 100%;
        }

        .cat-content h3 {
            font-size: 1.6rem;
        }

        .cat-card::before {
            font-size: 4.5rem;
            right: 50%;
            transform: translateX(50%);
            bottom: 20px;
            opacity: 0.5;
            /* Soften watermark on small screens */
        }

        .dl-btn {
            max-width: 100%;
            justify-content: center;
        }
    }

    /* Mobile view */
    @media (max-width: 767px) {
        .cat-card {
            padding: 140px 24px 30px;
            /* Increased top padding to clear the centered image */
            text-align: center;
            align-items: center;
            margin-top: 30px;
        }

        .cat-image-wrapper {
            top: -40px;
            right: auto;
            left: 50%;
            transform: translateX(-50%);
            width: 120px;
            /* Slightly scaled down for mobile */
            height: 170px;
        }

        .cat-content {
            max-width: 100%;
        }

        .cat-content h3 {
            font-size: 1.6rem;
        }

        .cat-card::before {
            font-size: 4.5rem;
            right: 50%;
            transform: translateX(50%);
            bottom: 20px;
            opacity: 0.5;
            /* Soften watermark on small screens */
        }

        .dl-btn {
            max-width: 100%;
            justify-content: center;
        }
    }
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --dark-slate:#0f172a;
  --brand-blue:#0284c7;
  --brand-orange:#003471;
  --light-bg:#f8fafc;
  --card-bg:#ffffff;
  --text-gray:#64748b;
}

.cert-split-wrapper{
  display:flex;
  max-width:1200px;
  margin:auto;
  width:100%;
  background:var(--card-bg);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 25px 50px -12px rgba(0,0,0,0.08);
  border:1px solid #e2e8f0;
  font-family:'Inter',sans-serif;
}

.cert-left-panel{
  flex:0 0 40%;
  background:var(--dark-slate);
  padding:60px 50px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
}

.cert-left-panel::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
  background-size:20px 20px;
  opacity:.5;
}

.cert-left-panel h2{
  font-family:'Rajdhani',sans-serif;
  font-size:2.6rem;
  margin-bottom:20px;
  position:relative;
  z-index:2;
}

.cert-left-panel p{
  color:#fff;
  margin-bottom:40px;
  position:relative;
  z-index:2;
}

.accreditation-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
  position:relative;
  z-index:2;
}

.accred-logo{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  padding:20px 10px;
  text-align:center;
  font-weight:600;
  color:#cbd5e1;
  transition:.3s;
}

.accred-logo:hover{
  background:rgba(255,255,255,.1);
  color:#fff;
  transform:translateY(-2px);
}

.cert-right-panel{
  flex:0 0 60%;
  padding:60px 50px;
  display:flex;
  flex-direction:column;
  gap:20px;
  justify-content:center;
}

.file-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 25px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  text-decoration:none;
  transition:.4s;
  position:relative;
  overflow:hidden;
}

.file-info{
  display:flex;
  align-items:center;
  gap:20px;
}

.file-icon{
  width:50px;
  height:50px;
  background:#fff;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--brand-blue);
  box-shadow:0 4px 6px rgba(0,0,0,.05);
}

.file-title{
  font-family:'Rajdhani',sans-serif;
  font-size:1.3rem;
  font-weight:700;
  color:var(--dark-slate);
}

.dl-action{
  display:flex;
  align-items:center;
  gap:12px;
}

.dl-text{
  font-size:.85rem;
  font-weight:600;
  text-transform:uppercase;
  color:var(--text-gray);
}

.dl-button{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#e2e8f0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.file-row:hover{
  transform:translateX(-20px) scale(1.02);
  background:#fff;
  border-color:#bae6fd;
  box-shadow:15px 15px 30px -5px rgba(2,132,199,.1);
}

.file-row:hover .file-icon{
  background:var(--brand-blue);
  color:#fff;
}

.file-row:hover .file-title{
  color:var(--brand-blue);
}

.file-row:hover .dl-text{
  color:var(--brand-orange);
}

.file-row:hover .dl-button{
  background:var(--brand-orange);
  color:#fff;
}

@media(max-width:992px){
  .cert-split-wrapper{flex-direction:column;}
  .file-row:hover{transform:translateY(-5px);}
}

@media(max-width:600px){
  .file-row{flex-direction:column;align-items:flex-start;gap:15px;}
  .dl-action{width:100%;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:15px;}
}