/*
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.7.1776402274
Updated: 2026-04-17 05:04:34

*/
/* services slider  */

.gs-services-slider {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}

.gs-slides {
    display: flex;
    gap: 20px;
    transition: transform 0.5s ease;
}

.gs-slide {
    min-width: calc(33.33% - 13.33px);
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    color: #fff;
}

.gs-slide-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
    border-radius: 16px;
}

.gs-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    z-index: 1;
}

.gs-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
}

.gs-content h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}

.gs-content p {
    font-size: 14px;
    opacity: 0.9;
}

.gs-arrow {
    position: absolute;
    bottom: 20px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: #1bbf73;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
}

.gs-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #1bbf73;
    padding: 10px;
    border-radius: 10px;
    z-index: 3;
}

.gs-icon img {
    width: 28px;
}

.gs-dots {
    text-align: center;
    margin-top: 15px;
}

.gs-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    margin: 5px;
    cursor: pointer;
}

.gs-dot.active {
    background: #1bbf73;
    transform: scale(1.3);
}

@media (max-width: 1024px) {
    .gs-slide {
        min-width: calc(50% - 10px);
    }
}

@media (max-width: 767px) {
    .gs-slide {
        min-width: 100%;
    }
}