.ekl-icon-box-icon svg,
.ekl-icon-box-icon i {
    @apply block;
}

.ekl-icon-btn svg,
.ekl-icon-btn i {
    @apply align-middle;
}   

.ek-icon-box{
    .ekl-icon-box {
        @apply  bg-white rounded-[5px] relative p-[20px] shadow-[0_3px_40px_0_rgba(36,36,36,0.1)] bg-cover bg-no-repeat bg-center transition-all ease-in-out duration-300 hover:shadow-[0_3px_40px_0_rgba(36,36,36,0.2)];
        .top-left {
            @apply top-0 left-0;

            .ek-badge {
                @apply rounded-tl-[5px];
            }
        }

        .top-right {
            @apply top-0 right-0;

            .ek-badge {
                @apply rounded-tr-[5px] ;
            }
        }
    }
}

.elite-kit-position-left,
.elite-kit-position-right{
    .ekl-icon-box{
        @apply flex gap-[15px];
    }
}

.elite-kit-position-right{
    .ekl-icon-box{
        @apply flex flex-row-reverse;
    }
}

.elite-kit-vertical-align-top{
    .ekl-icon-box{
        @apply items-start;
    }
}

.elite-kit-vertical-align-middle{
    .ekl-icon-box{
        @apply items-center;
    }
}

.elite-kit-vertical-align-bottom{
    .ekl-icon-box{
        @apply items-end;
    }
}

.elite-kit-position-top{
    .ekl-icon-box{
        @apply flex flex-col;
    }
}

.ekl-icon-box-title{
    @apply m-0 mt-5 transition-all duration-300 ease-in-out;
}