/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1770104660
Updated: 2026-02-03 07:44:20

*/

.service-slider .slick-current+.slick-active .elementor-widget-image .elementor-widget-container:after{
	top:0;
	height:100%;
}
.service-slider button.slick-arrow {
    position: absolute;
    background-image: linear-gradient(90deg, var(--e-global-color-accent) 0%, var(--e-global-color-secondary) 100%);
    font-size: 0;
    top: 50%;
    transform: translatey(-50%);
    width: 45px;
    height: 45px;
    border: none !important;
    border-radius: 50%;
    cursor: pointer;
    z-index:99;
    padding: 0;
	overflow:hidden;
}
.service-slider button.prev-arrow {
    left: -60px !important;
}
.service-slider button.next-arrow {
    right: -60px !important;
}
.service-slider button.slick-arrow:after{
	content: " " !important;
	width:100%;
	height:100%;
	border-radius:50%;
	position:absolute;
	top:0;
	left:-100%;
	background-color: var(--e-global-color-primary);
	transition:all 0.3s ease-out 0s;
	z-index:-1;
}
.service-slider button.slick-arrow:hover:after{
	left:0;
}
.service-slider button.prev-arrow:before, button.next-arrow:before{
	content: " " !important;
	width:45px;
	height:45px;
	position:absolute;
	top:0;
	left:0;
	background-image: url(/wp-content/uploads/2026/02/next_long.svg) !important;
	background-repeat:no-repeat;
	background-position:center;
	background-size:16px;
	border-radius:5px;
	transition:all 0.3s ease-out 0s;
}
.service-slider button.prev-arrow:before{
  background-image: url(/wp-content/uploads/2026/02/prev_long.svg) !important;
}