/**
 * Main CSS for satyendra UK theme
 * This file contains styles specific to the main section of the satyendra UK WordPress theme.
 * It ensures a cohesive design and responsive layout for the main content across all devices.
 */
	/* Custom Variables */
	:root {
		--bnx-gold: #d4a017;
		--bnx-gold-hover: #b88a14;
		--bnx-dark: #1a1a1a;
		--bnx-gray: #666666;
		--bnx-light-gray: #888888;
		--bnx-font-main: 'Montserrat', sans-serif;
		--bnx-font-heading: 'Playfair Display', serif;
	}

	/*$$$$$$$$$$$$$$$$$$$$$$$$/*HOMEPAGE MAIN CSS *?$$$$$$$$$$$$$$$$$$$$$$$ /
	/* /////////////////////////////////////////
  hero section Homepage 
  ///////////////////////////////////////////*/
	body,
	html {
		margin: 0;
		padding: 0;
		height: 100%;
		font-family: var(--bnx-font-main);
	}

	.bnxgroup_bnx_hero_wrapper {
		position: relative;
		height: 100vh;
		width: 100%;
		/* Replace with your actual building image path */
		background: url('https://www.bnxgroup.in/wp-content/uploads/2026/05/hero.png') no-repeat center center;
		background-size: cover;
		display: flex;
		align-items: center;
		overflow: hidden;
	}

	/* Gradient Overlay for the dark top and foggy bottom effect */
	.bnxgroup_bnx_hero_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom,
				rgba(0, 0, 0, 0.7) 0%,
				rgba(0, 0, 0, 0.2) 65%,
				rgba(255, 255, 255, 0.9) 100%);
		z-index: 1;
	}

	.bnxgroup_bnx_hero_content {
		position: relative;
		z-index: 2;
		max-width: 800px;
	}

	.bnxgroup_bnx_hero_title {
		font-family: var(--bnx-font-heading);
		font-size: clamp(3rem, 9vw, 7.5rem);
		font-weight: 600;
		margin-bottom: 10px;
	}

	.bnxgroup_bnx_hero_subtitle {
		font-size: 1.2rem;
		letter-spacing: 4px;
		font-weight: 600;
		opacity: 0.9;
		margin-bottom: 20px;
	}

	.bnxgroup_bnx_hero_divider {
		width: 60px;
		height: 2px;
		background-color: var(--bnx-gold);
		margin: 0 auto 30px auto;
	}

	.bnxgroup_bnx_hero_description {
		font-size: 1.3rem;
		line-height: 1.6;
		font-weight: 500;
		margin-bottom: 40px;
		color: rgba(255, 255, 255, 0.9);
	}

	/* Buttons */
	.bnxgroup_bnx_hero_btn_primary {
		background-color: var(--bnx-gold);
		color: white;
		border: none;
		padding: 12px 35px;
		border-radius: 0;
		/* Sharp corners like the image */
		font-size: 0.85rem;
		letter-spacing: 1px;
		font-weight: 600;
		transition: all 0.3s ease;
	}

	.bnxgroup_bnx_hero_btn_primary:hover {
		background-color: var(--bnx-gold-hover);
		color: white;
		transform: translateY(-3px);
	}

	.bnxgroup_bnx_hero_btn_outline {
		border: 1px solid rgba(255, 255, 255, 0.5);
		padding: 12px 35px;
		border-radius: 0;
		font-size: 0.85rem;
		letter-spacing: 1px;
		font-weight: 600;
		transition: all 0.3s ease;
		background-color: white;
		color: #333;
		transform: translateY(-3px);
	}

	.bnxgroup_bnx_hero_btn_outline:hover {
		border: 1px solid rgba(255, 255, 255);
	}

	/* Mobile Adjustments */
	@media (max-width: 576px) {
		.bnxgroup_bnx_hero_description {
			font-size: 0.95rem;
			padding: 0 15px;
		}
	}

	/* /////////////////////////////////////////
  hero section Homepage 
  ///////////////////////////////////////////*/
	/* /////////////////////////////////////////
   section 2 Homepage 
  ///////////////////////////////////////////*/
	/* Ensure elements are visible by default so GSAP can take over */
	.bnsgroup_bnx_vision_section {
		background-color: #ffffff;
		color: var(--bnx-dark);
		/* Ensure section padding feels spacious */
		padding-top: 100px;
		padding-bottom: 100px;
	}

	/* 1. Typography & Text Content */
	.bnsgroup_bnx_vision_label {
		color: var(--bnx-gold);
		font-size: 0.85rem;
		letter-spacing: 3px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
	}

	.bnsgroup_bnx_vision_title {
		font-family: var(--bnx-font-heading);
		font-size: clamp(2.2rem, 4.5vw, 3.2rem);
		font-weight: 600;
		line-height: 1.2;
		color: var(--bnx-dark);
	}

	.bnsgroup_bnx_vision_text {
		font-family: var(--bnx-font-main);
		color: var(--bnx-gray);
		font-size: 1.05rem;
		line-height: 1.8;
		max-width: 540px;
	}

	/* 2. Stats Grid */
	.bnsgroup_bnx_vision_number {
		font-family: var(--bnx-font-heading);
		font-size: 3rem;
		font-weight: 600;
		margin-bottom: 5px;
		color: var(--bnx-dark);
	}

	.bnsgroup_bnx_vision_sub {
		font-family: var(--bnx-font-main);
		font-size: 0.75rem;
		letter-spacing: 1.5px;
		color: var(--bnx-light-gray);
		font-weight: 600;
		text-transform: uppercase;
	}

	.bnsgroup_bnx_vision_number span {
		font-family: var(--bnx-font-heading);
	}

	/* 3. Link/Button Style */
	.bnsgroup_bnx_vision_link {
		color: var(--bnx-dark);
		text-decoration: none;
		font-size: 0.9rem;
		font-weight: 700;
		letter-spacing: 1.5px;
		display: inline-flex;
		align-items: center;
		transition: color 0.3s ease;
		text-transform: uppercase;
	}

	.bnsgroup_bnx_vision_link span {
		transition: transform 0.3s ease;
	}

	.bnsgroup_bnx_vision_link:hover {
		color: var(--bnx-gold);
	}

	.bnsgroup_bnx_vision_link:hover span {
		transform: translateX(8px);
	}

	/* 4. Image Parallax Container */
	.bnsgroup_bnx_vision_img_container {
		position: relative;
		overflow: hidden;
		/* Height creates a vertical 'portrait' feel for the building */
		height: 600px;
		width: 100%;
		background-color: #f0f0f0;
		/* Prevents white flash before image loads */
	}

	.bnsgroup_bnx_vision_parallax_img {
		width: 100%;
		height: 125%;
		/* Taller than container to allow GSAP room to scroll it */
		object-fit: cover;
		display: block;
		will-change: transform;
		/* Optimization for GSAP */
	}

	/* 5. GSAP Reveal State (Safety) */
	/* Elements are visible by default. GSAP will set their initial 
   hidden state when the script runs. This avoids the 'AOS blank' issue. */
	.bnx-reveal {
		visibility: visible;
	}

	/* 6. Responsive Adjustments */
	@media (max-width: 991px) {
		.bnsgroup_bnx_vision_section {
			padding-top: 60px;
			padding-bottom: 60px;
		}

		.bnsgroup_bnx_vision_img_container {
			height: 500px;
			margin-bottom: 20px;
		}

		.bnsgroup_bnx_vision_text {
			max-width: 100%;
		}
	}

	@media (max-width: 576px) {
		.bnsgroup_bnx_vision_number {
			font-size: 2.2rem;
		}

		.bnsgroup_bnx_vision_title {
			font-size: 1.8rem;
		}
	}

	/* /////////////////////////////////////////
   section 2 Homepage END 
  ///////////////////////////////////////////*/
	/* /////////////////////////////////////////
   section 3 Homepage 
  ///////////////////////////////////////////*/
	/* Featured Project Section */
	.bnxgroup_section_home_3_wrapper {
		background-color: #f4f4f4;
	}

	.bnxgroup_section_home_3_label {
		color: var(--bnx-gold);
		font-size: 0.8rem;
		letter-spacing: 3px;
		font-weight: 700;
		margin-bottom: 1rem;
	}

	.bnxgroup_section_home_3_main_title {
		font-family: var(--bnx-font-heading);
		font-size: clamp(2.5rem, 5vw, 4rem);
		color: var(--bnx-dark);
		margin-bottom: 1.5rem;
	}

	.bnxgroup_section_home_3_intro {
		font-family: var(--bnx-font-main);
		color: var(--bnx-gray);
		max-width: 600px;
		line-height: 1.7;
		font-size: 1.1rem;
	}

	/* Card Styles */
	.bnxgroup_section_home_3_img_box {
		position: relative;
		overflow: hidden;
		height: 500px;
		/* Portrait for left side */
		width: 100%;
	}

	.bnxgroup_section_home_3_img_box.large_box {
		height: 400px;
		/* Landscape for right side */
	}

	.bnxgroup_section_home_3_img_box img {
		width: 100%;
		height: 120%;
		/* For parallax */
		object-fit: cover;
	}

	.nfkanlkanlkanglkadngldsngk {
		width: 50% !important
	}

	.bnxgroup_section_home_3_card_title {
		font-family: var(--bnx-font-heading);
		font-size: 1.8rem;
		font-weight: 600;
		margin-bottom: 0.8rem;
	}

	.bnxgroup_section_home_3_card_text {
		color: var(--bnx-gray);
		font-size: 1rem;
		line-height: 1.6;
		margin-bottom: 1.2rem;
		max-width: 550px;
	}

	.bnxgroup_section_home_3_link {
		color: var(--bnx-gold);
		text-decoration: none;
		font-weight: 700;
		font-size: 0.85rem;
		letter-spacing: 1px;
		text-transform: uppercase;
		transition: 0.3s;
	}

	.bnxgroup_section_home_3_link:hover {
		color: var(--bnx-dark);
	}

	@media (max-width: 991px) {

		.bnxgroup_section_home_3_img_box,
		.bnxgroup_section_home_3_img_box.large_box {
			height: 350px;
		}
	}

	/* /////////////////////////////////////////
   section 3 Homepage END 
  ///////////////////////////////////////////*/
	/* /////////////////////////////////////////
   section 4 Homepage  
  ///////////////////////////////////////////*/
	/* Section 4 Styling */
	.bnxgroup_home_section_4_wrapper {
		background-color: var(--bnx-bg-soft);
		padding: 80px 0;
	}

	.bnxgroup_home_section_4_label {
		color: var(--bnx-gold);
		font-size: 0.85rem;
		letter-spacing: 2.5px;
		font-weight: 700;
	}

	.bnxgroup_home_section_4_title {
		font-family: var(--bnx-font-heading);
		font-size: 2.8rem;
		margin-bottom: 20px;
	}

	/* Icons & List */
	.bnxgroup_home_section_4_icon_circle {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border: 1px solid #e0e0e0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		color: var(--bnx-gold);
		font-size: 1.2rem;
		transition: 0.3s ease;
	}

	.bnxgroup_home_section_4_list li:hover .bnxgroup_home_section_4_icon_circle {
		background: var(--bnx-gold);
		color: #fff;
		border-color: var(--bnx-gold);
	}

	/* Amenity Cards */
	.bnxgroup_home_section_4_amenity_card {
		border: 1px solid #e0e0e0;
		padding: 18px;
		text-align: left;
		font-weight: 600;
		font-size: 0.8rem;
		letter-spacing: 1px;
		background: #fff;
		transition: 0.3s ease;
	}

	.bnxgroup_home_section_4_amenity_card:hover {
		border-color: var(--bnx-gold);
		color: var(--bnx-gold);
	}

	.bnxgroup_home_section_4_img_container {
		height: 350px;
		overflow: hidden;
	}

	.bnxgroup_home_section_4_img_container img {
		height: 100%;
	}

	.bnxgroup_home_section_4_icon_circle i {
		font-size: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bnxgroup_home_section_4_amenity_card i {
		color: var(--bnx-gold);
		font-size: 0.9rem;
		vertical-align: baseline;
	}

	/* /////////////////////////////////////////
   section 4 Homepage END 
  ///////////////////////////////////////////*/
	/* /////////////////////////////////////////
   section 5 Homepage 
  ///////////////////////////////////////////*/
	/* Section 5 Dark Theme Styles */
	.bnxgroup_home_section_5_wrapper {
		background-color: #1a1a1a;
		/* Dark base */
		color: #ffffff;
		overflow: hidden;
		min-height: 600px;
	}

	/* Diagonal Background Overlay */
	.bnxgroup_home_section_5_bg_diagonal {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(142deg, #1a1a1a 60%, #252525 60%);
		z-index: 1;
	}

	.bnxgroup_home_section_5_label {
		color: var(--bnx-gold);
		font-size: 0.85rem;
		letter-spacing: 2.5px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.bnxgroup_home_section_5_title {
		font-family: var(--bnx-font-heading);
		font-size: clamp(2.5rem, 5vw, 4rem);
		font-weight: 600;
		margin-top: 15px;
	}

	.bnxgroup_home_section_5_description {
		font-family: var(--bnx-font-main);
		color: rgba(255, 255, 255, 0.6);
		line-height: 1.8;
		font-size: 1.1rem;
		max-width: 600px;
	}

	.bnxgroup_home_section_5_divider {
		width: 100%;
		height: 1px;
		background: rgba(255, 255, 255, 0.1);
	}

	/* Stats Styling */
	.bnxgroup_home_section_5_stat_value {
		font-family: var(--bnx-font-heading);
		font-size: 2.2rem;
		color: var(--bnx-gold);
		margin-bottom: 8px;
	}

	.bnxgroup_home_section_5_stat_label {
		font-size: 0.75rem;
		letter-spacing: 1.5px;
		color: rgba(255, 255, 255, 0.5);
		font-weight: 600;
		text-transform: uppercase;
	}

	/* Button Styling */
	.bnxgroup_home_section_5_btn {
		background-color: var(--bnx-gold);
		color: #fff;
		border-radius: 0;
		padding: 15px 35px;
		font-size: 0.85rem;
		font-weight: 700;
		letter-spacing: 1.5px;
		border: none;
		transition: all 0.3s ease;
	}

	.bnxgroup_home_section_5_btn:hover {
		background-color: var(--bnx-gold-hover);
		color: #fff;
		transform: translateY(-3px);
	}

	@media (max-width: 991px) {
		.bnxgroup_home_section_5_bg_diagonal {
			background: #1a1a1a;
		}
	}

	/* /////////////////////////////////////////
   section 5 Homepage END
  ///////////////////////////////////////////*/
	/* /////////////////////////////////////////
   section 6 Homepage 
  ///////////////////////////////////////////*/
	/* Section 6 Styling */
	.bnxgroup_home_section_6_wrapper {
		background-color: #f8f9fa;
	}

	.bnxgroup_home_section_6_card {
		border-radius: 0;
		overflow: hidden;
	}

	/* Left Sidebar */
	.bnxgroup_home_section_6_info_side {
		background-color: #1a1a1a;
		color: #ffffff;
	}

	.bnxgroup_home_section_6_title {
		font-family: var(--bnx-font-heading);
		font-size: 2.5rem;
	}

	.bnxgroup_home_section_6_subtitle {
		font-size: 0.95rem;
		color: rgba(255, 255, 255, 0.6);
		line-height: 1.6;
	}

	.bnxgroup_home_section_6_contact_list i {
		color: var(--bnx-gold);
		font-size: 1.1rem;
	}

	/* Form Styles for CF7 */
	.bnxgroup_home_section_6_form_side label {
		display: block;
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: 1px;
		color: #888;
		margin-bottom: 8px;
	}

	.bnxgroup_home_section_6_form_side input:not([type="submit"]),
	.bnxgroup_home_section_6_form_side textarea {
		width: 100%;
		border: none;
		border-bottom: 1px solid #e0e0e0;
		padding: 10px 0;
		font-size: 1rem;
		transition: border-color 0.3s ease;
	}

	.bnxgroup_home_section_6_form_side input:focus,
	.bnxgroup_home_section_6_form_side textarea:focus {
		outline: none;
		border-bottom-color: var(--bnx-gold);
	}

	.bnxgroup_home_section_6_form_side textarea {
		height: 80px;
	}

	/* Submit Button Style */
	.bnxgroup_home_section_6_form_side input[type="submit"] {
		background-color: #1a1a1a;
		color: #fff;
		border: none;
		width: 100%;
		padding: 15px;
		font-weight: 700;
		letter-spacing: 2px;
		transition: background 0.3s ease;
		margin-top: 10px;
	}

	.bnxgroup_home_section_6_form_side input[type="submit"]:hover {
		background-color: var(--bnx-gold);
	}

	/* /////////////////////////////////////////
   section 6 Homepage END
  ///////////////////////////////////////////*/
	/*$$$$$$$$$$$$$$$$$$$$$$$$/*HOMEPAGE MAIN CSS END *?$$$$$$$$$$$$$$$$$$$$$$$ /
	/*$$$$$$$$$$$$$$$$$$$$$$$$/*ABOUT CSS END *?$$$$$$$$$$$$$$$$$$$$$$$ /
	/* /////////////////////////////////////////
            ABOUT Section 1
     ///////////////////////////////////////////*/
	.bnx_about_section_1 {
		background: #fff;
		position: relative;
	}

	.bnx_about_section_1_content {
		position: relative;
		z-index: 2;
	}

	.bnx_about_section_1_subtitle {
		font-size: 20px;
		font-weight: 900;
		font-family: var(--bnx-font-heading);
		color: #111;
		display: inline-block;
		margin-bottom: 25px;
		position: relative;
	}

	.bnx_about_section_1_subtitle::after {
		content: "";
		width: 100%;
		height: 2px;
		background: #111;
		position: absolute;
		left: 0;
		bottom: -5px;
	}

	.bnx_about_section_1_title {
		font-size: 50px;
		line-height: 1.1;
		font-family: var(--bnx-font-heading);
		font-weight: 700;
		margin-bottom: 30px;
		letter-spacing: 2px;
		color: #111;
	}

	.bnx_about_section_1_title span {
		color: #d6a437;
		font-family: var(--bnx-font-heading);
	}

	.bnx_about_section_1_text {
		font-family: var(--bnx-font-main);
		line-height: 1.8;
		font-size: 1.1rem;
		max-width: 400px;
	}

	.bnx_about_section_1_btn {
		background: #d6a437;
		color: #111;
		padding: 10px 20px;
		display: inline-flex;
		align-items: center;
		gap: 14px;
		text-decoration: none;
		font-size: 18px;
		border-radius: 8px;
		font-weight: 600;
		transition: 0.4s ease;
	}

	.bnx_about_section_1_btn:hover {
		background: #111;
		color: #fff;
		transform: translateY(-4px);
	}

	.bnx_about_section_1_counter {
		display: flex;
		gap: 50px;
		margin-top: 45px;
	}

	.bnx_about_section_1_counter_item {
		text-align: center;
	}

	.bnx_about_section_1_counter_icon {
		width: 75px;
		height: 75px;
		background: #fff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 15px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	}

	.bnx_about_section_1_counter_icon i {
		font-size: 30px;
		color: #d6a437;
	}

	.bnx_about_section_1_counter_item h4 {
		font-size: 28px;
		margin-bottom: 5px;
		font-weight: 700;
		color: #d6a437;
	}

	.bnx_about_section_1_counter_item p {
		margin: 0;
		font-size: 15px;
		color: #555;
		line-height: 1.3;
	}

	.bnx_about_section_1_image_wrap {
		position: relative;
		height: 100%;
		overflow: hidden;
	}

	.bnx_about_section_1_img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* Responsive */
	@media(max-width:991px) {
		.bnx_about_section_1_content {
			padding: 60px 30px;
		}

		.bnx_about_section_1_title {
			font-size: 42px;
		}

		.bnx_about_section_1_text {
			font-size: 20px;
		}

		.bnx_about_section_1_shape {
			display: none;
		}

		.bnx_about_section_1_img {
			min-height: auto;
		}
	}

	@media(max-width:767px) {
		.bnx_about_section_1_title {
			font-size: 34px;
		}

		.bnx_about_section_1_text {
			font-size: 18px;
		}

		.bnx_about_section_1_btn {
			width: 100%;
			justify-content: center;
			font-size: 18px;
			padding: 16px 20px;
		}

		.bnx_about_section_1_counter {
			justify-content: center;
			gap: 25px;
		}
	}

	/* /////////////////////////////////////////
            ABOUT Section 1 END
     ///////////////////////////////////////////*/
	/* /////////////////////////////////////////
            ABOUT Section 2
     ///////////////////////////////////////////*/
	.bnx_about_section_2 {
		font-family: var(--bnx-font-main);
		background-color: #ffffff;
		padding: 80px 0;
		color: #333333;
		overflow-x: hidden;
		/* Recommended layout safeguard for horizontal entry sweeps */
	}

	/* Section Title styling with custom Golden/Ochre color */
	.bnx_about_section_2 .section-title {
		font-family: var(--bnx-font-main);
		color: #c99f37;
		/* Elegant golden accent color */
		font-weight: 600;
		font-size: 2.25rem;
		margin: 0;
		text-transform: capitalize;
	}

	/* Thin lines next to "Who we are" */
	.bnx_about_section_2 .title-line {
		display: inline-block;
		width: 80px;
		height: 1px;
		background-color: #d1b46a;
	}

	/* Top Intro Text formatting */
	.bnx_about_section_2 .lead-text {
		font-size: 1.15rem;
		line-height: 1.75;
		font-weight: 400;
		color: #444444;
	}

	/* Lower Rows Description text formatting */
	.bnx_about_section_2 .detail-text {
		font-size: 1.1rem;
		font-family: var(--bnx-font-main);
		line-height: 1.65;
		color: #222222;
	}

	/* Icon Design - Matching the black and gold circles from the image */
	.bnx_about_section_2 .icon-circle {
		width: 85px;
		height: 85px;
		background-color: #0c0c0c;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #c99f37;
		transition: transform 0.3s ease, background-color 0.3s ease;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	}

	/* Font Awesome Specific Styling inside the Circle */
	.bnx_about_section_2 .icon-circle i {
		font-size: 2.25rem;
	}

	/* Subtle Hover Effect for Interactivity */
	.bnx_about_section_2 .icon-circle:hover {
		transform: scale(1.08) rotate(5deg);
		background-color: #1a1a1a;
	}

	/* Divider styling between the two rows */
	.bnx_about_section_2 .section-divider {
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1rem 0;
		opacity: 1;
	}

	/* Responsive Scaling for smaller viewports */
	@media (max-width: 768px) {
		.bnx_about_section_2 .section-title {
			font-size: 1.75rem;
		}

		.bnx_about_section_2 .title-line {
			width: 40px;
		}

		.bnx_about_section_2 {
			text-align: center;
		}

		.bnx_about_section_2 .row {
			justify-content: center !important;
		}
	}

	/* /////////////////////////////////////////
            ABOUT Section 2 END
     ///////////////////////////////////////////*/
	/* /////////////////////////////////////////
            ABOUT Section 3
     ///////////////////////////////////////////*/
	.bnx_about_section_3 {
		font-family: var(--bnx-font-main);
		background-color: #ffffff;
		color: #333333;
		padding: 80px 0;
		overflow-x: hidden;
		/* Secures browser frame against GSAP lateral transitions */
	}

	/* Header Element Styles */
	.bnx_about_section_3 .section-subtitle {
		font-family: var(--bnx-font-main);
		color: #c99f37;
		/* Consistent Corporate Ochre/Gold */
		font-weight: 600;
		font-size: 1.8rem;
		text-transform: capitalize;
	}

	.bnx_about_section_3 .title-line {
		display: inline-block;
		width: 60px;
		height: 1px;
		background-color: #d1b46a;
	}

	.bnx_about_section_3 .main-heading {
		font-family: var(--bnx-font-heading);
		color: #1a1a1a;
		font-weight: 700;
		font-size: 2.25rem;
	}

	.bnx_about_section_3 .section-tagline {
		font-size: 1.15rem;
		color: #555555;
		max-width: 650px;
		line-height: 1.5;
	}

	/* Profiles Layout Construction */
	.bnx_about_section_3 .leader-card {
		background: transparent;
		border: none;
		padding: 10px;
	}

	/* Replicating the Image Border Styling with the Gold Backdrop Frame Offset */
	.bnx_about_section_3 .image-wrapper-outer {
		position: relative;
		width: 100%;
		max-width: 440px;
		margin: 0 auto;
		aspect-ratio: 1.4 / 1;
		/* Retains cropped cinematic rectangle ratio */
	}

	.bnx_about_section_3 .gold-backdrop-border {
		position: absolute;
		top: -8px;
		left: -10px;
		right: 4px;
		bottom: 8px;
		border: 3px solid #c99f37;
		border-radius: 35px;
		/* Matches modern curved wrapper corners */
		z-index: 1;
		pointer-events: none;
	}

	.bnx_about_section_3 .image-wrapper-inner {
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: 30px;
		overflow: hidden;
		z-index: 2;
		background: #e9e9e9;
		/* Placeholder background */
	}

	.bnx_about_section_3 .leader-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center top;
		transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	}

	/* Gentle zoom interaction on hover */
	.bnx_about_section_3 .leader-card:hover .leader-img {
		transform: scale(1.05);
	}

	/* Descriptive Text Styles */
	.bnx_about_section_3 .leader-name {
		font-family: var(--bnx-font-heading);
		font-weight: 600;
		color: #222222;
		font-size: 1.35rem;
		margin-bottom: 2px;
	}

	.bnx_about_section_3 .leader-role {
		font-family: var(--bnx-font-main);
		color: #c99f37;
		font-size: 1.1rem;
		font-weight: 500;
	}

	.bnx_about_section_3 .leader-bio {
		font-size: 0.95rem;
		line-height: 1.65;
		color: #666666;
		text-align: center;
	}

	/* Media Inversion Rules for Uniform Layout Breakdown on Tablets/Mobile devices */
	@media (max-width: 768px) {
		.bnx_about_section_3 .main-heading {
			font-size: 1.75rem;
		}

		.bnx_about_section_3 .section-subtitle {
			font-size: 1.4rem;
		}

		.bnx_about_section_3 .image-wrapper-outer {
			max-width: 340px;
		}
	}

	/* /////////////////////////////////////////
            ABOUT Section 3 END
     ///////////////////////////////////////////*/
	/* /////////////////////////////////////////
            ABOUT Section 4
     ///////////////////////////////////////////*/
	.bnx_about_section_4 {
		font-family: var(--bnx-font-heading);
		position: relative;
		background-color: #0b111e;
		/* Dark rich fallback background */
		overflow-x: hidden;
	}

	/* Background image handling overlay mirroring layout asset */
	.bnx_about_section_4 .section-bg-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0.15;
		/* Subdued architectural structure behind dark overlay */
		z-index: 1;
	}

	.bnx_about_section_4 .z-index-2 {
		z-index: 2;
	}

	/* Header UI Elements */
	.bnx_about_section_4 .section-subtitle {
		font-family: var(--bnx-font-heading);
		color: #c99f37;
		/* Branding gold */
		font-weight: 600;
		font-size: 1.6rem;
		text-transform: capitalize;
	}

	.bnx_about_section_4 .title-line {
		display: inline-block;
		width: 50px;
		height: 1px;
		background-color: #c99f37;
	}

	.bnx_about_section_4 .main-heading {
		font-family: var(--bnx-font-heading);
		font-weight: 700;
		font-size: 2.5rem;
	}

	/* Premium Card Designs */
	.bnx_about_section_4 .purpose-card {
		background-color: #052a57;
		/* Deep Navy Blue matching your image blocks */
		border-radius: 28px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease, box-shadow 0.4s ease;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	}

	/* Highly Interactive Hover state on the cards */
	.bnx_about_section_4 .purpose-card:hover {
		transform: translateY(-8px);
		background-color: #07356d;
		/* Subtle dynamic illumination */
		box-shadow: 0 15px 40px rgba(12, 53, 99, 0.4);
	}

	/* Top Icons wrapper */
	.bnx_about_section_4 .icon-header-circle {
		width: 80px;
		height: 80px;
		border: 2px solid rgba(255, 255, 255, 0.7);
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		transition: all 0.4s ease;
	}

	.bnx_about_section_4 .icon-header-circle i {
		font-size: 2.2rem;
	}

	/* Interactive reaction inside components when card is hovered */
	.bnx_about_section_4 .purpose-card:hover .icon-header-circle {
		color: #c99f37;
		border-color: #c99f37;
		transform: scale(1.05);
	}

	.bnx_about_section_4 .card-title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		letter-spacing: 0.5px;
	}

	.bnx_about_section_4 .card-description {
		font-size: 16px;
		line-height: 1.7;
		font-weight: 500;
		color: #fff !important;
	}

	/* Bottom Illustrations Layout lines and icons */
	.bnx_about_section_4 .line-divider {
		width: 60%;
		height: 2px;
		background-color: #c99f37;
		margin: 0 auto;
	}

	.bnx_about_section_4 .bottom-icon i {
		color: #c99f37;
		font-size: 3rem;
		/* Highly detailed architectural structure icons */
		transition: transform 0.4s ease;
	}

	.bnx_about_section_4 .purpose-card:hover .bottom-icon i {
		transform: translateY(-5px) scale(1.05);
	}

	/* Responsive Scaling Rules */
	@media (max-width: 768px) {
		.bnx_about_section_4 .main-heading {
			font-size: 1.85rem;
		}

		.bnx_about_section_4 .purpose-card {
			padding: 2.5rem 1.5rem !important;
		}
	}

	/* /////////////////////////////////////////
            ABOUT Section 4 END
     ///////////////////////////////////////////*/
	/*$$$$$$$$$$$$$$$$$$$$$$$$ ABOUT CSS START END  *?$$$$$$$$$$$$$$$$$$$$$$$ */

	/*$$$$$$$$$$$$$$$$$$$$$$$$ PROJECT CSS START END  *?$$$$$$$$$$$$$$$$$$$$$$$ */
	/* /////////////////////////////////////////
            PROJECT Section 
     ///////////////////////////////////////////*/
	@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

	.bnx_group_projects {
		font-family: 'Poppins', sans-serif;
		background-color: #ffffff;
		color: #111111;
	}

	/* Header Text Blocks styling */
	.bnx_group_projects .sub-title {
		color: #c99f37;
		/* Gold Branding standard */
		letter-spacing: 1.5px;
		font-family: 'Montserrat', sans-serif;
		font-size: 1.1rem;
	}

	.bnx_group_projects .main-title {
		font-family: 'Montserrat', sans-serif;
		font-size: 2.35rem;
		color: #111111;
	}

	.bnx_group_projects .description {
		max-width: 650px;
		font-size: 1.05rem;
		line-height: 1.6;
	}

	/* Custom Tab Buttons Architecture Layout */
	.bnx_group_projects .filter-tab-menu {
		border-bottom: 1px solid #eeeeee;
		padding-bottom: 15px;
	}

	.bnx_group_projects .filter-btn {
		border: none;
		background: transparent;
		padding: 8px 24px;
		font-size: 1.05rem;
		font-weight: 500;
		color: #555555;
		position: relative;
		transition: all 0.3s ease;
		border-radius: 4px;
	}

	.bnx_group_projects .filter-btn:hover {
		color: #000000;
	}

	/* Matching the stark black background filter block on active index selection */
	.bnx_group_projects .filter-btn.active {
		background-color: #000000;
		color: #ffffff;
		font-weight: 500;
	}

	/* Profile Card Styling rules */
	.bnx_group_projects .project-card {
		background: #ffffff;
		border: 1px solid #eeeeee;
		border-radius: 24px;
		overflow: hidden;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
		transition: box-shadow 0.3s ease;
	}

	.bnx_group_projects .project-card:hover {
		box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
	}

	.bnx_group_projects .card-image-box {
		aspect-ratio: 1.25 / 1;
	}

	.bnx_group_projects .card-image-box img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	}

	.bnx_group_projects .project-card:hover .card-image-box img {
		transform: scale(1.06);
	}

	/* Floating Status Overlay Badges */
	.bnx_group_projects .status-badge {
		position: absolute;
		top: 15px;
		left: 15px;
		padding: 4px 14px;
		font-size: 0.8rem;
		font-weight: 600;
		border-radius: 6px;
		text-transform: capitalize;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	}

	.bnx_group_projects .status-badge.ongoing {
		background-color: #f1c40f;
		color: #000000;
	}

	.bnx_group_projects .status-badge.completed {
		background-color: #2ecc71;
		color: #ffffff;
	}

	/* Card Information Meta Section layout elements */
	.bnx_group_projects .project-name {
		font-family: 'Montserrat', sans-serif;
		font-size: 1.25rem;
		color: #1a1a1a;
	}

	.bnx_group_projects .location-text {
		font-size: 0.9rem;
		color: #c99f37;
		font-weight: 500;
	}

	.bnx_group_projects .summary-text {
		font-size: 0.92rem;
		line-height: 1.5;
	}

	.bnx_group_projects .specs-grid {
		font-size: 0.88rem;
		border-color: #f7f7f7 !important;
	}

	.bnx_group_projects .specs-grid i {
		color: #999999;
	}

	/* High Contrast CTA Black Button wrapper interaction */
	.bnx_group_projects .btn-view-details {
		background-color: #000000;
		color: #ffffff;
		border-radius: 8px;
		font-size: 0.95rem;
		transition: background-color 0.2s ease;
	}

	.bnx_group_projects .btn-view-details:hover {
		background-color: #c99f37;
		color: #ffffff;
	}

	/* Responsive breakdowns rules */
	@media(max-width: 768px) {
		.bnx_group_projects .main-title {
			font-size: 1.8rem;
		}

		.bnx_group_projects .filter-btn {
			padding: 6px 16px;
			font-size: 0.95rem;
		}
	}


	.bnx_group_project_section_to {
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
}

