/*
 Theme Name:   FinKash Child
 Theme URI:    https://finkash.wpengine.com/
 Description:  FinKash Child Theme
 Author:       the designthemes team
 Author URI:   https://themeforest.net/user/designthemes
 Template:     finkash
 Version:      1.0.0
 Text Domain:  finkash-child
 Tested up to: 6.8 
 Requires PHP: 7.4
 Tags: Blog,Portfolio
 License: GNU General Public License v2 or later License URI: https: //www.gnu.org/licenses/gpl-2.0.html
 Copyright (C) 2025 designthemes. All rights reserved.
*/

body div#wdt-accordion-panel-ed470d7-0 {
    flex-direction: column;
}

.elementor-element.customiconcls.elementor-widget-icon-box {
    background: white;
    padding: 40px;
}

body .wdt-counter-holder.wdt-rc-template-bordered .wdt-content-item .wdt-content-counter {
	font-size: clamp(1.275rem, 0.9932rem + 0.9432vw, 2.125rem);
}

.wdt-team-holder .wdt-column .wdt-content-item {
    height: 400px !important;
}

.wdt-team-holder.wdt-rc-template-standard .wdt-column.wdt-active .wdt-content-item .wdt-content-image > span img,
.wdt-team-holder.wdt-rc-template-standard .wdt-column.wdt-active .wdt-content-item .wdt-content-media-group {
	height: 266px !important;
	min-height: 266px !important;
}

.wdt-team-holder .wdt-column .wdt-social-icons-list .wdticon-youtube-play:before {
	content: '\e803';
}

/* =========================================================
   DhanSurya — Services Tree Shortcode Styles
   ========================================================= */

.dhansurya-services-tree {
	--ds-green: #1b4d3e;
	--ds-green-dark: #123529;
	--ds-gold: #E3B224;
	--ds-card: #ffffff;
	--ds-text: #1f2d28;
	--ds-muted: #6b7770;
	--ds-border: #e3e7e2;

	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin: 50px auto 0;
	color: var(--ds-text);
}

.dhansurya-services-tree * {
	box-sizing: border-box;
}

@media (max-width: 640px) {
	.dhansurya-services-tree {
		grid-template-columns: 1fr;
	}
}

.services-tree-column {
	background: var(--ds-card);
	border: 1px solid var(--ds-border);
	border-radius: 10px;
	padding: 24px 26px;
}

.tree-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.03em;
	color: var(--ds-green);
	margin: 0 0 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--ds-border);
}

.tree-count {
	font-weight: 500;
	font-size: 13px;
	color: var(--ds-muted);
}

.tree-heading-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}

.dot-dhan {
	background: var(--ds-green);
}

.dot-surya {
	background: var(--ds-gold);
}

.services-tree-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.services-tree-list li {
	border-bottom: 1px solid var(--ds-border);
}

.services-tree-list li:last-child {
	border-bottom: none;
}

.services-tree-list a {
	display: block;
	position: relative;
	padding: 10px 0 10px 18px;
	font-size: 14px;
	font-weight: 500;
	color: var(--ds-text);
	text-decoration: none;
	transition: color 0.15s ease, padding-left 0.15s ease;
}

/* Tree-branch style connector line */
.services-tree-list a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 1px;
	background: var(--ds-border);
}

.services-tree-list a:hover {
	color: var(--ds-green);
	padding-left: 22px;
}

.services-tree-list a:hover::before {
	background: var(--ds-gold);
}

.tree-empty {
	font-size: 13px;
	color: var(--ds-muted);
	margin: 0;
}

/* DhanSurya Services Shortcode Styles
   ----------------------------------- */

.dhansurya-services-wrap {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	margin: 0 auto;
}

/* Left: service list, 2-column grid like the screenshot */
.dhansury-services-list {
	flex: 0 0 44%;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-content: flex-start;
}

.service-item {
	flex: 0 0 calc(50% - 6px);
	box-sizing: border-box;
	padding: 14px 16px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.3;
	color: #1f2d28;
	background: #ffffff;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.service-item:hover {
	border-color: #1b4d3e;
}

/* Active/selected service — dark green highlight, as in screenshot */
.service-item.active {
	background: #1b4d3e;
	color: #ffffff;
	border-color: #1b4d3e;
}

/* Distinct accent colors per service type — Dhan = Green, Surya = Yellow/Gold */
.service-item.dhan-service {
	border-left: 4px solid #1b4d3e;
}
.service-item.surya-service {
	border-left: 4px solid #E3B224;
}


