/*
    Theme Name: Company
    Theme URL: https://bootstrapmade.com/company-free-html-bootstrap-template/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/

/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('animate.css');



body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	color:#fff;
	background-color:#fff;
	overflow-x:hidden;
}

hi,h2,h3,h4,h5,h6 {
	color:#333;
	line-height:1.1em;
}

p {
	color:#333;
	font-size:13px;
}
a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#333;
}
a:hover {
	text-decoration: none;
	color:#eee;	
	}

.btn-primary {
  padding: 8px 20px;
  background: #1BBD36;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}
	
.text-center h2 {
	margin-bottom:30px;
}

.text-center p {
	margin-bottom:50px;
	color:#333;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #fff;
  text-transform:uppercase;
  font-size:18px;
  border-radius:30px;
  margin-left:-10px;
}

#breadcrumb {
	background-color: #1BBD36;
	margin-top: -20px;
}

.breadcrumb { 
  list-style: none;
  background-color: #1BBD36;
  border-radius: 0px;
  padding:3px 10px;
}

.breadcrumb li {
   text-transform:uppercase;
   margin-top:125px;
   font-weight:600;
}

/*===========================
  Menu and Navigation
============================ */
.navigation  {
	background-color:#fff;
	padding:0;
}

.navbar-brand h1 {
	margin-top:9px;
	padding-top:5px;
	float: left;	
	font-size: 25px;	
	color:red;	
	text-transform:uppercase;
	font-weight:900;
}
.navbar-brand h1 span {
	color: #1BBD36;
}

.menu {
	font-size:12px;
	float:right;
	text-transform:uppercase;
	font-weight:700;	
}

.menu ul.nav-tabs li {
	color:#000;	
}

.nav-tabs {
	border-bottom: 0;
}
.nav-tabs > li {
	float: left;
	margin-bottom: 0;
}
.nav-tabs > li > a {	
	border-radius:0;
	color:#333;
	padding:30px;
}

.nav-tabs > li > a:hover {	
	color: #1BBD36;
	border-color: #fff #fff #fff;
	border-radius:0;
	background-color:#fff; 
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.nav-tabs > li > a.active {
	color: #1BBD36;
	border-radius:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}


/*===========================
  slider
============================ */
#main-slider {
	margin-top:40px;
}

#main-slider {
  position: relative;
}

.no-margin {
  margin: 0;
  padding: 0;
}

#main-slider .carousel .carousel-content {
  margin-top: 150px;
}

#main-slider .carousel .slide-margin{
  margin-top: 140px;
}

#main-slider .carousel h2 {
  color: #fff;
  text-transform:uppercase;
  font-size:50px;
  font-weight:800;
}

#main-slider .carousel h2 span {
  color: #1BBD36;
}

#main-slider .carousel h2 span spani {
  color: #000;
}

#main-slider .carousel p {
  color: #ddd;
  font-size:25px;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  background: #1BBD36;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 730px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}

.feature {
	padding:50px;
}

.text-center i {
	font-size:40px;
	margin-top:70px;
	margin-bottom:30px;
	color:#fff;
	padding:50px;
	background:#1BBD36;
	border-radius:50%;
}

.text-center h2 {
	margin-top:20px;
	margin-bottom:20px;
	text-transform:uppercase;
	font-size:18px;
	color: #1BBD36;
}

.hi-icon-effect i.fa:hover {
	background:#fff;
	color: #1BBD36;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

#partner {
  background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;
  background-size: cover;
}

#partner {
  color: #fff;
  text-align: center;
  padding:100px;
}

#partner h2 {
  color: #fff;
  font-size:30px;
  font-weight:600;
}

#partner p {
  color: #fff;
  font-size:20px;
  
}

.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners ul li{
  display: inline-block;
  float: left;
  width: 20%;
}

.partners ul li a img {
	margin-top:50px;
}

#conatcat-info{
  background: #fff url(../images/contact.png) no-repeat 90% 0;
  padding: 30px 0;
}

.contact-info i{
  width: 60px;
  height: 60px;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  background: #000;
  text-align: center;
  border-radius: 6px;
}

.contact-info h2{
  margin-top: 0;
  color: #000;
}

.contact-info{
  color:#000;
}

/* --- about us --- */
.aboutus {
	padding:50px;
}

.aboutus img {
	border-radius:6px;
}

.aboutus h3 {
	margin-bottom:30px;
	font-weight:800;
}

.aboutus h4 {
	margin-top:30px;
	margin-bottom:30px;
	font-weight:700;
}

.skill h2{
	margin-top:-10px;
	margin-bottom: 25px;
}

.progress-wrap{
  position: relative;
}

.progress .color1,
.progress .color1 .bar-width{
  background: #2d7da4;
}

.progress .color2,
.progress .color2 .bar-width{
  background: #6aa42f;
}

.progress .color3,
.progress .color3 .bar-width{
  background: #ffcc33;
}

.progress .color4,
.progress .color4 .bar-width{
  background: #db3615;
}

.progress, 
.progress-bar {
  height: 15px;
  line-height: 15px;
  background: #e6e6e6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  text-align: right;
}

.progress{
  position: relative;
}

