﻿/*.div_categoriesImg {
    display: flex;
    gap: 10px;
}


.categoryTitle {
    height: 53px;
    background-color: white;
    border: 1px solid #E5E6E5;
    border-radius: 4px;
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007284;
    font-size: 16px;
}
.categoryBox {
    display: inline-block;
    white-space: normal;
    position: relative;

}
    .categoryBox img {
        border-radius: 4px 4px 0px 0px;
    }*/

/*.category-boxes .hotCats {
    padding: 5px;
}

    .category-boxes .hotCats .catCube {
        margin: 5px;
        border: 1px solid #cccccc;
        padding: 5px;
        color: #48aaba;
        font-weight: bold;
        height: 79px;
        align-items: center;
        display: flex;
        justify-content: center;
        line-height: 18px;
    }*/

[data-component='CategoryImages'] {
    margin-top: -65px;
    box-shadow: 0px 34px 84px 0px #E6EBF4;
    border-radius: 40px;
    margin-bottom: 20px;
    z-index: 99;
    width: 90cqw;
    position: relative;   
    max-width:1920px;
}

@media screen and (min-width: 1344px) and (max-width: 1392px) {
    [data-component='CategoryImages'] {
        transform: translateX(6%);
    }
}

@media screen and (min-width: 1302px) and (max-width: 1343px) {
    [data-component='CategoryImages'] {
        transform: translateX(3%);
    }
}

@media screen and (min-width: 1247px) and (max-width: 1301px) {
    [data-component='CategoryImages'] {
        transform: translateX(2%);
    }
}

    [data-component='CategoryImages'] .SliderWraper .SliderRow {        
        gap: 10px;
    }

    [data-component='CategoryImages'] .SliderWraper .SliderRow .SlideNumber {
        margin-bottom: 0px;
        gap:10px;
    }

.categories-wrp {
    display: flex;
    /*width: 1776px;  */  
    align-items: center;
    border-radius: 40px;
    background-color: #FFF;
    
}

    .categories-wrp .box {
        display: flex !important;
        width: 140px;
        height: 132px;
        margin-left: 10px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #001C32 !important;
        gap: 10px !important;
    }

        .categories-wrp .box img {
            display: flex;
            width: 90px;
            height: 65px;            
            justify-content: center;
            align-items: center;
        }

        .categories-wrp .box span {
            align-self: stretch;
            color: #001C32;
            text-align: center;
            leading-trim: both;
            text-edge: cap;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