/* FAQ accordion */
.service-faqs {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.faqs-heading {
	font-size: 18px;
	margin-bottom: 14px;
	color: #ffffff;
}

.faq-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 0;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	color: #ffffff;
}

.faq-toggle-icon {
	font-size: 18px;
	font-weight: 700;
	color: #E3B224;
	flex-shrink: 0;
	margin-left: 12px;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
}

.faq-item.open .faq-answer {
	max-height: 500px; /* large enough to fit typical answers */
}

.faq-answer p {
	padding-bottom: 14px;
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
}

/* Right: content panel */
.dhansury-services-content {
	flex: 1;
	background: #1b4d3e;
	color: #ffffff;
	padding: 32px;
	border-radius: 4px;
	min-height: 300px;
	position: relative;
	transition: opacity 0.2s ease;
}

.dhansury-services-content.loading {
	opacity: 0.5;
}

#service-content-inner h2,
#service-content-inner h3 {
	color: #ffffff;
	margin-top: 0;
}

#service-content-inner strong {
	color: #E3B224; /* amber accent, matches "What We Offer" style headings */
}

#service-content-inner p {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 16px;
}

/* View More / Learn More button */
.service-view-more {
	display: flex;
    width: fit-content;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	padding: 10px 22px;
	background: #E3B224;
	color: #1b4d3e;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none;
	border-radius: 3px;
	transition: background 0.2s ease, transform 0.2s ease;
}

.service-view-more:hover {
	background: #ffffff;
	color: #1b4d3e;
	transform: translateX(2px);
}

.service-view-more .arrow {
	transition: transform 0.2s ease;
}

.service-view-more:hover .arrow {
	transform: translateX(3px);
}

/* FAQ accordion */
.service-faqs {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.faqs-heading {
	font-size: 18px;
	margin-bottom: 14px;
	color: #ffffff;
}

.faq-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 0;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	color: #ffffff;
}

.faq-toggle-icon {
	font-size: 18px;
	font-weight: 700;
	color: #E3B224;
	flex-shrink: 0;
	margin-left: 12px;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
}

.faq-item.open .faq-answer {
	max-height: 500px; /* large enough to fit typical answers */
}

.faq-answer p {
	padding-bottom: 14px;
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
}

/* Responsive: stack on smaller screens */
@media (max-width: 768px) {
	.dhansurya-services-wrap {
		flex-direction: column;
	}
	.dhansury-services-list {
		flex: 0 0 100%;
		width: 100%;
	}
	.service-item {
		flex: 0 0 calc(50% - 6px);
	}
}

@media only screen and (max-width: 1540px) {
    body #wdt-counter-df353d2 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column,
	body #wdt-counter-639af3a .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column {
        flex: 0 0 29%;
		margin: 1%;
		padding: 0;
    }

	body .elementor-3036 .elementor-element.elementor-element-0f2366e {
        width: 66%;
		max-width: fit-content;
    }
    body .elementor-2807 .elementor-element.elementor-element-08bb7a8 div.wdt-logo-container img {
        max-width: 100px;
        width: 100px;
    }
}

/* Responsive: Large screens */
@media (min-width: 768px) {
	.dhansury-services-list {
		max-height: 300px;
		overflow: auto;
	}
}

/* Responsive: stack on smaller screens */
@media (max-width: 768px) {
	body .dhansury-services-list .service-item.dhan-service,
	body .dhansury-services-list .service-item.surya-service {
		flex: 0 0 100%;
	}
	body .elementor-3036 .elementor-element.elementor-element-0f2366e {
        width: 100%;
		max-width: fit-content;
    }
	body #wdt-counter-df353d2 .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column,
	body #wdt-counter-639af3a .wdt-column-wrapper.wdt-snap-scroll-enabled .wdt-column {
        flex: 0 0 100% !important;
    }
}

/* =========================================================
   DhanSurya — Brand Word Styling
   Dhan = Green, Surya = Yellow/Gold
   Loaded sitewide via functions.php so it applies wherever
   the word "DhanSurya" appears in content.
   ========================================================= */

.ds-brand-dhan {
	color: #1b4d3e;
	font-weight: inherit; /* inherits weight from surrounding text/heading */
}
 
.ds-brand-surya {
	color: #E3B224;
	font-weight: inherit;
}
 
/* On dark backgrounds (e.g. the green content panels used in the
   homepage service selector and single-service CTA areas), pure
   gold for Surya still reads fine, but Dhan's dark green blends
   into the background — this override keeps it legible there. */
.dhansury-services-content .ds-brand-dhan,
.dhansurya-single-service .service-cta-box .ds-brand-dhan,
.consult-box .ds-brand-dhan {
	color: #ffffff;
}