.progress .bar-width{
  position: absolute;
  width: 40px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  top: -30px;
  border-radius: 2px;
  margin-left: -30px;
}

.progress span{
  position: relative;
}

.progress span:before{
  content: " ";
  position: absolute;
  width: auto;
  height: auto;
  border-width: 8px 5px;
  border-style: solid;
  bottom: -15px;
  right: 8px;
}

.progress .color1 span:before{
  border-color: #2d7da4 transparent transparent transparent;
}

.progress .color2 span:before{
  border-color: #6aa42f transparent transparent transparent;
}

.progress .color3 span:before{
  border-color: #ffcc33 transparent transparent transparent;
}

.progress .color4 span:before{
  border-color: #db3615 transparent transparent transparent;
}


.about {
	background:#eee;
	padding:50px;
}

.about h2 {
	margin-bottom:30px;
}

.about img {
	margin-bottom:30px;
	border-radius:6px;
}

.our-team {
	padding:50px;
	background:#ddd;
}

.our-team h3 {
	margin-bottom:30px;
	font-weight:800;
}

.our-team h4 {
	margin-top:20px;
	margin-bottom:20px;
	font-weight:600;
}

.our-team img{
	border-radius:6px;
	margin-top:30px;
}

.lates {
	padding:50px;
}

.lates h2 {
	font-size:20px;
	font-weight:600;
	color:#333;
}

.lates img {
	margin-top:30px;
	border-radius:5px;
}

/* --- footer --- */
.footer {
	background:#1BBD36;
	padding:15px 22px;
}

ul.social-network {
	list-style:none;
	margin-top:20px;	
	padding:10px;
	transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

ul.social-network li {
	display:inline;
	margin: 0 18px;	
	font-size:25px;	
}

ul.social-network li a {	
	color:#d0d0d0;	
}
.social-network li:hover .fa-twitter {
  color: #00abf0;
}
.social-network li:hover .fa-facebook {
  color: #39579a;
}
.social-network li:hover .fa-google-plus {
  color: #eb8984;
}
.social-network li:hover .fa-pinterest {
  color: #c9171e; 
}
.social-network li:hover .fa-linkedin {
  color: #0077b5; 
}
.social-network li:hover .fa-youtube-play {
  color: #C84941; 
}
.social-network li:hover .fa-dribbble {
  color: #EA4C89 ; 
}
.social-network li:hover .fa-pinterest-square {
  color: #EA4B49; 
}

.copyright {
	margin-top:30px;
    text-align: right;
}

.copyright a {
	color:#fff;
	font-weight:600;
	font-size:12px;
	text-shadow:none;
}

/* --- services --- */
.services {
	padding:50px;
}

.services h3 {
	margin-bottom:30px;
	font-weight:800;
}

.services img {
	border-radius:6px;
}

.sub-services img {
	border-radius:6px;
}

.services p {
	margin-top:30px;
	font-size:13px;
}

.sub-services {
	padding:50px;
	background:#ddd;
}

.sub-services p {
	margin-top:30px;
	font-size:13px;
}

.media-body p {
	margin-bottom:30px;
}

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

.media i {
	color:#1BBD36;
	font-size:50px;
}

.media h4 {
	font-size:20px;
	font-weight:600;
	color:#1BBD36;
}

/* --- portfolio --- */

#portfolio .center p {
	margin-top:50px;
	margin-bottom:50px;
	font-size:18px;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #1BBD36;
  border: 1px solid #1BBD36;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
	margin: 0;
	padding:0;
}

.overlay {
	margin-bottom:20px;
}

.overlay a:hover {
	color: #1BBD36;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}


/* --- Map --- */
.map{
	position:relative;
	margin-bottom:40px;
}

/* google map */
#google-map{
	position:relative;
	margin-top:10px;
    height: 400px;
    width: 100%;
}

/* --- blog --- */
#blog {
	margin-top:50px;
}

a.btn-primary:hover {
	background-color:#ddd;
	color:#1BBD36;
}

.widget {
  margin-bottom: 60px;
  padding-left: 0;
}

.single_comments {
  margin-bottom: 20px;
}

.single_comments img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.single_comments p {
  margin-bottom: 0;
}

.widget .entry-meta span {
  display: inline-block;
  margin-right: 10px;
  color:#333;
}

.widget .entry-meta span a:hover {
	color:#1BBD36;
}

.widget h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.blog_category{
  list-style:none;
  margin:0;
  padding:0;
}

.blog_category li{
  float:none;
  margin-bottom:20px;
}

.blog_category li a {
  background:#f5f5f5;
  border-radius: 4px;
  color: #888;
  display: inline-block;
  padding: 5px 15px;
}

.blog_category li a:hover{
  background:#1BBD36;
  color: #fff;
}

 .badge:before {
  border-color: transparent transparent transparent #1BBD36;
  border-style: solid;
  border-width: 10px;
  bottom: -8px;
  content: "";
  height: 0;
  left: 5px;
  position: absolute;
  z-index: -99999;
}

.badge {
  background-color: #1BBD36;
  border-radius: 5px;
  color: #fff;
  padding: 8px;
  position: relative;
  left: 60px;
  top: -18px;
  font-weight: normal;
}

