@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon/icomoon.eot?srf3rx");
	src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix")
			format("embedded-opentype"),
		url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"),
		url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"),
		url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

* {
	box-sizing: border-box;
}

/* Dark mode will be applied via media query below */

/* =======================================================
*
* 	Template Style
*	Edit this section
*
* ======================================================= */
body {
	font-family: "Quicksand", Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.8;
	color: #333; /* Using a dark grey instead of pure black for body text */
}

/* Disabled - now using manual toggle in dark-mode-override.css
@media (prefers-color-scheme: dark) {
	body {
		background-color: #1a1a1a !important;
		color: #e0e0e0 !important;
	}
}
*/

@media screen and (max-width: 992px) {
	body {
		font-size: 16px;
	}
	h2,
	h4 {
		text-align: center;
	}
}

a {
	/* Keeping the original link blue for now, adjust if needed */
	color: #2c98f0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:hover,
a:active,
a:focus {
	color: #2c98f0;
	outline: none;
	text-decoration: none !important;
}

p {
	margin-bottom: 1.5em;
	font-family: "Montserrat", sans-serif;
}
/* Removed 'x' selector styling */

h1,
h5,
h6 {
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 400;
	margin: 0 0 30px 0;
	color: #222; /* Darker headings */
}

h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 200;
	margin: 0 0 20px 0;
}
h3 {
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 500;
	margin: 0 0 30px 0;
}
h4 {
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-size: 15px;
	margin: 0 0 30px 0;
}

figure {
	margin-bottom: 2.5em;
	float: left;
	width: 100%;
}
figure figcaption {
	font-size: 16px;
	width: 80%;
	margin: 20px auto 0px auto;
	color: #b3b3b3;
	font-style: italic;
	font-family: "Quicksand", Arial, sans-serif;
}
@media screen and (max-width: 480px) {
	figure figcaption {
		width: 100%;
	}
}

/* Selection color can remain the bright blue or change to pastel */
::-webkit-selection {
	color: #fff;
	background: #8ab4f8; /* Pastel Blue Change */
}

::-moz-selection {
	color: #fff;
	background: #8ab4f8; /* Pastel Blue Change */
}

::selection {
	color: #fff;
	background: #8ab4f8; /* Pastel Blue Change */
}


#colorlib-page {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#colorlib-aside {
	padding-top: 3em;
	padding-bottom: 1px;
	float: left;
	width: 300px;
	position: fixed;
	z-index: 1001;
	background-color: #a0c4ff; /* Pastel Blue Change */
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
@media screen and (max-width: 768px) {
	#colorlib-aside {
		width: 300px;
		-moz-transform: translateX(-300px);
		-webkit-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		transform: translateX(-300px);
		padding-top: 4em;
		background-color: #a0c4ff; /* Pastel Blue Change */
		height: auto;
	}
	.resume-content img {
		display: none;
	}
}

.resume-content img {
	margin: 0 10px;
	width: 100%;
	max-width: 150px;
	max-height: 100px;
	height: auto;
}
#colorlib-aside .author-img {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	margin-bottom: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	/* border: 3px solid white; */ /* Optional: border around profile */
}

/* Remove duplicated author-img img rules - keep the more specific one */
/* #colorlib-aside .author-img img{ ... } */

aside#colorlib-aside .author-img img {
	border-radius: 50%;
	object-fit: cover;
	width: 100%;
	height: 100%;
	/* Removed padding from here - should be on container if needed */
  }

#colorlib-aside h1 {
	font-family: "Raleway", sans-serif;
}
#colorlib-aside .position { /* Style for subtitle below name if used */
	display: block;
	margin-bottom: 2em;
	font-size: 12px;
	text-transform: uppercase;
	color: #1a3a6d; /* Pastel Blue Change - Dark navy text */
}
#colorlib-aside #colorlib-logo {
	text-align: right;
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 0.5em;
	display: block;
	width: 100%;
}
#colorlib-aside #colorlib-logo a {
	display: block;
	text-align: center;
	color: #1a3a6d; /* Pastel Blue Change - Dark navy text */
	padding-right: 0.3em;
}
#colorlib-aside #colorlib-main-menu {
	display: block;
	width: 100%;
}
#colorlib-aside #colorlib-main-menu .collapse {
	display: block !important;
}
#colorlib-aside #colorlib-main-menu ul {
	text-align: center;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 768px) {
	#colorlib-aside #colorlib-main-menu ul {
		margin: 0 0 2em 0;
	}
}
#colorlib-aside #colorlib-main-menu ul li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
#colorlib-aside #colorlib-main-menu ul li a {
	/* Pastel Blue Change - Darker text for contrast */
	color: rgba(26, 58, 109, 0.8); /* Dark navy with slight transparency */
	text-decoration: none;
	position: relative;
	padding: 10px 0;
	font-family: "Montserrat", sans-serif;;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#colorlib-aside #colorlib-main-menu ul li a:after {
	content: "";
	position: absolute;
	height: 1px;
	bottom: 7px;
	left: 0;
	right: 0;
	/* Pastel Blue Change - Underline color */
	background-color: #1a3a6d;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#colorlib-aside #colorlib-main-menu ul li a:hover {
	text-decoration: none;
	color: #1a3a6d; /* Pastel Blue Change - Dark navy text */
}
#colorlib-aside #colorlib-main-menu ul li a:hover:after {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
#colorlib-aside #colorlib-main-menu ul li.active a {
	color: #1a3a6d; /* Pastel Blue Change - Dark navy text */
	font-size: 15px;
	font-weight: 600;
}
#colorlib-aside #colorlib-main-menu ul li.active a:after {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

/* Footer styling is handled later via CSS Variables */
#colorlib-aside .colorlib-footer {
	font-size: 15px; /* Slightly increased size */
	text-align: center;
	font-weight: 400;
	/* color handled by variable --color-smooth */
	padding: 0 20px;
	width: 100%;
	position: absolute; /* Position towards bottom */
	bottom: 1em;      /* Space from bottom */
	left: 0;
}

/* Removing specific footer rules here as they are generalized later */
/* #colorlib-aside .colorlib-footer span { ... } */
/* #colorlib-aside .colorlib-footer ul { ... } */
/* #colorlib-aside .colorlib-footer ul li { ... } */
/* #colorlib-aside .colorlib-footer h3 { ... } */
/* #colorlib-aside .colorlib-footer h3 a { ... } */
/* #colorlib-aside .colorlib-footer ul li a { ... } */
/* #colorlib-aside .colorlib-footer ul li a:hover, ... { ... } */

/* Removed #rcorners2 as it wasn't used in HTML */


.container-wrap {
	max-width: 1170px;
	margin: 0 auto;
}

#colorlib-main {
	width: calc(100% - 300px);
	float: right;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
@media screen and (max-width: 768px) {
	#colorlib-main {
		width: 100%;
		padding: 0 1em;
	}
}

