.ek-logo-grid--box {
    .ek-logo-grid-wrapper {
        @apply gap-[20px]
    }

    .ek-logo-grid-item {
        @apply border-[2px] rounded-[.5rem]
    }

}

.ek-logo-grid-figure {
    img {
        @apply max-h-full object-cover
    }
}

.ek-logo-grid-item {
    @apply overflow-hidden h-[180px] border-[#e7e7e7]
}

.ek-logo-grid-wrapper {
    @apply grid
}

.ek-logo-grid--tictactoe {
    .ek-logo-grid-item {
        @apply border-t-[2px] border-r-[2px] border-l-[0] border-b-[0] border-solid
    }

}


@media (min-width:1025px) {
    .ek-logo-grid--tictactoe.ek-logo-grid--col-2 .ek-logo-grid-item:nth-child(2n) {
        border-right-width: 0 !important;

    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-2 .ek-logo-grid-item:nth-child(-n+2) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-3 .ek-logo-grid-item:nth-child(3n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-3 .ek-logo-grid-item:nth-child(-n+3) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-4 .ek-logo-grid-item:nth-child(4n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-4 .ek-logo-grid-item:nth-child(-n+4) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-5 .ek-logo-grid-item:nth-child(5n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-5 .ek-logo-grid-item:nth-child(-n+5) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-6 .ek-logo-grid-item:nth-child(6n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-6 .ek-logo-grid-item:nth-child(-n+6) {
        border-top-width: 0 !important;
    }
}

@media (max-width:1024px) and (min-width:768px) {
    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet2 .ek-logo-grid-item:nth-child(2n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet2 .ek-logo-grid-item:nth-child(-n+2) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet3 .ek-logo-grid-item:nth-child(3n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet3 .ek-logo-grid-item:nth-child(-n+3) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet4 .ek-logo-grid-item:nth-child(4n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet4 .ek-logo-grid-item:nth-child(-n+4) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet5 .ek-logo-grid-item:nth-child(5n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet5 .ek-logo-grid-item:nth-child(-n+5) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet6 .ek-logo-grid-item:nth-child(6n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet6 .ek-logo-grid-item:nth-child(-n+6) {
        border-top-width: 0 !important;
    }
}

@media (max-width:767px) {
    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile2 .ek-logo-grid-item:nth-child(2n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile2 .ek-logo-grid-item:nth-child(-n+2) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile3 .ek-logo-grid-item:nth-child(3n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile3 .ek-logo-grid-item:nth-child(-n+3) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile4 .ek-logo-grid-item:nth-child(4n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile4 .ek-logo-grid-item:nth-child(-n+4) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile5 .ek-logo-grid-item:nth-child(5n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile5 .ek-logo-grid-item:nth-child(-n+5) {
        border-top-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile6 .ek-logo-grid-item:nth-child(6n) {
        border-right-width: 0 !important;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile6 .ek-logo-grid-item:nth-child(-n+6) {
        border-top-width: 0 !important;
    }
}

@media (min-width: 1025px) {
    .ek-logo-grid--tictactoe.ek-logo-grid--col-2 .ek-logo-grid-item:nth-child(2n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-2 .ek-logo-grid-item:nth-child(-n+2) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-3 .ek-logo-grid-item:nth-child(3n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-3 .ek-logo-grid-item:nth-child(-n+3) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-4 .ek-logo-grid-item:nth-child(4n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-4 .ek-logo-grid-item:nth-child(-n+4) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-5 .ek-logo-grid-item:nth-child(5n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-5 .ek-logo-grid-item:nth-child(-n+5) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-6 .ek-logo-grid-item:nth-child(6n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col-6 .ek-logo-grid-item:nth-child(-n+6) {
        @apply !border-t-0;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet2 .ek-logo-grid-item:nth-child(2n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet2 .ek-logo-grid-item:nth-child(-n+2) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet3 .ek-logo-grid-item:nth-child(3n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet3 .ek-logo-grid-item:nth-child(-n+3) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet4 .ek-logo-grid-item:nth-child(4n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet4 .ek-logo-grid-item:nth-child(-n+4) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet5 .ek-logo-grid-item:nth-child(5n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet5 .ek-logo-grid-item:nth-child(-n+5) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet6 .ek-logo-grid-item:nth-child(6n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--tablet6 .ek-logo-grid-item:nth-child(-n+6) {
        @apply !border-t-0;
    }
}

@media (max-width: 767px) {
    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile2 .ek-logo-grid-item:nth-child(2n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile2 .ek-logo-grid-item:nth-child(-n+2) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile3 .ek-logo-grid-item:nth-child(3n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile3 .ek-logo-grid-item:nth-child(-n+3) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile4 .ek-logo-grid-item:nth-child(4n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile4 .ek-logo-grid-item:nth-child(-n+4) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile5 .ek-logo-grid-item:nth-child(5n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile5 .ek-logo-grid-item:nth-child(-n+5) {
        @apply !border-t-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile6 .ek-logo-grid-item:nth-child(6n) {
        @apply !border-r-0;
    }

    .ek-logo-grid--tictactoe.ek-logo-grid--col--mobile6 .ek-logo-grid-item:nth-child(-n+6) {
        @apply !border-t-0;
    }
}

.ek-logo-grid--border {
    .ek-logo-grid-item {
        @apply border-t-0 border-r-[2px] border-l-0 border-b-[2px] border-solid;

        &:first-child {
            @apply rounded-tl-[10px]
        }

        &:last-child {
            @apply rounded-br-[10px]
        }
    }
}

@media (min-width:1025px) {
    .ek-logo-grid--border.ek-logo-grid--col-2 .ek-logo-grid-item:nth-child(-n+2) {
        @apply border-t-2
    }

    .ek-logo-grid--border.ek-logo-grid--col-2 .ek-logo-grid-item:nth-child(2n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col-2 .ek-logo-grid-item:nth-child(2) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-2 .ek-logo-grid-item:nth-last-child(2) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-3 .ek-logo-grid-item:nth-child(-n+3) {
        @apply border-t-2
    }

    .ek-logo-grid--border.ek-logo-grid--col-3 .ek-logo-grid-item:nth-child(3n+1) {
        @apply border-l-2
    }

    .ek-logo-grid--border.ek-logo-grid--col-3 .ek-logo-grid-item:nth-child(3) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-3 .ek-logo-grid-item:nth-last-child(3) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-4 .ek-logo-grid-item:nth-child(-n+4) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col-4 .ek-logo-grid-item:nth-child(4n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col-4 .ek-logo-grid-item:nth-child(4) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-4 .ek-logo-grid-item:nth-last-child(4) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-5 .ek-logo-grid-item:nth-child(-n+5) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col-5 .ek-logo-grid-item:nth-child(5n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col-5 .ek-logo-grid-item:nth-child(5) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-5 .ek-logo-grid-item:nth-last-child(5) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-6 .ek-logo-grid-item:nth-child(-n+6) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col-6 .ek-logo-grid-item:nth-child(6n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col-6 .ek-logo-grid-item:nth-child(6) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col-6 .ek-logo-grid-item:nth-last-child(6) {
        @apply rounded-bl-[10px];
    }

}

@media (max-width:1024px) and (min-width:768px) {
    .ek-logo-grid--border.ek-logo-grid--col--tablet2 .ek-logo-grid-item:nth-child(-n+2) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet2 .ek-logo-grid-item:nth-child(2n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet2 .ek-logo-grid-item:nth-child(2) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet2 .ek-logo-grid-item:nth-last-child(2) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet3 .ek-logo-grid-item:nth-child(-n+3) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet3 .ek-logo-grid-item:nth-child(3n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet3 .ek-logo-grid-item:nth-child(3) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet3 .ek-logo-grid-item:nth-last-child(3) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet4 .ek-logo-grid-item:nth-child(-n+4) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet4 .ek-logo-grid-item:nth-child(4n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet4 .ek-logo-grid-item:nth-child(4) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet4 .ek-logo-grid-item:nth-last-child(4) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet5 .ek-logo-grid-item:nth-child(-n+5) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet5 .ek-logo-grid-item:nth-child(5n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet5 .ek-logo-grid-item:nth-child(5) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet5 .ek-logo-grid-item:nth-last-child(5) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet6 .ek-logo-grid-item:nth-child(-n+6) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet6 .ek-logo-grid-item:nth-child(6n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet6 .ek-logo-grid-item:nth-child(6) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--tablet6 .ek-logo-grid-item:nth-last-child(6) {
        @apply rounded-bl-[10px];
    }

}

@media (max-width:767px) {
    .ek-logo-grid--border.ek-logo-grid--col--mobile2 .ek-logo-grid-item:nth-child(-n+2) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile2 .ek-logo-grid-item:nth-child(2n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile2 .ek-logo-grid-item:nth-child(2) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile2 .ek-logo-grid-item:nth-last-child(2) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile3 .ek-logo-grid-item:nth-child(-n+3) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile3 .ek-logo-grid-item:nth-child(3n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile3 .ek-logo-grid-item:nth-child(3) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile3 .ek-logo-grid-item:nth-last-child(3) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile4 .ek-logo-grid-item:nth-child(-n+4) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile4 .ek-logo-grid-item:nth-child(4n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile4 .ek-logo-grid-item:nth-child(4) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile4 .ek-logo-grid-item:nth-last-child(4) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile5 .ek-logo-grid-item:nth-child(-n+5) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile5 .ek-logo-grid-item:nth-child(5n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile5 .ek-logo-grid-item:nth-child(5) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile5 .ek-logo-grid-item:nth-last-child(5) {
        @apply rounded-bl-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile6 .ek-logo-grid-item:nth-child(-n+6) {
        @apply border-t-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile6 .ek-logo-grid-item:nth-child(6n+1) {
        @apply border-l-2;
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile6 .ek-logo-grid-item:nth-child(6) {
        @apply rounded-tr-[10px];
    }

    .ek-logo-grid--border.ek-logo-grid--col--mobile6 .ek-logo-grid-item:nth-last-child(6) {
        @apply rounded-bl-[10px];
    }

}