.blog_archieve {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.blog_archieve li {
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}

ul.blog_archieve li a:hover{
	color:#1BBD36;
}

.blog_archieve li:first-child {
  padding-top: 0;
}

ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.gallery li {
  display: block;
  width: 60px;
  padding: 0;
  margin: 0 4px 4px 0;
  float: left;
}

ul.faq {
  list-style: none;
  margin: 0;
}

ul.faq li {
  margin-top: 30px;
}

ul.faq li:first-child {
  margin-top: 0;
}

ul.faq li span.number {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #34495e;
  color: #fff;
  font-size: 24px;
}

ul.faq li > div {
  margin-left: 70px;
}

ul.faq li > div h3 {
  margin-top: 0;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-item {
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 50px;
}

.blog .blog-item .img-blog {
  border-radius: 5px;
  margin-bottom: 45px;
}

.blog .blog-item .blog-content {
  padding-bottom: 25px;
}

.blog .blog-item .blog-content h2 {
  margin-top: 0;
  font-size: 30px;
}

.readmore{
  margin-top: 0;
}

.blog .blog-item .blog-content h4 {
	margin-bottom: 40px;
	font-weight: 600
 }

.blog .blog-item .blog-content p {
	font-size: 13px;
}

.blog .blog-item .entry-meta {
  border-radius: 5px;
  overflow: hidden;
}

.blog .blog-item .entry-meta > span {
  background: #f5f5f5;
  border-top: 1px solid #fff;
  display: block;
  font-size: 12px;
  overflow: hidden;
  padding: 5px;
  text-align: left;
}

#publish_date {
  background: #1BBD36;
  border-bottom: 5px solid #4e4e4e;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

.blog .blog-item .entry-meta > span {
  color: #ccc;
}

.blog .blog-item .entry-meta > span a {
  font-size: 12px;
  margin-left: 3px;
  font-weight: 300;
  color: #888;
}

ul.pagination > li > a {
  border: 1px solid #F1F1F1;
  margin-right:5px;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 14px;
  color:#1BBD36;
}

ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #1BBD36 !important;
  border-color: #1BBD36 !important;
  color: #fff;
}

.search_box {
  background-position: 314px 15px;
  background-repeat: no-repeat;
  border-color: #DEDEDE;
  height: 48px;
  outline: medium none;
  box-shadow: none;
}

.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}

ul.tag-cloud, 
ul.sidebar-gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tag-cloud li{
    display: inline-block;
    margin-bottom: 3px;
}

.tag-cloud li a {
  background: #f5f5f5;
  color: #888;
  border: 0;
  border-radius: 4px;
  padding: 8px 15px;
}

.tag-cloud li a:hover{
  background:#1BBD36;
  color: #fff;  
}

.sidebar-gallery li{
  display: inline-block;
  margin: 0 10px 10px 0;
}

.sidebar-gallery li a {
  border-radius: 4px;
  display: inline-block;
}

/* --- contact --- */
#contact-page{
  padding-top: 0;
  background:#fff;
  margin-bottom:50px;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 14px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#f2f2f2;
  box-shadow: none;
}


.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
  text-align:center;
}
.center p{
   text-align:center;
}

.btn-lg:hover {
	color:#1BBD36;
	background:#ddd;
}

a.scrollup{
    color:#fff;
	height:40px;
	width:40px;
	font-size:12px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:40px;	
	opacity:0,5;
	border-radius:50%;
	z-index:999;
}
a.scrollup:hover{
	opacity:1;
	background-color:#ddd;
	color:#1BBD36;
}
.navbar-brand .brand-primary {
  color: #f1c40f; /* Yellow */
}

.navbar-brand .brand-secondary {
  color: #000000; /* Black */
}
/* ===============================
   FOOTER SOCIAL ICON COLORS
   =============================== */

/* WhatsApp (phone icon) */
.social-network .fa-phone {
  color: #25D366; /* WhatsApp green */
}

/* Google / Google Plus */
.social-network .fa-google-plus {
  color: #DB4437; /* Google red */
}

/* Facebook */
.social-network .fa-facebook {
  color: #1877F2; /* Facebook blue */
}

/* Optional hover effect */
.social-network li a:hover i {
  opacity: 0.8;
}
.social-network .fa-phone {
  color: #25D366; /* WhatsApp green */
}
/* ===============================
   FORCE FOOTER ICON COLORS
   =============================== */

/* WhatsApp (phone icon) */
.social-network li a {
  color: inherit;
}

.social-network li a i.fa-phone {
  color: #25D366 !important; /* WhatsApp green */
}

/* Google */
.social-network li a i.fa-google-plus {
  color: #DB4437 !important; /* Google red */
}

/* Facebook */
.social-network li a i.fa-facebook {
  color: #1877F2 !important; /* Facebook blue */
}
/* ===== GLOBAL DARK BACKGROUND ===== */

html, body {
    background-color: #0f0f0f;   /* dark charcoal */
    color: #eaeaea;              /* light text */
}
/* ================================
   FORCE FULL DARK THEME OVERRIDE
================================ */

/* Page base */
html, body {
    background-color: #0d0d0d !important;
    color: #e0e0e0;
}

/* Navbar / top menu */
.navbar-default,
.navigation,
.navbar,
.menu {
    background-color: #0d0d0d !important;
    border: none;
}

