/******************************************************************
  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;
}

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: 18px;
}

h6 {
	font-size: 16px;
}

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

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;
}

/*---------------------
  Helper CSS
-----------------------*/

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

.section-title span {
	color: #dfa667;
	font-size: 16px;
	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;
}

/* ----------------------------------- */
/* Common background setup */
/* Common background setup */
.set-bg {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

/* Glassy black overlay for canv3 and canv6 */
.set-bg[data-setbg*="canv3.jpg"]::before,
.set-bg[data-setbg*="canv2.jpg"]::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	/* semi-transparent black */
	backdrop-filter: blur(2px);
	/* subtle glass blur effect */
	z-index: 1;
}

/* .set-bg[data-setbg*="canv3.jpg"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); 
  backdrop-filter: blur(3px);      
  z-index: 1;
} */
/* Keep hero text above the overlay */
.hero__text {
	position: relative;
	z-index: 2;
}

.set-bg::before {
	transition: background 0.4s ease, backdrop-filter 0.4s ease;
}

/* ------------------------------------------ */
.spad {
	padding-top: 60px;
	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
-----------------------*/

.header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	padding: 30px 0 0;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-in-out;
	overflow: visible !important;
}

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

.header .row {
	display: flex;
	align-items: center;
}

/* ----------------------------------------- */
.header__logo {
	display: flex;
	align-items: center;
	gap: 10px;
	background: rgba(255, 255, 255, 0.08);
	/* light glassy layer behind logo */
	backdrop-filter: blur(8px);
	padding: 10px 16px;
	border-radius: 12px;
	transition: all 0.4s ease-in-out;
}

/* Add subtle hover animation */
.header__logo:hover {
	transform: scale(1.05);
	box-shadow: 0 0 18px rgba(255, 255, 255, 0.2);
}

/* Logo image styling */
.header__logo img {
	width: 100px;
	height: 75px;
	border-radius: 10px;
	/* background: #e6e6e6;  */
	padding: 6px;
	/* adds breathing space */
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
	transition: all 0.4s ease-in-out;
}

/* Logo text styling */
.logo-text {
	font-size: 16px;
	font-weight: 600;
	color: #dfa667;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
}

/* Responsive tweak */
@media (max-width: 768px) {
	.header__logo {
		justify-content: center;
		flex-direction: column;
		gap: 6px;
		padding: 10px;
	}

	.header__logo img {
		width: 65px;
		height: 65px;
	}

	.logo-text {
		font-size: 16px;
	}
}

.contact .map iframe {
	border-radius: 8px;
	min-height: 460px;
}

.contact__form input,
.contact__form textarea {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 12px;
}

.contact__form button.site-btn {
	margin-top: 15px;
	padding: 10px 25px;
}

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

.header__menu {
	height: 100%;
	display: flex;
	/* justify-content: center; */
	align-items: 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 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

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

.header__menu ul {
	display: flex;
	align-items: center;
	gap: 40px;
}

.header .col-lg-6 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.header__menu ul li .dropdown {
	/*290*/
	position: absolute;
	left: 0;
	top: 38px;
	width: 300px;
	padding: 15px 0;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.45);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);

	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	z-index: 9999;

	display: flex;
	flex-direction: column;
	gap: 0;
}

/* ========================================== */
/* Base styling for items with enough space for larger icons */
.header__menu ul li .dropdown li a {
	position: relative;
	padding-left: 95px !important;
	line-height: 40px;
	/* keeps items aligned nicely */
}

/* Icon style */
.header__menu ul li .dropdown li a::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	width: 60px;
	/* bigger icon */
	height: 60px;
	/* bigger icon */
	transform: translateY(-50%);
	background-size: cover;
	background-repeat: no-repeat;

	border: 1px solid #ccc;
	border-radius: 6px;
	background-position: center;
}

/* ----- Individual Icons ----- */
.icon-project::before {
	background-image: url('/img/upcoming1.jpg');
}

.icon-about::before {
	background-image: url('/img/ongoing.jpg');
}

.icon-service::before {
	background-image: url('/img/completed.jpg');
}

/* .icon-blog::before {
    background-image: url('/img/canv3.jpg');
} */

/* Normal li width */
.header__menu ul li .dropdown li {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

/* ================================= */
.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	padding: 8px 18px;
	display: block;
	text-transform: capitalize;
}

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

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

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

.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: left;
	margin-left: 90px;
	color: #dfa667;
	font-weight: 500;
}

.header__widget span {
	font-size: 14px;
	font-family: "Aldrich", sans-serif;
	color: #b7b7b7;
	display: block;
	/* ensures text is on its own line */
	margin-bottom: 10px;
}

.social-links {
	display: inline-flex;
	/* keeps icons in a single line below text */
	justify-content: flex-end;
	gap: 18px;
}

.social-links a {
	color: #dfa667;
	font-size: 18px;
	transition: all 0.3s ease;
}

.social-links a:hover {
	color: #fff;
	transform: scale(1.2);
}

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

.canvas__open {
	display: none;
}


/* ------for scroll down--------- */
.header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	/* background: rgba(244, 137, 137, 0.5);  */
	background: rgba(0, 0, 0, 0.6);
	padding: 20px 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease-in-out;
}

/*---------------------
  Hero
-----------------------*/

.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: #ffffff;
	font-size: 50px;
	font-family: "Cinzel", serif;
	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 h4 {
	color: #ffffff;
	font-size: 50px;
	line-height: 50px;
	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;
}

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

.project {
	padding: 0 10px;
}

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

.project__slider__item:hover .project__slider__item__hover {
	bottom: 30px;
}

.project__slider__item:hover .project__slider__item__hover span {
	left: 0;
}

