.related-card{border-radius:6px;padding:0.5rem 0.5rem;margin:0.5rem 0}
.related-card-inner{display:flex;align-items:center;flex-wrap:wrap}
.related-card-image{flex:0 0 auto;max-width:300px;padding:0.5rem}
.related-card-img{width:100%;max-width:300px;height:auto;border-radius:8px;display:block}
.related-card-content{flex:1;padding:0.5rem}
.related-card-pretitle {
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
    font-weight: bold;
    text-transform: uppercase;
}
.related-card-title {
    margin: 1.5rem 0 1.5rem 0;
    font-size: 2rem;
    font-weight: 600;
}
.related-card-description{margin:0 0 1rem 0}
.related-card-btn{border-radius:99px;padding:0.8rem 1.4rem;display:inline-block;text-decoration:none;font-weight:bold;margin-top:2rem}

/* Alignment helpers */
.align-left{text-align:left}
.align-center{text-align:center}

/* Background colors */
.bg-lightblue{background-color:#00B2EB}
.bg-purple{background-color:#DCBDFF}
.bg-navy{background-color:#1e3268}

/* Text colors */
.text-navy{color:#1e3268}
.text-white{color:#FFFFFF}

/* Button color variations */
.btn-navy{background:#1e3268;color:#ffffff}
.btn-white{background:#ffffff;color:#1e3268;border:1px solid #1e3268}
.btn-yellow{background:#FFD255;color:#1e3268}

/* Hover effect for buttons */
.related-card-btn.btn-navy:hover{background:#ffffff;color:#1e3268;border:1px solid #1e3268}
.related-card-btn.btn-white:hover{background:#1e3268;color:#ffffff;border:1px solid #1e3268}
.related-card-btn.btn-yellow:hover{background:#ffffff;color:#1e3268;border:1px solid #1e3268}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .related-card-image {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0.5rem;
    }
    .related-card-img {
        max-width: 100%;
    }
    .related-card-content {
        flex: 0 0 100%;
    }
}