/*
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.4.1754466983
Updated: 2025-08-06 07:56:23
*/

/* ================================
   ✅ Custom CSS Starts Here
================================ */
header#masthead .e-con>.e-con-inner,
footer#colophon .e-con>.e-con-inner {
    max-width: 1140px !important;
}
.comments-area a, .page-content a {
    color: #1a427c;
    font-weight: bold;
}
nav.hfe-nav-menu__layout-horizontal {
    @media (width > 1025px) {
        .sub-menu {
            top: 50% !important;
            pointer-events: none;
            overflow: hidden;
        }
        .menu-item-has-children.parent.hfe-has-submenu:hover {
            .sub-menu {
                top: 100% !important;
                pointer-events: auto;
                transition: pointer-events 0 linear 150ms;
            }
        }
    }
}
.e-con>.e-con-inner {
    @media (width < 768px) {
        width:calc(100% - 30px);
    }
}
main#content {
    p,h1,h2,h3,h4,h5,h6 {
        text-wrap: balance;
    }
}

/* Example: Service Hero Section */
.service-hero {
    position: relative;
    background: url('/wp-content/uploads/2025/08/your-bg.jpg') center/cover no-repeat;
    color: #fff;
    text-align: center;
    padding: 80px 20px;
    overflow: hidden;
    transition: transform 0.6s ease;
}
.square-cut {
    max-width: 450px !important;
    aspect-ratio: 9/7;
    overflow: hidden;
    border-radius: 10px;

    img,
    video {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover;
    }
}
.service-hero:hover {
    transform: scale(1.05); /* Smooth zoom on hover */
}

.service-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5); /* Dark overlay */
    transition: background 0.5s ease;
}

.service-hero:hover::after {
    background: rgba(0,0,0,0.7);
}

/* Example: Text inside hero */
.service-hero h1 {
    position: relative;
    font-size: 3rem;
    margin-bottom: 20px;
    z-index: 1;
}

.service-hero p {
    position: relative;
    font-size: 1.2rem;
    line-height: 1.6;
    z-index: 1;
}
.elementor-kit-7 button, .elementor-kit-7 input[type="button"], .elementor-kit-7 input[type="submit"], .elementor-kit-7 .elementor-button {
    border: none !important;
}

body .page-content .service-card,
body .page-content .service-card * {
    text-decoration: none;
}

body .page-content .service-card p {
    font-weight: normal;
}