:root{
    --primary:#d1a473;
    --primary-hover:#b9874b;
    --navbar:#1F2937;   /* Dark Charcoal */
    --footer:#111827;
    /*--hero:#F8F5F0;*/
	--hero:#CCB792;
    /*--section:#FAF7F2;*/
	--section:#BDA273;
    --white:#FFFFFF;
    --text:#444444;
    --heading:#1F2937;
	--bs-body-bg: #E2C8A6;
}
body{
	font-family:'Open Sans',sans-serif;
	color:var(--text);
}
h1,h2,h3,h4{
	color:var(--heading);
	font-family:'Poppins',sans-serif;
	font-weight:700;
}
.company-info{
    display:flex;
    flex-direction:column;
    line-height:1.1;
}
.company-name{
	color:var(--primary);
	font-size:30px;
    font-weight:700;
    letter-spacing:1px;
}
.company-tagline{
    color:#d1a473;
    font-size:15px;
    letter-spacing:1px;
    margin-top:2px;
}
.logo{
    width:42px;
    height:42px;
    object-fit:contain;
    margin-right:12px;
}
.hero{
	background:var(--hero);
	padding:100px 0;
	position:relative;
	overflow:hidden;
}
.hero h1{
	line-height:1.2;
	margin-bottom:25px;
	font-size:60px;
	font-weight:700;
	color:#222;
}
.hero h1 span{
    color:#544221/*#d1a473;*/
}
.hero p{
	color:var(--text);
	font-size:20px;
	margin-bottom:30px;
	line-height:1.8;
}
.hero-image {
	border-radius:20px;
	box-shadow:0 20px 40px rgba(0,0,0,.15);	
    width: 100%;
    /*max-height: 550px;*/
    object-fit: contain;
}
.hero::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(209,164,115,.08);
    top:-100px;
    right:-100px;
}
.hero::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(209,164,115,.08);
    bottom:-80px;
    left:-80px;
}
.btn-main{
	background:var(--primary);
	color:white;
	padding:10px 25px;
	border-radius:10px;
	font-weight:600;
	box-shadow:0 10px 25px rgba(209,164,115,.30);
	transition:.3s;
}
.btn-main:hover{
	background:var(--primary-hover);
	color:white;
	transform:translateY(-3px);
}
footer{
	background:var(--footer);
	padding:30px;
	text-align:center;
	color:white;
	/*margin-top:60px;*/
}
.navbar{
	background:var(--navbar);
    padding:18px 0;
    transition:.4s;
}
.navbar-brand{
    color:var(--white);
}
.nav-link{
    margin-left:20px;
    font-weight:600;
    color:white;
    position:relative;
}
.nav-link:hover{
    color:var(--primary-hover);
}
.nav-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    width:0;
    height:2px;
    background:#d1a473;
    transition:.4s;
}
.nav-link:hover::after{
    width:100%;
}
#solutions,#aboutus,#contactus{
    scroll-margin-top: 80px;
}
.service-card{
	background:var(--white);
	padding:35px;
	border-radius:20px;
	box-shadow:0 15px 40px rgba(0,0,0,.08);
	transition:.4s;
	height:100%;
	border:1px solid transparent;
	opacity:0;
	transform:translateY(30px);
	animation:fadeUp .8s forwards;
}
.service-card:hover{
	transform:translateY(-10px);
	border-color:#d1a473;
	box-shadow:0 20px 60px rgba(0,0,0,.12);
}
.service-card i{
	font-size:50px;
	color:#d1a473;
	margin-bottom:20px;
	display:block;
}
.service-icon{
	width:80px;
	height:80px;
	border-radius:50%;
	background:#faf6f2;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:20px;
}
.service-icon i{
	font-size:34px;
	color:var(--primary);
}
@keyframes fadeUp{
	from{
		opacity:0;
		transform:translateY(30px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}
.section-title{
	font-size:42px;
	font-weight:700;
	position:relative;
	display:inline-block;
	margin-bottom:20px;
}
.section-title::after{
	content:"";
	position:absolute;
	width:60px;
	height:4px;
	background:var(--primary);
	left:50%;
	bottom:-10px;
	transform:translateX(-50%);
}
.services{
	background:var(--section);
}
.why-us{
	padding:100px 0;
	background:#DDCBAA;
}
.feature{
	margin:18px 0;
	font-size:18px;
	font-weight:600;
}
.feature i{
	color:var(--primary);
	margin-right:15px;
	font-size:20px;
}
.statistics{
	background:#2d2d2d;
	padding:80px 0;
	color:white;
}
.statistics h2{
	font-size:55px;
	color:#d1a473;
	font-weight:700;
	display:inline;
}
.statistics p{
	font-size:18px;
	margin-top:15px;
}
.counter-wrapper {
    white-space: nowrap;
}
.counter-wrapper span {
    font-size: 40px;
    color: #d1a473;
    font-weight: 700;
}
.testimonials{
    background:var(--section);
}
/*styles of contact page*/
.contact-hero{
	background:#CCB792;
	padding:30px 0;
	color:white;
}
.contact-hero h1{
	font-size:54px;
	font-weight:700;
}
.contact-hero p{
	font-size:20px;
	margin-top:20px;
	opacity:.9;
}
/*.contact-section{
	padding:90px 0;
	background:#F8F5F0;
}*/
.contact-card{
	background:white;
	padding:20px;
	border-radius:15px;
	margin-bottom:15px;
	box-shadow:0 10px 25px rgba(0,0,0,.08);
	transition:.3s;
}
.contact-card:hover{
	transform:translateY(-5px);
}
.contact-card h4{
	color:#1F2937;
}
.contact-card i{
	color:#d1a473;
	margin-right:10px;
}
.contact-form{
	background:white;
	padding:30px;
	border-radius:20px;
	box-shadow:0 15px 40px rgba(0,0,0,.08);
}
.contact-form h4{
	margin-bottom:15px;
}
.form-control{
	height:45px;
	border-radius:10px;
	border:1px solid #ddd;
}
textarea.form-control{
	height:auto;
}
.form-control:focus{
	border-color:#d1a473;
	box-shadow:0 0 0 .2rem rgba(209,164,115,.25);
}
.map-section{
	background:#DDCBAA;
}
.map-box{
	height:600px;
	border-radius:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:28px;
	color:#666;
	overflow:hidden;
}
iframe{
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}
.contact-cta{
	background:#1F2937;
	padding:80px 0;
	text-align:center;
	color:white;
}
.contact-cta h2{
	color:var(--primary);
	font-size:42px;
	margin-bottom:20px;
}
.contact-cta p{
	font-size:18px;
	margin-bottom:30px;
}
/*End of contact styles*/