/* Modern purple/pink theme layer — loaded after color.css to add
   gradients, shadows and rounded corners on top of the base recolor. */

:root {
	--grad-purple: #9333EA;
	--grad-purple-dark: #6D28D9;
	--grad-pink: #EC4899;
	--grad-pink-dark: #DB2777;
}

/* Gradient CTA buttons (contact form submits + .btn-gradient links) */
.contact_us_form input[type="submit"],
.btn-gradient {
	background: linear-gradient(90deg, var(--grad-purple), var(--grad-pink)) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 30px !important;
	padding: 0 30px !important;
	height: 55px !important;
	line-height: 55px !important;
	display: inline-block !important;
	font-family: 'Montserrat-Bold', sans-serif !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	text-align: center !important;
	cursor: pointer !important;
	width: auto !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 8px 24px rgba(147, 51, 234, 0.35) !important;
}
.contact_us_form input[type="submit"]:hover,
.btn-gradient:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(219, 39, 119, 0.4) !important;
	filter: brightness(1.05);
}
.contact_us_form input[type="submit"]:active,
.btn-gradient:active {
	transform: translateY(0);
	box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3) !important;
}

/* Soft gradient wash behind hero / breadcrumb sections */
.welcome_section,
.page-breadcrumb {
	background: linear-gradient(135deg, #FAF5FF 0%, #FDF2F8 100%);
}

/* Gradient headline text */
.welcome_section h1,
.page-breadcrumb h4 {
	background: linear-gradient(90deg, var(--grad-purple), var(--grad-pink));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--grad-purple);
	display: inline-block;
}

/* Nav — rounded highlight for current/hover items */
.menuzord-menu > li.current_page > a,
.menuzord-menu > li:hover > a {
	border-radius: 20px;
}

/* Footer — deep purple gradient instead of flat navy */
footer,
.color2_bg {
	background: linear-gradient(135deg, var(--grad-purple-dark), #2E1065) !important;
}

/* Header bars — keep these light/subtle rather than solid purple.
   Higher specificity than the .color1_bg / .color2_bg rules above,
   so this wins for the header without touching the footer. */
header .top_header.color1_bg {
	background: #FFFFFF !important;
}
header .top_header p,
header .top_header ul li {
	color: #4B3B6B !important;
}

.bottom_header.color2_bg {
	background: #F7F5FB !important;
}
.bottom_header h3,
.bottom_header ul li p,
.bottom_header ul li a {
	color: #3B0764 !important;
}

/* Contact / credential list items read as soft cards */
.contact_page_address .wrapper,
.welcome_section h6 ul,
.our_service .item {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(147, 51, 234, 0.08);
}
.welcome_section h6 ul {
	padding: 20px 20px 20px 40px;
}