.ek-card {
    --ek-card-body-width-left: calc(100% - var(--ek-card-image-width) - (var(--ek-card-image-offset) / 2));
    --ek-card-body-width-right: calc(100% - var(--ek-card-image-width) + var(--ek-card-image-offset-x));
    --ek-card-image-offset-x: calc(1px - 1px);
    --ek-card-image-offset-y: calc(1px - 1px);
    --ek-card-image-width: 100%;
    --ek-card-load-icon-size: 100%;
    --ek-card-image-offset: calc(1px - 1px);
    --ek-card-img-width: calc(var(--ek-card-image-width) - (var(--ek-card-image-offset) / 2));
}

.ek-card-wrapper {
    .ek-card-media {
        img {
            @apply h-full w-full;

        }
        svg {
            @apply w-full h-full text-[100px];
        }
        i,
        svg {
            @apply transition-all duration-[.4s];
        }
        /*lord-icon {*/
        /*    @apply w-full h-full;*/
        /*}*/
    }

    .ek-card-title {
        @apply m-0 text-[28px] leading-[38px] text-ekl-neutral-900;
    }

    .ek-card-description {
        @apply m-0 text-ekl-neutral-700 text-[20px] leading-[30px] mt-2.5 ;
    }
}

.ek-media-type-icon,
.ek-media-type-image {
    .ek-card-media {
        max-width: var(--ek-card-img-width);
        flex: 0 0 var(--ek-card-img-width);
        @apply w-full;
    }
}

.ek-media-type-lord-icon {
    .ek-card-media {
        lord-icon {
            width: var(--ek-card-img-width);
            height: var(--ek-card-load-icon-size);
            /*@apply w-full;*/
        }
    }
}

.ek-card--top{
    .ek-card-media {
        @apply mb-[30px];
    }
}

.ek-card--left,
.ek-card--right {
    .ek-card-content {
        max-width: var(--ek-card-body-width-left);
        flex: 0 0 var(--ek-card-body-width-left);
    }
}