.project__slider__item:hover .project__slider__item__hover h5 {
	right: 0;
}

.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;
	background: #ffffff;
	position: absolute;
	left: 25px;
	bottom: -500px;
	width: calc(100% - 50px);
	padding: 25px 15px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	overflow: hidden;
}

.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: 30px;
	-webkit-transition: all, 1s;
	-o-transition: all, 1s;
	transition: all, 1s;
}

.project__slider__item__hover h5 {
	color: #111111;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	right: 30px;
	-webkit-transition: all, 1s;
	-o-transition: all, 1s;
	transition: all, 1s;
}

/*---------------------
  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: #dfa667;
	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;
}
.review-card {
    border: 1px solid #000;   /* Black thin border */
}

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


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

.team__btn {
	text-align: right;
}

.team__item {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden !important;
	/* remove aspect-ratio */
}

/* Create the ratio: height = (4/3) * width -> padding-top = 133.333% */
.team__item::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: calc(100% * 4 / 3);
	/* 133.333% = 4/3 */
}

/* Put the real content absolutely over the pseudo-element */
.team__item>.team__text,
.team__item>* {
	position: absolute;
	inset: 0;
	/* top:0; right:0; bottom:0; left:0 */
}

.team__item::after {
	content: "";
	position: absolute;
	inset: 0;
	/* shorthand for top:0; left:0; right:0; bottom:0 */
	background: rgba(255, 255, 255, 0.45);
	opacity: 0;
	transition: opacity 0.5s ease-out;
	z-index: 2;
	/* must be ABOVE image but BELOW text */
	pointer-events: none;
}

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

.team__item:hover .team__text h5,
.team__item:hover .team__text span,
.team__item:hover .team__text p {
	color: #000 !important;
	font-weight: 700;
	z-index: 3;
	position: relative;
}

.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;
	-o-transition: all, 0.7s, ease-out;
	transition: all, 0.7s, ease-out;
	backdrop-filter: blur(10px);
	/* Blur effect */
	background: rgba(255, 255, 255, 0.25);
	/* Frosted glass effect */
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.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: #000;
}

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

.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;
	-o-transition: all, 0.7s, ease-out;
	transition: all, 0.7s, ease-out;
}

.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;
}

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

/* ----------------------------------------------------*/
/* Presence */
/* Presence Section */
.presence {
	padding-top: 100px;
	padding-bottom: 80px;
}

/* India Map */
.presence__map img.india-map {
	width: 100%;
	max-width: 450px;
	border-radius: 12px;
	object-fit: cover;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Branch Cards */
.presence__item {
	height: 250px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}

/* Overlay */
.presence__item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(223, 166, 103, 0.5);
	opacity: 0;
	transition: all 0.5s ease;
	z-index: 1;
}

/* Hover Effects */
.presence__item:hover::after {
	opacity: 1;
	transform: scale(1.02);
}