/* Left Pane Content Blocks Styling */
.bnx_group_project_section_to .left-faq-pane {
    background-color: #dfad36; /* Golden mustard block matching your brand palette */
}

.bnx_group_project_section_to .faq-inner-wrapper {
	max-width: 550px;
    width: 100%;
}

.bnx_group_project_section_to .faq-main-heading {
    font-family: var(--bnx-main-heading);
    font-size: 2.35rem;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.bnx_group_project_section_to .faq-bullets-list {
   list-style: none !important;
    margin-left: 0;
}
.bnx_group_project_section_to .faq-bullets-list li {
    font-size: 1.05rem;
    line-height: 1.5;
}

/* Font Awesome Custom Bullet Alignment */
.bnx_group_project_section_to .faq-fa-dot {
    font-size: 0.55rem; /* Forces Font Awesome circle icon into a clean, small dot */
    opacity: 0.9;
    flex-shrink: 0;
}

/* High Contrast Enquire CTA */
.bnx_group_project_section_to .btn-enquire-now {
    background-color: #000000;
    color: #ffffff !important;
    padding: 13px 40px;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.bnx_group_project_section_to .btn-enquire-now:hover {
    background-color: #1a1a1a;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

/* Right Pane Image Window Configuration */
.bnx_group_project_section_to .right-img-pane {
    min-height: 480px;
}

.bnx_group_project_section_to .faq-hero-bg {
     /* Substitute path pointer smoothly */
    background-size: cover;
    background-position: center;
}

/* Floating White Arrow Vector */
.bnx_group_project_section_to .floating-pointer-arrow {
    position: absolute;
    bottom: 20%;
    left: 10%;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 50%;
}

/* Responsive Structural Breakdowns */
@media(max-width: 991.98px) {
    .bnx_group_project_section_to .faq-main-heading {
        font-size: 1.85rem;
    }
    .bnx_group_project_section_to .right-img-pane {
        min-height: 350px;
    }
}

@media(max-width: 575.98px) {
    .bnx_group_project_section_to .faq-main-heading {
        font-size: 1.6rem;
    }
    .bnx_group_project_section_to .faq-bullets-list li {
        font-size: 0.95rem;
    }
    .bnx_group_project_section_to .btn-enquire-now {
        display: block;
        width: 100%;
        text-align: center;
    }
}
	/* /////////////////////////////////////////
            PROJECT Section END
     ///////////////////////////////////////////*/
	/*$$$$$$$$$$$$$$$$$$$$$$$$ PROJECT CSS START END  *?$$$$$$$$$$$$$$$$$$$$$$$ */