/* --- 1. Enforce Landscape Shape --- */
.CertBodyWrapper {
    aspect-ratio: 11 / 8.5 !important; 
}

.CertContentWrapper {
    position: relative !important;
    top: 112px !important; 
}

/* --- 2. Camouflage the Top Bar --- */
.TopBlueBar {
    background-color: #FFFFFF !important; /* <-- REPLACE #FFFFFF WITH YOUR JPG'S TOP COLOR HEX CODE */
    border: none !important;
}

/* --- 3. Style the Learner Name (#5) --- */
.CertLearnerName {
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    color: #415271 !important;
    font-size: 48px !important;
    margin-top: 10px !important;    
    margin-bottom: 25px !important; 
}

/* --- 4. Hide sections 4, 7, 8, and 9 --- */
.CertCertifiedText,
.CertHasCompletedText span,
.CertAwardedByName,
.CertAwardedByTitle {
    display: none !important;
}

/* --- 5. Replace the Completion Text (#6) --- */
.CertHasCompletedText {
    font-size: 0 !important; 
    margin-bottom: 40px !important; 
}

.CertHasCompletedText::after {
    content: " has completed the Syllo Certified User Certification, including all required examinations, and has demonstrated expertise in the core workflows of the Syllo Litigation platform." !important;
    font-size: 18px !important; 
    color: #333333 !important;
    display: block !important; 
    line-height: 1.5 !important; 
}

/* --- 6. Add space around the Dates or Logo --- */
.CertEarnedOn,
.CertExpiration {
    margin-bottom: 20px !important; 
}