.presence__text {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px;
	color: #fff;
	z-index: 2;
	transition: all 0.5s ease;
	background: rgba(0, 0, 0, 0.35);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.presence__text .presence__title {
	transition: all 0.4s ease;
}

/* Hidden description initially */
.presence__item:hover .presence__text p {
	opacity: 1;
	visibility: visible;
}

/* Responsive */
@media (max-width: 991px) {
	.presence__map {
		margin-bottom: 30px;
	}

	.presence__item {
		height: 220px;
	}

	.header__menu ul {
		gap: 20px;
	}

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

/* ----------------------------------- */
/* ---------------------------------- */
/* === Flip Card Section (Presence Cards with Lottie) === */
/* ---------------------------------- */

/* === Base Card === */
.flip-card {
	position: relative;
	width: 100%;
	height: 260px;
	cursor: pointer;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.flip-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

/* Subtle shine effect */
.flip-card::before {
	content: "";
	position: absolute;
	top: -100%;
	left: -100%;
	width: 200%;
	height: 200%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.15), transparent);
	transform: rotate(25deg);
	transition: all 0.8s ease;
	opacity: 0;
}

.flip-card:hover::before {
	top: -50%;
	left: -50%;
	opacity: 1;
}

/* === Lottie iframe === */
.lottie-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* === Branch Title (below Lottie animation) === */
.flip-card-title {
	font-size: 1.1rem;
	font-weight: 600;
	color: #333;
	margin-top: 10px;
	letter-spacing: 0.5px;
	text-align: center;
	background: #fff;
	padding: 8px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* === Enhanced View Details Overlay === */
.click-indicator {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	font-family: "Poppins", sans-serif;
	opacity: 0;
	transition: all 0.4s ease;
	z-index: 3;
	backdrop-filter: blur(4px);
}

.flip-card:hover .click-indicator {
	opacity: 1;
	background: rgba(0, 0, 0, 0.6);
	transform: scale(1.02);
}

/* Icon styling */
.click-indicator i {
	font-size: 28px;
	margin-bottom: 8px;
	color: #dfa667;
	transition: transform 0.3s ease;
}

.flip-card:hover .click-indicator i {
	transform: translateY(-4px) rotate(10deg);
	animation: pulse-glow 1.5s infinite;
}

/* Text styling */
.click-indicator span {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	background: linear-gradient(90deg, #dfa667, #f2c98f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Pulse glow effect */
@keyframes pulse-glow {
	0% {
		text-shadow: 0 0 6px #dfa667;
	}

	50% {
		text-shadow: 0 0 16px #dfa667;
	}

	100% {
		text-shadow: 0 0 6px #dfa667;
	}
}

/* ---------------------------------- */
/* === Modal Styling === */
/* ---------------------------------- */

.custom-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	inset: 0;
	background: rgba(0, 0, 0, 0.75);
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.custom-modal-content {
	background: #fff;
	border-radius: 12px;
	max-width: 700px;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
	animation: modalFade 0.3s ease;
}

@keyframes modalFade {
	from {
		transform: scale(0.9);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

.modal-body {
	display: flex;
	flex-wrap: wrap;
}

.modal-image img {
	width: 100%;
	max-width: 300px;
	height: auto;
	border-radius: 12px 0 0 12px;
}

.modal-text {
	flex: 1;
	padding: 20px;
	text-align: left;
}

.modal-text h5 {
	font-weight: 600;
	margin-bottom: 5px;
}

.modal-text span {
	display: block;
	color: #dfa667;
	margin-bottom: 10px;
}

.modal-text p {
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}

.view-map-btn {
	display: inline-block;
	background: #dfa667;
	color: #fff;
	padding: 6px 14px;
	border-radius: 6px;
	font-size: 13px;
	text-decoration: none;
	transition: background 0.3s ease;
}

.view-map-btn:hover {
	background: #c98b4e;
}

/* Close button */
.close-btn {
	position: absolute;
	top: 12px;
	right: 18px;
	font-size: 26px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
}

/* ---------------------------------- */
/* === Responsive Layout === */
/* ---------------------------------- */

/* Make first row 3 equal cards, second row 4 smaller balanced cards */
@media (min-width: 992px) {
	.presence .row>.col-md-4 {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}

	.presence .row>.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

/* Center second row visually */
.presence .row {
	justify-content: center;
}

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

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

.callto__text span {
	font-size: 16px;
	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;
}

/* ------------------------------------------- */
/* === Full Glassy Black Blur Effect for About Section === */
.aboutback.set-bg {
	position: relative;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	/* Parallax feel on desktop */
	overflow: hidden;
	padding: 120px 0;
	/* top/bottom spacing */
}

/* Dark glassy blur overlay */
.aboutback.set-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	/* dark tint */
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	z-index: 1;
}

/* Content stays above overlay */
.aboutback .container,
.aboutback .callto__text {
	position: relative;
	z-index: 2;
	color: #fff;
	text-align: center;
}

/* Typography */
.aboutback .callto__text h2 {
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #dfa667;
	margin-bottom: 15px;
}

.aboutback .callto__text p {
	font-size: 16px;
	color: #eee;
	line-height: 1.8;
	max-width: 700px;
	margin: 0 auto;
}

/* ------------------------- */
/* Responsive Fixes */
@media (max-width: 991px) {
	.aboutback.set-bg {
		background-attachment: scroll;
		/* Fix iOS/Android parallax bug */
		padding: 80px 15px;
	}

	.aboutback .callto__text h2 {
		font-size: 30px;
	}

	.aboutback .callto__text p {
		font-size: 15px;
		line-height: 1.7;
	}
}

@media (max-width: 576px) {
	.aboutback.set-bg {
		padding: 60px 10px;
	}

	.aboutback .callto__text h2 {
		font-size: 24px;
	}

	.aboutback .callto__text p {
		font-size: 14px;
	}
}

/* ------------------------------- */
/* About us -Person */
/* About Us - Person (with hover + double border) */
.about-person {
	position: relative;
	width: 250px;
	height: 290px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	transition: all 0.5s ease;
	/* background: #fff; */
	padding: 8px;
	/* adds space so border doesn’t touch image */
	box-sizing: border-box;
}

/* Image fill */
.about-person img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 16px;
	/* match rounded corners inside padding */
	transition: transform 0.5s ease;
}

/* Hover zoom and glow */
.about-person:hover {
	transform: scale(1.05);
	box-shadow: 0 10px 35px rgba(223, 166, 103, 0.5);
}

/* Dual border effect (now separated cleanly from image) */
.about-person::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 3px solid #dfa667;
	/* Outer gold border */
	border-radius: 22px;
	z-index: 2;
	pointer-events: none;
	transition: all 0.5s ease;
}

.about-person::after {
	content: "";
	position: absolute;
	inset: 6px;
	border: 2px solid white;
	/* Inner white border */
	border-radius: 18px;
	z-index: 2;
	pointer-events: none;
	transition: all 0.5s ease;
}

/* Subtle hover tilt */
.about-person:hover::before {
	transform: scale(1.05) rotate(1deg);
	border-color: #e9c17b;
}

.about-person:hover::after {
	transform: scale(0.95) rotate(-1deg);
	border-color: #f5f5f5;
}

/* Disable animations */
.about-person * {
	animation: none !important;
}

.about-caption {
	text-align: center;
	margin-top: 12px;
	font-weight: 600;
	color: #ffff;
	font-size: 1.1rem;
	line-height: 1.4;
}

.about-caption span {
	display: block;
	font-weight: 400;
	color: #fff;
	font-size: 0.95rem;
}

.underline-text {
	position: relative;
	display: inline-block;
}

.underline-text::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 150%;
	height: 3px;
	background-color: white;
	border-radius: 2px;
}

/* Tablet */
@media (max-width: 992px) {
	.underline-text::after {
		width: 100%;
		height: 2.5px;
	}
}

/* Mobile */
@media (max-width: 576px) {
	.underline-text::after {
		width: 85%;
		height: 2px;
	}
}

/* -------------------------------- */
/* Small version of the about-person style */
.about-logo-small {
	position: relative;
	width: 80px;
	/* larger logo size */
	height: 80px;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.4s ease;
	background: #fff;
}

/* Image fill */
.about-logo-small img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
	border: none;
	/* ensure no default image border */
}

/* Hover zoom only */
.about-logo-small:hover {
	transform: scale(1.08);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Remove pseudo-border layers */
.about-logo-small::before,
.about-logo-small::after {
	content: none;
}

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

.latest {
	padding-top: 120px;
	padding-bottom: 90px;
	background: #fdf8f2;
	/* Soft warm background for contrast */
}

.latest__btn {
	text-align: right;
}

/* Latest item card styling with double border */
.latest__item {
	position: relative;
	/* needed for pseudo-element */
	background: #ffffff;
	border-radius: 15px;
	overflow: hidden;
	border: 4px double #dfa667;
	margin-bottom: 30px;
	transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.latest__item::after {
	content: '';
	position: absolute;
	top: 50%;
	/* vertically center the line over the image */
	left: 0;
	width: 100%;
	height: 3px;
	/* thickness of the line */
	background: #dfa667;
	/* gold color */
	transform: translateY(-50%);
	z-index: 2;
}

.latest__item:hover::after {
	background: #e7b35b;
	height: 4px;
}

.latest__item__pic {
	position: relative;
	z-index: 1;
}

.latest__item::before {
	content: '';
	position: absolute;
	top: -6px;
	left: -6px;
	right: -6px;
	bottom: -6px;
	border-radius: 20px;
	border: 2px solid rgba(223, 166, 103, 0.5);
	/* subtle outer border */
	pointer-events: none;
	transition: all 0.4s ease;
}

/* Hover effect */
.latest__item:hover {
	transform: translateY(-10px) scale(1.02);
	-webkit-box-shadow: 0px 30px 90px rgba(67, 69, 70, 0.25);
	box-shadow: 0px 30px 90px rgba(67, 69, 70, 0.25);
	border-color: #e7b35b;
	/* slightly brighter on hover */
}

.latest__item:hover::before {
	border-color: rgba(223, 166, 103, 0.8);
}

.latest__item__pic img {
	width: 100%;
	height: auto;
	border-radius: 15px 15px 0 0;
	transition: transform 0.5s ease, filter 0.5s ease;
}

.latest__item:hover .latest__item__pic img {
	transform: scale(1.05) rotate(-1deg);
	filter: brightness(1.1);
}

.latest__item__text {
	position: relative;
	z-index: 3;
	/* bring text above the line */
	padding: 25px 35px 20px;
	background: linear-gradient(135deg, #fff3e0, #ffffff);
	border-radius: 0 0 15px 15px;
	transition: background 0.4s ease;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.latest__item__text span {
	color: #dfa667;
	/* Gold accent for category */
	font-size: 14px;
	font-weight: 600;
	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;
	transition: color 0.4s ease;
}

.latest__item__text a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	position: relative;
	padding-left: 40px;
	transition: all 0.5s ease;
	margin-top: auto;
	display: inline-block;
}

.latest__item__text a:after {
	position: absolute;
	left: 0;
	top: 8px;
	height: 2px;
	width: 30px;
	background: #dfa667;
	/* Gold underline */
	content: "";
	transition: all 0.5s ease;
}

.latest__item__text a:hover:after {
	width: 100%;
	background: #e7b35b;
	/* brighter on hover */
}

/* Responsive text scaling */
@media (max-width: 992px) {
	.latest__item__text h4 {
		font-size: 20px;
	}

	.latest__item__text span {
		font-size: 13px;
	}
}

@media (max-width: 576px) {
	.latest__item__text h4 {
		font-size: 18px;
	}

	.latest__item__text span {
		font-size: 12px;
	}
}

/* ------------------------------------------------------ */
/* Container */
.project-page {
	padding: 90px 0;
	background: #fdfbf7;
	position: relative;
}

/* --- Flip Card Core --- */
.project__item {
	perspective: 1000px;
	margin-bottom: 50px;
}

.project__inner {
	position: relative;
	width: 100%;
	transform-style: preserve-3d;
	transition: transform 0.8s ease;
}

.project__item:hover .project__inner {
	transform: rotateY(180deg);
}

/* --- Front & Back Faces --- */
.project__front,
.project__back {
	position: absolute;
	width: 100%;
	backface-visibility: hidden;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e6ded3;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

/* Front Face */
.project__front img {
	width: 100%;
	height: auto;
	display: block;
	border-bottom: 1px solid #f2e8da;
	transition: transform 0.4s ease;
}

.project__front h4 {
	font-family: "Playfair Display", serif;
	font-size: 20px;
	font-weight: 600;
	color: #4a3c2b;
	margin: 20px 0 15px;
	text-align: center;
}

.project__front h4 a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.project__front h4 a:hover {
	color: #c4975b;
}

/* Back Face */
.project__back {
	transform: rotateY(180deg);
	padding: 25px 20px;
	text-align: center;
}

.project__back h4 {
	font-family: "Playfair Display", serif;
	color: #4a3c2b;
	margin-bottom: 15px;
}

.project__back p {
	color: #5a534a;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 12px;
}

.project-meta {
	font-size: 14px;
	color: #a77745;
	font-weight: 500;
}

/* Hover Lift */
.project__item:hover {
	transform: translateY(-6px);
}

/* Load More Button */
.primary-btn.normal-btn {
	display: inline-block;
	background: #c4975b;
	color: #fff;
	border-radius: 30px;
	padding: 10px 35px;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	transition: all 0.3s ease;
}

.primary-btn.normal-btn:hover {
	background: #a77745;
}

/* Responsive */
@media (max-width: 768px) {
	.project__item {
		margin-bottom: 30px;
	}

	.project__back p {
		font-size: 14px;
	}

	.project__front h4 {
		font-size: 18px;
	}

	.header .col-lg-6 {
		justify-content: center;
	}

	.header__menu {
		display: none;
		/* hide desktop menu */
	}

	.canvas__open {
		display: block;
		font-size: 26px;
		color: #dfa667;
		cursor: pointer;
		position: absolute;
		right: 18px;
		top: 24px;
		z-index: 10000;
	}
}

/*---------------------
  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
-----------------------*/

.footer {
	padding-top: 90px;
}

.footer__top {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding-bottom: 75px;
	margin-bottom: 85px;
}

.footer__top__text h2 {
	color: #ffffff;
	font-size: 38px;
	text-transform: uppercase;
}

.footer__top__newslatter form {
	position: relative;
}

.footer__top__newslatter form input {
	width: 100%;
	height: 50px;
	color: #b7b7b7;
	padding-left: 30px;
	font-size: 14px;
	border: none;
}

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

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

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

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

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

.footer__top__newslatter form button {
	font-size: 14px;
	color: #ffffff;
	background: #dfa667;
	border: none;
	height: 100%;
	padding: 0 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about .footer__logo {
	margin-bottom: 24px;
}

.footer__about .footer__logo a {
	display: inline-block;
}

.footer__about p {
	margin-bottom: 30px;
	color: #d7a45b;
}

.footer__about ul {
	margin-bottom: 38px;
}

.footer__about ul li {
	font-size: 15px;
	list-style: none;
	line-height: 26px;
	/* color: #707070; */
}

.footer__about .footer__social a {
	font-size: 18px;
	color: #ffffff;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 30px;
}

.footer__about .footer__social a:hover {
	color: #dfa667;
}

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

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color: #ffffff;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 30px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size: 15px;
	line-height: 36px;
}

.footer__address {
	margin-bottom: 30px;
}

.footer__address h6 {
	color: #ffffff;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 30px;
}

.footer__address p {
	margin-bottom: 30px;
}

.footer__address ul li {
	font-size: 15px;
	list-style: none;
	line-height: 26px;
	
}
/* .footer p {
    color: #dfa667 !important;
} */
.footer__about p,
.footer__address p,
.footer__widget ul li,
.footer__widget ul li a

 {
    color: #dfa667 !important;
}
.footer__about ul li,.footer__address ul li{
	color: white !important;
}
.footer__widget h6,
.footer__address h6,.footer-text{
	color: white !important;
}
.copyright {
	border-top: 1px solid rgba(183, 183, 183, 0.2);
	padding: 25px 0;
	margin-top: 60px;
}

.copyright__text p {
	margin-bottom: 0;
}

.copyright__text p i {
	color: #dfa667;
}

.copyright__text p a {
	color: #ffffff;
}

.copyright__widget {
	text-align: right;
}

.copyright__widget a {
	font-size: 14px;
	color: #707070;
	margin-right: 36px;
	position: relative;
}

.copyright__widget a:after {
	position: absolute;
	right: -22px;
	top: -3px;
	content: "|";
}

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

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

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

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

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

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

.breadcrumb__text h2 {
	font-size: 42px;
	color: #ffffff;
	position: relative;
	z-index: 2;
}

.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: 80px;
	padding-bottom: 10px;
	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;
}

.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__pic {
	padding-left: 34px;
}

.about__pic__inner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	/* Ensures no button overflow */
	border-radius: 15px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

/* Disable clicks from pseudo border behind video */
.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;
	pointer-events: none;
	/* <-- fixes button click issue */
}

.about__pic__inner video {
	width: 470px;
	height: 600px;
	object-fit: cover;
	border-radius: 15px;
	border: 5px solid #dfa667;
	filter: brightness(0.9) contrast(1.1);
	transition: transform 0.8s ease, filter 0.3s ease;
}

/* Subtle zoom and glow when hovered */
.about__pic__inner:hover video {
	border-color: #f1c27d;
	/* lighter gold when hovered */
	box-shadow: 0 0 25px rgba(223, 166, 103, 0.6);
	transform: scale(1.03);
	transform: scale(1.03);
	filter: brightness(1) contrast(1.15);
}

/* Stylish Mute Button */
.mute-btn {
	position: absolute;
	bottom: 25px;
	right: 25px;
	background: rgba(223, 166, 103, 0.9);
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	cursor: pointer;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(223, 166, 103, 0.4);
	z-index: 2;
	transition: all 0.3s ease;
}

.mute-btn:hover {
	background: #fff;
	color: #dfa667;
	transform: scale(1.1);
	box-shadow: 0 6px 16px rgba(223, 166, 103, 0.6);
}

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

/* ------------------------------------------------------------------------- */
/* Elegant Double Wave Line Divider */
.wave-divider {
	position: relative;
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin: 60px 0;
	background: transparent;
}

/* First smooth golden wave */
.wave-divider::before,
.wave-divider::after {
	content: "";
	position: absolute;
	left: 0;
	width: 200%;
	height: 500px;
	background: none;
	border-top: 2px solid #dfa667;
	border-radius: 50%;
	transform-origin: center;
	animation: softWave 5s ease-in-out infinite alternate;
	filter: drop-shadow(0 0 5px rgba(202, 166, 106, 0.5));
}

/* Second softer wave (below the first) */
.wave-divider::after {
	top: 15px;
	border-top: 5px solid rgba(218, 185, 125, 0.6);
	animation-delay: 1.5s;
}

@keyframes softWave {
	0% {
		transform: translateX(0) scaleY(0.7) rotate(0deg);
	}

	100% {
		transform: translateX(-25%) scaleY(1) rotate(2deg);
	}
}

/* --------------------------------------------------- */
/* Elegant Underline Divider */
.section-underline {
	width: 200px;
	height: 4px;
	margin: 40px auto;
	background: linear-gradient(90deg, #b89564, #dfa667, #b89564);
	border-radius: 50px;
	position: relative;
	animation: glowLine 3s infinite ease-in-out;
}

/* Subtle glowing animation */
@keyframes glowLine {
	0% {
		box-shadow: 0 0 5px #dfa667, 0 0 10px rgba(223, 166, 103, 0.4);
	}

	50% {
		box-shadow: 0 0 15px #dfa667, 0 0 25px rgba(223, 166, 103, 0.7);
	}

	100% {
		box-shadow: 0 0 5px #dfa667, 0 0 10px rgba(223, 166, 103, 0.4);
	}
}

/* ------------------------------------------------------------------------------- */
/* Elegant Double Wave Line Divider (Left → Right Version) */
.wave-divider-right {
	position: relative;
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin: 60px 0;
	background: transparent;
}

/* First smooth golden wave */
.wave-divider-right::before,
.wave-divider-right::after {
	content: "";
	position: absolute;
	right: 0;
	/* mirror the direction */
	width: 200%;
	height: 500px;
	background: none;
	border-top: 2px solid #dfa667;
	border-radius: 50%;
	transform-origin: center;
	animation: softWaveRight 5s ease-in-out infinite alternate;
	filter: drop-shadow(0 0 5px rgba(202, 166, 106, 0.5));
}

/* Second softer wave (below the first) */
.wave-divider-right::after {
	top: 15px;
	border-top: 5px solid rgba(218, 185, 125, 0.6);
	animation-delay: 1.5s;
}

/* Mirrored wavy motion (Left → Right) */
@keyframes softWaveRight {
	0% {
		transform: translateX(0) scaleY(0.7) rotate(0deg);
	}

	100% {
		transform: translateX(25%) scaleY(1) rotate(-2deg);
	}
}

/* ---------------------------------------------------------------------------------------- */
/* Project Item Base */
/* Project Item Base */
.project__slider__item {
	position: relative;
	overflow: hidden;
	height: 450px;
	border-radius: 20px;
	margin: 15px;
	transition: all 0.5s ease;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	animation: floatWave 6s ease-in-out infinite;
	background-size: cover;
	background-position: center;
}

/* Smooth floating wavy animation */
@keyframes floatWave {

	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}

	25% {
		transform: translateY(-8px) rotate(0.8deg);
	}

	50% {
		transform: translateY(4px) rotate(-0.8deg);
	}

	75% {
		transform: translateY(-4px) rotate(0.5deg);
	}
}

/* Hover zoom and glow */
.project__slider__item:hover {
	transform: scale(1.05);
	box-shadow: 0 10px 35px rgba(223, 166, 103, 0.5);
}

/* Dual Border Effect */
.project__slider__item::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 3px solid #dfa667;
	/* Outer gold border */
	border-radius: 22px;
	z-index: 2;
	pointer-events: none;
	transition: all 0.5s ease;
}

.project__slider__item::after {
	content: "";
	position: absolute;
	inset: 8px;
	border: 2px solid #ffffff;
	/* Inner white border */
	border-radius: 18px;
	z-index: 2;
	pointer-events: none;
	transition: all 0.5s ease;
}

/* Border Hover Animation */
.project__slider__item:hover::before {
	transform: scale(1.05) rotate(1deg);
	border-color: #e9c17b;
}

.project__slider__item:hover::after {
	transform: scale(0.95) rotate(-1deg);
	border-color: #f5f5f5;
}

/* Hover Overlay */
.project__slider__item__hover {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	z-index: 3;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.4s ease;
}

.project__slider__item:hover .project__slider__item__hover {
	opacity: 1;
	transform: translateY(0);
}

/* Text Style */
.project__slider__item__hover span {
	font-size: 13px;
	text-transform: uppercase;
	color: #dfa667;
	letter-spacing: 2px;
}

.project__slider__item__hover h5 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 5px;
	color: #fff;
}

/* Wavy Border Motion (Subtle Light Reflection Effect) */
.wavy-border {
	position: absolute;
	inset: 0;
	border-radius: 20px;
	pointer-events: none;
	background: linear-gradient(45deg, rgba(223, 166, 103, 0.8), rgba(255, 255, 255, 0.4));
	opacity: 0.3;
	mask-image: radial-gradient(circle at 20% 50%, black 50%, transparent 50%);
	animation: borderWave 4s infinite linear;
	z-index: 1;
}

@keyframes borderWave {
	0% {
		mask-position: 0% 50%;
	}

	100% {
		mask-position: 100% 50%;
	}
}

/* Optional subtle overlay */
.project__slider__item .overlay {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
	opacity: 0.8;
	transition: opacity 0.3s;
}

.project__slider__item:hover .overlay {
	opacity: 0.4;
}


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

/* ---------------------------------- */
/* ---Gallery */
/* --- Project Card Container --- */
.project-card {
	background: transparent;
	perspective: 1000px;
	position: relative;
	border: 4px double #d3bfa4;
	/* double-line border */
	border-radius: 15px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.project-card:hover {
	transform: scale(1.03);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.project-card-inner {
	position: relative;
	width: 100%;
	height: 340px;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	border-radius: 15px;
}

.project-card:hover .project-card-inner {
	transform: rotateY(180deg);
}

/* --- Front and Back Faces --- */
.project-card-front,
.project-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	backface-visibility: hidden;
	overflow: hidden;
}

/* Front */
.project-card-front {
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	text-align: center;
}

.project-card-front img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 15px;
	z-index: 0;
	background: #000;
}

.project-card-front h4 {
	position: relative;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 10px 15px;
	margin: 0;
	width: 100%;
	font-size: 1.2rem;
}

/* Back */
.project-card-back {
	background: linear-gradient(135deg, #f4ece3, #fff);
	color: #333;
	transform: rotateY(180deg);
	text-align: center;
	padding: 25px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.project-card-back h4 {
	font-size: 1.3rem;
	margin-bottom: 10px;
}

.project-card-back p {
	font-size: 0.95rem;
	margin-bottom: 15px;
	color: #555;
}

.primary-btn.small-btn {
	padding: 8px 18px;
	font-size: 0.85rem;
}

/* Optional inner double border frame effect */
.project-card::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	border: 3px double #c5a777;
	border-radius: 10px;
	pointer-events: none;
	z-index: 2;
}

.project-card-back p {
	max-height: 100px;
	/* adjust height as you like */
	overflow-y: auto;
	/* enables vertical scroll */
	padding-right: 5px;
	/* avoids text hiding behind scrollbar */
}

.project-card-back p::-webkit-scrollbar {
	width: 6px;
}

.project-card-back p::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
}

.project-card-back p::-webkit-scrollbar-thumb {
	background: #dfa667;
	/* gold thumb */
	border-radius: 10px;
}

/* Mobile: automatic flip with delay on each side */
@media (max-width: 768px) {
	.project-card-inner {
		animation: flip-mobile-delay 15s infinite;
		/* total duration 6s */
		transform-style: preserve-3d;
	}

	@keyframes flip-mobile-delay {

		0%,
		40% {
			transform: rotateY(0deg);
			/* show front for 40% of the time */
		}

		50%,
		90% {
			transform: rotateY(180deg);
			/* show back for 40% of the time */
		}

		100% {
			transform: rotateY(0deg);
			/* return to front */
		}
	}

	/* Disable hover flip on mobile */
	.project-card:hover .project-card-inner {
		transform: none;
	}
}


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

.services {
	padding-top: 10px;
	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: 2px solid #dfa667;
	padding-top: 70px;
	margin-top: 40px;
}

.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: 32px;
}

.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: #000;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

/* Card with double border */
.contact-card {
	border: 4px double #dfa667;
	border-radius: 25px;
	padding: 40px 30px;
}

/* Make iframe full width without inline style */
.contact-card iframe {
	width: 100%;
	border: 0;
}

/* Optional: Glass effect if your glass-card doesn't already include it */
.glass-card {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
	border-radius: 25px;
}

/*--------------------------------- 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 {
		margin-right: 0 !important;
	}

	.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;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}

	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}

	/* Sidebar Brand Styling */
	.brand-block {
		text-align: center;
		margin-bottom: 28px;
	}

	.brand-block a {
		text-decoration: none;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
	}

	.brand-logo {
		width: 90px;
		height: auto;
		border-radius: 8px;
		margin-bottom: 10px;
		padding: 6px;
		/* space inside border for a premium look */
		border: 2px solid #d7a45b;
		/* Golden border */
		background: #ffffff;
		/* White backdrop behind logo for clarity */
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
		/* Professional depth */
		overflow: visible;

	}


	.brand-title {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0.6px;
		margin-top: 3px;
		text-transform: uppercase;
		color: #ffffff;
		/* White because background is dark */
		line-height: 20px;
	}

	.brand-title span {
		display: block;
		font-size: 13px;
		font-weight: 600;
		color: #d7a45b;
		/* Premium golden tone */
		margin-top: 2px;
		letter-spacing: 0.4px;
	}

	.offcanvas__logo {
		margin-bottom: 30px;
	}

	.offcanvas__logo a {
		display: inline-block;
	}

	.slicknav_btn {
		display: none;
	}

	.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;
	}

	.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;
	}

	.header__widget {
		display: none;
	}
}

