/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.marquee-container {
    width: 100%; /* Full width of the container */
    overflow: hidden; /* Hide the overflowing content */
    white-space: nowrap; /* Prevent text from wrapping */
    position: relative;
}

.marquee-content {
    display: flex;
	align-items: center;
    animation: scroll-left 10s linear infinite;
}

.marquee-content span,
.marquee-content img {
    margin-right: 20px; /* Space between elements */
}

.marquee-content span {
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
}
.marquee-content img {
    height: 12px;
    width: 12px;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0); /* Start at the beginning */
    }
    100% {
        transform: translateX(-50%); /* Scroll all the way through, shifting by half the content's width */
    }
}

.webby img {
    width: 15px;
	margin-left: 7px;
}
.webby a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
    .marquee-content span {
        font-size: 13px;
    }
}



.kitchen-slider-wrapper {
	position: relative;
	max-width: 1200px;
	margin: auto;
}

.kitchen-slider .slide {
	text-align: center;
	padding: 20px;
}

.kitchen-slider img {
	width: 100%;
	height: 200px !important;
	object-fit: contain;
}

.slider-button {
	font-family: "Inter", Sans-serif;
    font-size: 20px;
    display: inline-block;
    margin-top: 20px;
    padding: 12px 20px;
    background-color: #fff;
    color: #2F2F2F;
    text-decoration: none;
    border-radius: 4px;
    border: 2px solid #27457C;
}


[type=button]:hover {	
	background-color: #ffffff00 !important;	
}

/* Custom Arrow Styling */
.slick-prev, .slick-next {
	width: 40px;
	height: 40px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	border: none;
	z-index: 10;
}
.slick-prev {
	left: -50px;
	top: 33%;
	background-image: url('https://reconindustries.in/commercial-kitchen-experts/wp-content/uploads/2025/09/left.png') !important;
}
.slick-next {
	right: -50px;
	top: 33%;
	background-image: url('https://reconindustries.in/commercial-kitchen-experts/wp-content/uploads/2025/09/right.png') !important;
}
.slick-prev::before,
.slick-next::before {
	content: '' !important;
}

.kitchen-slider h3 {
    font-family: "Inter", Sans-serif;
    font-size: 28px;
    font-weight: 500;
	line-height: 35px;
    color: #2F2F2F;
	margin: 0;
}


.industries-slider-wrapper {
	margin: 40px 0;
}

.industry-slide {
	text-align: center;
}

.industry-slide img {
	max-width: 100px;
	margin: 0 auto 10px;
}

.industry-slide h4 {
	font-size: 16px;
	margin: 0;
}

.industries-slider .slick-prev,
.industries-slider .slick-next {
	background-size: contain !important;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	z-index: 10;
}

.industries-slider .slick-prev {
	background-image: url('https://reconindustries.in/commercial-kitchen-experts/wp-content/uploads/2025/09/left-b.png') !important;
	left: -50px;
	top: 50%;
}

.industries-slider .slick-next {
	background-image: url('https://reconindustries.in/commercial-kitchen-experts/wp-content/uploads/2025/09/right-b.png') !important;
	right: -50px;
	top: 50%;
}

.industry-slide h4 {
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    color: #2F2F2F;
}


@media (max-width: 767px) {
    .slick-prev,
    .slick-next {
        display: none !important;
    }
}





/* What We Do Slider */
.what-we-do-slider-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 15px;
}

.wwd-slide {
    text-align: center;
    padding: 20px;
}

.wwd-slide img {
	width: 100%;
    min-height: 400px;
    max-height: 400px;
    object-fit: cover;
}

.wwd-slide h3 {
    font-family: "Inter", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
    color: #27457C;
    margin: 0 auto;
    max-width: 350px;
    padding-top: 20px;
}

/* Custom arrows using images */
.what-we-do-slider .slick-prev,
.what-we-do-slider .slick-next {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 5;
}

.what-we-do-slider .slick-prev {
    background-image: url('https://reconindustries.in/commercial-kitchen-experts/wp-content/uploads/2025/09/left-b.png')!important;
    left: -50px;
	top: 40%;
}

.what-we-do-slider .slick-next {
    background-image: url('https://reconindustries.in/commercial-kitchen-experts/wp-content/uploads/2025/09/right-b.png')!important;
    right: -50px;
	top: 40%;
}

/* Hide arrows on mobile */
@media (max-width: 1024px) {
    .what-we-do-slider .slick-prev,
    .what-we-do-slider .slick-next {
        display: none !important;
    }
	.wwd-slide img {
		min-height: 250px;
		max-height: 250px;
	}
	.webby a {
		justify-content: center;
	}
}


.industry-slide img {
    width: 80px;
    max-height: 80px;
}