/* ==========================================================
   SSGIF homepage redesign: header/navbar + management team
   Brand colours: green #3cc88f, navy #25283a
   ========================================================== */
:root{
	--ssgif-green:#3cc88f;
	--ssgif-green-dark:#2fa877;
	--ssgif-green-soft:rgba(60,200,143,0.12);
	--ssgif-navy:#25283a;
	--ssgif-navy-2:#1e2436;
	--ssgif-muted:#6b6f80;
}

/* ---------- Top bar ---------- */
.ssgif-header .header-top{
	background:var(--ssgif-navy);
	border-bottom:3px solid var(--ssgif-green);
}
.ssgif-header .header-top .inner{ padding-left:0; }
.ssgif-header .header-top .top-left,
.ssgif-header .header-top .top-right{ padding:9px 0; }
.ssgif-header .header-top .info li,
.ssgif-header .header-top .social-links li,
.ssgif-header .header-top .social-links li a{
	color:rgba(255,255,255,0.82);
	font-size:13px;
}
.ssgif-header .header-top .info li .icon{ color:var(--ssgif-green); }
.ssgif-header .header-top .social-links li a{
	width:28px; height:28px; line-height:28px; text-align:center;
	border-radius:50%; background:rgba(255,255,255,0.08);
	transition:all 250ms ease;
}
.ssgif-header .header-top .social-links li.social-title{ margin-right:12px; }
.ssgif-header .header-top .social-links li{ margin-right:8px; }
.ssgif-header .header-top .social-links li a:hover{
	background:var(--ssgif-green); color:#fff;
}

