@font-face {
    font-family: 'fjalla_oneregular';
    src: url('../fonts/fjallaone-regular-webfont.eot');
    src: url('../fonts/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fjallaone-regular-webfont.woff') format('woff'),
         url('../fonts/fjallaone-regular-webfont.ttf') format('truetype'),
         url('../fonts/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*---------------------------------------
  Global Styles
-----------------------------------------*/

body{background:#ffffff;}
h1, h2, h3, h4, h5, h6{margin: 0;font-family: /*'fjalla_oneregular'*/ 'Poppins', sans-serif; color: #110e0e;  text-transform: uppercase; padding-bottom: 15px;}
h1{ font-size: 40px; }
h2{ font-size: 20px;}
h3{ font-size: 18px;}
h4{ font-size: 16px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}
p{ font-size: 14px; font-family: 'source_sans_proregular'; color: #a5a5a5; margin-right:0; margin-bottom: 15px; line-height: 24px;}
p:nth-last-child(1){
	margin-bottom: 0;
}
a{ transition:all 1s; color: #a5a5a5;}
a:hover{}
img{}
 ul{
 	padding-left: 0;
 	list-style-position: inside;
 }
/*---------------------------------------
  Bootsrap Styles Customized
-----------------------------------------*/

/*.btn{
	background: #e24f43;
	color: #fff;
	font-family: 'fjalla_oneregular';
	text-transform: uppercase;
	border:none;
}
.btn:hover{
	background: #5c5c5c;
	color: #fff;
}*/
.btn {
  background: #0b7a4b;
  color: white;
  border-radius: 25px;
  padding: 8px 18px;
  border: none;
}

.btn:hover {
  background: #095c38;
}


/*========================================
  Custom Classes
========================================*/

.wrapper{
	padding: 60px 0;
	}
.spacing{
	padding: 30px 0;
}	
.spacing-r{
	padding-right: 30px;
}	
.spacing-l{
	padding-left: 30px;
}
.spacing-t{
	padding-top: 30px;
}
.spacing-b{
	padding-bottom: 30px;
}
.spacing-t-b{
	padding-top: 30px;
	padding-bottom: 30px;
}
.spacing-l-r{
	padding-left: 30px;
	padding-right: 30px;
}
.spacing-t-l{
	padding-top: 30px;
	padding-left: 30px;
}
.spacing-t-r{
	padding-right: 30px;
	padding-top: 30px;
}
.spacing-b-l{
	padding-bottom: 30px;
	padding-left: 30px;
}
.spacing-b-r{
	padding-bottom: 30px;
	padding-right: 30px;
}
.item-spacing-t{
	padding-top: 15px;
}
.item-spacing-b{
	padding-bottom: 15px;
}
.item-spacing-t-b{
	padding: 15px 0;
}
.item-spacing-l{
	padding-left: 15px;
}
.item-spacing-r{
	padding-right: 15px;
}
.item-spacing-l-r{
	padding:0 15px;
}
.item-spacing-r-b{
	padding-right: 15px;
	padding-bottom: 15px;
}
.ruler{
	height: 1px;
	background: #dfdfdf;
}
.block{ float:left;}
.radi{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.box{
	border:1px solid #eee;
	padding: 30px 40px 30px 30px;
	overflow: hidden;
}
.radi-c1{
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
.radi-c2{
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}
.radi-c3{
	-webkit-border-radius: 0 0 5px 0;
	 		-moz-border-radius: 0 0 5px 0;
	 		border-radius: 0 0 5px 0; 		
}
.radi-c4{
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}
.radi-c1-c2{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.radi-c2-c3{
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.radi-c3-c4{
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.radi-c4-c1{
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.radi-c1-c3{
	-webkit-border-radius: 5px 0 5px 0;
	-moz-border-radius: 5px 0 5px 0;
	border-radius: 5px 0 5px 0;
}
.radi-c2-c4{
	-webkit-border-radius: 0 5px 0 5px;
	-moz-border-radius: 0 5px 0 5px;
	border-radius: 0 5px 0 5px;
}
.main-title{
padding: 40px 0;
overflow: hidden;
}
.main-title h3{
	color: #a5a5a5;
	margin-bottom: 0;
}

.main-title .btn{
	font-size: 20px;
	margin-top: 20px;
}
.main-title .btn:hover{
	background: #5c5c5c;
}
.ruler-top{
	border-top: 5px solid #5c5c5c;
}
.header-warp{
	padding: 40px 0;

	
}
.header-warp h6{
	color: #a5a5a5;
}
.featured-items{
	padding: 60px 0;
	overflow: hidden;
}
.featured-items i{
	display: inline-block;
	text-align: center;
	line-height: 130px;
	height: 130px;
	width: 130px;
	border: 4px solid #dfdfdf;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 40px;
	color: #e24f43;
	float: left;
	margin-right: 20px;
	
}
.featured-items i:hover{
	background: #e24f43;
	color: #fff;
	transition:all 1s;
	border: 4px solid #e24f43;
}
.featured-items h2{
	padding-top: 30px;
	padding-bottom: 20px;
}
.featured-items .block{margin-bottom: 30px;}
.subscribe{
	background: #5c5c5c;
	padding: 30px;
	border-radius: 3px;
	overflow: hidden;
}
.subscribe h1{
	display: inline-block;
	float: left;
	padding-right: 20px;
	padding-bottom: 0;
	color: #fff;
}
.subscribe .btn{
	margin-left: 15px;
	transition:all 1s;
}
.subscribe .btn:hover{
	background: #eee;
	color: #000;
}
.subscribe .form-control {
border-color: #fff;
}

.featured-blocks{
	overflow: hidden;
	padding: 60px 0;
}
.featured-blocks .thumbnail{
	padding: 0;
}
.featured-blocks .thumbnail img{
	width:100%;
}
.featured-blocks .thumbnail .caption{
	padding: 30px;
}
/*.site-header{
	border-top: 5px solid #5c5c5c;
	padding: 0px -15px !important;
	margin: 0 15px;
}*/
.site-header {
  background: white;
  padding: 15px 0;
  border-top: none;
}
.hide {
  display: none ;
}

.site-header h3{
	display: inline-block;
	
	

}
.site-header button{ text-align: left !important; padding-bottom: 0 !important;}
.site-header .fw-icon-th-list { float: right; padding-top: 10px;}
.navbar-toggle {margin:0; padding-top: 4px;}
.navbar-toggle {width: 100%;  padding: 8px 10px !important; outline: none;}

/*.site-footer{
	overflow:hidden;
	padding: 60px 0;
	border-top: 1px solid #dfdfdf;
}
.site-footer a{
	margin-right:30px;
}
.site-footer a:hover{
	text-decoration: none;
	color: #e24f43;
}
.site-footer a i{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #e24f43;

}*/
/*Menu Styles*/

.site-name h1{
	padding: 5px 0;
}
.navbar-collapse {
	padding: 0;
}
/*.navbar-nav > li{
	margin-right: 10px;
	font-family: 'fjalla_oneregular';
	font-weight: normal;
}

.navbar-nav > li a{
	font-size: 16px;
	text-transform: uppercase;
	color: #a5a5a5;
	padding: 20px;
}
.nav > li > a:hover{
	background: #000;
	border-radius: 3px;
}
 .navbar-nav > li > a:hover{
	color: #fff;
	background: #000l;
	border-radius : 3px;
}
.navbar-nav > .active > a{
	background: #eee;
	color: #fff;
	background: #e24f43;
	border-radius: 3px;
	}*/
.navbar-nav {
  align-items: center;
}

.navbar-nav .nav-link {
  font-size: 16px;
  color: #333;
  margin: 0 10px;
  font-weight: 500;
}

.navbar-nav .nav-link:hover {
  color: #0b7a4b;
}

.navbar-nav .nav-link.active {
  color: #0b7a4b;
  font-weight: bold;
}	
.navbar{
	margin-bottom: 0;
}
.dropdown-menu{
	background:#000;
	margin-top: 5px !important;
}
.dropdown-menu  li a {
	background: #000;
	padding: 8px 10px;
	font-size: 14px;
	
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #e24f43;
}
.nav .caret {
border-top-color: #eee;
border-bottom-color: #eee;
}

/*Banner Styles*/
.banner{
	
	background: url(../images/banner.jpg) no-repeat;
	height: 440px;
	border-radius: 5px;
}
.box1, .box2, .box3, .box4{
	width: 50%;
	height: 220px;
	background: url(../images/dot.png);
	float: left;
	position: relative;
}
.box2, .box3{
	background: url(../images/dot2.png);
}
.banner-item .box3 h3{
	border-radius: 0 0 0 5px;
}
.banner-item{
	border-radius: 5px;
}
.banner-item h3{
	text-transform: uppercase;
	display: inline-block;
	/*background: #000 !important;*/
	padding: 10px;
	color: #fff;
	position: absolute;
	bottom: 0;
	

}
.box1:hover, .box2:hover, .box3:hover, .box4:hover{
	transition:all 1s;
	background: url(../images/dot-hover.png);
}
.box1:hover h3, .box2:hover h3, .box3:hover h3, .box4:hover h3{
	/*background: #e24f43 !important;*/
	transition:all 1s;
	
}

/*  GENERAL*/
body {
  font-family: 'Poppins', sans-serif;
  background-color: #f4f7f6;
}

/*  HEADER*/
.site-header {
  background: white;
  padding: 15px 0;
}

/*  NAVBAR */
.navbar-nav li a {
  font-size: 16px;
  color: #333;
  margin: 0 10px;
}

.navbar-nav li a:hover {
  color: #0b7a4b;
}

/*  HERO SECTION */
.hero-section {
  background: linear-gradient(135deg, #0b7a4b, #0f9d58);
  color: white;
  text-align: center;
  padding: 80px 20px;
}

.hero-section h1 {
  font-size: 42px;
  font-weight: 700;
  color: #ffffff;   /* FULL WHITE */
}

.hero-section span {
  color: #ffd700;   /* yellow highlight */
}

/* INFO BOX  */
.info-box {
  background: white;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/*  IMAGE  */
.img-box img {
  width: 100%;
  border-radius: 12px;
}

/* FEATURE BOXES  */
.feature-box {
  background: #e6efea;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  transition: 0.3s;
}

.feature-box:hover {
  background: #0b7a4b;
  color: white;
}

/*  BUTTON  */
.btn-custom {
  background: #0b7a4b;
  color: #ffffff !important;  /* FORCE white text */
  border-radius: 25px;
  padding: 10px 25px;
  border: none;
  font-weight: 600;
  display: inline-block;
}

.btn-custom:hover {
  background: #095c38;
  color: #ffffff !important;
}

.btn-custom:hover {
  background: #095c38;
}


/* NAVBAR */
.navbar {
  padding: 10px 0;
}

.navbar-nav .nav-link {
  font-weight: 600;
  color: #333;
  margin-left: 15px;
}

.navbar-nav .nav-link:hover {
  color: #0b7a4b;
}
/*.top-bar {
  background: #f5f5f5;
  padding: 6px 0;
  font-size: 14px;
}

.top-bar a {
  color: #333;
  text-decoration: none;
  margin-left: 10px;
}*/

.navbar-nav .nav-link {
  font-weight: 600;
  margin-left: 15px;
}
/*  FIX NAVBAR*/
.custom-menu {
  gap: 20px;
  margin-right: 20px;
}

.navbar-nav .nav-link {
  font-weight: 600;
  color: #333;
}

.navbar-nav .nav-link:hover {
  color: #0b7a4b;
}

/*  HERO SIZE FIX  */
.hero-section {
  background: #0b7a4b;
  color: white;
  text-align: center;
  padding: 40px 15px; /* reduced */
}

/*  TOP BAR
.top-bar {
  background: #9cd3aa;
  padding: 6px 0;
  font-size: 14px;
}

.top-bar a {
  margin-left: 10px;
  color: #333;
  text-decoration: none;
}*/
.info-box {
  margin-top: 20px;
}
.footer-top {
  background: #0b7a4b;
  color: white;
  padding: 30px 10px;
}

.footer-top p {
  margin: 5px 0;
}

.footer-bottom {
  background: #075c38;
  color: white;
  padding: 10px;
}
.feature-box {
  background: #e6efea;
  padding: 25px;
  border-radius: 12px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.feature-box:hover {
  background: #0b7a4b;
  color: white;
  transform: translateY(-10px);
  box-shadow: 0 10px 20px yellow(0,0,0,0.2);
}
.custom-img {
  border-radius: 15px;
  width: 100%;
  height: 250px;
  object-fit: cover;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
/* FORCE FIX DROPDOWN */
.dropdown-menu {
  background-color: #ffffff !important;
  border-radius: 10px !important;
  border: 1px solid #ddd !important;
  padding: 5px 0;
}

.dropdown-item {
  color: #333 !important;
}

.dropdown-item:hover {
  background-color: #0b7a4b !important;
  color: #ffffff !important;
}
/* COMPANY INFO TEXT FIX */
.info-box h3 {
  color: #0b7a4b;   /* heading green */
  font-weight: 600;
}

.info-box p {
  color: #333;      /* dark readable text */
  font-size: 15px;
}

/* Highlight labels */
.info-box strong {
  color: #000;
}

/* Email link */
.info-box a {
  color: #0b7a4b;
  text-decoration: none;
}

.info-box a:hover {
  text-decoration: underline;
}
.info-box {
  background: #ffffff;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 8px 20px rgba(241, 238, 238, 0.1);
}
/* FOOTER FIX */

.footer-top {
  background: #0f7a4f;
  color: #ffffff;
  padding: 25px 0;
  text-align: center;
}

.footer-top p {
  margin: 6px 0;
  color: #ffffff;
}

.footer-bottom {
  background: #0a5c3a;
  color: #ffffff;
  text-align: center;
  padding: 10px 0;
}

/* links */
.footer-top a {
  color: #ffffff;
  text-decoration: none;
}

.footer-top a:hover {
  color: #ffd700;
}
.dropdown-menu {
  background-color: #ffffff !important;
  border-radius: 8px !important;
  border: 1px solid #ddd !important;
}

.dropdown-item {
  color: #e4dddd !important;
}

.dropdown-item:hover {
  background-color: #72a08d !important;
  color: #fff !important;
}
/* COMPANY TEXT FIX */
.info-box h3 {
  color: #0b7a4b;
}

.info-box p {
  color: #333;
  font-size: 15px;
}

.info-box strong {
  color: #000;
}
/* IMAGE SPACING FIX */
.row.align-items-center {
  gap: 20px;
}

.custom-img {
  width: 700%;
  height: 360px;
  object-fit: cover;
  border-radius: 12px;
}
/* SPACE BETWEEN BOXES & COMPANY INFO */
.features {
  margin-top: 50px;   /* space above boxes */
  margin-bottom: 50px; /* space below boxes */
}

.info-box {
  margin-top: 40px;   /* pushes company info down */
}
/* HEADER DEFAULT */
.custom-navbar {
  background: transparent;
  transition: all 0.3s ease;
  padding: 15px 0;
}

/* WHEN SCROLL */
/* ALWAYS WHITE NAVBAR */
.custom-navbar {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

/* KEEP SAME EVEN AFTER SCROLL */
.custom-navbar.scrolled {
  background: #ffffff !important;
}

/* MENU TEXT */
.custom-navbar .nav-link {
  color: #333 !important;
  font-weight: 600;
}

.custom-navbar .nav-link:hover {
  color: #0b7a4b !important;
}
body {
  padding-top: 100px;
}
/*  TOP BAR STYLE */
.top-bar {
  background: #e3ebe3;
  font-size: 14px;
  padding: 8px 0;
}

.top-bar a {
  color: #333;
  margin-left: 10px;
  text-decoration: none;
}

.top-bar a:hover {
  color: #b3ce18;
}

.social-icons a {
  margin-right: 8px;
  color:white;
  font-size: 16px;
  transition: 0.3s;
}

.social-icons a:hover {
  color: #d3d01f;
}
/*  STICKY NAVBAR FIX  */
.custom-navbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #ffffff;
  transition: all 0.3s ease;
}

/* WHEN SCROLL */
.custom-navbar.scrolled {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  padding: 8px 0;
}
/* 
   FINAL FIX (DO NOT REMOVE ANYTHING ABOVE)
 */

/* REMOVE EXTRA TOP SPACE */
body {
  padding-top: 0 !important;
}

/* FIX NAVBAR (ALWAYS WHITE + CLEAN) */
.custom-navbar {
  position: sticky;
  top: 40px; /* adjust according to top-bar height */
  z-index: 1000;
}

/* KEEP SAME ON SCROLL */
.custom-navbar.scrolled {
  background: #ffffff !important;
}

/* FIX IMAGE SIZE */
.custom-img {
  width: 100% !important;
  height: 250px !important;
  object-fit: cover;
  border-radius: 12px;
}

/* FIX DROPDOWN LOOK */
.dropdown-menu {
  background-color: #ffffff !important;
  border-radius: 8px !important;
  border: 1px solid #ddd !important;
}

.dropdown-item {
  color: #333 !important;
}

.dropdown-item:hover {
  background-color: #0b7a4b !important;
  color: #ffffff !important;
}

/* FIX TOP BAR SPACING */
.top-bar {
  margin-bottom: 0 !important;
}

/* FIX NAVBAR SPACING */
.navbar {
  margin-bottom: 0 !important;
}

/* FIX SOCIAL ICONS LOOK */
.social-icons a {
  margin-right: 8px;
  color: white;
  font-size: 16px;
  transition: 0.3s;
}

.social-icons a:hover {
  color: #d7da4e;
}
/* BIG IMAGE STYLE */
.big-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 12px;
}
.footer-top {
  background: #0b7a4b;
  color: #ffffff;
}

.footer-top h4 {
  color: #ffffff !important;
}

.footer-top p,
.footer-top strong,
.footer-top label {
  color: #ffffff !important;
}
/*  FOOTER FIX */

.footer-top {
  background: #198754;   /* lighter green */
  color: #ffffff;
  padding: 40px 0;
}

.footer-top h4 {
  color: #ffffff !important;
}

.footer-top p,
.footer-top strong,
.footer-top label {
  color: #ffffff !important;
}

/* IMAGE SIZE */
.footer-img {
  width: 100%;          /* full width of column */
  max-width: 260px;     /* control size */
  height: 260px;        /* increase height */
  object-fit: cover;    /* keeps image nice */
  border-radius: 12px;
  display: block;
  margin-left: auto;    /* align right */
}

/* ALIGNMENT FIX */
.footer-top .row > div {
  margin-bottom: 20px;
}
/* COMPANY INFO LEFT ALIGN  */
.info-box {
  text-align: left;   /* LEFT ALIGN */
}

/* HEADING STYLE */
.info-heading {
  font-weight: 700;
  font-size: 26px;
  color: #0b7a4b;
  margin-bottom: 15px;
  text-align:center ;
}

/* PARAGRAPH */
.info-box p {
  color: #333;
  font-size: 15px;
  line-height: 1.6;
}

/* READ MORE BUTTON */
.read-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background: #0b7a4b;   /* GREEN BUTTON */
  color: #fff !important;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 500;
}

/* HOVER 
.read-btn:hover {
  background: #095c38;
  color: #fff;
}*/

/* CLICK FIX (NO COLOR CHANGE) */
.read-btn:focus,
.read-btn:active {
  color: #fff !important;
  outline: none;
  box-shadow: none;
}
/* CONTACT TEXT IMPROVE  */

/* Section headings */
h2 {
  font-weight: 700;
  color: #222;
}

/* Contact labels like Phone, Email, Location */
.contact-box strong {
  font-weight: 700;
  color: #000;
}

/* General text inside contact section */
.contact-box p {
  font-size: 15px;
  color: #333;
  font-weight: 500;
}

/* Icons */
.contact-box i {
  color: #0b7a4b;
  font-size: 32px;
  margin-bottom: 10px;
}
/* MAKE ALL CONTACT TEXT BOLD  */
.contact-section {
  font-weight: 600;
  color: #222;
}

.contact-section h2 {
  font-weight: 700;
}

.contact-section p {
  font-weight: 600;
  color: #333;
}

.contact-section strong {
  font-weight: 700;
}

.contact-section label {
  font-weight: 600;
}

.contact-section input,
.contact-section textarea {
  font-weight: 500;
}
/* IMAGE CARD STYLE */
.news-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
}

.news-card p {
  font-weight: 600;
  color: #000;
  margin-top: 10px;
  font-size: 14px;
}

/* HOVER EFFECT (optional but nice) */
.news-card:hover {
  transform: translateY(-5px);
  transition: 0.3s;
}
/* STICKY== TO==P BAR  */
.top-bar {
  position: sticky;
  top: 0;
  z-index: 1100; /* higher than navbar */
  background: #1a9260;
}
/*  FIX LANGUAGE DROPDOWN COLORS  */

/* dropdown background */
.dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #ddd !important;
}

/* normal text */
.dropdown-item {
  color: #333 !important;
  background-color: #ffffff !important;
}

/* hover effect */
.dropdown-item:hover {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}

/* when clicked (active) */
.dropdown-item:active {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}

/* remove green focus */
.dropdown-item:focus {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}
.img-full {
  width: 90%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.services-section {
  background-color: #f5f9f7;   /* light green shade */
  padding: 40px 20px;
  border-radius: 10px;
}
/* CLICK EFFECT */
.feature-box.active h4 {
  color: #ffc107 !important;   /* yellow */
}

.feature-box.active p {
  color: #ffffff !important;   /* white */
}

/* OPTIONAL background */
.feature-box.active {
  background: #0b7a4b; /* keep green or change if you want */
}
/* DEFAULT BOX */
.feature-box {
  background: #e6efea;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}

/* HOVER */
.feature-box:hover {
  background: #0b7a4b;
}

/* CLICK EFFECT */
.feature-box.active h4 {
  color: #ffc107 ;   /* YELLOW */
}

.feature-box.active p {
  color: #ffffff ;   /* WHITE */
}
.program-section {
  align-items: center;
}

.program-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 12px;
}

.program-section h4 {
  color: #0b7a4b;
  font-weight: 700;
  margin-bottom: 10px;
  
}

.program-section p {
  color: #333;
  font-size: 15px;
}

.program-section ul {
  padding-left: 20px;
}

.program-section ul li {
  margin-bottom: 8px;
  color: #555;
}

/* NICE HOVER EFFECT */
.program-section:hover {
  transform: translateY(-5px);
  transition: 0.3s;
}
/*  SPACE BETWEEN EACH SERVICE ROW  */
.services-section .row {
  margin-bottom: 30px;   /* space between rows */
}

/*  SPACE BETWEEN BOXES  */
.feature-box {
  margin-bottom: 20px;   /* space inside row */
  padding: 25px;
}

/* ADD HEIGHT FOR BETTER LOOK */
.feature-box {
  min-height: 200px;     /* makes all boxes equal */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*  HEADING SPACE  */
.feature-box h4 {
  margin-bottom: 10px;
}

/* PARAGRAPH SPACE  */
.feature-box p {
  margin-bottom: 10px;
}

/*.program-section .col-md-7 {
    padding-left: 80px;  /* adjust this value */

/* Apply spacing ONLY when image is LEFT */
.program-section:not(.flex-md-row-reverse) .col-md-7 {
    padding-left: 120px;
}
.logo-container {
  display: flex;
  align-items: center;   /* THIS makes text center with logo */
  gap: 10px;             /* space between logo & text */
}

.logo-container img {
  height: 50px;          /* adjust as needed */
}

.logo-container h1 {
  margin: 0;
  font-size: 24px;
}

.g-recaptcha{
  transform: scale(0.8);
  transform-origin: 0,0;
}
/* DEFAULT STATE */
.feature-box {
  background: #e6efea;   /* light green */
  color: #333;
  border-radius: 12px;
  padding: 25px;
  transition: 0.3s;
}

/* DEFAULT TEXT */
.feature-box h4 {
  color: #0b7a4b;   /* green heading */
}

.feature-box p {
  color: #555;      /* dark paragraph */
}

/* HOVER STATE */
.feature-box:hover {
  background: #0b7a4b;
  transform: translateY(-8px);
}

/* HOVER TEXT */
.feature-box:hover h4 {
  color: #ffc107 !important;   /* yellow heading */
}

.feature-box:hover p {
  color: #ffffff !important;   /* white text */
}
/* TOP BAR TEXT WHITE */
.top-bar {
  background: #0b7a4b;   /* keep green */
}

/* text (like email, phone etc.) */
.top-bar p,
.top-bar span,
.top-bar a {
  color: #ffffff !important;
}

/* social icons */
.social-icons a {
  color: #ffffff !important;
}

/* hover effect (optional nice touch) */
.top-bar a:hover,
.social-icons a:hover {
  color: #ffd700 !important;   /* yellow hover */
}
/* FORCE ALL TEXT INSIDE TOP BAR */
.top-bar * {
  color: #ffffff !important;
}
/* HIDE GOOGLE DEFAULT ICON */
.goog-logo-link {
  display: none !important;
}

.goog-te-gadget span {
  display: none !important;
}

/* REMOVE BORDER + CLEAN LOOK */
.goog-te-gadget {
  color: transparent !important;
}

/* STYLE DROPDOWN */
.goog-te-combo {
  background: #0b7a4b;   /* your green */
  color: #ffffff;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  outline: none;
}

/* HOVER EFFECT */
.goog-te-combo:hover {
  background: #095c38;
}

/* REMOVE GOOGLE TOP BAR */
body {
  top: 0px !important;
}

iframe.goog-te-banner-frame {
  display: none !important;
}
.lang-dropdown {
  background: #0b7a4b;
  color: #ffffff;
  border: none;
  padding: 5px 12px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
}

.lang-dropdown:hover {
  background: #095c38;
}
.top-bar a:hover,
.social-icons a:hover {
  color: #ffd700;
}