/******************************************************************
  Theme Name: Staging
  Description: Staging bootstrap tamplate
  Author: Colorib
  Author URI: https://www.colorib.com//
  Version: 1.0
  Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Poppins", sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* Counter content specific styles */
.counter__content {
	font-family: "Aldrich", sans-serif;
	/* Initial state - before scroll */
	opacity: 0;
	transform: translateX(-50px);
	transition: all 0.8s ease-out;
	/* Remove inline-block to allow full width */
	display: block;
	width: 100%;
}

	/* Activated state when scrolled into view */
	.counter__content.active {
		opacity: 1;
		transform: translateX(40px); /* Shifts to the right */
	}

	/* Individual counter items animation */
	.counter__content .counter__item {
		opacity: 0;
		transform: translateY(20px);
		transition: all 0.9s ease-out;
	}

	.counter__content.active .counter__item {
		opacity: 1;
		transform: translateY(0);
	}

	/* Stagger animation for each counter item */
	.counter__content.active .col-lg-3:nth-child(1) .counter__item {
		transition-delay: 0.1s;
	}

	.counter__content.active .col-lg-3:nth-child(2) .counter__item {
		transition-delay: 0.2s;
	}

	.counter__content.active .col-lg-3:nth-child(3) .counter__item {
		transition-delay: 0.3s;
	}

	.counter__content.active .col-lg-3:nth-child(4) .counter__item {
		transition-delay: 0.4s;
	}

	/* Counter number styling */
	.counter__content .counter__item__number h2 {
		font-size: 40px;
		margin: 0;
		color: #111111;
		font-weight: 400;
		font-family: "Aldrich", sans-serif;
	}

	/* Counter text styling - ensure full width and proper spacing */
	.counter__content .counter__item__text {
		margin-top: 10px;
	}

		.counter__content .counter__item__text h5 {
			white-space: normal;
			word-wrap: break-word;
			line-height: 1.4;
			margin-right: 70px;
		}

	/* Optional: Add a subtle scale effect to numbers */
	.counter__content .count {
		display: inline-block;
		transition: transform 0.3s ease;
	}

	.counter__content.active .count {
		animation: popIn 0.6s ease-out;
	}

@keyframes popIn {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Aldrich", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	color: #707070;
	font-weight: 400;
	line-height: 1.75;
	margin: 0 0 15px 0;
	text-align: justify;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 50px;
}

.section-title span {
	color: #dfa667 !important;
	font-size: 35px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 12px;
}

.section-title h2 {
	font-size: 42px;
	color: #111111;
	line-height: 50px;
	text-transform: uppercase;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 16px 50px;
	color: #ffffff;
	position: relative;
}

.primary-btn.normal-btn {
	color: #111111;
}

.primary-btn.normal-btn:before {
	border-color: #c4c4c4;
}

.primary-btn.normal-btn:after {
	border-color: #c4c4c4;
}

.primary-btn:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 28px;
	width: 28px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.primary-btn:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 28px;
	width: 28px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.primary-btn:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.primary-btn:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.site-btn {
	font-size: 16px;
	color: #ffffff;
	background: #dfa667;
	font-weight: 600;
	border: none;
	display: inline-block;
	padding: 14px 36px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/
* {
	margin: 0;
	padding-bottom:4px;
/*	padding: 0;
*/	box-sizing: border-box;

}

body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	background-color: #f8f9fa;
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.header__logo {
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 1001;
}

/* Header Styles */
.header {
	/*	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);*/
	position: absolute;
	padding: 20px 0;
	/*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	/*	background: transparent;


	 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 20px 0;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
*/
}

/*.header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	padding: 20px 0;
	background: transparent;
}*/
.container-fluid {
	padding: 0 20px;
}

/* Main Menu Styles */
.header__menu {
	display: flex;
	justify-content: center;
}

	.header__menu ul {
		list-style: none;
		display: flex;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 30px;
		padding: 5px 15px;
		backdrop-filter: blur(10px);
	}

		.header__menu ul li {
			position: relative;
			margin: 0 10px;
		}

			.header__menu ul li a {
				color: #ecf0f1;
				text-decoration: none;
				font-weight: 500;
				padding: 10px 15px;
				display: block;
				border-radius: 20px;
				transition: all 0.3s ease;
				position: relative;
				overflow: hidden;
			}

				/* Animated underline effect */
				.header__menu ul li a::after {
					content: '';
					position: absolute;
					bottom: 0;
					left: 50%;
					width: 0;
					height: 2px;
					background: #3498db;
					transition: all 0.3s ease;
					transform: translateX(-50%);
				}

				.header__menu ul li a:hover::after,
				.header__menu ul li.active a::after {
					width: 80%;
				}

				.header__menu ul li a:hover {
					background: rgba(255, 255, 255, 0.15);
					color: #3498db;
				}

			.header__menu ul li.active a {
				background: rgb(223 166 103 / 23%);
				color: #dfa667;
			}

			/* Dropdown Styles */
			.header__menu ul li.dropdown {
				position: relative;
			}

				.header__menu ul li.dropdown > ul.dropdown {
					position: absolute;
					top: 130%;
					right: -335px;
					background: #111111;
					min-width: 200px;
					border-radius: 8px;
					box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
					opacity: 0;
					visibility: hidden;
					transform: translateY(10px);
					transition: all 0.3s ease;
					z-index: 1001;
					padding: 10px 0;
				}

				.header__menu ul li.dropdown:hover > ul.dropdown {
					opacity: 1;
					visibility: visible;
					transform: translateY(0);
				}

				.header__menu ul li.dropdown > ul.dropdown li {
					margin: 0;
					display: block;
				}

					.header__menu ul li.dropdown > ul.dropdown li a {
						padding: 10px 20px;
						color: #ffffff;
						border-radius: 0;
						white-space: nowrap;
					}

						.header__menu ul li.dropdown > ul.dropdown li a::after {
							display: none;
						}

						.header__menu ul li.dropdown > ul.dropdown li a:hover {
							background: #dfa667;
							color: #ecf0f1;
						}

/* Mobile Menu Button - Hidden on desktop */
.canvas__open {
	color: #ecf0f1;
	font-size: 24px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-block;
	padding: 8px 12px;
	border-radius: 5px;
}

	.canvas__open:hover {
		color: #3498db;
		background: rgba(255, 255, 255, 0.1);
	}

/* Mobile Menu Styles */
.mobile-menu {
	position: fixed;
	top: 0;
	right: -300px;
	width: 300px;
	height: 100%;
	background: #111111;
	z-index: 1002;
	transition: all 0.4s ease;
	padding: 80px 20px 20px;
	overflow-y: auto;
}

	.mobile-menu.active {
		right: 0;
	}

	.mobile-menu ul {
		flex-direction: column;
		background: transparent;
		padding: 0;
	}

		.mobile-menu ul li {
			margin: 5px 0;
			width: 100%;
		}

			.mobile-menu ul li a {
				border-radius: 5px;
				padding: 12px 15px;
				color:white !important;
			}

			.mobile-menu ul li.dropdown > ul.dropdown {
				position: static;
				opacity: 1;
				visibility: visible;
				transform: none;
				background: transparent;
				box-shadow: none;
				padding: 0;
				margin-top: 5px;
			}

				.mobile-menu ul li.dropdown > ul.dropdown li a {
					padding-left: 30px;
					color: #ffffff;
				}

					.mobile-menu ul li.dropdown > ul.dropdown li a:hover {
						background: rgba(255, 255, 255, 0.05);
						color: #3498db;
					}

.mobile-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1001;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
}

	.mobile-overlay.active {
		opacity: 1;
		visibility: visible;
	}

.mobile-close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #ecf0f1;
	font-size: 24px;
	cursor: pointer;
}

/* Offcanvas hidden by default on all viewports; only shown when open on mobile */
.offcanvas-menu-wrapper {
	display: none !important;
}

