/*
Theme Name: agate Child
Theme URI: http://underscores.me/
Template: agate
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.0.1742540737
Updated: 2025-03-21 07:05:37

*/


.navigation {
	background: rgb(0 0 0 / 35%) !important;
}
.navbar-collapse {
	background-color: transparent !important;	
}

.hero {
	min-height: auto !important;
	padding-top: 130px !important;
}

.divider {
	width: 50%;
	margin: auto;
	height: 2px;
	position: relative;
}

.divider::before {
	content: ""; /* ✅ corrected this line */
	position: absolute;
	top: 50%; /* ✅ you were missing this */
	left: 0;
	width: 100%;
	height: 2px;
	transform: translateY(-50%);
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	filter: blur(1px); /* apply blur only to the background line */
	border-radius: 2px;
	z-index: 1;
}

.divider .diamond {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 12px;
	height: 12px;
	background-color: #878793;
	box-shadow: 0 0 4px rgba(255,255,255,0.7); /* optional glow */
	z-index: 2;
}

.about {
	padding: 0 0 50px 0 !important
}

.mission {
	height: 574px !important;
	display: flex !important;
	padding: 0 !important;
	margin: 0 !important;
}

.mission img {
	max-height: 100%;
	object-fit: cover;
}

.divider.after-banner-section {
	margin: 50px auto;
}


.divider.after-mission-section,
.divider.after-expertise-section {
	margin: 75px auto;
}

.divider.after-why-section {
	margin: 60px auto 75px;
}


.divider.after-clientele-section {
	margin: 50px auto 75px;
}

.why:after,
.clientelWrap:after {
	max-width: 100% !important;
}

.why {
	padding: 0 !important;
}

.clientelWrap {
	margin-bottom: 0 !important;
}

.preFooter {
	margin-bottom: 0 !important;
	padding-bottom: 75px;
}

.navbar .container .navbar-brand .img-fluid {
    width: auto; 
    height: 50px;
	}

@media (max-width: 575.98px) {
	.divider {
		width: 70%;
	}
	.divider.after-banner-section,
	.divider.after-mission-section,
	.divider.after-clientele-section,
	.divider.after-expertise-section,
	.divider.after-why-section {
		margin: 50px auto;
	}
	
	
	
	.mission img {
		margin-top: 0 !important;
    	margin-bottom: 45px !important;
	}
	
	.preFooter {
		margin-bottom: 50px;
		margin-top: 3rem;
	}
}




.single .site-main ul,
.single .site-main ol {
    margin-left: 10px;
}
.single .site-main ul li p,
.single .site-main ol li p {
	margin-bottom: 10px;
}
.single .site-main p,
.single .site-main ul li,
.single .site-main a {
	color: #ffffff;
}

.single .site-main h4,
.single .site-main h5 {
    margin-top: 50px;
}

.sidebar, 
#secondary, 
.widget-area {
  position: sticky;
  top: 100px;   /* adjust for your header height */
  align-self: flex-start;
}