.catgry_home {
    background: var(--footer-bg-color);
}

.catgryCarousel {
    margin-bottom: 1.5rem!important;
    /* padding: 0 15px; */
}

.catgryCarousel .catgryCarousel-content {
    background: white 0 0 no-repeat padding-box;
    border-bottom: solid 10px var(--primary-color);                
    margin: 0;
    padding: 1.5625rem 1rem 0.5em;
    height: 140px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.6s;
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 15px;
}

.catgryCarousel .catgryCarousel-content:hover {
    background: var(--carousel-bg-color) 0 0 no-repeat padding-box;
    border-bottom: solid 10px var(--header-bg-color);
    box-shadow: 0px 0px 12px -2px var(--category-secondary-color);
}
.catgryCarousel.seller .catgryCarousel-content:hover{
    background: white 0 0 no-repeat padding-box;
    border-bottom: solid 10px var(--primary-color);
    box-shadow: 0px 0px 12px -2px var(--category-secondary-color);
}

.catgryCarousel .catgryCarousel-content>div>img {
    margin: 0 auto 20px auto;
}

.catgryCarousel .catgryCarousel-content:hover>div>img {
    filter: invert(0.12) sepia(1) saturate(8.7) hue-rotate(129.6deg) brightness(0.82);
}

.catgryCarousel .catgryCarousel-content:hover>div>img {
    margin: 0 auto 20px auto;
    background-color: var(--primary-color);
}

.catgryCarousel .catgryCarousel-content>div>p {
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 0.75rem!important;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    max-height: 3rem;
    /* display: block; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal!important;
    visibility: visible;
}

.catgryCarousel .catgryCarousel-content:hover>div>p {
    color: white;
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 0.75rem!important;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    max-height: 3rem;
    /* display: block; */
    visibility:visible;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal!important;
}
.catgryCarousel.seller .catgryCarousel-content:hover>div>p{
    color: var(--primary-color);
}

.catgryCarousel .catgryCarousel-content>div {
    flex: 0 0 100%;
    height: 100%;
}
/* .catgryCarousel ::ng-deep .slick-prev { */

.catgryCarousel .slick-prev {
    height: 56px;
    width: 28px;
    border-bottom-right-radius: 180px;
    border-top-right-radius: 180px;
    left: 15px;
    background: white;
    padding: 0.6rem;
    opacity: 0.7;
    z-index: 9;
}
/* .catgryCarousel ::ng-deep .slick-next { */

.catgryCarousel .slick-next {
    height: 56px;
    width: 28px;
    border-bottom-left-radius: 180px;
    border-top-left-radius: 180px;
    right: 16px;
    background: white;
    padding: 0.6rem;
    opacity: 0.5;
}
/* .catgryCarousel ::ng-deep .slick-next:before,
.catgryCarousel ::ng-deep .slick-prev:before { */

.catgryCarousel .slick-next:before,
.catgryCarousel .slick-prev:before {
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    color: black;
}
/* .catgryCarousel ::ng-deep .slick-next:before { */

.catgryCarousel .slick-next:before {
    left: 6px;
    content: "\f054";
}
/* .catgryCarousel ::ng-deep .slick-prev:before { */

.catgryCarousel .slick-prev:before {
    right: 7px;
    content: "\f053";
}
/* .catgryCarousel ::ng-deep .slick-arrow.slick-disabled { */

.catgryCarousel .slick-arrow.slick-disabled {
    display: none !important;
}

.catgry-img {
    height: 48px;
    text-align: center;
}

.catgry-img img {
    margin: 0 auto;
    max-height: 100%;
}
/* .catgryCarousel ::ng-deep .slick-track { */

.catgryCarousel .slick-track {
    margin: 0
}

.productListingWrap {
    margin: 0 15px;
}

.catgryCarousel .catgryCarousel-content>div>h2 {
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 0.75rem!important;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    max-height: 3rem;
    /* display: block; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal!important;
    visibility: visible;
    line-height: 1.5;
}

.catgryCarousel .catgryCarousel-content:hover>div>h2 {
    color: white;
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 0.75rem!important;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    max-height: 3rem;
    /* display: block; */	
    visibility:visible;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal!important;
    line-height: 1.5;
}
.catgryCarousel.seller .catgryCarousel-content:hover>div>h2{
    color: var(--primary-color);
}