/* Hero section styling - Can keep as is or adjust background */
#colorlib-hero {
	min-height: 500px;
	background: #fff url(../images/loader.gif) no-repeat center center;
	width: 100%;
	float: left;
	margin-bottom: 5em; /* Reduced margin */
	clear: both;
}
#colorlib-hero .flexslider {
	border: none;
	z-index: 1;
	margin-bottom: 0;
}
#colorlib-hero .flexslider .slides {
	position: relative;
	overflow: visible;
}
#colorlib-hero .flexslider .slides li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	min-height: 400px;
	position: relative;
}
#colorlib-hero .flexslider .flex-control-nav {
	bottom: 20px;
	z-index: 1000;
	left: 20px;
	float: left;
	width: auto;
}
@media screen and (max-width: 768px) {
	#colorlib-hero .flexslider .flex-control-nav {
		right: 20px;
		top: 100px;
	}
}
#colorlib-hero .flexslider .flex-control-nav li {
	display: block;
	margin-bottom: 10px;
}
#colorlib-hero .flexslider .flex-control-nav li a {
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 12px;
	height: 12px;
	cursor: pointer;
}
#colorlib-hero .flexslider .flex-control-nav li a.flex-active {
	cursor: pointer;
	background: transparent;
	/* Pastel Blue Change - Active dot border */
	border: 2px solid #8ab4f8;
}
#colorlib-hero .flexslider .flex-direction-nav {
	display: none;
}
#colorlib-hero .flexslider .slider-text {
	display: table;
	opacity: 0;
	min-height: 500px;
	z-index: 9;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner {
	display: table-cell;
	vertical-align: middle;
	min-height: 700px; /* Adjust if hero content is shorter */
	padding: 2.5em;
	position: relative;
}
@media screen and (max-width: 768px) {
	#colorlib-hero .flexslider .slider-text > .slider-text-inner {
		text-align: center;
	}
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner h1,
#colorlib-hero .flexslider .slider-text > .slider-text-inner h2 {
	margin: 0;
	padding: 0;
	color: #333; /* Darker text */
	font-family: "Playfair Display", Georgia, serif;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
	margin-bottom: 20px;
	font-size: 60px;
	line-height: 1.3;
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	#colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
		font-size: 28px;
	}
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner h2 {
	font-size: 18px; /* Increased size */
	line-height: 1.5;
	margin-bottom: 30px;
	font-weight: 300;
	font-family: "Quicksand", Arial, sans-serif;
	color: #555; /* Grey text */
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner h2 a {
	/* Using the default link color */
	/* color: rgba(44, 152, 240, 0.8); */
	/* border-bottom: 1px solid rgba(44, 152, 240, 0.7); */
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner .heading-section {
	font-size: 50px;
}
@media screen and (max-width: 768px) {
	#colorlib-hero
		.flexslider
		.slider-text
		> .slider-text-inner
		.heading-section {
		font-size: 30px;
	}
}
/* Removed '.s' typo from selector */
#colorlib-hero .flexslider .slider-text > .slider-text-inner .colorlib-lead {
	font-size: 20px;
	color: #444; /* Darker lead text */
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner p {
	margin-bottom: 0;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner .btn {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 15px !important;
	border: none;
	font-weight: 400;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner .btn.btn-learn {
	border: 1px solid #333; /* Dark border */
	background: transparent !important;
	color: #333 !important; /* Dark text */
}
#colorlib-hero
	.flexslider
	.slider-text
	> .slider-text-inner
	.btn.btn-learn:hover {
	background: #333 !important; /* Dark background on hover */
	border: 1px solid #333 !important;
	color: #fff !important; /* White text on hover */
}
@media screen and (max-width: 768px) {
	#colorlib-hero .flexslider .slider-text > .slider-text-inner .btn {
		width: 100%;
	}
}


body.offcanvas {
	overflow-x: hidden;
}
body.offcanvas #colorlib-aside {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	width: 300px; /* Adjusted width */
	background-color: #a0c4ff; /* Pastel Blue Change */
	z-index: 999;
	position: fixed;
}
body.offcanvas #colorlib-main,
body.offcanvas .colorlib-nav-toggle {
	top: 0;
	-moz-transform: translateX(300px);
	-webkit-transform: translateX(300px);
	-ms-transform: translateX(300px);
	-o-transform: translateX(300px);
	transform: translateX(300px);
}

.colorlib-narrow-content {
	padding: 0 2.5em; /* Reduced padding slightly */
}
@media screen and (max-width: 768px) {
	.colorlib-narrow-content {
		width: 100%;
		padding: 0 1em;
	}
}

.no-gutters {
	margin: 0;
	padding: 0;
}

/* Consistent section padding */
.colorlib-experience,
.colorlib-skills,
.colorlib-profile,
.colorlib-projects,
.colorlib-education,
.colorlib-blogs,
.colorlib-work,
.colorlib-about,
.colorlib-installation,
.colorlib-services,
.colorlib-footer,
.colorlib-contact {
	padding-top: 4em; /* Increased top padding */
	padding-bottom: 4em; /* Increased bottom padding */
	clear: both;
	width: 100%;
	display: block;
}

.profile-cards {
	display: flex;
}

@media screen and (max-width: 768px) {
	.colorlib-experience,
	.colorlib-skills,
	.colorlib-profile,
	.colorlib-projects,
	.colorlib-education,
	.colorlib-work,
	.colorlib-about,
	.colorlib-installation,
	.colorlib-services,
	.colorlib-contact {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	/* Blogs section is hidden on mobile by default, keep or remove as needed */
	.colorlib-blogs {
		display: none;
	}

	.profile-cards {
		display: flex;
		flex-direction: column;
	}
}

/* Removed #colorlib-footer2 - use the main footer section */

.author-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.colorlib-heading {
	font-size: 18px;
	margin-bottom: 3em; /* Increased spacing */
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 5px;
	line-height: 1.8;
	position: relative;
	color: #333; /* Darker heading */
}
.colorlib-heading span {
	display: block;
}
@media screen and (max-width: 768px) {
	.colorlib-heading {
		margin-bottom: 2em;
	}
}

.heading-meta {
	margin-bottom: 15px;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	font-weight: 500;
	letter-spacing: 5px;
}

.about-img { /* Style for image in about section if used */
	width: 100%;
	height: auto; /* Changed to auto height */
	max-height: 500px; /* Added max height */
	object-fit: cover; /* Ensure image covers area nicely */
	margin-bottom: 20px;
	/* margin-left: 10px; */ /* Removed left margin */
}

.about-desc h3 {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 500;
	color: #444;
}

.about-desc h1 {
	margin-bottom: 20px;
	font-size: 38px;
	font-weight: 600;
	font-family: "Montserrat", Georgia, serif;
	color: #222;
}

.about-desc p { /* Style bio text */
	color: #555;
}

.hire {
	padding: 2em;
	background: #a0c4ff; /* Pastel Blue Change */
	color: #1a3a6d; /* Pastel Blue Change - Dark navy text */
	border-radius: 4px;
}
.hire h2 {
	line-height: 1.5;
	color: #1a3a6d; /* Ensure heading color matches */
}
.hire .btn-hire {
	color: #1a3a6d; /* Pastel Blue Change - Dark navy text */
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #1a3a6d; /* Pastel Blue Change - Dark navy border */
	padding: 2px 10px;
	transition: background-color 0.3s, color 0.3s; /* Add transition */
}
.hire .btn-hire:hover {
	background-color: #1a3a6d; /* Dark navy background on hover */
	color: #fff; /* White text on hover */
}


.fancy-collapse-panel .panel-default > .panel-heading {
	padding: 0;
}

/* Removed specific #projects styling - covered by general section styles */

.project { /* Style for individual project items if needed */
	/* background-size: cover; */
	/* background-position: center center; */
	/* background-repeat: no-repeat; */
	/* position: relative; */
	/* height: 300px; */ /* Height determined by content */
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

/* Removed absolute positioning for project info - let it flow naturally */
/* .project-image { float: left; } */
/* .project-info { ... } */
/* .no-image .project-info { ... } */

.project-card { /* Container for each project in the list */
	/* Add subtle border or shadow if desired */
	/* border: 1px solid #eee; */
	/* border-radius: 4px; */
	/* overflow: hidden; */ /* To contain floated image */
}

/* Removed #more-projects */

/* Styling for accordion panel headings - keep bright blue or change? */
.panel-heading a {
	padding: 20px 25px;
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: "Quicksand", Arial, sans-serif;
	/* Keeping bright blue for now */
	background-color: #2c98f0;
	color: #fff;
	position: relative;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

.panel {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	border: none;
}

.panel-heading a:after {
	font-family: "icomoon";
	content: "\e115";
	position: absolute;
	right: 20px;
	font-size: 14px;
	font-weight: 400;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}

.panel-heading a.collapsed:after {
	content: "\e114";
}

.panel-heading a.collapsed {
	background: #f2f3f7; /* Light grey background when collapsed */
	/* border: 1px solid #e6e6e6 !important; */ /* Removed border */
	color: #333333;
}

.panel-body {
	padding: 1.5em;
	margin-top: 5px;
	border: 1px solid #e6e6e6 !important;
}

/* Timeline Styles */
.timeline-centered {
	position: relative;
	margin-bottom: 30px;
}

.timeline-centered:before,
.timeline-centered:after {
	content: " ";
	display: table;
}

.timeline-centered:after {
	clear: both;
}

/* Duplicate rules removed */

.timeline-centered:before {
	content: "";
	position: absolute;
	display: block;
	width: 4px;
	background: #a0c4ff; /* Pastel Blue Change */
	top: 20px;
	bottom: 20px;
	margin-left: 29px; /* Adjust if icon size changes */
}

.timeline-centered .timeline-entry {
	position: relative;
	margin-top: 5px;
	margin-left: 30px; /* Corresponds to :before margin */
	margin-bottom: 10px;
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -20px; /* Pulls icon onto the line */
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	display: block;
	width: 40px; /* Icon container size */
	height: 40px;
	/* Keeping bright blue for default icon */
	background: #2c98f0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	/* Box shadow creates the space around the icon */
	-moz-box-shadow: 0 0 0 5px #fff; /* Use page background color */
	-webkit-box-shadow: 0 0 0 5px #fff;
	box-shadow: 0 0 0 5px #fff;
	line-height: 40px;
	float: left;
	color: white; /* Icon color */
}
.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.color-2 {
	background: brown; /* Keep specific colors */
	color: white;
}
.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.color-3 {
	background: #a0c4ff; /* Pastel Blue Change */
	color: #1a3a6d; /* Dark navy icon */
}
/* Keep other colors */
.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.color-4 {
	background: #a84cb8;
}
.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.color-5 {
	background: #2fa499;
}
.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.color-none {
	background: #fff; /* Dot for end of timeline */
	width: 20px;
	height: 20px;
	margin-left: 10px;
}


.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	/* background: #f2f3f7; Light grey background */
	background: #eef4ff; /* Very light pastel blue */
	color: #333; /* Dark text */
	padding: 1.5em;
	margin-left: 65px; /* Increased margin for space */
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border-radius: 4px;
	border: 1px solid #d3e0ff; /* Light blue border */
}

/* Arrow pointing to timeline */
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	/* Arrow color matches label background */
	border-color: transparent #eef4ff transparent transparent;
	left: 0;
	top: 15px; /* Adjust vertical position */
	margin-left: -9px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
	margin-top: 5px; /* Reduced space between paragraphs */
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	margin-bottom: 5px; /* Reduced space */
	font-size: 18px; /* Slightly smaller */
	font-weight: 600; /* Bolder title */
	color: #1a3a6d; /* Dark navy title */
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-sublabel {
	font-weight: 500; /* Normal weight */
	margin: 0 0 10px; /* Increased bottom margin */
	color: #555; /* Grey sublabel */
	font-size: 0.9em;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-text {
	margin-bottom: 5px; /* Space below details */
	font-size: 14px; /* Slightly larger detail text */
	line-height: 1.6;
	color: #444;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label div { /* Container for tags */
	margin-top: 10px;
}
/* Badge styling (assuming bootstrap or similar) */
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .badge {
	background-color: #bdd4ff; /* Lighter pastel blue for tags */
	color: #1a3a6d; /* Dark navy text */
	font-size: 0.8em;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0.3em 0.6em;
}


.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-label
	h2
	span { /* Styling for date/duration within h2 */
	-webkit-opacity: 0.6; /* Slightly more visible */
	-moz-opacity: 0.6;
	opacity: 0.6;
	-ms-filter: alpha(opacity=60);
	filter: alpha(opacity=60);
	font-size: 14px; /* Slightly smaller */
	font-weight: 400; /* Normal weight */
	margin-left: 10px; /* Space from title */
}

/* Services Section - keeping multiple colors */
.services {
	margin-bottom: 30px;
	padding: 1.5em;
	-webkit-box-shadow: 0px 0px 56px -8px rgba(0, 0, 0, 0.10); /* Softer shadow */
	-moz-box-shadow: 0px 0px 56px -8px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0px 0px 56px -8px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 0px 56px -8px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 56px -8px rgba(0, 0, 0, 0.10);
	border-bottom: 2px solid #2c98f0; /* Default border color */
	border-radius: 4px; /* Add slight rounding */
	background-color: #fff; /* Ensure white background */
}
.services .icon2 {
	display: block;
	margin-bottom: 20px;
}
.services .icon2 i {
	font-size: 30px;
	color: #2c98f0; /* Default icon color */
}
.services h3 {
	font-family: "Quicksand", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #333; /* Darker heading */
}
/* Color overrides */
.services.color-2 { border-bottom-color: #ec5453; }
.services.color-2 .icon2 i { color: #ec5453; }
.services.color-3 { border-bottom-color: #a0c4ff; /* Pastel Blue Change */ }
.services.color-3 .icon2 i { color: #a0c4ff; /* Pastel Blue Change */ }
.services.color-4 { border-bottom-color: #a84cb8; }
.services.color-4 .icon2 i { color: #a84cb8; }
.services.color-5 { border-bottom-color: #2fa499; }
.services.color-5 .icon2 i { color: #2fa499; }
.services.color-6 { border-bottom-color: #4054b2; }
.services.color-6 .icon2 i { color: #4054b2; }


/* Progress Bar Styles */
.progress-wrap h3 {
	font-size: 16px;
	font-family: "Quicksand", Arial, sans-serif;
	margin-bottom: 10px;
	color: #444;
}

.progress {
	height: 8px; /* Slightly thicker */
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #eef4ff; /* Very light blue background */
	overflow: visible;
	border-radius: 4px; /* Rounded background */
}

.progress-bar {
	/* background: #2c98f0; Default color */
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 600;
	text-align: right;
	position: relative;
	overflow: visible;
	-webkit-border-radius: 4px; /* Match parent */
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
/* Removed ::after pseudo-element for simplicity */
/* .progress-bar:after { ... } */

/* Percentage text styling */
.progress-bar span {
	position: absolute;
	top: -25px; /* Position above bar */
	right: 0; /* Align to the end of the bar */
	font-size: 0.9em;
	font-weight: bold;
	/* color: #2c98f0; Default color */
}

/* Progress bar color variations */
.progress-bar.color-1 { background: #2c98f0; }
.progress-bar.color-1 span { color: #2c98f0; }
.progress-bar.color-2 { background: #ec5453; }
.progress-bar.color-2 span { color: #ec5453; }
.progress-bar.color-3 { background: #a0c4ff; /* Pastel Blue Change */ }
.progress-bar.color-3 span { color: #8ab4f8; /* Darker blue text */ }
.progress-bar.color-4 { background: #a84cb8; }
.progress-bar.color-4 span { color: #a84cb8; }
.progress-bar.color-5 { background: #2fa499; }
.progress-bar.color-5 span { color: #2fa499; }
.progress-bar.color-6 { background: #4054b2; }
.progress-bar.color-6 span { color: #4054b2; }
.progress-bar.color-7 { background: #ec5453; } /* Duplicate */
.progress-bar.color-7 span { color: #ec5453; }
.progress-bar.color-8 { background: #a0c4ff; /* Pastel Blue Change - Duplicate */}
.progress-bar.color-8 span { color: #8ab4f8; /* Darker blue text */ }
.progress-bar.color-9 { background: #a84cb8; } /* Duplicate */
.progress-bar.color-9 span { color: #a84cb8; }


/* Feature section styling - kept default */
.colorlib-feature { text-align: left; width: 100%; float: left; margin-bottom: 40px; position: relative; }
.colorlib-feature .colorlib-icon { position: absolute; top: 0; left: 0; width: 50px; height: 50px; display: table; text-align: center; background: #f2f3f7; border-radius: 2px; }
.colorlib-feature .colorlib-icon i { display: table-cell; vertical-align: middle; color: #2c98f0; font-size: 20px; height: 50px; }
@media screen and (max-width: 1200px) { .colorlib-feature .colorlib-icon i { font-size: 20px; } }
.colorlib-feature .colorlib-text { padding-left: 70px; width: 100%; } /* Increased padding */
.colorlib-feature .colorlib-text h2, .colorlib-feature .colorlib-text h3 { margin: 0; padding: 0; }
.colorlib-feature .colorlib-text h3 { font-weight: 500; margin-bottom: 10px; color: #333; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; }
.colorlib-feature.colorlib-feature-sm .colorlib-text { margin-top: 0; } /* Adjusted margin */
.colorlib-feature.colorlib-feature-sm .colorlib-icon i { color: #2c98f0; font-size: 20px; }
@media screen and (max-width: 1200px) { .colorlib-feature.colorlib-feature-sm .colorlib-icon i { font-size: 28px; } }


/* Blog Entry Styles */
.blog-entry {
	width: 100%;
	float: left;
	background: #fff;
	margin-bottom: 3em; /* Increased spacing */
	border: 1px solid #eee; /* Add subtle border */
	border-radius: 4px;
	overflow: hidden; /* Contain image */
}
@media screen and (max-width: 768px) {
	.blog-entry {
		margin-bottom: 2em;
	}
}
.blog-entry .blog-img {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-bottom: 0; /* Remove margin, handled by desc padding */
}
.blog-entry .blog-img img {
	position: relative;
	max-width: 100%;
	display: block; /* Remove extra space below image */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.blog-entry .desc {
	padding: 1.5em; /* Add padding to text area */
}
.blog-entry .desc h3 {
	font-size: 18px; /* Larger title */
	margin-bottom: 10px; /* Space below title */
	line-height: 1.4;
	font-weight: 600; /* Bolder */
	/* letter-spacing: 0.5px; */
	font-family: "Quicksand", Arial, sans-serif;
}
.blog-entry .desc h3 a {
	text-decoration: none;
	color: #333; /* Dark title color */
}
.blog-entry .desc h3 a:hover {
	color: #2c98f0; /* Link hover color */
}
.blog-entry .desc span { /* Meta info (date, author) */
	display: block;
	margin-bottom: 15px; /* Space below meta */
	font-size: 12px;
	color: #888 !important; /* Grey color for meta */
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
}
.blog-entry .desc span small i {
	color: #999999;
}
.blog-entry .desc .lead { /* Read more link */
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	color: #2c98f0; /* Link color */
}
.blog-entry:hover .blog-img img {
	-webkit-transform: scale(1.05); /* Slightly smaller scale */
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

/* Work Menu (Filter for projects if used) */
.work-menu span {
	margin-left: 10px;
}
.work-menu span:first-child {
	margin-left: 0;
}
.work-menu span a {
	color: #555; /* Default filter link color */
	font-weight: bold;
}
.work-menu span a.active {
	color: #2c98f0; /* Active filter color */
}

/* Project Grid Item */
.project { /* Re-styling for grid items */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	height: 250px; /* Adjust height as needed */
	width: 100%;
	display: block;
	margin-bottom: 30px;
	overflow: hidden; /* Hide overflow */
	border-radius: 4px; /* Rounded corners */
}
.project .desc { /* Overlay */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(44, 152, 240, 0.8); /* Semi-transparent bright blue overlay */
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: flex; /* Use flexbox for centering */
	flex-direction: column;
	justify-content: center; /* Center vertically */
	align-items: center; /* Center horizontally */
	text-align: center;
	padding: 20px;
}
/* Removed .con div */
.project .desc .icon { /* Container for link icons */
	position: absolute;
	bottom: 15px; /* Position at bottom */
	left: 15px;
	right: 15px;
}
.project .desc .icon span {
	display: inline;
	padding-right: 5px;
}
.project .desc .icon span a {
	color: #fff; /* White icon color */
	padding: 5px 8px; /* Icon padding */
	background: rgba(0, 0, 0, 0.2); /* Darker background for icon */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	font-size: 1.2em; /* Larger icon */
}
.project .desc .icon span a:hover {
	background: rgba(0, 0, 0, 0.4);
}
/* Removed i styling, use font awesome classes directly */
.project .desc h3 { /* Project Title */
	font-family: "Quicksand", Arial, sans-serif;
	font-size: 18px; /* Larger title */
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px); /* Start slightly down */
	transform: translateY(10px);
	margin-bottom: 10px; /* Space below title */
	color: #fff; /* White text */
}
.project .desc h3 a {
	color: #fff;
	text-decoration: none;
}
.project .desc span { /* Project Category/Tags */
	display: block;
	color: rgba(255, 255, 255, 0.8); /* Lighter white */
	font-size: 13px;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px); /* Start slightly down */
	transform: translateY(10px);
}
/* Removed span a styling */

/* Hover effects for project item */
@media (hover: hover) { /* Apply hover only on devices that support hover */
	.project:hover .desc {
		opacity: 1;
	}
	.project:hover .desc h3,
	.project:hover .desc span {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
/* Keep overlay visible on touch devices */
@media screen and (max-width: 768px) {
	.project .desc {
		opacity: 1;
		background: rgba(44, 152, 240, 0.8); /* Adjust opacity if needed */
	}
	.project .desc h3,
	.project .desc span {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}


.btn-load-more { /* Button to load more projects */
	width: auto; /* Let button size naturally */
	padding: 0.8em 1.5em !important; /* Use existing button styles */
	margin: 2em auto; /* Center button */
	display: block;
}

/* Counter Section - Kept original styling */
#colorlib-counter { position: relative; clear: both; margin-bottom: 5em; }
.colorlib-counters { padding: 3em 0; background-size: cover; background-attachment: fixed; background-position: center; align-items: stretch; position: relative; /* Added position relative */ }
.colorlib-counters .overlay { z-index: 0; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); /* Darker overlay */ }
.colorlib-counters .icon { width: 80px; height: 80px; display: table; margin: 0 auto; margin-bottom: 20px; } /* Smaller icon */
.colorlib-counters .icon i { display: table-cell; vertical-align: middle; width: 80px; height: 80px; font-size: 35px; color: #2c98f0; background: #fff; border-radius: 50%; }
/* Removed border on counter-wrap */
.colorlib-counters .colorlib-counter { font-size: 40px; display: block; color: white; font-family: "Quicksand", Arial, sans-serif; width: 100%; font-weight: 700; margin-bottom: 0.1em; /* Reduced margin */ z-index: 1; position: relative; /* Ensure text is above overlay */ }
.colorlib-counters .colorlib-counter-label { color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-size: 13px; letter-spacing: 3px; margin-bottom: 0; /* Removed bottom margin */ display: block; z-index: 1; position: relative; /* Ensure text is above overlay */ }


.colorlib-social { /* Social media links in footer */
	padding: 0;
	margin: 1em 0 0 0; /* Add margin */
	text-align: center;
}
.colorlib-social li {
	padding: 0 5px; /* Add horizontal padding */
	margin: 0;
	list-style: none;
	display: inline-block;
}
.colorlib-social li a {
	font-size: 20px; /* Slightly smaller */
	padding: 8px; /* Reduced padding */
	color: var(--color-smooth); /* Use footer text color variable */
	display: inline-block;
	border-radius: 50%; /* Make icons circular */
	width: 40px; /* Set width */
	height: 40px; /* Set height */
	line-height: 24px; /* Adjust line-height for vertical centering */
	text-align: center;
	background-color: rgba(0, 0, 0, 0.05); /* Very subtle background */
	transition: background-color 0.3s, color 0.3s;
}
@media screen and (max-width: 768px) {
	.colorlib-social li a {
		padding: 8px;
		font-size: 18px;
		width: 36px;
		height: 36px;
		line-height: 20px;
	}
}
.colorlib-social li a:hover {
	/* Keeping bright blue for hover */
	background-color: #2c98f0;
	color: #fff;
	text-decoration: none;
}
/* Removed focus/active hover state duplication */

/* Removed submenu a rule - handled by .submenu styling */


.colorlib-bg-color {
	background: #f8faff; /* Very light blue background */
	position: relative;
}

/* Button Styles - Adjusted primary to match link blue */
.btn { margin-right: 4px; margin-bottom: 4px; font-family: "Quicksand", Arial, sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; border-radius: 4px; /* Slightly more rounded */ transition: 0.3s; /* Faster transition */ padding: 8px 20px !important; /* Default padding */ }
.btn.btn-sm { padding: 4px 15px !important; }
.btn.btn-md { padding: 8px 20px !important; }
.btn.btn-lg { padding: 18px 36px !important; }
.btn:hover, .btn:active, .btn:focus { box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; /* Add subtle shadow on hover */ outline: none !important; transform: translateY(-1px); /* Slight lift */ }
.btn:active { transform: translateY(0); /* Press effect */ }


.btn-primary { background: #2c98f0; color: #fff; border: 2px solid #2c98f0; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #1a83d8 !important; border-color: #1a83d8 !important; color: #fff !important; /* Ensure text remains white */ }
.btn-primary.btn-outline { background: transparent; color: #2c98f0; border: 2px solid #2c98f0; }
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { background: #2c98f0; color: #fff; }

/* Keep other button colors as is */
.btn-success { background: #5cb85c; color: #fff; border: 2px solid #5cb85c; }
.btn-success:hover, .btn-success:focus, .btn-success:active { background: #4cae4c !important; border-color: #4cae4c !important; }
.btn-success.btn-outline { background: transparent; color: #5cb85c; border: 2px solid #5cb85c; }
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active { background: #5cb85c; color: #fff; }
.btn-info { background: #5bc0de; color: #fff; border: 2px solid #5bc0de; }
.btn-info:hover, .btn-info:focus, .btn-info:active { background: #46b8da !important; border-color: #46b8da !important; }
.btn-info.btn-outline { background: transparent; color: #5bc0de; border: 2px solid #5bc0de; }
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active { background: #5bc0de; color: #fff; }
.btn-warning { background: #f0ad4e; color: #fff; border: 2px solid #f0ad4e; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background: #eea236 !important; border-color: #eea236 !important; }
.btn-warning.btn-outline { background: transparent; color: #f0ad4e; border: 2px solid #f0ad4e; }
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active { background: #f0ad4e; color: #fff; }
.btn-danger { background: #d9534f; color: #fff; border: 2px solid #d9534f; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background: #d43f3a !important; border-color: #d43f3a !important; }
.btn-danger.btn-outline { background: transparent; color: #d9534f; border: 2px solid #d9534f; }
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active { background: #d9534f; color: #fff; }


.btn-outline { background: none; border: 2px solid gray; font-size: 16px; transition: 0.3s; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { box-shadow: none; }

/* Form Control Styling - Handled by specific #contactForm rules now */
/* .form-control { ... } */
/* .form-control:active, .form-control:focus { ... } */
/* #message { ... } */


/* Mobile Nav Toggle */
.colorlib-nav-toggle { cursor: pointer; text-decoration: none; }
.colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after { background: #333; } /* Darker lines when active */
.colorlib-nav-toggle.dark.active i::before, .colorlib-nav-toggle.dark.active i::after { background: #333; }
.colorlib-nav-toggle:hover, .colorlib-nav-toggle:focus, .colorlib-nav-toggle:active { outline: none; border-bottom: none !important; }
.colorlib-nav-toggle i { position: relative; display: inline-block; width: 30px; height: 2px; background-color: #333; /* Darker hamburger lines */ font: bold 14px/0.4 Helvetica; text-transform: uppercase; text-indent: -55px; transition: all 0.2s ease-out; }
.colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after { content: ""; width: 30px; height: 2px; background-color: #333; position: absolute; left: 0; transition: 0.2s; }
.colorlib-nav-toggle.dark i { position: relative; transition: all 0.2s ease-out; }
.colorlib-nav-toggle.dark i::before, .colorlib-nav-toggle.dark i::after { transition: 0.2s; }
.colorlib-nav-toggle i::before { top: -7px; }
.colorlib-nav-toggle i::after { bottom: -7px; }
.colorlib-nav-toggle:hover i::before { top: -10px; }
.colorlib-nav-toggle:hover i::after { bottom: -10px; }
.colorlib-nav-toggle.active i { background: transparent; }
.colorlib-nav-toggle.active i::before { top: 0; transform: rotateZ(45deg); }
.colorlib-nav-toggle.active i::after { bottom: 0; transform: rotateZ(-45deg); }
.colorlib-nav-toggle { position: fixed; left: 0px; /* Adjusted position */ top: 5px; /* Adjusted position */ z-index: 1002; /* Higher than aside */ cursor: pointer; opacity: 1; visibility: hidden; padding: 15px; /* Reduced padding */ background-color: rgba(255, 255, 255, 0.8); /* Slight background */ border-radius: 0 4px 4px 0; /* Rounded corner */ transition: 0.5s; }
@media screen and (max-width: 768px) { .colorlib-nav-toggle { opacity: 1; visibility: visible; } }


@media screen and (max-width: 480px) { .col-xxs-12 { float: none; width: 100%; } }

/* Padding Helpers */
.row-bottom-padded-lg { padding-bottom: 5em; } /* Adjusted values */
@media screen and (max-width: 768px) { .row-bottom-padded-lg { padding-bottom: 3em; } }
.row-bottom-padded-md { padding-bottom: 3em; }
@media screen and (max-width: 768px) { .row-bottom-padded-md { padding-bottom: 2em; } }
.row-bottom-padded-sm { padding-bottom: 2em; }
@media screen and (max-width: 768px) { .row-bottom-padded-sm { padding-bottom: 1em; } }
.row-pt-md { padding-top: 3em; }
.col-padding { padding: 10px !important; }

/* Animation */
.js .animate-box { opacity: 0; }

/* Removed .bmc-div */

ul { list-style-type: none; padding-left: 0; /* Remove default padding */ }

/* Accordion Styles */
.accordion {
	width: 100%;
	padding: 0; /* Remove padding */
	/* margin: 30px auto 20px; */
	background: #eef4ff; /* Pastel Blue Change - Very light blue */
	color: #1a3a6d; /* Pastel Blue Change - Dark navy text */
	border-radius: 4px;
	border: 1px solid #d3e0ff; /* Light blue border */
}

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 40px; /* Add padding for icon */
	font-weight: 600; /* Slightly bolder */
	border-bottom: 1px solid #d3e0ff; /* Light blue border */
	position: relative;
	transition: all 0.4s ease;
}
.accordion .link:hover {
	background-color: #d3e0ff; /* Slightly darker blue on hover */
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i.fa { /* Target FontAwesome icons */
	position: absolute;
	top: 50%;
	transform: translateY(-50%); /* Vertical center */
	font-size: 14px; /* Adjust size */
	color: #8ab4f8; /* Pastel Blue Change - Mid blue icon */
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 15px; /* Position chevron right */
	left: auto;
}
.accordion li i.fa-folder, /* Example icon */
.accordion li i.fa-folder-open { /* Example icon */
    left: 15px; /* Position folder icon left */
    right: auto;
}


.accordion li.open .link {
    background-color: #d3e0ff; /* Keep darker blue when open */
}

.accordion li.open i.fa-chevron-down {
	transform: translateY(-50%) rotate(180deg); /* Rotate chevron */
}
.accordion li.open i.fa-folder {
    display: none; /* Hide closed folder */
}
.accordion li.open i.fa-folder-open {
    display: inline-block; /* Show open folder */
}
.accordion li i.fa-folder-open {
	display: none; /* Hide open folder initially */
}


/**
 * Submenu (Content within Accordion)
 -----------------------------*/
.submenu {
	display: none;
	background: #fff; /* White background for content */
	font-size: 14px;
	padding: 0; /* Remove padding */
}

.submenu li { /* Each project/blog item */
	border-bottom: 1px solid #eee; /* Lighter separator */
	margin: 0; /* Remove margin */
	padding: 15px; /* Add padding */
	transition: background-color 0.2s ease;
}
.submenu li:last-child {
	border-bottom: none;
}

.submenu li:hover {
	/* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; */
	/* border-radius: 5px; */
	background-color: #f8faff; /* Very light blue hover */
	/* color: #fff; */ /* Text color doesn't need to change */
}

.submenu a { /* Link wrapping the item content */
	display: block;
	text-decoration: none;
	color: inherit; /* Inherit text color */
	padding: 0; /* Remove padding from link itself */
	transition: none; /* Remove transition from link */
}
.submenu a:hover {
	text-decoration: none; /* Ensure no underline */
}


.subheading { /* Container for desc + tags */
	margin-bottom: 0px;
}

.subheading p { /* Description */
	font-size: 14px; /* Slightly larger */
	color: #555; /* Grey text */
	line-height: 1.6;
}

.project-heading { /* Title inside submenu item */
	font-weight: 600;
	margin-bottom: 5px; /* Space below heading */
	color: #1a3a6d; /* Pastel Blue Change - Dark navy heading */
}

.project-description { /* Handled by .subheading p now */
	/* font-size: 12px; */
	/* margin-top: 5px; */
	/* margin-bottom: 5px; */
	/* color: #000; */
}

.publish-date { /* Blog publish date */
	color: #888; /* Lighter grey */
	font-size: 12px;
	margin-bottom: 5px; /* Space below date */
	font-weight: 400; /* Normal weight */
}

.img-fluid { /* Project image inside submenu */
	float: left;
	max-width: 120px; /* Limit image size */
	margin-right: 15px; /* Space between image and text */
	margin-bottom: 10px; /* Space below image on small screens */
	border-radius: 4px; /* Rounded corners */
}
@media screen and (max-width: 576px) {
	.img-fluid {
		float: none; /* Stack image above text */
		display: block;
		max-width: 100%; /* Allow image to be full width */
		margin-right: 0;
	}
}

span.badge { /* Tech stack / blog category tags */
	font-family: "Montserrat", sans-serif;
	background-color: #bdd4ff; /* Lighter pastel blue */
	color: #1a3a6d; /* Dark navy text */
	display: inline-block;
	margin: 0 5px 5px 0; /* Spacing around tags */
	padding: 0.3em 0.7em; /* Padding */
	font-size: 0.8em; /* Smaller font */
	border-radius: 4px; /* Rounded */
	font-weight: 500; /* Slightly bolder */
}

/* Removed image column styles - handled by .img-fluid */

@media print {
	.no-print, .no-print * { display: none !important; }
	#colorlib-main { float: left; width: 100%; }
	.timeline-label { margin-left: 0px !important; }
	.timeline-icon { display: none !important; }
	/* Add other print specific styles */
	body { color: #000 !important; background: #fff !important; }
	a { color: #000 !important; text-decoration: underline !important; }
}

/* Footer CSS Variables and Styles */
:root {
	/* Pastel Blue Change */
	--footer-bg: #a0c4ff; /* Main pastel blue */
	--color: #1a3a6d;      /* Dark navy for titles/text */
	--color-smooth: #1a3a6d; /* Dark navy for links/subtle text */
	--input-border: #8ab4f8; /* Mid blue for borders if needed */
	--btn-bg-color: #eef4ff;  /* Very light blue for button-like elements */
	--btn-hover-bg: #d3e0ff; /* Light blue hover */
	--btn-color: #1a3a6d;     /* Dark navy text on buttons */
  }

  footer {
	font-size: 14px; /* Slightly larger base font */
	background: var(--footer-bg);
	padding: 3em 2em; /* Adjusted padding */
	/* display: flex; */ /* Flex handled by structure below */
	/* align-items: start; */
	/* justify-content: center; */
	/* gap: 1em; */
	border-radius: 5px;
	color: var(--color-smooth); /* Base text color */
}

/* Use Bootstrap grid or simple divs for columns */
footer .row { /* Assuming Bootstrap row */
	align-items: flex-start; /* Align columns top */
}

footer .col { /* Footer column */
	/* flex: 1; */ /* Let grid handle sizing */
	margin-bottom: 1.5em; /* Space below columns on mobile */
	/* display: inline-grid; */ /* Remove inline-grid */
}

.col-title { /* Footer column title */
	color: var(--color);
	font-size: 1.1em;
	font-weight: 600;
	padding-bottom: 0.8em; /* Increased padding */
	margin-bottom: 0.8em; /* Add margin below */
	border-bottom: 1px solid rgba(26, 58, 109, 0.2); /* Subtle border */
}

.col-list li {
	margin-bottom: 0.5em; /* Space between links */
}

.col-list a {
	color: var(--color-smooth);
	text-decoration: none;
	line-height: 1.6; /* Increased line height */
	font-weight: 400;
	cursor: pointer;
	transition: color 0.3s ease;
}

.col-list a:hover,
.col-list a:focus {
	text-decoration: underline;
	color: var(--color); /* Darker hover color */
}

/* Keep responsive footer layout */
@media screen and (max-width: 750px) {
	footer {
	  padding: 2em 1.5em; /* Adjust padding */
	  /* flex-direction: column; */ /* Grid handles stacking */
	}
}


.copyright-text {
	text-align: center; /* Center copyright */
	font-size: 12px; /* Slightly larger */
	margin-top: 2em; /* Space above copyright */
	padding-top: 1em; /* Space */
	border-top: 1px solid rgba(26, 58, 109, 0.1); /* Very subtle top border */
	width: 100%; /* Ensure it takes full width */
}

.copyright-text p {
	margin: 0; /* Remove default margins */
	color: var(--color-smooth); /* Use smooth color */
}

.readmore { /* Link to read more blogs */
	color: #1a3a6d; /* Pastel Blue Change - Dark navy */
	font-weight: 600;
	display: block; /* Make it block */
	text-align: right;
	margin-top: 0em; /* Space above */
	/* --- Add this line --- */
	padding-right: 0.5em; /* Adjust value (e.g., 1em, 20px) as needed */
	box-sizing: border-box; /* Recommended when adding padding */
  }
  
  /* The rule for the <p> inside can likely stay the same */
.readmore p{
padding-bottom: 0px;
text-align: right; /* This is actually redundant now, but harmless */
font-weight: 600;
margin: 0;
}
.readmore:hover {
	text-decoration: underline;
}


/* Contact Form Styling */
#contactForm {
	max-width: 600px;
	margin: 2em auto;
	padding: 2em; /* Increased padding */
	background-color: #fff; /* White background */
	border: 1px solid #d3e0ff; /* Light blue border */
	border-radius: 5px;
	box-shadow: 0 4px 15px rgba(160, 196, 255, 0.1); /* Soft blue shadow */
  }

  #contactForm label {
	display: block;
	margin-bottom: 0.6em; /* Slightly more space */
	font-weight: bold;
	font-size: 0.9em;
	color: #333; /* Darker label text */
  }

  #contactForm input[type="text"],
  #contactForm input[type="email"],
  #contactForm textarea {
	width: 100%;
	padding: 0.9em; /* More padding */
	margin-bottom: 1.5em;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 1em;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-color: #f8faff; /* Very light blue input background */
  }

  #contactForm input[type="text"]:focus,
  #contactForm input[type="email"]:focus,
  #contactForm textarea:focus {
	border-color: #a0c4ff; /* Pastel Blue Change */
	box-shadow: 0 0 0 3px rgba(160, 196, 255, 0.25); /* Pastel Blue Change - Adjusted RGBA */
	outline: none;
	background-color: #fff; /* White background on focus */
  }

  #contactForm textarea {
	min-height: 120px;
	resize: vertical;
  }

  #contactForm button[type="submit"] {
	display: inline-block;
	padding: 0.9em 1.8em; /* More padding */
	background-color: #8ab4f8; /* Pastel Blue Change - Mid blue button */
	color: #ffffff;
	border: none;
	border-radius: 4px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, transform 0.1s ease;
	margin-top: 0.5em;
  }

  #contactForm button[type="submit"]:hover {
	background-color: #a0c4ff; /* Pastel Blue Change - Lighter blue hover */
	 transform: translateY(-2px); /* Slightly more lift */
	 box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }

  #contactForm button[type="submit"]:active {
	 transform: translateY(0px);
	 box-shadow: none;
  }

/* ===============================================
 * DARK MODE SUPPORT - DISABLED (using manual toggle instead)
 * =============================================== */

/*
@media (prefers-color-scheme: dark) {
	/* Base styles */
	body {
		background-color: #1a1a1a;
		color: #e0e0e0;
	}

	/* Main content area */
	#colorlib-main {
		background-color: #1a1a1a;
	}

	/* Headings - Made much brighter for readability with high specificity */
	h1, h2, h3, h4, h5, h6 {
		color: #ffffff !important;
	}

	h1 {
		color: #ffffff !important;
	}

	/* About section headings - Very specific selectors */
	.about-desc h1,
	.about-desc h2,
	.about-desc h3 {
		color: #ffffff !important;
	}

	.colorlib-about h1,
	.colorlib-experience h1,
	.colorlib-education h1,
	.colorlib-projects h1,
	.colorlib-blogs h1,
	.colorlib-contact h1 {
		color: #ffffff !important;
	}

	.colorlib-heading {
		color: #ffffff !important;
	}

	.row-bottom-padded-sm h1,
	.animate-box h1 {
		color: #ffffff !important;
	}

	/* Paragraphs and text */
	p {
		color: #d0d0d0;
	}

	/* Links */
	a {
		color: #6a9dd7;
	}

	a:hover,
	a:active,
	a:focus {
		color: #7aade7;
	}

	/* Sidebar */
	#colorlib-aside {
		background-color: #252525;
	}

	#colorlib-aside #colorlib-logo a {
		color: #ffffff !important;
	}

	#colorlib-aside .position {
		color: #9db4d4;
	}

	/* Navigation */
	#colorlib-aside #colorlib-main-menu ul li a {
		color: rgba(224, 224, 224, 0.8);
	}

	#colorlib-aside #colorlib-main-menu ul li a:after {
		background-color: #6a9dd7;
	}

	#colorlib-aside #colorlib-main-menu ul li a:hover {
		color: #9db4d4;
	}

	#colorlib-aside #colorlib-main-menu ul li.active a {
		color: #6a9dd7;
	}

	/* Timeline */
	.timeline-centered:before {
		background: #444;
	}

	.timeline-label {
		background: #252525;
		color: #e0e0e0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}

	.timeline-label:after {
		border-color: transparent #252525 transparent transparent;
	}

	.timeline-label h2 {
		color: #ffffff !important;
	}

	.timeline-sublabel {
		color: #b0b0b0;
	}

	.timeline-text {
		color: #c0c0c0;
	}

	/* Timeline icons - toned down colors */
	.timeline-icon {
		box-shadow: 0 0 0 5px #1a1a1a;
	}

	.timeline-icon.color-2 {
		background: #4a7bb8;
		color: #ffffff;
	}

	.timeline-icon.color-3 {
		background: #8b5fa8;
	}

	.timeline-icon.color-4 {
		background: #3a9b93;
	}

	.timeline-icon.color-5 {
		background: #c75555;
	}

	.timeline-entry.begin .timeline-icon {
		background: #1a1a1a;
	}

	/* Badges/Tags - Much more subdued */
	.badge-secondary {
		background-color: #2a2a2a;
		color: #9db4d4;
		border: 1px solid #404040;
	}

	/* Accordion/Projects */
	.accordion .link {
		background: #252525;
		color: #ffffff;
	}

	.accordion .link:hover {
		background-color: #2e2e2e;
	}

	.accordion .link p {
		color: #ffffff !important;
	}

	/* Project cards */
	.project-card {
		background-color: #252525;
	}

	.project-heading {
		color: #ffffff !important;
	}

	.project-description {
		color: #c0c0c0;
	}

	.publish-date {
		color: #888;
	}

	/* Progress bars (if present) */
	.progress {
		background-color: #2a2a2a;
	}

	.progress-bar {
		background-color: #5a8dc7;
	}

	/* Contact form */
	#contactForm {
		background-color: #252525;
		border-color: #3a3a3a;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

	#contactForm label {
		color: #e0e0e0;
	}

	#contactForm input[type="text"],
	#contactForm input[type="email"],
	#contactForm textarea {
		background-color: #1a1a1a;
		border-color: #404040;
		color: #e0e0e0;
	}

	#contactForm input[type="text"]:focus,
	#contactForm input[type="email"]:focus,
	#contactForm textarea:focus {
		background-color: #252525;
		border-color: #5a8dc7;
		box-shadow: 0 0 0 3px rgba(90, 141, 199, 0.25);
	}

	#contactForm button[type="submit"] {
		background-color: #5a8dc7;
		color: #ffffff;
	}

	#contactForm button[type="submit"]:hover {
		background-color: #6a9dd7;
	}

	/* Services/Cards */
	.services {
		background-color: #252525;
	}

	.services .icon {
		color: #6a9dd7;
	}

	.services h3 {
		color: #ffffff !important;
	}

	/* Footer */
	.colorlib-footer,
	footer.footer {
		background-color: #252525;
		color: #c0c0c0;
	}

	.col-title {
		color: #ffffff !important;
	}

	.col-list a {
		color: #c0c0c0;
	}

	.col-list a:hover {
		color: #6a9dd7;
	}

	.copyright-text {
		color: #888;
	}

	/* Read more link */
	.readmore p {
		color: #6a9dd7;
	}

	.readmore:hover p {
		color: #7aade7;
	}

	/* Skills section */
	.colorlib-heading {
		color: #ffffff !important;
	}

	.colorlib-heading h1,
	.colorlib-heading h2 {
		color: #ffffff !important;
	}

	.colorlib-narrow-content h1,
	.colorlib-narrow-content h2 {
		color: #ffffff !important;
	}

	/* Ensure proper contrast for text on pastel backgrounds */
	.btn-primary {
		background-color: #5a8dc7;
		color: #ffffff;
		border-color: #5a8dc7;
	}

	.btn-primary:hover {
		background-color: #6a9dd7;
		border-color: #6a9dd7;
	}

	/* Resume content */
	.resume-item {
		background-color: #252525;
	}

	.resume-content {
		color: #c0c0c0;
	}

	/* Selection color for dark mode */
	::-webkit-selection {
		background: #5a8dc7;
		color: #ffffff;
	}

	::-moz-selection {
		background: #5a8dc7;
		color: #ffffff;
	}

	::selection {
		background: #5a8dc7;
		color: #ffffff;
	}

	/* Figure captions */
	figure figcaption {
		color: #888;
	}

	/* About section */
	.about-desc {
		color: #d0d0d0;
	}

	.about-desc h1 {
		color: #ffffff !important;
	}

	/* Sublabel and subtitles */
	.sub-heading {
		color: #d0d0d0;
	}

	/* HR separator */
	hr {
		border-color: #374151;
	}

	/* Additional high-specificity overrides to ensure headers are white */
	div h1,
	section h1,
	.colorlib-narrow-content .about-desc h1,
	.colorlib-narrow-content .row h1,
	#colorlib-main h1 {
		color: #ffffff !important;
	}

	div h2,
	section h2,
	#colorlib-main h2 {
		color: #ffffff !important;
	}

	div h3,
	section h3,
	#colorlib-main h3 {
		color: #ffffff !important;
	}

	/* Override any inline or default text colors */
	.colorlib-about .about-desc h1,
	.colorlib-experience .row-bottom-padded-sm h1,
	.colorlib-projects .row-bottom-padded-sm h1,
	.colorlib-education .row-bottom-padded-sm h1,
	.colorlib-blogs .row-bottom-padded-sm h1,
	.colorlib-contact .row-bottom-padded-sm h1 {
		color: #ffffff !important;
	}
}
*/