/* 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: 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;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}

	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}

	.offcanvas__logo {
		margin-bottom: 30px;
	}

	.offcanvas__logo a {
		display: inline-block;
	}

	.slicknav_btn {
		display: none;
	}

	.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;
	}

	.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 !important;
	}

	.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: 610px;
		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;
	}

	/* --------------------------------- */
	mark {
		background-color: #fff3cd;
		color: #000;
		padding: 0 2px;
		border-radius: 3px;
	}

}

.project__slider__item.set-bg {
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	/* background-color: #f6e3d5 !important; */
	height: 200px;

	padding: 15px;
	background-clip: padding-box;
	border: 2px solid #000;
}

.offer-card {
	border: 2px solid #000;
	border-radius: 12px;
	box-sizing: border-box;
	overflow: hidden;
}

.offer-card-inner {
	height: 100%;
}

.popup-logo {
	width: 110px;
	padding: 6px;
	background: #fff;
	border: 4px double #b57b42;
	/* double border */
	border-radius: 8px;
	/* slight rounded corners for premium look */
	animation: shake 1.5s infinite ease-in-out, glow 2s infinite alternate;
}

@keyframes shake {
	0% {
		transform: rotate(0deg);
	}

	20% {
		transform: rotate(3deg);
	}

	40% {
		transform: rotate(-3deg);
	}

	60% {
		transform: rotate(2deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@keyframes glow {
	from {
		box-shadow: 0 0 5px rgba(181, 123, 66, 0.3);
	}

	to {
		box-shadow: 0 0 20px rgba(181, 123, 66, 1);
	}
}

/* Inputs border style */
.popup-input {
	/* border: 2px solid #000 !important; */
	border-radius: 8px;
	padding: 10px;
}

/* On focus highlight */
.popup-input:focus {
	border-color: #b57b42 !important;
	box-shadow: 0 0 6px rgba(181, 123, 66, 0.5);
}

.popup-modal-box {
	background: #fff;
	border-radius: 15px;

	/* Single black line (only 1 border) */
	border: 8px double #000;
	/* border: 2px solid #000; */

	padding: 6px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}

.popup-title {
	color: #000;
}

.highlight-line {
	border-bottom: 3px solid #b57b42;
	/* black underline */
	padding-bottom: 3px;
	/* space between text & underline */
}

.popup-label {
	color: #000 !important;
	/* black text */
	font-weight: 700;
	/* bold */
	font-size: 15px;
	/* slightly bigger */
	letter-spacing: 0.5px;
	/* modern spacing */
	text-transform: capitalize;
	/* elegant look */
	margin-bottom: 6px;
	/* spacing */
	display: block;
}

.popup-label::after {
	content: " *";
	color: #b57b42;
	font-weight: 900;
}

/* Style the contact widget icon box */
.contact__widget__item__icon img {
	border: 2px solid #dfa667;
	border-radius: 10px;
	padding: 5px;

	/* Box shadow */
	box-shadow: 0 0 10px rgba(223, 166, 103, 0.6);
	transition: 0.3s ease;
}

/* Hover effect */
.contact__widget__item__icon img:hover {
	transform: scale(1.08);
	box-shadow: 0 0 15px rgba(223, 166, 103, 0.9);
}
/* -------------------TEAM GROUP---------------- */
/* DARK BACKGROUND SECTION */
.group.galleryteam-page {
    position: relative;
    padding: 80px 0;
    background: url("{{ asset('img/contact.png') }}") center/cover no-repeat;
}

/* Dark overlay */
.group.galleryteam-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.group.galleryteam-page .container {
    position: relative;
    z-index: 2;
}

/* HEADINGS */
.group-title span {
    color: #dfa667;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-bottom: 8px;
}

.group-title h2 {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
}

/* ===========================
   CARD WRAPPER (HORIZONTAL LAYOUT)
   =========================== */
.group-card {
    background: rgba(255, 255, 255, 0.05);

    border: 3px solid #fff;
    outline: 3px solid #dfa667;
    outline-offset: 6px;

    border-radius: 16px;
    overflow: hidden;
    backdrop-filter: blur(6px);
    transition: transform .3s ease, box-shadow .3s ease;

    height: 500px;
    display: flex;
    flex-direction: row;     /* ← IMAGE LEFT, TEXT RIGHT */
}

.group-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.4);
}

/* ===========================
   IMAGE LEFT SIDE
   =========================== */
.group-card-img {
    width: 100%;              /* LEFT SIDE */
    height: 100%;
    overflow: hidden;
    padding: 0;
}

.group-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* Fill image nicely */
    object-position: left top;
}