/* Navbar links */
.navbar-default .navbar-nav > li > a {
    color: #f2f2f2 !important;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #f1c40f !important;
}

/* Slider content */
#main-slider,
.carousel,
.carousel-inner,
.carousel-content {
    background-color: #0d0d0d !important;
}

/* Sections */
.feature,
.about,
.lates,
#partner,
#conatcat-info {
    background-color: #141414 !important;
}

/* Inner containers */
.container,
.row {
    background-color: transparent !important;
}

/* About / template built with bootstrap area */
.about h2,
.about p {
    color: #eaeaea !important;
}

/* Cards / icons */
.hi-icon-wrap {
    background-color: transparent !important;
}

/* Footer */
.footer {
    background-color: #080808 !important;
}

/* Text cleanup */
p {
    color: #cccccc;
}

h1, h2, h3, h4 {
    color: #ffffff;
}
/* ===== LOGO BRAND COLORS ===== */

.brand-primary {
    color: #ffffff !important;   /* AMUZIEM = white */
}

.brand-secondary {
    color: #f1c40f !important;   /* ELECTRICALS = yellow */
}
/* ===== NAV MENU COLORS ===== */

.navbar-default .nav-tabs > li > a {
    color: #f1c40f !important; /* yellow */
    font-weight: 600;
}

.navbar-default .nav-tabs > li > a:hover,
.navbar-default .nav-tabs > li.active > a {
    color: #ffffff !important;
    background-color: transparent !important;
    border: none !important;
}
/* REMOVE GREEN FROM THEME */
a,
a:hover,
a:focus {
    color: inherit;
}
/* ===============================
   FORCE PERFECT NAV ALIGNMENT
================================ */

/* Kill tab behavior */
.nav-tabs {
    border-bottom: none !important;
}

/* Align all menu items horizontally */
.navbar .nav-tabs > li {
    float: left;
    margin: 0;
}

/* Force same vertical height */
.navbar .nav-tabs > li > a {
    display: flex !important;
    align-items: center;
    height: 60px;                 /* SAME HEIGHT FOR ALL */
    padding: 0 18px;
    margin: 0;
    border: none !important;
    line-height: normal;
}

/* Make sure navbar itself matches */
.navbar {
    min-height: 60px;
}

/* Logo alignment */
.navbar-brand {
    display: flex;
    align-items: center;
    height: 60px;
}
/* ===== FINAL NAVBAR STYLING ===== */

.navbar {
    min-height: 70px;
}

.navbar-brand {
    height: 70px;
    display: flex;
    align-items: center;
}

.navbar-nav > li > a {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    color: #f1c40f !important; /* yellow */
    font-weight: 600;
}

.navbar-nav > li > a:hover {
    color: #ffffff !important;
    background: transparent;
}
/* ===============================
   FINAL NAVBAR HORIZONTAL FIX
================================ */

/* Force navbar menu into flex row */
.navbar-nav {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

/* Remove Bootstrap spacing */
.navbar-nav > li {
    float: none !important;
    margin: 0 !important;
}

/* Control exact spacing between items */
.navbar-nav > li:not(:last-child) {
    margin-right: 24px;
}

/* Link alignment */
.navbar-nav > li > a {
    padding: 0 !important;
    line-height: 70px;
    height: 70px;
}
/* ===============================
   BOOTSTRAP 3 NAVBAR HARD FIX
================================ */

/* Kill Bootstrap float behavior */
.navbar-nav {
    float: none !important;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
}

/* Remove hidden Bootstrap offsets */
.navbar-nav > li {
    float: none !important;
    margin: 0 !important;
}

/* Equal spacing between Home & Contact */
.navbar-nav > li + li {
    margin-left: 30px !important;
}

/* Perfect vertical alignment */
.navbar-nav > li > a {
    padding: 0 !important;
    line-height: 70px;
    height: 70px;
    color: #FFD700 !important; /* yellow */
}

/* Active state stays yellow */
.navbar-nav > li.active > a,
.navbar-nav > li > a:hover {
    background: none !important;
    color: #FFD700 !important;
}
/* ===============================
   NAVBAR LEFT / RIGHT FIX
================================ */

.navbar-nav > li > a {
    color: #FFD700 !important; /* yellow */
    line-height: 70px;
    height: 70px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Active & hover */
.navbar-nav > li.active > a,
.navbar-nav > li > a:hover {
    background: none !important;
    color: #FFD700 !important;
}
/* ===============================
   REDUCE NAVBAR HEIGHT
================================ */

/* Overall navbar height */
.navbar {
    min-height: 55px !important;
}

/* Brand text (AMUZIEM ELECTRICALS) */
.navbar-brand {
    padding: 0 !important;
    height: 55px;
}

.navbar-brand h1 {
    margin: 0 !important;
    line-height: 55px;
    font-size: 22px;
}

/* Menu links */
.navbar-nav > li > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 55px;
}
/* ======================================
   FORCE NAVBAR HEIGHT (FINAL FIX)
====================================== */

/* Kill extra padding from theme wrapper */
.navigation {
    padding: 0 !important;
    min-height: 0 !important;
}

/* Navbar container */
.navbar {
    min-height: 50px !important;
    height: 50px !important;
}

/* Remove Bootstrap top spacing */
body {
    padding-top: 50px !important;
}

/* Brand container */
.navbar-brand {
    padding: 0 !important;
    height: 50px !important;
}

/* Brand text */
.navbar-brand h1 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 50px !important;
    font-size: 20px;
}

