

                :root {
                    --card-bg: #ffffff;
                    --page-bg: #ffffff;
                    --card-radius: 0x;
                    --pad: 18px;
                    --avatar-size: 86px;
                }

                @media (max-width: 991px) {
                    :root {
                        --avatar-size: 70px;
                        --avatar-gap-x: 16px;
                        --avatar-gap-y: 16px;
                        --avatar-ring: 6px;
                    }
                }

                .feature-card-medeed {
                    border: 1px solid #c8c8c8;
                    overflow: hidden;
                    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    transition: transform 0.3s ease;
                }

                    .feature-card-medeed:hover {
                        transform: translateY(-8px);
                    }

                .feature-card-medeed__header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    background-color: #739dd2;
                    padding: 0;
                    height: 130px;
                }

                .feature-card-medeed__avatar {
                    height: 100%;
                    width: 100%;
                    /*aspect-ratio: 1/1;*/
                    border-top-left-radius: var(--card-radius);
                    border-bottom-left-radius: 0;
                    overflow: hidden;
                }

                    .feature-card-medeed__avatar img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-top-left-radius: var(--card-radius);
                        border-bottom-left-radius: 0;
                    }

                .feature-card-medeed__icon {
                    font-size: 3rem;
                    color: var(--title-color, #0a2540);
                    margin-right: 16px;
                }

                .feature-card-medeed__body {
                    background-color: var(--card-bg);
                    border-top-left-radius: 0;
                    border-top-right-radius: 0;
                    padding: 20px;
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                }

                    .feature-card-medeed__body p {
                        font-size: 16px
                    }

                .feature-card-medeed__title {
                    font-size: 16px;
                    font-weight: 700;
                    color: var(--title-color, #0a2540);
                }

                    .feature-card-medeed__title i {
                        font-size: 20px;
                        /*font-weight: 500;*/
                        color: #0a2540;
                    }
            