/* ===========================
   CARD BODY (RIGHT SIDE)
   =========================== */
.group-card-body {
    width: 60%;
    padding: 22px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* NAME */
.group-card-body h5 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 6px;
    font-weight: 700;
}

/* ROLE */
.group-role {
    font-size: 15px;
    color: #dfa667;
    font-weight: 600;
    margin-bottom: 10px;
}

/* ===========================
   SCROLLABLE DESCRIPTION
   =========================== */
.group-description {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
    margin-top: 8px;

    color: #ddd;
    font-size: 14px;
    line-height: 1.6;
}

.group-description::-webkit-scrollbar {
    width: 6px;
}

.group-description::-webkit-scrollbar-thumb {
    background: #dfa667;
    border-radius: 10px;
}

.group-description::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
}

/* ------- OWL NAV BUTTONS ------- */
.group-slider .owl-nav button {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(4px);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    color: #fff !important;
    font-size: 20px !important;
    transition: 0.3s;
}

.group-slider .owl-nav button:hover {
    background: #dfa667 !important;
}

.group-slider .owl-nav .owl-prev {
    left: -20px;
}

.group-slider .owl-nav .owl-next {
    right: -20px;
}

/* ------- DOTS ------- */
.group-slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #777 !important;
    margin: 5px;
    display: block;
    border-radius: 50%;
    transition: .3s;
}