/* Menu links */
.navbar-nav > li > a {
    padding: 0 15px !important;
    line-height: 50px !important;
    height: 50px !important;
}

/* Remove nav-tabs effect if still present */
.nav-tabs {
    border-bottom: none !important;
}
/* Hero title colors */
#main-slider h2 {
    color: #ffffff; /* fallback */
}

#main-slider h2 span {
    color: #FFD700; /* ELECTRICALS = yellow */
}
#main-slider .animation.animated-item-2 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    opacity: 0.9;
}
/* Hero image size control */
.hero-image {
    max-width: 40%;
    height: auto;
}
/* WhatsApp CTA button */
.btn-expert {
    padding: 14px 32px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
}
/* ===== FEATURE SECTION COLOR OVERRIDES ===== */

/* Icons */
.feature .hi-icon-wrap i {
    color: #f1c40f; /* Yellow */
    font-size: 48px; /* optional: makes icons bolder */
}

/* Captions / Headings */
.feature .hi-icon-wrap h2 {
    color: #f1c40f; /* Yellow */
    font-weight: 600;
}

/* Description text */
.feature .hi-icon-wrap p {
    color: #ffffff; /* White */
    opacity: 0.9;
}
/* Feature icons — force white */
.feature .hi-icon-wrap i {
    color: #ffffff !important;
}
/* ===== FEATURE SECTION OVERRIDES ===== */

/* Icons stay white */
.feature .hi-icon-wrap i {
    color: #ffffff !important;
}

/* Headings */
.feature .hi-icon-wrap h2 {
    min-height: 70px;
    color: #f1c40f;
    font-weight: 600;
}

/* Descriptions */
.feature .hi-icon-wrap p {
    color: #ffffff;
    opacity: 0.9;
}
/* Feature icon wrapper (circle / ring) → yellow */
.feature .hi-icon {
    background: #f1c40f !important;   /* yellow */
}

/* If the effect uses border instead of background */
.feature .hi-icon:before {
    border-color: #f1c40f !important;
}

/* Keep icons inside white */
.feature .hi-icon i {
    color: #ffffff !important;
}
/* FORCE yellow icon wrapper (circle) */
.feature .hi-icon {
    background: #f1c40f !important;
}

/* FORCE yellow border / ring */
.feature .hi-icon:before {
    background: #f1c40f !important;
    border: 2px solid #f1c40f !important;
}

/* OVERRIDE ALL hi-icon effects (this is the key fix) */
.feature .hi-icon-effect-1 .hi-icon,
.feature .hi-icon-effect-2 .hi-icon,
.feature .hi-icon-effect-3 .hi-icon,
.feature .hi-icon-effect-4 .hi-icon {
    background: #f1c40f !important;
}

/* OVERRIDE hover states (this is why it stayed green) */
.feature .hi-icon-effect-1 .hi-icon:hover,
.feature .hi-icon-effect-2 .hi-icon:hover,
.feature .hi-icon-effect-3 .hi-icon:hover,
.feature .hi-icon-effect-4 .hi-icon:hover {
    background: #f1c40f !important;
}

/* Keep icons white */
.feature .hi-icon i {
    color: #ffffff !important;
}
/* ===============================
   FORCE YELLOW ICON RINGS (FIX)
   =============================== */

/* Base icon circle */
.feature .hi-icon {
    background-color: #f1c40f !important;
}

/* The animated ring (THIS is the green you keep seeing) */
.feature .hi-icon:after {
    background-color: #f1c40f !important;
    box-shadow: 0 0 0 4px #f1c40f !important;
}

/* Some versions use :before instead */
.feature .hi-icon:before {
    background-color: #f1c40f !important;
}

/* Kill ALL green hover effects */
.feature .hi-icon:hover,
.feature .hi-icon:hover:after,
.feature .hi-icon:hover:before {
    background-color: #f1c40f !important;
    box-shadow: 0 0 0 4px #f1c40f !important;
}

/* Keep icon (wrench, truck, shield) white */
.feature .hi-icon i {
    color: #ffffff !important;
}
/* ===== NUCLEAR OVERRIDE FOR HI-ICON GREEN ===== */

/* Target EVERYTHING that can possibly draw the circle */
.feature [class*="hi-icon-effect"] .hi-icon,
.feature [class*="hi-icon-effect"] .hi-icon:before,
.feature [class*="hi-icon-effect"] .hi-icon:after {
    background: #f1c40f !important;
    border-color: #f1c40f !important;
    box-shadow: 0 0 0 4px #f1c40f !important;
}

/* Keep the icon itself white */
.feature .hi-icon i {
    color: #ffffff !important;
}
/* ===============================
   FIX FEATURE ICON GREEN BACKGROUND
   =============================== */

