/*
Theme Name: money doc.lk
Theme URI: https://cem.lk/
Template: hello-elementor
Author: Ceylon Exchange Mentoring
Author URI: https://cem.lk/
Description: "money doc.lk" is a professional WordPress child theme designed for financial consulting services. It features a clean landing page with service categories (investment advisory, tax planning, financial planning, insurance, estate planning, and business consulting), specialist search functionality, and a streamlined 3-step client process. The responsive layout includes clear CTAs for specialist connections and contact information.
Tags: finance, business, consulting, professional, minimal, responsive-layout, custom-colors, custom-logo, grid-layout, advisor
Version: 1.0.0.1753330681
Updated: 2025-07-24 04:18:01

*/

/*--------------------------------------------------------------
# Overlay Pseudo Elements
--------------------------------------------------------------*/
.overlay-before::before, .overlay-after::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/*--------------------------------------------------------------
# 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-61bf961) !important;
	fill: var(--e-global-color-61bf961) !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-61bf961) !important;
	fill: var(--e-global-color-61bf961) !important;
}
.elementor-button-icon {
	display: flex;
}

/*--------------------------------------------------------------
# Action Pulse Lite Button
--------------------------------------------------------------*/
.custom-btn-action-pulse-lite .elementor-button {
	background-color: transparent !important;
	border-color: var(--e-global-color-primary) !important;
	color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
}
.custom-btn-action-pulse-lite .elementor-button:hover {
	background-color: transparent !important;
	border-color:var(--e-global-color-secondary) !important;
	color: var(--e-global-color-secondary) !important;
	fill: var(--e-global-color-secondary) !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-61bf961) !important;
	fill: var(--e-global-color-61bf961) !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-61bf961) !important;
	fill: var(--e-global-color-61bf961) !important;
}

/*--------------------------------------------------------------
# Service Card
--------------------------------------------------------------*/
.service-card {
	display: flex;
	padding: 24px 24px 32px 24px;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
	border-radius: 8px;
	background: var(--e-global-color-61bf961);
	box-shadow: 0 11px 27px 0 rgba(0, 0, 0, 0.09);
}
.service-card .service-inside {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.service-card .service-icon {
	width: 50px;
	margin-bottom: 8px !important;
}

/*--------------------------------------------------------------
# Counter Card
--------------------------------------------------------------*/
.counter-card {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row !important;
	padding: 16px;
	align-items: center;
	gap: 24px;
	border-radius: 8px;
	background: var(--e-global-color-61bf961);
}
.counter-card .count-box {
	width: 135px;
	display: flex;
	padding: 26px 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: linear-gradient(180deg, #001858 0%, black 100%);
	align-self: stretch;
}
.counter-card .count-desc {
	padding-top: 10px;
	align-self: start;
	width: calc(100% - 135px - 24px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
@media (max-width: 1366px) {
	.counter-card .count-box img {
		height: 96px;
	}
	.counter-card .count-box {
		width: 100%;
		height: 148px;
	}
	.counter-card .count-desc {
		padding-top: 0;
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Gradient Effect
--------------------------------------------------------------*/
.shadefx {
	background:
		linear-gradient(180deg, rgba(0, 50, 125, 0.70) 0%, transparent 100%),
		linear-gradient(180deg, #001858 0%, black 100%),
		radial-gradient(50% 50% at 50% 50%, transparent 0%, rgba(30, 80, 155, 0.70) 100%),
		linear-gradient(180deg, var(--e-global-color-729a281) 0%, var(--e-global-color-fab4525) 100%), #05164A;
}