/* ---------- Main bar ---------- */
.ssgif-header .header-upper{
	background:#fff;
	box-shadow:0 6px 24px rgba(37,40,58,0.08);
	position:relative; z-index:20;
}
.ssgif-header .header-upper .inner-container{
	padding-left:0;
	min-height:96px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.ssgif-header .header-upper .logo-box{
	position:static; float:none;
	width:auto; height:auto; top:0;
	overflow:visible; padding:10px 0;
}
.ssgif-header .header-upper .logo-box .logo{
	padding:0; background:none; border-radius:0;
}
.ssgif-header .header-upper .logo-box .logo:before{ display:none; }
.ssgif-header .header-upper .logo img{
	height:76px; width:auto; max-width:none;
}
.ssgif-header .nav-outer{
	display:flex; align-items:center; float:none;
}
.ssgif-header .nav-outer .mobile-nav-toggler{
	order:2; margin:0 0 0 20px; color:var(--ssgif-navy); font-size:34px;
}

/* Links */
.ssgif-header .main-menu .navigation > li{
	padding:30px 0;
	margin-right:6px;
}
.ssgif-header .main-menu .navigation > li.dropdown{ padding-right:0; }
.ssgif-header .main-menu .navigation > li > a{
	font-size:15px;
	font-weight:600;
	color:var(--ssgif-navy);
	padding:8px 14px;
	border-radius:30px;
	transition:all 250ms ease;
}
.ssgif-header .main-menu .navigation > li.dropdown > a{ padding-right:30px; }
.ssgif-header .main-menu .navigation > li.dropdown > a:after{
	right:12px; top:8px; font-size:12px; color:var(--ssgif-green);
}
.ssgif-header .main-menu .navigation > li > a:before{ display:none; }
.ssgif-header .main-menu .navigation > li:hover > a,
.ssgif-header .main-menu .navigation > li.current > a{
	background:var(--ssgif-green-soft);
	color:var(--ssgif-green-dark);
}

/* Contact button */
.ssgif-header .main-menu .navigation > li.nav-cta > a{
	background:var(--ssgif-green);
	color:#fff;
	padding:8px 22px;
	box-shadow:0 6px 16px rgba(60,200,143,0.35);
}
.ssgif-header .main-menu .navigation > li.nav-cta:hover > a{
	background:var(--ssgif-navy);
	color:#fff;
	box-shadow:0 6px 16px rgba(37,40,58,0.25);
}

/* Dropdowns */
.ssgif-header .main-menu .navigation > li > ul{
	width:220px;
	border-top:none;
	border-radius:12px;
	overflow:hidden;
	padding:8px 0;
	box-shadow:0 14px 34px rgba(37,40,58,0.16);
}
.ssgif-header .main-menu .navigation > li > ul > li{ border-bottom:none; }
.ssgif-header .main-menu .navigation > li > ul > li:before{ display:none; }
.ssgif-header .main-menu .navigation > li > ul > li > a{
	font-size:14px;
	color:var(--ssgif-navy);
	padding:10px 20px;
	border-left:3px solid transparent;
	transition:all 200ms ease;
}
.ssgif-header .main-menu .navigation > li > ul > li:hover > a{
	background:var(--ssgif-green-soft);
	color:var(--ssgif-green-dark);
	border-left-color:var(--ssgif-green);
}

/* Sticky header */
.ssgif-header .sticky-header{
	background:#fff;
	border-bottom:3px solid var(--ssgif-green);
	box-shadow:0 6px 20px rgba(37,40,58,0.10);
}
.ssgif-header .sticky-header .logo img{ height:54px !important; width:auto; }
.ssgif-header .sticky-header .main-menu .navigation > li > a{ color:var(--ssgif-navy); }
.ssgif-header .sticky-header .main-menu .navigation > li:hover > a{ color:var(--ssgif-green-dark); }
.ssgif-header .sticky-header .main-menu .navigation > li.nav-cta > a{ color:#fff; }

/* Mobile menu panel */
.ssgif-header .mobile-menu .menu-box{ background:var(--ssgif-navy); }
.ssgif-header .mobile-menu .navigation li > a:hover,
.ssgif-header .mobile-menu .navigation li.current > a{ color:var(--ssgif-green); }

@media only screen and (max-width:1023px){
	.ssgif-header .header-upper .inner-container{ min-height:80px; }
	.ssgif-header .header-upper .logo img{ height:60px; }
	.ssgif-header .header-upper .logo-box .logo{ padding:0; }
}

/* ---------- Management team ---------- */
.ssgif-team{
	position:relative;
	padding:90px 0 70px;
	background:linear-gradient(180deg,#f3fbf7 0%,#ffffff 100%);
}
.ssgif-team .team-head{
	text-align:center; max-width:640px; margin:0 auto 50px;
}
.ssgif-team .team-kicker{
	display:inline-block;
	font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
	color:var(--ssgif-green-dark);
	background:var(--ssgif-green-soft);
	padding:6px 16px; border-radius:30px; margin-bottom:14px;
}
.ssgif-team .team-head h2{
	font-size:40px; color:var(--ssgif-navy); margin-bottom:12px;
}
.ssgif-team .team-head p{ color:var(--ssgif-muted); font-size:16px; line-height:1.7; }
.ssgif-team .team-head h2:after{
	content:''; display:block; width:60px; height:4px; border-radius:4px;
	background:var(--ssgif-green); margin:14px auto 0;
}
.ssgif-team .team-grid{
	display:flex; flex-wrap:wrap; justify-content:center; gap:30px;
}
.ssgif-team .member{
	flex:0 1 330px;
	background:#fff;
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(37,40,58,0.08);
	transition:transform 300ms ease, box-shadow 300ms ease;
	display:flex; flex-direction:column;
}
.ssgif-team .member:hover{
	transform:translateY(-8px);
	box-shadow:0 20px 40px rgba(37,40,58,0.14);
}
.ssgif-team .member-photo{
	position:relative; margin:0; aspect-ratio:4/5; overflow:hidden;
	background:#e9f6f0;
}
.ssgif-team .member-photo img{
	width:100%; height:100%; object-fit:cover; object-position:top center;
	display:block;
	outline:4px solid transparent; outline-offset:-10px;
	transition:outline-color 300ms ease, filter 300ms ease;
}
.ssgif-team .member:hover .member-photo img{
	outline-color:rgba(60,200,143,0.9);
	filter:brightness(1.06);
}
.ssgif-team .member-photo:after{
	content:''; position:absolute; left:0; right:0; bottom:0; height:6px;
	background:linear-gradient(90deg,var(--ssgif-green),var(--ssgif-navy));
}
.ssgif-team .member-body{
	padding:22px 22px 26px; text-align:center; flex:1;
	display:flex; flex-direction:column; align-items:center;
}
.ssgif-team .member-body h3{
	font-size:20px; line-height:1.35; color:var(--ssgif-navy); margin:0 0 10px;
}
.ssgif-team .member-body h3 a{ color:inherit; }
.ssgif-team .member-role{
	display:inline-block; font-size:13px; font-weight:600;
	color:var(--ssgif-green-dark); background:var(--ssgif-green-soft);
	padding:5px 14px; border-radius:30px;
}
.ssgif-team .member-link{
	margin-top:auto; padding-top:16px;
	font-size:14px; font-weight:700; color:var(--ssgif-navy);
}
.ssgif-team .member-link span{ color:var(--ssgif-green); transition:margin 200ms ease; }
.ssgif-team .member-link:hover{ color:var(--ssgif-green-dark); }
.ssgif-team .member-link:hover span{ margin-left:6px; }
@media only screen and (max-width:767px){
	.ssgif-team{ padding:60px 0 40px; }
	.ssgif-team .team-head h2{ font-size:30px; }
	.ssgif-team .member{ flex-basis:100%; max-width:360px; }
}

/* ---------- Core values chips ---------- */
.ssgif-values{
	display:flex; flex-wrap:wrap; justify-content:center; gap:14px;
	list-style:none; padding:10px 0 0; margin:0;
}
.ssgif-values li{
	background:#fff; color:#25283a; font-weight:700; font-size:16px;
	padding:12px 26px; border-radius:40px;
	border:2px solid #3cc88f;
	box-shadow:0 6px 18px rgba(60,200,143,0.15);
	transition:all 250ms ease;
}
.ssgif-values li:hover{ background:#3cc88f; color:#fff; }

/* ---------- Header refinements ---------- */
.ssgif-header .header-top .inner{
	display:flex; align-items:center; justify-content:space-between; min-height:44px;
}
.ssgif-header .header-top .inner:after{ display:none; }
.ssgif-header .header-top .top-left,
.ssgif-header .header-top .top-right{ float:none; padding:6px 0; }
.ssgif-header .header-top .social-links,
.ssgif-header .header-top .info{ display:flex; align-items:center; margin:0; float:none; }
.ssgif-header .header-top .info li,
.ssgif-header .header-top .social-links li{ float:none; }
.ssgif-header .header-upper .inner-container:after{ display:none; }
.ssgif-header .nav-outer{ margin-left:auto; }
.ssgif-header .main-menu .navigation > li > a,
.ssgif-header .main-menu .navigation > li > a:hover,
.ssgif-header .main-menu .navigation > li > ul > li > a:hover{ text-decoration:none; }
.ssgif-header .header-upper .logo img{ height:84px; }
.ssgif-header .sticky-header .main-menu .navigation > li{ padding:14px 0; margin-right:6px; }
.ssgif-header .sticky-header .main-menu .navigation > li > a{ padding:8px 14px; font-size:15px; }
.ssgif-header .sticky-header .main-menu .navigation > li.nav-cta > a{ padding:8px 22px; }
.ssgif-header .main-menu .navigation > li > a{ white-space:nowrap; }
.ssgif-header .sticky-header .logo{ padding:6px 0; }
.ssgif-header .header-upper .nav-outer{ width:auto; justify-content:flex-end; }
.ssgif-header .sticky-header .main-menu .navigation > li{ margin-left:4px !important; padding:14px 0; }
.ssgif-header .sticky-header .main-menu .navigation > li > a{ padding:8px 14px !important; }
.ssgif-header .sticky-header .main-menu .navigation > li.nav-cta > a{ padding:8px 22px !important; }

/* ==========================================================
   Dark overlays on images that have text on them
   ========================================================== */
/* Homepage banner slides */
.banner-carousel .slide-item .image-layer{ opacity:1; }
.banner-carousel .slide-item .image-layer:after{
	content:''; position:absolute; inset:0;
	background:linear-gradient(180deg, rgba(20,22,34,0.55) 0%, rgba(20,22,34,0.70) 100%);
}
.banner-carousel .content-box h2,
.banner-carousel .content-box .text{ text-shadow:0 2px 12px rgba(0,0,0,0.45); }

/* Inner page title banners */
.page-banner .image-layer:after{
	content:''; position:absolute; inset:0;
	background:linear-gradient(180deg, rgba(20,22,34,0.60) 0%, rgba(37,40,58,0.78) 100%);
}
.page-banner h1, .page-banner h2, .page-banner .bread-crumb{ text-shadow:0 2px 10px rgba(0,0,0,0.4); }

/* "Our Philosophy" call-to-action strip */
.call-to-action .image-layer:after{
	content:''; position:absolute; inset:0;
	background:rgba(20,22,34,0.72);
}
.call-to-action .auto-container{ position:relative; z-index:2; }

/* Testimonials section with background photo */
.testimonial-section-two{ position:relative; background-size:cover; background-position:center; }
.testimonial-section-two:before{
	content:''; position:absolute; inset:0;
	background:rgba(20,22,34,0.80); z-index:0;
}
.testimonial-section-two > *{ position:relative; z-index:1; }