/* Override the green background on icons */
.feature .text-center i {
    background: #f1c40f !important;   /* yellow circle */
    color: #ffffff !important;        /* white icon */
}
/* Reduce About Us image size */
.about img {
    max-width: 60%;      /* reduce size (try 70% or 75% if needed) */
    height: auto;        /* keep proportions */
    margin-bottom: 15px;
}
/* About section – belief heading */
.about .col-md-6 h2 {
    font-size: 22px;        /* reduce size */
    font-weight: 700;      /* make bold */
    line-height: 1.4;
    margin-bottom: 15px;
}
.about .col-md-6 h2 {
    letter-spacing: 0.5px;
}
/* Contact info section text color */
#conatcat-info h2,
#conatcat-info p {
    color: #ffffff;
}
/* Contact Us link styling */
.contact-link {
    color: #f1c40f;          /* yellow */
    font-weight: bold;
    text-decoration: none;
}

.contact-link:hover {
    color: #ffffff;          /* white on hover */
    text-decoration: underline;
}
.footer {
    background-image: none !important;
    background-color: #000; /* or any color you want */
}
footer {
    background-image: none !important;
}
#conatcat-info {
    background: #000 !important; /* or any color you want */
    padding: 30px 0;
}
#conatcat-info h2 {
    font-weight: 700; /* bold */
}
/* Social media icons base style */
.social-network li a {
    background: #444;          /* default fallback */
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

/* WhatsApp */
.social-network .whatsapp {
    background: #25D366;       /* WhatsApp green */
}

.social-network .whatsapp i {
    color: #fff;
}

/* Facebook */
.social-network .facebook {
    background: #1877F2;
}

.social-network .facebook i {
    color: #fff;
}

/* Google */
.social-network .google {
    background: #DB4437;
}

.social-network .google i {
    color: #fff;
}
/* Social media icons base style */
.social-network li a {
    background: #444;          /* default fallback */
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

/* WhatsApp */
.social-network .whatsapp {
    background: #25D366;       /* WhatsApp green */
}

.social-network .whatsapp i {
    color: #fff;
}

/* Facebook */
.social-network .facebook {
    background: #1877F2;
}

.social-network .facebook i {
    color: #fff;
}

/* Google */
.social-network .google {
    background: #DB4437;
}

.social-network .google i {
    color: #fff;
}
/* === SOCIAL ICON LAYOUT FIX === */
.social-network {
    display: flex;
    gap: 15px;              /* space between icons */
    padding: 0;
}

.social-network li {
    margin: 0;
}
.social-network li a {
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.social-network li a i {
    font-size: 20px;        /* icon size */
    color: #fff !important;
}
.social-network li a.whatsapp {
    background: #25D366 !important;
}

.social-network li a.facebook {
    background: #1877F2 !important;
}

.social-network li a.google {
    background: #DB4437 !important;
}
/* ===== FORCE WHATSAPP COLOR FIX ===== */
.footer .social-network li a.whatsapp {
    background-color: #25D366 !important;
}

.footer .social-network li a.whatsapp i {
    color: #ffffff !important;
}
/* ===== SOCIAL ICON BASE FIX ===== */
.footer .social-network li a {
    width: 55px;
    height: 55px;
    line-height: 55px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

/* ===== WHATSAPP FIX ===== */
.footer .social-network li a.whatsapp {
    background-color: #25D366 !important;
}

.footer .social-network li a.whatsapp i {
    color: #ffffff !important;
    font-size: 18px;
}
/* ===== HARD RESET FOR SOCIAL ICONS ===== */
.footer .social-network li a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 42px !important;
    height: 42px !important;

    padding: 0 !important;
    margin: 0 6px;

    border-radius: 50% !important;
    line-height: 1 !important;
    overflow: hidden !important;
}

/* ===== WHATSAPP FINAL FIX ===== */
.footer .social-network li a.whatsapp {
    background-color: #25D366 !important;
}

.footer .social-network li a.whatsapp i {
    color: #ffffff !important;
    font-size: 20px;
}
/* ===== STATIC SOCIAL ICONS (NO LINKS) ===== */
.footer .social-network li .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    margin: 0 1px;

    border-radius: 50%;
    background: #333;
}

.footer .social-network li .social-icon i {
    color: #fff;
    font-size: 15px;
}
/* ===== ICON COLORS ===== */
.footer .social-network .whatsapp i {
    color: #ffffff; /* WhatsApp logo stays white */
}

.footer .social-network .facebook i {
    color: #ffffff;
}

.footer .social-network .google i {
    color: #ffffff;
}
/* ===== FORCE SOCIAL ICON COLORS ===== */

.footer .social-network li a i {
    color: inherit !important;
}

/* WhatsApp */
.footer .social-network li a.whatsapp {
    background: #25D366 !important;
}

/* Facebook */
.footer .social-network li a.facebook {
    background: #1877F2 !important;
}

/* Google */
.footer .social-network li a.google {
    background: #DB4437 !important;
}
/* ================================
   CONTACT PAGE STYLING
================================ */

#contact-page {
    background: #000;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.contact-container {
    text-align: center;
    max-width: 600px;
    width: 100%;
    color: #fff;
}

.contact-container h1 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #FFD700; /* yellow heading */
}

.contact-intro {
    font-size: 16px;
    margin-bottom: 30px;
    color: #fff;
}