/* Responsive Styles — use offcanvas only on phone; never show source .mobile-menu */
@media (max-width: 991px) {
	.header__menu {
		display: none !important;
	}

	.mobile-menu {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.mobile-menu {
		display: none;
	}

	.canvas__open {
		display: none !important;
	}

	.offcanvas-menu-wrapper {
		display: none !important;
	}
}




/*.header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	padding: 30px 0 0;
}

	.header.header-normal {
		position: relative;
		padding: 30px 0 30px;
	}

.header__logo a {
	display: inline-block;
}*/

/* Modern Menu Style */
/*.header__menu {
	display: flex;
	border-radius: 71px;
	border: 1px solid #E0E0E0;*/ /* $coStroke equivalent */
	/*background: #ffffff;*/ /* $white equivalent */
	/*position: relative;
	z-index: 5;
	height: 55px;
	padding: 0 6px;
	align-items: center;
	justify-content: center;
}

	.header__menu ul {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
	}

		.header__menu ul li {
			display: flex;
			align-items: center;
			height: 45px;
			list-style-type: none;
		}

			.header__menu ul li:not(:last-child) {
				margin-right: 0;
			}

			.header__menu ul li a {
				transition: background-color .2s linear;
				padding: 0 25px;
				display: flex;
				align-items: center;
				text-decoration: none;
				color: #333333;*/ /* $coCharcoal equivalent */
				/*height: 45px;
				border-radius: 30px;
				font-weight: 600;
				font-size: 15px;
				position: relative;
			}

				.header__menu ul li a:hover {
					background: #dfa667;*/ /* Your theme color instead of #E8202C */
					/*color: white;
				}

			.header__menu ul li.has-children.active a.mainMenuNavLink {
				background: #dfa667;*/ /* Your theme color */
				/*color: white;
			}*/

			/* Dropdown Menu - Modern Style */
			/*.header__menu ul li.has-children {
				position: relative;
			}

				.header__menu ul li.has-children .dropdown {
					position: absolute;
					top: 70px;
					left: 0;
					display: none;
					background: #fff;
					z-index: 10;
					padding: 36px 37px 25px 33px;
					flex-direction: column;
					width: 740px;
					align-items: flex-start;
					border-radius: 16px;
					border: 1px solid #E0E0E0;
					transition: all .2s linear;
					min-height: 333px;
				}

				.header__menu ul li.has-children:hover .dropdown {
					display: flex;
					top: 55px;
					opacity: 1;
					visibility: visible;
				}

			.header__menu ul li .dropdown li {
				display: block;
				align-items: center;
				height: auto;
				margin-right: 0;
				width: 100%;
			}


				.header__menu ul li .dropdown li a {
					position: absolute;
					left: 0;
					top: 62px;
					width: 140px;
					background: #ffffff;
					text-align: left;
					padding: 5px 0;
					z-index: 9;
					opacity: 0;
					visibility: hidden;
					-webkit-transition: all, 0.3s;
					-o-transition: all, 0.3s;
					transition: all, 0.3s;
					color: #333333;*/ /* $coCharcoal equivalent */
				/*}

					.header__menu ul li .dropdown li a:hover {
						background: #F0F0F0;
						color: #dfa667;*/ /* Your theme color instead of $coCrimson */
					/*}*/

			/* Specific positioning for different dropdowns */
			/*.header__menu ul li.has-children:nth-child(1) .dropdown {
				left: -6px;
			}

			.header__menu ul li.has-children:nth-child(2) .dropdown {
				left: -142px;
			}

			.header__menu ul li.has-children:nth-child(4) .dropdown {
				left: -395px;
			}*/

			/* Remove old dropdown styles */
			/*.header__menu ul li .dropdown {
				opacity: 1;*/ /* Override old opacity */
				/*visibility: visible;*/ /* Override old visibility */
			/*}

			.header__menu ul li:hover .dropdown {
				top: 55px;*/ /* Override old top position */
			/*}*/

/* Widget and other existing styles */
/*.header__widget {
	text-align: right;
}

	.header__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}

	.header__widget h4 {
		font-size: 22px;
		color: #dfa667;
	}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}*/


/* Responsive adjustments */
/*@media (max-width: 1200px) {
	.header__menu ul li.has-children .dropdown {
		width: 600px;
		padding: 25px 30px 20px 25px;
	}
}

@media (max-width: 992px) {
	.header__menu ul li.has-children .dropdown {
		width: 500px;
		padding: 20px 25px 15px 20px;
	}

	.header__menu ul li a {
		padding: 0 15px;
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.header__menu {
		display: none;*/ /* Hide modern menu on mobile, use offcanvas */
	/*}

	.canvas__open {
		display: block;
	}
}*/





/*
.header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	padding: 30px 0 0;
}

.header.header-normal {
	position: relative;
	padding: 30px 0 30px;
}

.header__logo a {
	display: inline-block;
}

.header__menu {
	text-align: center;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	margin-right: 40px;
}

.header__menu ul li.active a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover .dropdown {
	top: 32px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 62px;
	width: 140px;
	background: #ffffff;
	text-align: left;
	padding: 5px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #111111;
	font-weight: 400;
	padding: 5px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 15px;
	color: #ffffff;
	display: block;
	font-weight: 600;
	padding: 5px 0;
	position: relative;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #dfa667;
	content: "";
	-webkit-transition: all, 0.4s;
	-o-transition: all, 0.4s;
	transition: all, 0.4s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.header__widget {
	text-align: right;
}

.header__widget span {
	font-size: 14px;
	font-family: "Aldrich", sans-serif;
	color: #b7b7b7;
	display: block;
	margin-bottom: 10px;
}

.header__widget h4 {
	font-size: 22px;
	color: #dfa667;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}
*/
/*---------------------
  Hero
-----------------------*/

.hero {
	position: relative;
	margin-top:0;
}

.hero__items {
	height: 960px;
	padding: 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	/* === HERO SLIDER ADJUSTMENTS === */
	/*.hero__items

{
	height: 50vh !important;
	min-height: 400px;
	background-position: center 30% !important;
}*/


}

	.hero__items::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 1;
	}