.group-slider .owl-dots .owl-dot.active span {
    background: #dfa667 !important;
}

/* ============================================
   RESPONSIVE STYLES
   ============================================ */

/* ---------- Tablets (max 992px) ---------- */
@media (max-width: 992px) {
    .group-title h2 {
        font-size: 32px;
    }

    .group-card {
        height: 420px;
        flex-direction: row;
    }

    .group-card-img {
        width: 45%;
    }

    .group-card-body {
        width: 55%;
    }
}

/* ---------- Large Mobile (max 768px) ---------- */
@media (max-width: 768px) {

    .group.galleryteam-page {
        padding: 60px 0;
    }

    .group-title h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .group-title span {
        font-size: 16px;
    }

    .group-card {
        height: auto;
        flex-direction: column;   /* STACK ON MOBILE */
    }

    .group-card-img {
        width: 100%;
        height: 200px;
    }

    .group-card-body {
        width: 100%;
        padding: 18px;
        height: auto;
    }
}

/* ---------- Small Mobile (max 576px) ---------- */
@media (max-width: 576px) {

    .group-title h2 {
        font-size: 24px !important;
    }

    .group-card {
        height: auto;
    }

    .group-card-img {
        height: 180px;
    }

    .group-card-body {
        padding: 15px;
    }

    .group-card-body h5 {
        font-size: 18px;
    }

    .group-role {
        font-size: 13px;
    }

    .group-description {
        font-size: 12.5px;
        line-height: 1.4;
    }

    .group-slider .owl-nav button {
        width: 36px;
        height: 36px;
        font-size: 16px !important;
    }
}

/* ---------- Extra Small Mobile (max 420px) ---------- */
@media (max-width: 420px) {

    .group-title h2 {
        font-size: 22px !important;
    }

    .group-card-img {
        height: 160px;
    }

    .group-card-body {
        padding: 14px;
    }

    .group-description {
        font-size: 12px;
    }
}

/* ---------- Micro Phones (max 360px) ---------- */
@media (max-width: 360px) {

    .group-title h2 {
        font-size: 20px !important;
    }

    .group-card-img {
        height: 150px;
    }

    .group-description {
        font-size: 11.5px;
    }
}