.elementor-4527 .elementor-element.elementor-element-ef92bd7{margin-top:0rem;margin-bottom:10rem;}/* Start custom CSS for shortcode, class: .elementor-element-505b172 */.elekaf-categories {
    display: flex;
    grid-template-columns: repeat(8, 1fr);
    gap: 15px;
}
.elekaf-category-card {
    /*flex: 1 1 calc(12% - 15px);*/
    /*max-width: calc(12.7% - 15px);*/
    height: 255px;
    width: 255px;
    text-align: center;
    align-content: center;
    cursor: pointer;
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
}

.elekaf-category-card-image{
    display: flex;
    justify-content: center;
}

.elekaf-category-card-image img {
    border-radius: 50%;
    height: 150px;
    width: 150px;
    object-fit: fill!important;
    text-align: center;
}

.elekaf-category-card-title {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}

.hidden {
    display: none;
}

@media (max-width: 950px) {
    .elekaf-categories {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 15px;
    }

    .elekaf-category-card {
        flex: 0 0 calc(100% / 4); 
        max-width: calc(100% / 4);
    }

    .elekaf-categories::-webkit-scrollbar {
        height: 8px;
    }

    .elekaf-categories::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 4px;
    }

    .elekaf-categories::-webkit-scrollbar-track {
        background-color: #f9f9f9;
    }
}

@media (max-width: 950px) {
    .elekaf-categories {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 15px;
    }

    .elekaf-category-card {
        flex: 0 0 calc(100% / 4);
        max-width: calc(100% / 4);
    }

    .elekaf-categories::-webkit-scrollbar {
        height: 8px;
    }

    .elekaf-categories::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 4px;
    }

    .elekaf-categories::-webkit-scrollbar-track {
        background-color: #f9f9f9;
    }
}


@media (max-width: 768px) {

    .elekaf-category-card {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
}

@media (max-width: 768px) {

    .elekaf-category-card {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 3);
        height:200px;
    }
    .elekaf-category-card-image img {
    border-radius: 50%;
    height: 100px;
    width: 150px;
    object-fit: cover!important;
    text-align: center;
}
}/* End custom CSS */