/*
 Theme Name: Foodota Child
Theme URI: https://listing.foodota-wp.com/
Author URI: http://scriptsbundle.com/
Description: foodota child is a premium & responsive WordPress theme designed for Real Estate companies agencies & independent agents where modern aesthetics are combined. foodota child theme provides a complete property management system where users can complete online property marketplace for users and members, offering them their separate profile page, dashboards, and accepting different payment gateways.
 Author:       Scripts Bundle
 Template:     foodota
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: Themeforest Split Licence
License URI: https://themeforest.net/user/scriptsbundle/
Text Domain: foodota-child
Tags: translation-ready,theme-options, left-sidebar, right-sidebar, grid-layout, featured-images,sticky-post,  threaded-comments
*/

.product-category-slider {
    margin: 20px 0;
}

.product-category-slider .slick-slide {
	margin: 0px 10px;
}

.product-category {
	display: flex !important;
	align-items: center;
    flex-direction: column;
	justify-content: center;
	min-height: 300px !important;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    background-color: #fff;
}

.product-category img {
	transition: transform 0.5s ease-in-out;
    width: 60px;
    height: auto;
    margin-bottom: 10px;
}

.product-category:hover img {
    animation: flip 1s ease-in-out 1;
}

.product-category h3 {
    font-size: 20px;
    margin: 10px 0;
    color: #000;
}

/* General styling for both prev and next buttons */
.slick-arrow {
	background: transparent;
    padding: 0;
    display: inline-block;
    font-size: 0px;
    width: 30px;
    height: 30px;
    color: #ccc;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 10;
}

/* Positioning the "previous" button */
.slick-prev {
    left: -50px;
}

.slick-next {
    right: -50px;
}

.slick-prev:before,
.slick-next:before {
	display: none !important;
}

.slick-prev:after {
	font-size: 2rem;
    font-family: 'FontAwesome';
    content: '\f104' !important;
}

.slick-next:after {
	font-size: 2rem;
    font-family: 'FontAwesome';
    content: '\f105' !important;
}

.slick-prev:hover:after,
.slick-next:hover:after {
    color: #000; /* Change arrow color to black on hover */
}



@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(720deg);
    }
}

@media (min-width: 1200px) {
	.product-category-slider .slick-prev {
        left: -35px;
    }
}