.contact-details p {
    margin: 8px 0;
    font-size: 16px;
}

/* ===== Social Icons ===== */

.contact-socials {
    margin-top: 30px;
}

.contact-socials .social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin: 0 6px;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
}

/* Individual colors */
.contact-socials .whatsapp {
    background: #25D366;
}

.contact-socials .facebook {
    background: #1877F2;
}

.contact-socials .google {
    background: #DB4437;
}

/* Hover effect */
.contact-socials .social:hover {
    transform: scale(1.1);
    transition: 0.3s;
}
/* FORCE CONTACT PAGE SOCIAL ICON COLORS */

#contact-page .contact-socials a {
    width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 6px;
    font-size: 24px;
    text-decoration: none !important;
}

#contact-page .contact-socials a i {
    color: #fff !important;
}

/* WhatsApp */
#contact-page .contact-socials .whatsapp {
    background-color: #25D366 !important;
}

/* Facebook */
#contact-page .contact-socials .facebook {
    background-color: #1877F2 !important;
}

/* Google / Email */
#contact-page .contact-socials .google {
    background-color: #DB4437 !important;
}
/* ===============================
   CONTACT PAGE DARK THEME
================================ */

#contact-page {
    background-color: #000 !important;
    color: #fff !important;
    padding-top: 80px;
}

/* Text */
#contact-page h1,
#contact-page h2,
#contact-page h3,
#contact-page p,
#contact-page a,
#contact-page label {
    color: #fff !important;
}

/* Section spacing */
.contact-section {
    padding: 60px 0;
}

/* Inputs */
#contact-page .form-control {
    background: #111;
    color: #fff;
    border: 1px solid #444;
    margin-bottom: 15px;
}

#contact-page .form-control::placeholder {
    color: #aaa;
}

/* Button */
#contact-page .btn-warning {
    background: #f1c40f;
    border: none;
    color: #000;
    font-weight: bold;
}

/* SOCIAL ICONS */
.contact-social {
    margin-top: 20px;
}

.contact-social a {
    display: inline-block;
    margin-right: 15px;
    font-size: 28px;
    color: #fff;
}

.contact-social a .fa-whatsapp {
    color: #25D366;
}

.contact-social a .fa-facebook {
    color: #1877F2;
}

.contact-social a .fa-google {
    color: #DB4437;
}

/* Footer */
.contact-footer {
    text-align: center;
    padding: 20px 0;
    background: #000;
    color: #777;
}
/* Brand colors & weight */
.brand-white {
    color: #ffffff !important;
    font-weight: 700;
}

.brand-yellow {
    color: #f1c40f !important;
    font-weight: 700;
}
/* Contact details layout */
.contact-details {
    margin-top: 20px;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.contact-item i {
    font-size: 22px;
    margin-right: 15px;
    width: 30px;
    text-align: center;
    color: #f1c40f; /* icon color */
}

.contact-item a {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}

.contact-item a:hover {
    text-decoration: underline;
}
/* Contact page navbar active link */
#contact-page .navbar-nav > .active > a,
#contact-page .navbar-nav > .active > a:hover,
#contact-page .navbar-nav > .active > a:focus {
    color: #f1c40f !important; /* yellow */
    font-weight: 700;
}
/* Contact Us heading */
#contact-page .contact-section h2 {
    color: #f1c40f;
    font-weight: 700;
}
/* Contact page navbar active link */
#contact-page .navbar-nav > .active > a,
#contact-page .navbar-nav > .active > a:hover,
#contact-page .navbar-nav > .active > a:focus {
    color: #f1c40f !important; /* yellow */
    font-weight: 700;
}

/* Keep non-active links white */
#contact-page .navbar-nav > li > a {
    color: #ffffff !important;
}
/* Contact Us heading */
#contact-page .contact-section h2 {
    color: #f1c40f;
    font-weight: 700;
}
/* ===== CONTACT PAGE ICON COLORS ===== */

/* WhatsApp icon */
#contact-page .contact-item .fa-whatsapp {
    color: #25D366 !important; /* WhatsApp green */
}

/* Facebook icon */
#contact-page .contact-item .fa-facebook {
    color: #1877F2 !important; /* Facebook blue */
}

/* Email icon */
#contact-page .contact-item .fa-envelope {
    color: #ffffff !important; /* White */
}

/* Icon sizing & alignment */
#contact-page .contact-item i {
    font-size: 20px;
    margin-right: 12px;
    width: 22px;
    text-align: center;
}
/* Contact page spacing fix */
#contact-page .contact-cta {
    margin-top: 40px;   /* pushes button down */
}

#contact-page .contact-details {
    margin-bottom: 30px; /* space after contact info */
}

/* Optional: better text spacing */
#contact-page p {
    margin-bottom: 12px;
}
/* Fix CTA text overflow */
.btn {
    white-space: normal;        /* allows text to wrap */
    word-wrap: break-word;      /* breaks long words if needed */
    text-align: center;
    line-height: 1.4;
    padding: 14px 20px;
}
footer .btn {
    max-width: 100%;
    display: block;
}
/* Space after the reviews row */
.reviews .row {
    margin-bottom: 50px; /* controls space after 3rd review */
}

