/*
Theme Name: CEM
Theme URI: https://cem.lk/
Template: hello-elementor
Author: Thimira Perera
Author URI: #
Description: Empower your online presence with the CEM theme, designed for modern, innovative, and education-driven websites. Featuring a clean, user-friendly interface, it offers seamless navigation, sleek design elements, and robust functionality to enhance your digital experience. Perfect for educational institutions, management services, and knowledge-based platforms.
Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, translation-ready, responsive, theme-options, SEO-friendly, widget-ready, modern-design, business, portfolio, education, fast-loading
Version: 1.1.0.1739927360
Updated: 2025-02-19 01:09:20

*/

/* Elementor Button Icon */
.elementor-button-icon {
	display: flex;
	align-self: center;
}

/* Action Pulse Button */
.elementor-button {
	background-color: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-primary) !important;
	color: var(--e-global-color-b1bf5f7) !important;
	fill: var(--e-global-color-b1bf5f7) !important;
}
.elementor-button:hover {
	background-color: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
	color: var(--e-global-color-b1bf5f7) !important;
	fill: var(--e-global-color-b1bf5f7) !important;
}

/* Clean Slate Button */
.custom-btn-clean-slate .elementor-button {
	background-color: var(--e-global-color-61bf961) !important;
	border-color: var(--e-global-color-61bf961) !important;
	color: var(--e-global-color-099b52f) !important;
	fill: var(--e-global-color-099b52f) !important;
}
.custom-btn-clean-slate .elementor-button:hover {
	background-color: #E7E7E7 !important;
	border-color: #E7E7E7 !important;
	color: var(--e-global-color-099b52f) !important;
	fill: var(--e-global-color-099b52f) !important;
}

/* Power Move Button */
.custom-btn-power-move .elementor-button {
	background-color: black !important;
	border-color: black !important;
	color: var(--e-global-color-b1bf5f7) !important;
	fill: var(--e-global-color-b1bf5f7) !important;
}
.custom-btn-power-move .elementor-button:hover {
	background-color: var(--e-global-color-2a8c65a) !important;
	border-color: var(--e-global-color-2a8c65a) !important;
	color: var(--e-global-color-b1bf5f7) !important;
	fill: var(--e-global-color-b1bf5f7) !important;
}

.hero-text {
	background: linear-gradient(180deg, #D1E8FA 0%, #47516b 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.company-box {
	transform: translateY(0px);
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease-in-out;
}
.company-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 20px 0 rgba(0, 0, 0, 0.08);
}

.about-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2025/02/falling-currency-wealth.webp'), url('/wp-content/uploads/2025/02/falling-cash.webp');
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: contain, contain;
	pointer-events: none;
	filter: opacity(30%);
}

.site-header, .site-footer {
	display: none;
}