.hero__text {
	max-width: 820px;
	text-align: center;
	position: relative;
	z-index: 2;
}

	.hero__text h2 {
		font-family: 'Aldrich', sans-serif;
		text-align: center;
		color: #ffffff;
		font-size: 72px;
		line-height: 80px;
		text-transform: uppercase;
		margin-bottom: 45px;
		position: relative;
		top: 100px;
		opacity: 0;
		-webkit-transition: all, 0.3s;
		-o-transition: all, 0.3s;
		transition: all, 0.3s;
		margin-top:90px;
		text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9), 0 0 24px rgba(0, 0, 0, 0.6);
	}

	.hero__text .primary-btn {
		position: relative;
		top: 100px;
		opacity: 0;
		-webkit-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
/*.hero {
	position: relative;
}

.hero__items {
	height: 960px;
	padding: 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hero__text {
	max-width: 820px;
	text-align: center;
}

.hero__text h2 {
	color: #111111;
	font-size: 72px;
	line-height: 80px;
	text-transform: uppercase;
	margin-bottom: 45px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.6s;
	-o-transition: all, 0.6s;
	transition: all, 0.6s;
}
*/
.hero__text .more_btn {
	font-size: 14px;
	color: #b7b7b7;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 55px;
}

.hero__text .hero__social {
	position: absolute;
	right: 145px;
	bottom: 55px;
}

.hero__text .hero__social a {
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	margin-right: 36px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text .hero__social a:hover {
	color: #dfa667;
}

.hero__text .hero__social a:last-child {
	margin-right: 0;
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-dots {
	display: none;
}

.hero__slider.owl-carousel .owl-nav button {
	font-size: 28px;
	color: #ffffff;
	position: absolute;
	left: 145px;
	top: 50%;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-top: -25px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 145px;
}

.hero__slider.owl-carousel .owl-nav button:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 20px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.hero__slider.owl-carousel .owl-nav button:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.hero__slider.owl-carousel .owl-nav button:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.hero__slider.owl-carousel .owl-nav button:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.slide-num {
	position: absolute;
	left: 145px;
	bottom: 55px;
	z-index: 9;
}

.slide-num span {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	margin-right: 140px;
}

.slide-num span:last-child {
	margin-right: 0;
}

.slider__progress {
	width: 100px;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 180px;
	bottom: 67px;
	z-index: 9;
}

.slider__progress span {
	background: #ffffff;
	height: 2px;
	display: block;
	-webkit-transition: all, 0.4s;
	-o-transition: all, 0.4s;
	transition: all, 0.4s;
	position: relative;
	top: -1px;
}




/* ===== LOGO OVERLAY ON ALL HERO SECTIONS ===== */

/* Logo overlay / logo link on all hero sections (top left, link to index) */
.hero__logo-overlay,
.hero__logo {
	position: absolute !important;
	top: 20px !important;
	left: 20px !important;
	z-index: 1001 !important;
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
}

	.hero__logo-overlay img,
	.hero__logo img {
		max-height: 60px !important;
		width: auto !important;
		filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
	}

/* Ensure hero sections have relative positioning for the overlay */
.hero {
	position: relative;
	margin-top: 0;
	padding-top: 0;
}

.hero__items {
	position: relative;
}

/* Page-title hero (non-index): single banner, no carousel. Logo top-left, h2 centered, Aldrich font. */
.hero.hero--pagetitle {
	position: relative;
	min-height: 50vh;
	margin-top: 0;
	padding-top: 0;
}
/* Banner block: direct child of section, full width, flex center for text */
.hero--pagetitle > .hero__items {
	min-height: 420px;
	height: 50vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1a1a1a;
}
.hero--pagetitle .hero__text {
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 2;
	max-width: 90%;
}
.hero--pagetitle .hero__text h2 {
	font-family: 'Aldrich', sans-serif !important;
	text-align: center !important;
	color: #fff !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9), 0 0 24px rgba(0, 0, 0, 0.6);
	font-size: 2.5rem !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Mobile adjustments */
@media (max-width: 991px) {
	.hero__logo-overlay,
	.hero__logo {
		top: 15px !important;
		left: 15px !important;
	}

		.hero__logo-overlay img,
		.hero__logo img {
			max-height: 50px !important;
		}
}

@media (max-width: 767px) {
	.hero__logo-overlay,
	.hero__logo {
		top: 10px !important;
		left: 10px !important;
	}

		.hero__logo-overlay img,
		.hero__logo img {
			max-height: 45px !important;
		}
}

/*---------------------
  Project Slider
-----------------------*/

.project {
	padding: 25px 15px;
}

.project__slider__item {
	height: 600px;
	position: relative;
	overflow: hidden;
}

.project__slider.owl-carousel .col-lg-3 {
	max-width: 100%;
}

.project__slider.owl-carousel .owl-nav button {
	height: 50px;
	width: 50px;
	background: #ffffff;
	font-size: 28px;
	color: #111111;
	position: absolute;
	left: 35px;
	top: 50%;
	margin-top: -25px;
	line-height: 54px;
	text-align: center;
}

.project__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 35px;
}

.project__slider__item__hover {
	text-align: center;
	position: absolute;
	top: 0;
	left: 25px;
	bottom: auto;
	width: calc(100% - 50px);
	height: auto;
	padding: 25px 15px;
	overflow: hidden;
	margin-top:470px;
}

.project__slider__item__hover span {
	color: #dfa667;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	position: relative;
	left: 0;
}

.project__slider__item__hover h5 {
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	right: 0;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial__carousel {
	position: relative;
	overflow: hidden;
	background: #ffffff;
	padding: 75px 60px 90px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}

.testimonial__carousel:after {
	position: absolute;
	content: "";
	left: calc(50% - 85px);
	bottom: -115px;
	width: 170px;
	height: 170px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	-webkit-box-shadow: inset 0 0 21px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 21px rgba(0, 0, 0, 0.2);
}

.testimonial__carousel button.slick-arrow {
	font-size: 28px;
	color: #111111;
	position: absolute;
	left: 30px;
	top: 50%;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	background: transparent;
	border: none;
}

.testimonial__carousel button.slick-arrow.slick-next {
	left: auto;
	right: 30px;
}

.testimonial__carousel button.slick-arrow:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 20px;
	border-left: 2px solid rgba(0, 0, 0, 0.2);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.testimonial__carousel button.slick-arrow:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	border-right: 2px solid rgba(0, 0, 0, 0.2);
	border-top: 2px solid rgba(0, 0, 0, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.testimonial__carousel button.slick-arrow:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.testimonial__carousel button.slick-arrow:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.testimonial__item {
	text-align: center;
}

.testimonial__item p {
	font-size: 24px;
	color: #111111;
	font-weight: 300;
	font-style: italic;
	line-height: 48px;
}

.testimonial__client {
	margin-top: -75px;
	margin-bottom: 50px;
}

.testimonial__client .slick-track {
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

.testimonial__client .slick-slide {
	padding-top: 80px;
}

.testimonial__client .slick-slide {
	width: 100px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.testimonial__client .slick-slide.slick-center {
	width: 180px;
}

.testimonial__client .testimonial__client__pic img {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.slick-active.slick-center {
	padding-top: 35px;
}

.slick-active.slick-center .testimonial__client__pic {
	height: 150px;
	width: 150px;
	position: absolute;
	left: 0px;
	top: -30px;
	right: -15px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding-top: 5px;
}

.slick-active.slick-center .testimonial__client__pic img {
	margin: 0 auto;
	width: 150px;
	height: 150px;
}

.slick-active.slick-center .testimonial__client__text {
	display: block;
	margin-top: -8px;
}

.testimonial__client__item {
	text-align: center;
	cursor: pointer;
}

.testimonial__client__item .testimonial__client__pic {
	height: 70px;
	width: 70px;
	margin: 0 auto;
}

.testimonial__client__item .testimonial__client__pic img {
	border-radius: 50%;
}

.testimonial__client__item .testimonial__client__text {
	display: none;
}

.testimonial__client__item h5 {
	color: #111111;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	margin-bottom: 5px;
}

.testimonial__client__item span {
	font-size: 14px;
	color: #dfa667;
	display: block;
}

.logo__carousel.owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
}

.logo__carousel .logo__carousel__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 62px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/*---------------------
  Team
-----------------------*/

.team {
	padding-top: 120px;
	padding-bottom: 90px;
}

.team__btn {
	text-align: right;
}

.team__item {
	height: 480px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.team__item:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(17, 17, 17, 0.9);
	content: "";
	z-index: -1;
	opacity: 0;
	-webkit-transition: all, 0.5s, ease-out, 0.5s;
	-o-transition: all, 0.5s, ease-out, 0.5s;
	transition: all, 0.5s, ease-out, 0.5s;
}

.team__item:hover:after {
	opacity: 1;
}

.team__item:hover .team__text .team__title {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding: 0 0 32px;
	margin-bottom: 34px;
	opacity: 0;
	visibility: hidden;
	position: relative;
	bottom: initial;
	opacity: 1;
	visibility: visible;
}

.team__item:hover .team__text p {
	opacity: 1;
	visibility: visible;
}

.team__item:hover .team__text .team__social {
	opacity: 1;
	visibility: visible;
	bottom: 34px;
}

.team__text {
	height: 100%;
	position: relative;
	padding: 35px 30px 40px;
}

.team__text .team__title {
	position: absolute;
	left: 0;
	bottom: 42px;
	width: 100%;
	padding: 0 30px;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__title h5 {
	color: #ffffff;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 6px;
}

.team__text .team__title span {
	font-size: 14px;
	color: #dfa667;
}

.team__text p {
	color: #b7b7b7;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__social {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 30px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__social a {
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	margin-right: 34px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.team__text .team__social a:last-child {
	margin-right: 0;
}

.team__text .team__social a:hover {
	color: #dfa667;
}

/*---------------------
  Call To Action
-----------------------*/

.callto {
	padding-top: 130px;
	padding-bottom: 135px;
}

.callto__text span {
	font-size: 20px;
	color: #dfa667;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 35px;
}

.callto__text h2 {
	font-size: 42px;
	color: #ffffff;
	line-height: 52px;
	text-transform: uppercase;
	margin-bottom: 36px;
}

.callto__text .primary-btn {
	background: #dfa667;
	color: #ffffff;
	border-radius: 4px;
}

.callto__text .primary-btn:before {
	display: none;
}

.callto__text .primary-btn:after {
	display: none;
}

/*---------------------
  Latest
-----------------------*/

.latest {
	padding-top: 10px;
	padding-bottom: 90px;
}

.latest__btn {
	text-align: right;
}

.latest__item {
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	margin-bottom: 30px;
}

.latest__item img {
	min-width: 100%;
}

.latest__item:hover a {
	padding-left: 0;
}

.latest__item:hover a:after {
	left: auto;
	right: -50px;
}

.latest__item__text {
	padding-top: 25px;
	background: #ffffff;
	padding: 25px 35px 20px;
}

.latest__item__text span {
	color: #dfa667 !important;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.latest__item__text h4 {
	color: #111111;
	font-size: 22px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 12px;
}

.latest__item__text a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	position: relative;
	padding-left: 40px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.latest__item__text a:after {
	position: absolute;
	left: 0;
	top: 8px;
	height: 1px;
	width: 30px;
	background: #dfa667;
	content: "";
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

/*---------------------
  Project
-----------------------*/

.project__item {
	margin-bottom: 50px;
	text-align: center;
}

.project__item img {
	min-width: 100%;
	margin-bottom: 26px;
}

.project__item h4 a {
	color: #111111;
	text-transform: uppercase;
}

/*---------------------
  Project Details
-----------------------*/

.project-details {
	padding-top: 120px;
	padding-bottom: 90px;
}

.project-details img {
	margin-bottom: 30px;
	min-width: 100%;
}

.project__sidebar__about {
	margin-bottom: 35px;
}

.project__sidebar__about h2 {
	color: #111111;
	line-height: 50px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.project__sidebar__about p {
	margin-bottom: 26px;
}

.project__sidebar__about p:last-child {
	margin-bottom: 0;
}

.product__details__widget__item {
	margin-bottom: 30px;
}

.product__details__widget__item span {
	color: #707070;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
}

.product__details__widget__item h4 {
	color: #111111;
	text-transform: uppercase;
}

.product__details__widget__item p {
	color: #111111;
	font-size: 24px;
	line-height: 36px;
}

/*---------------------
  Footer (UECC unified) — single source for all pages; edit only here.
-----------------------*/

.footer {
	background: linear-gradient(rgba(13,13,13,0.92), rgba(13,13,13,0.97));
	padding: 28px 0 14px;
	font-size: 13px;
	color: #fff;
	line-height: 1.7;
	position: relative;
	border-top: 2px solid var(--gold);
}

	.footer::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: linear-gradient(
			90deg,
			transparent 0%,
			rgba(201,168,76,0.3) 15%,
			var(--gold) 35%,
			var(--gold-light) 50%,
			var(--gold) 65%,
			rgba(201,168,76,0.3) 85%,
			transparent 100%
		);
	}

.footer__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.footer__logo {
	margin-bottom: 24px;
	align-self: flex-start;
}

	.footer__logo img {
		height: 46px;
		width: auto;
		filter: brightness(1.15);
	}

.footer__row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 20px;
	gap: 24px;
}

.footer__branches {
	display: flex;
	justify-content: flex-start;
	gap: 28px;
	margin-bottom: 0;
	text-align: left;
}

.footer .branch-item {
	flex: 0 1 auto;
	min-width: 160px;
}

.footer .country-label {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--gold);
	border-left: 2px solid var(--gold);
	padding-left: 6px;
	margin-bottom: 8px;
}

.footer .branch-address {
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255,255,255,0.88);
	margin-bottom: 6px;
	font-weight: 300;
}

.footer .branch-link {
	color: var(--gold-light);
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	transition: all 0.3s ease;
	border-bottom: 1px dotted var(--gold);
}

	.footer .branch-link:hover {
		color: var(--gold);
		transform: translateY(-2px);
	}

.footer .branch-divider {
	width: 1px;
	height: 56px;
	background: linear-gradient(to bottom, transparent, var(--gold), transparent);
	margin: auto 0;
}

.footer__pages {
	margin-bottom: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer__pages h6 {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 12px;
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
}

	.footer__pages h6::after {
		content: '';
		position: absolute;
		bottom: -5px;
		left: 50%;
		transform: translateX(-50%);
		width: 80px;
		height: 1px;
		background: var(--gold);
	}

.footer .pages-grid {
	display: grid;
	grid-template-columns: repeat(4, auto);
	gap: 6px 20px;
	justify-content: center;
	list-style: none;
	padding: 0;
}

.footer .pages-grid li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s ease;
	padding: 2px 0;
	display: inline-block;
	font-weight: 300;
}

	.footer .pages-grid li a:hover {
		color: var(--gold);
		transform: translateX(3px);
	}

.footer__social {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 24px;
	margin-bottom: 14px;
}

	.footer__social a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		border: 1px solid rgba(201,168,76,0.22);
		border-radius: 50%;
		color: #5a5a5a;
		font-size: 13px;
		text-decoration: none;
		transition: all 0.3s ease;
		background: rgba(201, 168, 76, 0.1);
	}

		.footer__social a:hover {
			background: var(--gold);
			border-color: var(--gold);
			color: #fff;
			transform: translateY(-2px);
		}

.copyright {
	padding: 22px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	border-top: 1px solid rgba(201,168,76,0.2);
	text-align: center;
	font-size: 10px;
	color: rgba(255,255,255,0.55);
	letter-spacing: 0.04em;
	width: 100%;
}

	.copyright p {
		font-size: 11.5px;
		color: #3e3e3e;
		margin: 0;
		font-weight: 300;
		letter-spacing: 0.04em;
	}

	.copyright span {
		color: var(--gold);
		font-size: 11px;
		font-style: italic;
		display: block;
		margin-top: 3px;
		font-family: var(--font-display);
		font-size: 13.5px;
		letter-spacing: 0.06em;
	}

@media (max-width: 768px) {
	.footer__row {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.footer__branches {
		flex-direction: column;
		gap: 16px;
		justify-content: center;
		text-align: center;
	}

	.footer .branch-divider {
		width: 60px;
		height: 1px;
		margin: 8px auto;
	}

	.footer__pages {
		text-align: center;
	}

	.footer .pages-grid {
		justify-content: center;
		grid-template-columns: repeat(2, auto);
	}

	.footer__logo {
		align-self: center;
	}
}

@media (max-width: 480px) {
	.footer .pages-grid {
		grid-template-columns: 1fr;
		text-align: center;
	}
}

/*---------------------
  Footer Profile Button
-----------------------*/

.footer__profile {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
	padding-top: 10px;
}

.footer__profile__btn {
	text-align: left;
	margin-top: 0;
}

.btn-company-profile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #dfa667, #c18948);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 30px;
	border-radius: 25px;
	text-decoration: none;
	transition: all 0.3s ease;
	font-size: 14px;
	box-shadow: 0 4px 15px rgba(223, 166, 103, 0.3);
	border: none;
	min-width: 160px;
	text-align: center;
}

	.btn-company-profile:hover {
		background: linear-gradient(135deg, #c18948, #a5733a);
		color: #fff;
		text-decoration: none;
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(223, 166, 103, 0.4);
	}

/* Responsive adjustments for footer profile */
@media (max-width: 991px) {
	.footer__profile {
		justify-content: center;
		margin-top: 30px;
	}

	.footer__profile__btn {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.footer__profile {
		margin-top: 20px;
	}

	.btn-company-profile {
		padding: 10px 25px;
		font-size: 13px;
		min-width: 140px;
	}
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 170px;
	padding-bottom: 120px;
}

.breadcrumb__text h2 {
	font-size: 42px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #ffffff;
	display: inline-block;
	position: relative;
	margin-right: 12px;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -13px;
	top: 1px;
	content: "~";
}

.breadcrumb__links span {
	font-size: 15px;
	color: #dfa667;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about {
	padding-top: 120px;
	padding-bottom: 48px;
	overflow: hidden;
}

.about-page {
	padding-top: 120px;
	padding-bottom: 90px;
}

.about__text {
	padding-top: 80px;
}

.about__text.about__page__text {
	padding-top: 0;
}

.about__text.about__page__text .section-title {
	margin-bottom: 12px;
}

.about__text .section-title {
	margin-bottom: 35px;
}

.about__para__text {
	margin-bottom: 70px;
}

.about__para__text p {
	margin-bottom: 26px;
	line-height: 1.75;
	text-align: justify;
}

.about__para__text p:last-child {
	margin-bottom: 0;
}

.about__pic {
	padding-left: 34px;
}

.about__pic__inner {
	position: relative;
	display: inline-block;
}

/*.about__pic__inner:after {
	position: absolute;
	left: 50px;
	top: 50px;
	height: 600px;
	width: 470px;
	border: 15px solid rgba(185, 175, 134, 0.2);
	content: "";
	z-index: -1;
}*/

.about__page__services__text {
	margin-bottom: 30px;
}

/*---------------------
  Services
-----------------------*/

.services {
	padding-top: 40px;
	padding-bottom: 90px;
}

.services.services-page {
	padding-bottom: 80px;
}

.services.services-page .services__item p {
	margin-bottom: 12px;
}

.services.services-page .services__item ul li {
	color: #111111;
	font-size: 15px;
	line-height: 36px;
	list-style: none;
}

.services__item {
	margin-bottom: 30px;
}

.services__item h4 {
	color: #111111;
	text-transform: uppercase;
	margin-top: 35px;
	margin-bottom: 22px;
}

.services__item p {
	margin-bottom: 0;
}

/*---------------------
  Counter
-----------------------*/

.counter {
	padding-bottom: 70px;
}

.counter .counter__content {
	border: none;
	padding-top: 0;
	margin-top: 0;
}

.counter .counter__item .counter__item__text h5 {
	color: #ffffff;
}

.counter__content {
	border-top: 1px solid rgba(183, 183, 183, 0.2);
	padding-top: 70px;
	margin-top: 40px;
	margin-left: 60px;
}

.counter__item {
	margin-bottom: 30px;
}

.counter__item__number {
	float: left;
	margin-right: 28px;
}

.counter__item__number h2 {
	color: #dfa667;
	font-size: 60px;
	line-height: 52px;
}

.counter__item__text {
	overflow: hidden;
}

.counter__item__text h5 {
	color: #111111;
	line-height: 24px;
	text-transform: uppercase;
}

/*---------------------
  Clients
-----------------------*/

.clients {
	padding-top: 120px;
	padding-bottom: 60px;
}

.clients img {
	margin-bottom: 60px;
}

/*---------------------
    Blog
-----------------------*/

.blog {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog__item__list .blog__item:first-child {
	border: none;
	margin-bottom: 0;
}

.blog__item__list .blog__item:last-child {
	margin-bottom: 0;
}

.blog__item {
	margin-bottom: 55px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 55px;
}

.blog__item img {
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}

.blog__item ul {
	margin-bottom: 18px;
}

.blog__item ul li {
	list-style: none;
	font-size: 14px;
	color: #b7b7b7;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 50px;
	position: relative;
	letter-spacing: 2px;
}

.blog__item ul li:after {
	position: absolute;
	right: -30px;
	top: -16px;
	content: ".";
	font-size: 15px;
	color: #b7b7b7;
	font-size: 25px;
}

.blog__item ul li:last-child {
	margin-right: 0;
}

.blog__item ul li:last-child:after {
	display: none;
}

.blog__item h2 {
	color: #111111;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	line-height: 48px;
	margin-bottom: 30px;
}

.blog__item img {
	min-width: 100%;
}

.blog__item__text {
	padding: 35px 50px 0;
}

.blog__item__text a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	position: relative;
	padding-left: 40px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.blog__item__text a:after {
	position: absolute;
	left: 0;
	top: 8px;
	height: 1px;
	width: 30px;
	background: #111111;
	content: "";
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.blog__item__quote {
	background: #dfa667;
	padding: 35px 50px;
	position: relative;
	margin-bottom: 55px;
}

.blog__item__quote:after {
	position: absolute;
	right: 50px;
	bottom: 26px;
	content: "“";
	font-family: "Aldrich", sans-serif;
	font-size: 120px;
	color: #ffffff;
	opacity: 0.5;
	line-height: 0px;
}

.blog__item__quote p {
	color: #ffffff;
	font-size: 20px;
	font-family: "Aldrich", sans-serif;
	line-height: 32px;
	text-transform: uppercase;
}

.blog__item__quote span {
	color: #ffffff;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 4px;
}

.blog__pagination {
	padding-top: 30px;
}

.blog__pagination a {
	font-size: 15px;
	color: #111111;
	font-weight: 600;
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 2px solid transparent;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 12px;
}

.blog__pagination a i {
	font-size: 15px;
	font-weight: 600;
}

.blog__pagination a:last-child {
	margin-right: 0;
}

.blog__pagination a:hover {
	border: 2px solid #dfa667;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar__about {
	text-align: center;
	margin-bottom: 60px;
}

.blog__sidebar__about .author__pic {
	height: 140px;
	width: 140px;
	border-radius: 50%;
}

.blog__sidebar__about p {
	color: #353535;
	margin-top: 22px;
	margin-bottom: 25px;
}

.blog__sidebar__search {
	margin-bottom: 55px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	border: none;
	background: transparent;
	border-bottom: 1px solid #b7b7b7;
	padding-bottom: 12px;
}

.blog__sidebar__search form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form input::-moz-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form input::placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form button {
	font-size: 15px;
	color: #b7b7b7;
	border: none;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
}

.blog__sidebar__categories {
	margin-bottom: 40px;
}

.blog__sidebar__categories h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.blog__sidebar__categories ul li {
	list-style: none;
	font-size: 15px;
	color: #b7b7b7;
	line-height: 42px;
}

.blog__sidebar__feature {
	margin-bottom: 55px;
}

.blog__sidebar__feature h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.blog__sidebar__feature__item {
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
}

.blog__sidebar__feature__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__feature__item__pic {
	float: left;
	margin-right: 20px;
}

.blog__sidebar__feature__item__text {
	overflow: hidden;
}

.blog__sidebar__feature__item__text span {
	font-size: 12px;
	color: #b7b7b7;
	font-weight: 600;
	letter-spacing: 2px;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.blog__sidebar__feature__item__text h6 {
	color: #111111;
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	line-height: 26px;
}

.blog__sidebar__tag {
	margin-bottom: 60px;
}

.blog__sidebar__tag h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.blog__sidebar__tag a {
	display: inline-block;
	font-size: 13px;
	color: #b7b7b7;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 12px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	position: relative;
	margin-bottom: 4px;
}

.blog__sidebar__tag a:after {
	position: absolute;
	right: -10px;
	top: 7px;
	height: 4px;
	width: 4px;
	background: #b7b7b7;
	border-radius: 50%;
	content: "";
}

.blog__sidebar__tag a:last-child:after {
	display: none;
}

.blog__sidebar__tag a:hover {
	color: #111111;
}

.blog__sidebar__social {
	margin-bottom: 55px;
}

.blog__sidebar__social h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.blog__sidebar__social a {
	display: inline-block;
	height: 34px;
	width: 34px;
	font-size: 18px;
	color: #707070;
	line-height: 34px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 46px;
	position: relative;
}

.blog__sidebar__social a:after {
	position: absolute;
	right: -40px;
	top: 15px;
	height: 1px;
	width: 30px;
	background: rgba(0, 0, 0, 0.2);
	content: "";
}

.blog__sidebar__social a:last-child {
	margin-right: 0;
}

.blog__sidebar__social a:last-child:after {
	display: none;
}

.blog__sidebar__social a:hover {
	color: #dfa667;
	border-color: #dfa667;
}

.blog__sidebar__newslatter h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.blog__sidebar__newslatter form {
	position: relative;
}

.blog__sidebar__newslatter form input {
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	border: none;
	background: transparent;
	border-bottom: 1px solid #b7b7b7;
	padding-bottom: 12px;
}

.blog__sidebar__newslatter form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form input::-moz-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form input::placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form button {
	font-size: 18px;
	color: #111111;
	border: none;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
}

/*---------------------
  Blog Details
-----------------------*/

.blog__details {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog__details__content .blog__item__quote {
	margin-bottom: 40px;
}

.blog__details__content .blog__item__quote p {
	text-transform: none;
	font-size: 24px;
	line-height: 36px;
}

.blog__details__title {
	margin-bottom: 32px;
}

.blog__details__title ul {
	margin-bottom: 18px;
}

.blog__details__title ul li {
	list-style: none;
	font-size: 14px;
	color: #b7b7b7;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 50px;
	position: relative;
	letter-spacing: 2px;
}

.blog__details__title ul li:after {
	position: absolute;
	right: -30px;
	top: -16px;
	content: ".";
	font-size: 15px;
	color: #b7b7b7;
	font-size: 25px;
}

.blog__details__title ul li:last-child {
	margin-right: 0;
}

.blog__details__title ul li:last-child:after {
	display: none;
}

.blog__details__title h2 {
	color: #111111;
	font-size: 48px;
	font-family: "Poppins", sans-serif;
	line-height: 60px;
	font-weight: 600;
	margin-bottom: 30px;
}

.blog__details__title img {
	margin-bottom: 32px;
	min-width: 100%;
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}

.blog__details__title p {
	font-size: 18px;
	color: #7d8184;
	line-height: 32px;
	margin-bottom: 0;
}

.blog__details__text {
	margin-bottom: 35px;
}

.blog__details__text p {
	font-size: 18px;
	color: #7d8184;
	line-height: 1.75;
	text-align: justify;
}

.blog__details__text p:last-child {
	margin-bottom: 0;
}

.blog__details__pic {
	margin-bottom: 35px;
}

.blog__details__pic img {
	min-width: 100%;
	margin-bottom: 30px;
}

.blog__details__widget {
	margin-bottom: 45px;
}

.blog__details__tags {
	margin-bottom: 20px;
}

.blog__details__tags span {
	font-size: 13px;
	color: #111111;
	margin-right: 6px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 13px;
	color: #b7b7b7;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 12px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	position: relative;
	margin-bottom: 4px;
}

.blog__details__tags a:after {
	position: absolute;
	right: -10px;
	top: 7px;
	height: 4px;
	width: 4px;
	background: #b7b7b7;
	border-radius: 50%;
	content: "";
}

.blog__details__tags a:last-child:after {
	display: none;
}

.blog__details__tags a:hover {
	color: #111111;
}

.blog__details__social {
	text-align: right;
	margin-bottom: 20px;
}

.blog__details__social a {
	display: inline-block;
	font-size: 18px;
	color: #353535;
	margin-right: 28px;
}

.blog__details__social a:last-child {
	margin-right: 0;
}

.blog__details__author {
	background: #f8f8f8;
	padding: 50px;
	overflow: hidden;
	margin-bottom: 40px;
}

.blog__details__author__pic {
	float: left;
	margin-right: 50px;
	height: 140px;
	width: 140px;
	border-radius: 50%;
}

.blog__details__author__text {
	overflow: hidden;
}

.blog__details__author__text h5 {
	color: #111111;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 12px;
}

.blog__details__author__text p {
	color: #7d8184;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 0;
}

.blog__details__btns {
	margin-bottom: 50px;
}

.blog__details__btns__item {
	margin-bottom: 25px;
	display: block;
	overflow: hidden;
}

.blog__details__btns__item.blog__details__btns__item--next .blog__details__btns__item__pic {
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.blog__details__btns__item.blog__details__btns__item--next .blog__details__btns__item__text {
	text-align: right;
}

.blog__details__btns__item__pic {
	float: left;
	margin-right: 30px;
}

.blog__details__btns__item__text {
	overflow: hidden;
	padding-top: 16px;
}

.blog__details__btns__item__text h6 {
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	color: #8d8d8d;
	margin-bottom: 6px;
}

.blog__details__btns__item__text h6 span {
	font-size: 20px;
	position: relative;
	top: 3px;
}

.blog__details__btns__item__text h5 {
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	color: #353535;
	font-weight: 600;
}

.blog__details__comment__form h4 {
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.blog__details__comment__form form input {
	font-size: 15px;
	color: #b7b7b7;
	width: 100%;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	margin-bottom: 30px;
}

.blog__details__comment__form form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form input::-moz-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form input::placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea {
	font-size: 15px;
	color: #b7b7b7;
	width: 100%;
	height: 130px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	padding-top: 12px;
	resize: none;
	margin-bottom: 24px;
}

.blog__details__comment__form form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea::placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form button {
	background: #111111;
}















/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 120px;
	padding-bottom: 120px;
}

.contact__text {
	margin-bottom: 50px;
}

.contact__text .section-title {
	margin-bottom: 12px;
}

.contact__text p {
	margin-bottom: 0;
}

.contact__widget__item {
	position: relative;
	margin-bottom: 30px;
}

.contact__widget__item.last__item:after {
	display: none;
}

/*.contact__widget__item:after {
	position: absolute;
	right: 50px;
	top: 0px;
	width: 1px;
	height: 50px;
	background: #e1e1e1;
	content: "";
}
*/
.contact__widget__item__icon {
	float: left;
	margin-right: 20px;
}

.contact__widget__item__text {
	overflow: hidden;
}

.contact__widget__item__text h5 {
	color: #dfa667;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.contact__widget__item__text span {
	color: #111111;
	display: block;
}

.map {
	height: 460px;
	margin-top: 40px;
	margin-bottom: 75px;
	-webkit-box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
	box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
}

.map iframe {
	width: 100%;
}

.contact__form__text {
	margin-bottom: 35px;
}

.contact__form__text .section-title {
	margin-bottom: 12px;
}

.contact__form__text p {
	margin-bottom: 0;
}

.contact__form form input {
	height: 50px;
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 30px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::placeholder {
	color: #b7b7b7;
}

.contact__form form textarea {
	height: 170px;
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	padding-top: 12px;
	border: 1px solid #e1e1e1;
	resize: none;
	margin-bottom: 24px;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::placeholder {
	color: #b7b7b7;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

@media only screen and (min-width: 1450px) {
	.container {
		max-width: 1170px;
	}
	.header {
		padding: 30px 130px 0;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__pic {
		padding-left: 0;
	}
	.about__pic__inner:after {
		left: 8px;
		top: 8px;
	}
	.header__menu ul li {
		flex: 1;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 15px;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.about__pic {
		padding-left: 0;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.hero__text .hero__social {
		right: 80px;
	}
	.slide-num {
		left: 70px;
	}
	.slider__progress {
		left: 106px;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #ffffff;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 34px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		pointer-events: none;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
		pointer-events: auto;
	}
	.offcanvas-menu-wrapper {
		display: block !important;
		position: fixed;
		left: -300px !important;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 50px 20px 30px 30px;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1 !important;
		left: 0 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__logo a {
		display: inline-block;
	}
	.slicknav_btn {
		display: none !important;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
		font-size: 15px;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
		
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}
	.offcanvas__widget h4 {
		font-size: 22px;
		color: #dfa667;
	}
	.header__menu {
		display: none !important;
	}
	.header__widget {
		display: none;
	}
	/* Hide source mobile menu so only offcanvas shows (no duplicate menu) */
	nav.mobile-menu {
		display: none !important;
	}
}

/* Ensure single menu on phone: pill nav hidden everywhere below 992px */
@media (max-width: 991px) {
	.header .header__menu {
		display: none !important;
	}
	nav.mobile-menu {
		display: none !important;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.hero__text h2 {
		font-size: 34px;
		line-height: 45px;
	}
	.hero__items {
		height: 710px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}
	.about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.about__pic {
		padding-left: 0;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #ffffff;
		height: 35px;
		width: 35px;
		line-height: 10px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 5px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		pointer-events: none;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
		pointer-events: auto;
	}
	.offcanvas-menu-wrapper {
		display: block !important;
		position: fixed;
		left: -300px !important;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 50px 20px 30px 30px;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1 !important;
		left: 0 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__logo a {
		display: inline-block;
	}
	.slicknav_btn {
		display: none !important;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
		font-size: 14px;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
		font-size: 14px;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}
	.offcanvas__widget h4 {
		font-size: 22px;
		color: #dfa667;
	}
	.header__menu {
		display: none;
	}
	.header__widget {
		display: none;
	}
	.about__pic__inner {
		display: block;
	}
	.about__pic__inner img {
		min-width: 100%;
	}
	.about__pic__inner:after {
		left: 0;
		width: 100%;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.hero__text h2 {
		font-size: 46px;
		line-height: 58px;
	}
	.hero__text .hero__social {
		right: 0;
		left: 0;
		margin: 0 auto;
		bottom: 100px;
	}
	.slide-num {
		bottom: 25px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.slider__progress {
		left: 0;
		bottom: 35px;
		right: 0;
		margin: 0 auto;
	}
	.hero__text .more_btn {
		bottom: 62px;
	}
	.footer__top__text {
		margin-bottom: 35px;
	}
	.copyright__text {
		text-align: center;
		margin-bottom: 20px;
	}
	.copyright__widget {
		text-align: center;
	}
	.project__sidebar {
		padding-top: 20px;
	}
	.blog__details__tags {
		text-align: center;
	}
	.blog__details__social {
		text-align: center;
	}
	.blog__details__author__pic {
		float: none;
		margin-right: 0;
	}
	.blog__details__author__text {
		padding-top: 40px;
	}
	.project {
		padding: 0;
	}
	.about__para__text {
		margin-bottom: 35px;
	}
	.clients {
		padding-bottom: 90px;
	}
	.clients a {
		margin-bottom: 30px;
	}
	.testimonial__carousel.owl-carousel .owl-nav button {
		left: 0;
	}
	.testimonial__carousel.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
}

@media only screen and (max-width: 575px) {
	.team__btn {
		margin-bottom: 40px;
		text-align: left;
	}
	.latest__btn {
		margin-bottom: 40px;
		text-align: left;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.section-title h2 {
		font-size: 28px;
		line-height: 1;
	}
	.hero__text h2 {
		font-size: 28px;
		line-height: 42px;
	}
	.hero__items {
		height: 560px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}
	.testimonial__item p {
		font-size: 16px;
		line-height: normal;
	}
	.about__pic__inner:after {
		display: none;
	}
	.callto__text h2 {
		font-size: 30px;
		line-height: 46px;
	}
	.project__slider.owl-carousel .owl-nav button {
		left: 15px;
	}
	.project__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
	.project {
		padding: 0;
	}
	.breadcrumb__text h2 {
		font-size: 32px;
	}
	.testimonial__carousel {
		padding: 60px 45px 65px;
	}
	.slick-active.slick-center .testimonial__client__pic img,
	.slick-active.slick-center .testimonial__client__pic {
		width: 110px;
		height: 110px;
		opacity: 1;
	}
	.testimonial__client__item .testimonial__client__pic {
		width: 110px;
		height: 110px;
		opacity: 0;
	}
	.testimonial__carousel:after {
		left: calc(50% - 70px);
		bottom: -80px;
		width: 140px;
		height: 140px;
	}
	.testimonial__carousel button.slick-arrow {
		left: 10px;
		height: 40px;
		width: 40px;
	}
	.testimonial__carousel button.slick-arrow.slick-next {
		left: auto;
		right: 10px;
	}
	.testimonial__client .slick-slide {
		padding-top: 30px;
	}
	.about .section-title h2 {
		font-size: 28px;
		line-height: 45px;
	}
	.footer__top__text h2 {
		font-size: 32px;
	}
}






/* === CAROUSEL SIZE FIXES === */

/* Make modal smaller and centered */
#projectCarouselModal .modal-dialog {
	max-width: 600px;
	width: 90%;
	margin: 1.75rem auto;
}

/* Remove default modal content styling */
#projectCarouselModal .modal-content {
	border: none;
	border-radius: 8px;
	overflow: hidden;
}

/* Restrict carousel image height - fits on screen without scrolling */
.carousel-img {
	height: 400px;
	width: 100%;
	object-fit: contain;
	background-color: #b5b5b5;
}

/* Ensure carousel inner container doesn't cause overflow */
.carousel-inner {
	border-radius: 8px;
}

/* Style carousel captions - all text white */
.carousel-caption {
	background: rgba(255, 255, 255, 0.15);
	padding: 15px;
	border-radius: 6px;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	right: auto;
	width: 80%;
}

	.carousel-caption h5,
	.carousel-caption p {
		color: #ffffff !important;
		margin: 0;
		text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	}

	.carousel-caption h5 {
		font-size: 1.3rem;
		font-weight: 600;
		margin-bottom: 5px;
	}

	.carousel-caption p {
		font-size: 0.95rem;
		opacity: 0.95;
	}

/* Style carousel controls */
.carousel-control-prev,
.carousel-control-next {
	width: 50px;
	opacity: 0.8;
}

	.carousel-control-prev:hover,
	.carousel-control-next:hover {
		opacity: 1;
	}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	padding: 20px;
}

/* Remove any extra padding */
.modal-body {
	padding: 0 !important;
}

/* Close button styling (X in top right) */
.modal-content .close {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1000;
	color: white;
	opacity: 0.8;
	font-size: 2rem;
	font-weight: 300;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

	.modal-content .close:hover {
		opacity: 1;
		color: #f0c94d;
	}

/* Responsive adjustments */
@media (max-width: 768px) {
	.carousel-img {
		height: 300px;
	}

	#projectCarouselModal .modal-dialog {
		max-width: 95%;
		margin: 0.5rem auto;
	}

	.carousel-caption {
		width: 90%;
		padding: 10px;
	}

		.carousel-caption h5 {
			font-size: 1.1rem;
		}

		.carousel-caption p {
			font-size: 0.85rem;
		}
}

.btn-company-profile {
	display: inline-block;
	background-color: #dfa667;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 30px;
	border-radius: 30px;
	text-decoration: none;
	transition: all 0.3s ease;
}

	.btn-company-profile:hover {
		background-color: #c38d4f;
		text-decoration: none;
		color: #fff;
	}


/* ===== RESPONSIVE FIXES - PREVENT HORIZONTAL SCROLLING ===== */
/*html, body {
	overflow-x: hidden;
	max-width: 100%;
	position: relative;
	width: 100%;
}*/

/*.container, .container-fluid, .row {
	max-width: 100%;
	overflow-x: hidden;
}*/

/* Fix all sections from overflowing */
/*section {
	max-width: 100%;
	overflow-x: hidden;
}*/

/* Fix animation elements */
.slide-in-left, .slide-in-right {
	max-width: 100%;
	box-sizing: border-box;
}

/* Fix board member sections */
.board-member {
	max-width: 100%;
	overflow: hidden;
}

/* Fix image containers */
.image-container, .image-frame {
	max-width: 100%;
}

/* Fix carousel/slider items */
.project__slider__item, .hero__items {
	max-width: 100%;
}

/* Fix counter animation positioning */
.counter__content {
	max-width: 100%;
	overflow: hidden;
}

/* Mobile-specific fixes */
@media (max-width: 768px) {
	.board-content {
		padding: 15px !important;
		text-align: center;
	}
	.board-content p {
		text-align: justify;
	}

	.image-frame {
		width: 100% !important;
		max-width: 280px;
		height: auto;
		aspect-ratio: 3/4;
		margin: 0 auto;
	}

	.board-image {
		padding: 10px !important;
		margin-bottom: 30px;
	}

	/* Ensure animations don't cause overflow on mobile */
	.slide-in-left, .slide-in-right {
		transform: translateY(30px) !important;
	}

	.board-member.animated .slide-in-left,
	.board-member.animated .slide-in-right {
		transform: translateY(0) !important;
	}

	/* Fix counter animation for mobile */
	.counter__content {
		transform: none !important;
		margin-left: 0 !important;
	}

		.counter__content.active {
			transform: none !important;
		}
}

/* ===== BOARD LAYOUT FIXES - IMAGE BEFORE TEXT ===== */
@media (min-width: 992px) {
	/* For desktop: Make even-numbered board members show image first */
	.board-member:nth-child(even) .row {
		flex-direction: row-reverse;
	}
}

@media (max-width: 991px) {
	/* For mobile: Always show image first */
	.board-member .row {
		flex-direction: column-reverse;
	}

	.board-image {
		order: -1;
		margin-bottom: 30px;
	}

	.board-content {
		order: 1;
	}
}

/* ===== BOARD SPECIFIC STYLES ===== */
.board-section {
	padding: 100px 0;
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

.board-member {
	margin-bottom: 120px;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.8s ease;
	max-width: 100%;
	overflow: hidden;
}

	.board-member.animated {
		opacity: 1;
		transform: translateY(0);
	}

.board-content {
	padding: 40px;
	position: relative;
	z-index: 2;
}

.slide-in-left {
	opacity: 0;
	transform: translateX(-100px);
	transition: all 0.8s ease;
}

.slide-in-right {
	opacity: 0;
	transform: translateX(100px);
	transition: all 0.8s ease;
}

.board-member.animated .slide-in-left,
.board-member.animated .slide-in-right {
	opacity: 1;
	transform: translateX(0);
}

.board-content h2 {
	font-family: 'Aldrich', sans-serif;
	font-size: 2.5rem;
	color: #333;
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.board-content h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 1.3rem;
	color: #d4af37;
	margin-bottom: 1.5rem;
	font-weight: 500;
}

.board-divider {
	width: 80px;
	height: 3px;
	background: linear-gradient(90deg, #d4af37, #b8941f);
	margin: 2rem 0;
	border-radius: 2px;
}

.board-content p {
	font-size: 1.1rem;
	line-height: 1.75;
	color: #666;
	margin-bottom: 2rem;
	text-align: justify;
}

/* Shared content paragraph alignment (justified for neat aligned lines) */
.branch-content p,
.about-text p {
	text-align: justify;
	line-height: 1.75;
}

/* Updated Board Image Styles - Smaller with Frame */
.board-image {
	position: relative;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image-frame {
	width: 400px;
	height: 450px;
	border: 15px solid white;
	border-radius: 10px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	transition: all 0.6s ease;
}

.board-member:hover .image-frame {
	transform: translateY(-10px) scale(1.02);
	box-shadow: 0 25px 60px rgba(0,0,0,0.2);
}

.image-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 5px;
}

.board-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.board-member:hover .board-image img {
	transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 1200px) {
	.image-frame {
		width: 350px;
		height: 400px;
	}
}

@media (max-width: 992px) {
	.board-content h2 {
		font-size: 2rem;
	}

	.board-content h3 {
		font-size: 1.1rem;
	}

	.image-frame {
		width: 300px;
		height: 350px;
	}
}

@media (max-width: 576px) {
	.board-content h2 {
		font-size: 1.5rem;
	}

	.board-content p {
		font-size: 1rem;
	}

	.image-frame {
		width: 250px;
		height: 280px;
		border-width: 8px;
	}
}

.header__menu {
	position: fixed; /* stays floating over content */
	top: 10px; /* distance from top */
	left: 65%; /* center horizontally */
	transform: translateX(-50%);
	z-index: 1000;
	background: #111111;
	border-radius: 30px;
	/*padding: 12px 35px;*/
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(8px);
	transition: all 0.4s ease-in-out;
}

	/* Menu List */
	.header__menu ul {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 40px; /* space between menu items */
	}

		/* Menu Links */
		.header__menu ul li a {
			font-size: 18px; /* bigger, readable font */
			color: #ffffff;
			display: block;
			font-weight: 600;
			padding: 10px 0;
			text-transform: uppercase;
			position: relative;
			letter-spacing: 0.5px;
			transition: all 0.3s ease;
		}

			/* Animated underline effect */
			.header__menu ul li a::after {
				content: "";
				position: absolute;
				left: 56%;
				bottom: -3px;
				width: 0%;
				height: 3px;
				background: linear-gradient(90deg, #dfa667, #dfa667);
				border-radius: 10px;
				transform: translateX(-50%);
				transition: all 0.4s ease;
			}

			/* Hover effects */
			.header__menu ul li a:hover {
				color: #dfa667;
				transform: scale(1.08);
			}

				.header__menu ul li a:hover::after {
					width: 100%;
				}

	/* Slight darkening when scrolling (optional) */
	.header__menu.scrolled {
		background: rgba(0, 0, 0, 0.95);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
		transform: translateX(-50%) scale(1.02);
	}




/* ===== SCROLL ANIMATION OVERLAY ===== */
.scroll-animation-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(223, 166, 103, 0.03) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(223, 166, 103, 0.03) 100%);
	pointer-events: none;
	z-index: 9998;
	opacity: 0;
	transition: opacity 0.5s ease;
}

	.scroll-animation-overlay.active {
		opacity: 1;
	}

/* Enhanced Blog Cards */
.blog-card {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	height: 100%;
	position: relative;
}

	.blog-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 20px 50px rgba(0,0,0,0.15);
	}

.blog-card-image {
	position: relative;
	overflow: hidden;
	height: 250px;
}

	.blog-card-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s ease;
	}

.blog-card:hover .blog-card-image img {
	transform: scale(1.1);
}

.blog-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog-card:hover .blog-card-overlay {
	opacity: 1;
}

.btn-view-image {
	background: rgba(223, 166, 103, 0.9);
	border: none;
	color: white;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	transform: scale(0.8);
}

.blog-card:hover .btn-view-image {
	transform: scale(1);
}

.btn-view-image:hover {
	background: #dfa667;
	transform: scale(1.1);
}

.blog-card-category {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

	.blog-card-category.company {
		background: #dfa667;
		color: white;
	}

	.blog-card-category.industry {
		background: #2c3e50;
		color: white;
	}

.blog-card-content {
	padding: 25px;
}

.blog-card-meta {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	font-size: 12px;
	color: #666;
}

.blog-card-title {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 15px;
	color: #2c3e50;
	line-height: 1.4;
}

.blog-card-excerpt {
	color: #666;
	line-height: 1.6;
	margin-bottom: 20px;
}

.blog-card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.read-more {
	color: #dfa667;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

	.read-more:hover {
		color: #b8941f;
		transform: translateX(5px);
	}

.blog-card-stats {
	display: flex;
	gap: 15px;
	font-size: 12px;
	color: #999;
}

/* Blog Categories Filter */
.blog-categories {
	margin-bottom: 40px;
}

.categories-filter {
	display: inline-flex;
	background: #f8f9fa;
	padding: 5px;
	border-radius: 50px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.btn-category {
	border: none;
	padding: 12px 25px;
	border-radius: 25px;
	background: transparent;
	color: #666;
	font-weight: 600;
	transition: all 0.3s ease;
}

	.btn-category.active {
		background: #dfa667;
		color: white;
		box-shadow: 0 5px 15px rgba(223, 166, 103, 0.3);
	}

/* Experience Badge in Hero */
.experience-badge {
	display: inline-flex;
	align-items: center;
	background: rgba(223, 166, 103, 0.9);
	padding: 10px 20px;
	border-radius: 50px;
	margin-bottom: 20px;
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(223, 166, 103, 0.3);
}

.badge-years {
	font-size: 2rem;
	font-weight: 700;
	margin-right: 10px;
	color: white;
}

.badge-text {
	font-size: 0.9rem;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.hero-subtitle {
	font-size: 1.2rem;
	color: rgba(255,255,255,0.9);
	margin-bottom: 30px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

	.hero-subtitle strong {
		color: #dfa667;
		font-weight: 700;
	}

/* Blog Page Specific Styles */
.blog-page {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog-categories-filter {
	margin-bottom: 50px;
}

.categories-nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.category-btn {
	border: 2px solid #dfa667;
	background: transparent;
	color: #dfa667;
	padding: 12px 25px;
	border-radius: 25px;
	font-weight: 600;
	transition: all 0.3s ease;
}

	.category-btn.active {
		background: #dfa667;
		color: white;
		box-shadow: 0 5px 15px rgba(223, 166, 103, 0.3);
	}

	.category-btn:hover:not(.active) {
		background: rgba(223, 166, 103, 0.1);
	}

.blog-post-card {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
}

	.blog-post-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	}

.blog-post-image {
	position: relative;
	height: 400px;
	overflow: hidden;
}

	.blog-post-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog-post-card:hover .image-overlay {
	opacity: 1;
}

.btn-expand-image {
	background: rgba(223, 166, 103, 0.9);
	border: none;
	color: white;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	transition: all 0.3s ease;
	transform: scale(0.8);
}

.blog-post-card:hover .btn-expand-image {
	transform: scale(1);
}

.post-category {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 8px 20px;
	border-radius: 25px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
}

	.post-category.company {
		background: #dfa667;
	}

	.post-category.industry {
		background: #2c3e50;
	}

	.post-category.career {
		background: #27ae60;
	}

	.post-category.projects {
		background: #e74c3c;
	}

.blog-post-content {
	padding: 40px;
}

.post-meta {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
}

.post-title {
	font-size: 2rem;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 20px;
	line-height: 1.3;
}

.post-excerpt {
	color: #666;
	line-height: 1.8;
	margin-bottom: 30px;
}

.post-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.read-more-btn {
	color: #dfa667;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

	.read-more-btn:hover {
		color: #b8941f;
		transform: translateX(5px);
	}

.post-stats {
	display: flex;
	gap: 20px;
	font-size: 14px;
	color: #999;
}

/* Blog Sidebar */
.blog-sidebar {
	position: sticky;
	top: 100px;
}

.sidebar-widget {
	background: #fff;
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 30px;
}

.widget-title h5 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #dfa667;
}

/* Responsive Design */
@media (max-width: 768px) {
	.header__menu ul li {
		margin-right: 15px !important;
	}

		.header__menu ul li a {
			font-size: 16px !important;
			padding: 8px 15px !important;
		}

	.categories-nav {
		flex-direction: column;
		align-items: center;
	}

	.category-btn {
		width: 200px;
		text-align: center;
	}

	.blog-post-image {
		height: 250px;
	}

	.post-title {
		font-size: 1.5rem;
	}

	.post-meta {
		flex-direction: column;
		gap: 10px;
	}

	.post-footer {
		flex-direction: column;
		gap: 15px;
		align-items: flex-start;
	}

	.experience-badge {
		flex-direction: column;
		text-align: center;
	}

	.badge-years {
		font-size: 1.5rem;
	}
}

















/* ===== FOOTER COMPANY PROFILE BUTTON ===== */
.footer__profile__btn {
	margin-top: 25px;
	text-align: left;
}

.btn-company-profile {
	display: inline-flex;
	align-items: center;
	background: linear-gradient(135deg, #dfa667, #c18948);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 25px;
	border-radius: 25px;
	text-decoration: none;
	transition: all 0.3s ease;
	font-size: 14px;
	box-shadow: 0 4px 15px rgb(255 152 0 / 0%);
	border: none;
}

	.btn-company-profile:hover {
		background: linear-gradient(135deg, #c18948, #a5733a);
		color: #fff;
		text-decoration: none;
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(223, 166, 103, 0.4);
	}

/* ===== ENHANCED BLOG IMAGE MODAL ===== */
#imageModal .modal-content {
	background: transparent;
	border: none;
	box-shadow: none;
}

#imageModal .modal-dialog {
	max-width: 90%;
	margin: 20px auto;
}

#imageModal .btn-close {
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.8;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}

	#imageModal .btn-close:hover {
		opacity: 1;
		transform: scale(1.1);
		background: rgba(0, 0, 0, 0.9);
	}

/* Click outside to close overlay */
#imageModal .modal-content::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: -1;
}

/* Make modal backdrop clickable */
.modal-backdrop {
	background: rgba(0, 0, 0, 0.9);
}

	.modal-backdrop.show {
		opacity: 1;
	}

/* Blog image click functionality */
.blog-image {
	cursor: pointer;
	transition: transform 0.3s ease;
}

	.blog-image:hover {
		transform: scale(1.02);
	}

.blog-card-image {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}


/* Footer Branches Styles (non-footer .branch helper only) */
.branch {
	color: #ffffff !important;
	margin-bottom: 15px;
	line-height: 1.6;
}

	.branch strong {
		color: #ffffff !important;
		display: block;
		margin-bottom: 5px;
	}

	.branch:last-child {
		margin-bottom: 0;
	}


/* Quick fix for white links */
/*a,
a:link,
a:visited,
a:hover,
a:active {
	color: rgba(0, 0, 0, 0.7) !important;
	text-decoration: none !important;
}

	a:hover {
		color: #dfa667 !important;
		opacity: 0.8;
	}*/