/* Extra space before Google reviews link */
.google-link-wrapper {
    margin-top: 40px;
}
/* Mobile-friendly footer copyright */
.copyright-text {
    font-size: 12px;
    text-align: center;
    margin: 10px 0;
    color: #aaa;
}

/* Extra mobile control */
@media (max-width: 768px) {
    .contact-footer {
        padding: 15px 0;
    }

    .copyright-text {
        font-size: 11px;
    }
}
/* =========================
   MOBILE WIDTH FIX (GLOBAL)
   ========================= */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/* Make all images mobile-safe */
img {
    max-width: 100%;
    height: auto;
    display: block;
}
.hero-image {
    max-width: 100%;
    height: auto;
    margin: 20px auto;
}

/* Mobile-specific fix */
@media (max-width: 768px) {
    .hero-image {
        width: 90%;
        max-height: 280px;
        object-fit: contain;
    }
}

/* Navbar mobile fix */
.navbar {
    max-width: 100%;
}

.navbar .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
/* Force clean stacking on mobile */
@media (max-width: 768px) {
    .col-sm-6,
    .col-md-6,
    .col-md-4,
    .col-md-3 {
        width: 100%;
        float: none;
    }
}
/* Prevent accidental wide elements */
.container,
.row {
    margin-left: 0;
    margin-right: 0;
}
/* =========================
   HERO IMAGE FIX (MOBILE)
   ========================= */

.hero-image {
    max-width: 100%;
    height: auto;
    margin: 20px auto;
}

/* Mobile-specific fix */
@media (max-width: 768px) {
    .hero-image {
        width: 90%;
        max-height: 280px;
        object-fit: contain;
    }
}
/* Prevent hero container from clipping content */
.carousel-content {
    overflow: visible;
}
@media (max-width: 768px) {
    .carousel-content {
        text-align: center;
    }
}
/* FOOTER FIX */
.contact-footer {
    width: 100%;
    text-align: center;
    padding: 20px 10px;
    margin-top: 40px;
    clear: both;
}

.contact-footer .copyright-text {
    font-size: 12px;      /* smaller text */
    color: #777;
    margin: 0 auto;
    line-height: 1.6;
    max-width: 100%;
}
@media (max-width: 768px) {
    .contact-footer {
        padding: 15px 10px;
    }

    .contact-footer .copyright-text {
        font-size: 11px;   /* even smaller on mobile */
    }
}
/* HARD RESET FOOTER FIX */
.contact-footer {
    position: static !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    display: block !important;

    text-align: center !important;
    padding: 25px 15px !important;
    margin-top: 60px !important;
    left: 0 !important;
    right: 0 !important;
}

.contact-footer .copyright-text {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #777 !important;

    max-width: 100% !important;
    white-space: normal !important;
}
@media (max-width: 768px) {
    .contact-footer {
        margin-top: 40px !important;
    }

    .contact-footer .copyright-text {
        font-size: 11px !important;
        text-align: center !important;
    }
}
/* Prevent content hiding behind fixed navbar */
body {
    padding-top: 70px;
}

/* Force columns to stack on mobile */
@media (max-width: 767px) {
    .contact-section .col-md-6 {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }
}

/* Footer positioning */
.contact-footer {
    clear: both;
    width: 100%;
    margin-top: 40px;
    padding: 15px 0;
    font-size: 12px;
    background: #000;
    color: #aaa;
    text-align: center;
}
body {
    padding-top: 70px;
}

.contact-footer {
    width: 100%;
    clear: both;
    margin-top: 40px;
    padding: 15px 0;
    font-size: 12px;
    background: #000;
    color: #aaa;
    text-align: center;
}
/* FORCE CTA & FOOTER BELOW ALL COLUMNS */

.contact-section .btn {
    float: none !important;
    position: relative !important;
    width: 100% !important;
    margin-top: 20px;
}

.contact-footer {
    clear: both !important;
    float: none !important;
    position: relative !important;
    width: 100% !important;
    margin-top: 40px;
    text-align: center;
    font-size: 12px;
}
/* HERO IMAGE FIX */
.hero-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}

/* MOBILE ONLY */
@media (max-width: 768px) {
    .hero-image {
        max-width: 70%;   /* reduce size on mobile */
    }
}
/* CONTACT PAGE FOOTER FIX */
.contact-footer {
    text-align: center;
    padding: 15px 10px;
}

.contact-footer .copyright-text {
    font-size: 12px;        /* desktop size */
    line-height: 1.4;
    white-space: normal;    /* allow wrapping */
    word-break: break-word;
    margin: 0 auto;
}

/* MOBILE ONLY — make it smaller */
@media (max-width: 768px) {
    .contact-footer .copyright-text {
        font-size: 10px;    /* about half-size */
    }
}
/* FORCE FOOTER BELOW ALL COLUMNS */
.contact-footer {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 20px 10px;
    background: transparent;
}

/* CLEAN, PRESENTABLE TEXT */
.contact-footer .copyright-text {
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;   /* KEEP IT ON ONE LINE */
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}

/* MOBILE: SLIGHTLY SMALLER */
@media (max-width: 768px) {
    .contact-footer .copyright-text {
        font-size: 11px;
    }
/* FIX TOP HERO IMAGE */
.top-hero-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.