/*
Theme Name: Custom Theme
Theme URI: https://skyhawksfusion.com/
Description: .
Version: 1.0.0
Author: skyhawksfusion.com
Author URI: https://skyhawksfusion.com/
*/

body{
    font-family:'Inter Tight', sans-serif;
}
.banner-wrapper {
    position: relative;
    padding: 50px 0px;
    background-position: top center;
    background-size: cover !important;
    margin-top: -90px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    z-index: 1;
}
body:not(.home) section.banner-wrapper:before {
    content: "";
    width: 100%;
    height: 33%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #fff, transparent);
}
.main-heading, .main-heading span {
    color: #000;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
}
section.contentArea.blog {
    padding: 60px 0;
    position: relative;
}
.blogwrap {
    padding: 20px;
    box-shadow: 5px 0px 15px #00000066;
    height: 100%;
    position: relative;
    z-index: 9;
    background: #fff;
}
.blogwrap .post-thumb img {
    width: 100%;
    object-fit: cover;
}
.datepo {
    margin-top: 10px;
}
.secondary-btn {
    background: #041f3b;
    border-radius: 60px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 30px;
    transition: 0.3s allease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    border: 1px solid #041f3b;
}
.secondary-btn svg {
    width: 14px;
    height: auto;
}
.theme-flexbox {
    display: flex;
    flex-wrap: wrap;
}
.list-2 {
    width: 47%;
}
.list-2:nth-child(even) {
    padding-right: 0;
}
.list-2 {
    padding: 0 21px;
    margin-bottom: 80px;
}
.blogwrap a {
    text-decoration: none;
}
section.postsinglepos {
    padding: 60px 0;
}
.single.post-item h2.post-title {
    max-width: 70%;
}
.single.post-item .post-title ul {
    list-style: none;
    padding: 0;
    margin: 14px 0;
    gap: 1rem;
    display: flex
;
}
.single.post-item p {
    margin-top: 20px;
}
.single.post-item img {
    width: 100%;
    margin-bottom: 15px;
}
.postsidebar {
    background: #fba41654;
    padding: 20px;
}
.searchd form {
    border: solid 1px #ffffff;
    padding: 15px 8px;
    background: #fff;
    border-radius: 30px;
    position: relative;
}
.searchd button {
    border: 0;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.catlist h2, .recpos h2, .tagsli h2 {
    font-size: 20px;
    margin: 23px 0 11px;
    text-transform: uppercase;
}
.catlist ul, .recpos ul, .tagsli ul {
    list-style: none;
    padding: 0;
}
.catlist ul li {
    border-bottom: solid 1px #c4c4c4;
    padding: 10px 25px 10px;
    position: relative;
}
.catlist ul li a {
    color: #000;
}
.catlist ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    left: 0;
    background: url(staticimage/right-arrowlist.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}
.recpos a {
    align-items: center;
    display: flex
;
    gap: 1rem;
    text-decoration: none;
}
.titl {
    color: #000;
    font-size: 14px;
}
.cmtns {
    display: flex
;
    align-items: center;
    gap: 5px;
    color: #5E5E5E;
    font-size: 15px;
}
.cmtns img {
    width: 12px;
}
.cmtns span {
    font-size: 12px;
}
.tagsli ul {
    display: flex
;
    flex-wrap: wrap;
}
.tagsli li {
    width: 42%;
    background: #041F3B;
    margin: 0 5px 11px;
    padding: 10px 0;
}
.tagsli li a {
    color: #fff;
    background: #041F3B;
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: block;
}
h3#reply-title {
    text-transform: uppercase;
}
p.logged-in-as, p.logged-in-as a {
    color: #000;
}
section.commentbox.faq-wrapper form#commentform input, section.commentbox.faq-wrapper form#commentform textarea {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    border: solid 1px #000;
    padding: 10px;
}
section.commentbox.faq-wrapper form#commentform input#submit {
    background: #041f3b;
    border-radius: 60px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 30px;
    transition: 0.3s allease;
    align-items: center;
    text-align: center;
    border: 1px solid #041f3b;
    width: auto;
    margin-bottom: 10px;
}
.postsidebar input#search-form- {
    width: 100%;
    border: 0;
}
ul.awardgallary li.morethenfour .gbox .gr {
    width: 95%;
}
ul.awardgallary li.morethenfour {
    width: 33%;
}
@media (min-width: 768px) {
    .list-9 {
        flex: 0 0 auto;
        width: 75%;
    }
	.list-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}
@media(max-width:768px){
	.list-2{
		width:100%;
		padding: 0;
	}
	section.postsinglepos {
    padding: 25px 0;
}
}



*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --green-deep:   #173320;
  --green-dark:   #1e4d2b;
  --green-mid:    #2e6b3e;
  --green-accent: #3d8c55;
  --green-light:  #c8e6d0;
  --green-pale:   #e8f5ec;
  --green-xpale:  #f3faf5;
  --text-dark:    #152018;
  --text-mid:     #3a5240;
  --text-muted:   #6b8a74;
  --white:        #ffffff;
  --border:       #d6ead9;
  --cream:        #f7faf7;
  --font-display: 'Montserrat', sans-serif;
  --font-body:    'Open Sans', sans-serif;
  --nature-bg: url("w6.jpg");
}

html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--text-dark); background: var(--white); line-height: 1.6; }

/* ─── NAV ─── */
nav {
  position: absolute; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(0,0,0,0.22);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,0.12);
  padding: 0 6%;
  display: flex; align-items: center; justify-content: space-between;
  height: 96px;
  transition: background 0.3s;
}
nav.scrolled {
  position: fixed;
  background: rgba(255,255,255,0.97);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(14px);
}
nav.scrolled .nav-links a { color: var(--text-mid); }
nav.scrolled .nav-links a:hover { background: var(--green-pale); color: var(--green-dark); }
nav.scrolled .nav-lang { color: var(--text-muted); border-color: var(--border); }
nav.scrolled .nav-cta { background: var(--green-dark) !important; border: none !important; }
.logo { display: flex; align-items: center; gap: 0; text-decoration: none; }

/* Logo is dark green by default — invert to white on the dark hero */
.logo img {
  height: 88px; width: auto; display: block;
  filter: brightness(0) invert(1);
  transition: filter 0.3s;
}
/* When nav is solid white (scrolled), show the natural dark green logo */
nav.scrolled .logo img {
  filter: none;
}

.nav-links { display: flex; align-items: center; gap: 6px; }
.nav-links a {
  font-size: 18px; font-weight: 900; color: rgba(255,255,255,0.9);
  letter-spacing: 0.01em;
  text-decoration: none; padding: 12px 18px; border-radius: 7px;
  transition: background 0.2s, color 0.2s; white-space: nowrap;
}
.nav-links a:hover { background: rgba(255,255,255,0.12); color: #fff; }
.nav-links a.active { color: #fff; font-weight: 500; }
.nav-cta {
  background: rgba(255,255,255,0.18) !important; color: #fff !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  padding: 12px 22px !important; border-radius: 8px !important;
  font-size: 16px !important; font-weight: 700 !important;
  letter-spacing: 0.01em;
  transition: background 0.2s !important;
}
.nav-cta:hover { background: rgba(255,255,255,0.28) !important; }
.nav-lang {
  font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.85); border: 1px solid rgba(255,255,255,0.3);
  padding: 7px 13px; border-radius: 6px; cursor: pointer; margin-left: 10px;
}

body:not(.home) nav {
    position: relative;
    top: 0 !important;
    background: #fff;
}
body:not(.home) .logo img{
	filter:unset !important
}
body:not(.home) .nav-links a {
    color: #282F25;
}
body:not(.home) .nav-links a:hover {
    color: #286739;
}
body:not(.home) a.nav-cta {
    background: #286739 !important;
}
body:not(.home) .nav-lang{
	color: #286739 !important;
}
body:not(.home) a.nav-cta:hover{
	color: #286739 !important;
	border:solid 1px #286739 !important;
	background:transparent !important
}
/* ─── HERO ─── */
.hero-wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
.hero-wrapper::before {
  content: '';
  position: absolute; inset: 0;
  background: url('w5.jpeg') center/cover no-repeat;
  z-index: 0;
}
.hero-wrapper::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(108deg,
    rgba(8,28,14,0.72) 0%,
    rgba(15,45,25,0.55) 40%,
    rgba(10,35,18,0.3) 70%,
    rgba(5,20,10,0.15) 100%);
  z-index: 1;
}
.hero {
  position: relative; z-index: 2;
  min-height: 100vh;
  display: flex; align-items: center;
  padding: 120px 6% 80px;
}
.hero-content { max-width: 600px; }
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
  color: #a8dab5; background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.25);
  padding: 5px 14px; border-radius: 20px; margin-bottom: 26px;
}
.hero-eyebrow span { width: 5px; height: 5px; border-radius: 50%; background: var(--green-accent); }
h1.hero-title {
  font-family: var(--font-display); font-size: clamp(36px, 4.8vw, 58px);
  font-weight: 700; line-height: 1.1; color: #fff; letter-spacing: -0.5px;
  margin-bottom: 22px; letter-spacing: -0.01em;
}
h1.hero-title em { font-style: italic; color: #a8dab5; }
.hero p {
  font-size: 15.5px; line-height: 1.8; color: rgba(255,255,255,0.85);
  max-width: 480px; margin-bottom: 38px; font-weight: 400;
}
.hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-primary {
  background: var(--green-dark); color: var(--white);
  padding: 13px 28px; border-radius: 9px; border: none;
  font-family: var(--font-body); font-size: 14px; font-weight: 500;
  cursor: pointer; text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  display: inline-flex; align-items: center; gap: 8px;
}
.btn-primary:hover { background: var(--green-mid); transform: translateY(-1px); }
.btn-outline {
  background: transparent; color: #fff;
  padding: 12px 26px; border-radius: 9px;
  border: 1.5px solid rgba(255,255,255,0.7);
  font-family: var(--font-body); font-size: 14px; font-weight: 500;
  cursor: pointer; text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  display: inline-flex; align-items: center; gap: 8px;
}
.btn-outline:hover { background: rgba(255,255,255,0.12); transform: translateY(-1px); }

/* ─── SECTIONS ─── */
section { padding: 90px 6%; }
.bg-cream { background: var(--cream); }
.bg-dark  { background: var(--green-deep); }

.section-eyebrow {
  font-size: 16px; font-weight: 600; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--green-accent);
  display: flex; align-items: center; gap: 10px; margin-bottom: 14px;
  justify-content: center;
}
.section-eyebrow::before, .section-eyebrow::after {
  content: ''; display: block; width: 30px; height: 1px; background: var(--green-light);
}
.section-title {
  font-family: var(--font-display); font-size: clamp(26px, 3.2vw, 40px);
  font-weight: 700; color: var(--green-dark); text-align: center; letter-spacing: -0.3px;
  line-height: 1.12; margin-bottom: 16px;
}
.section-desc {
  font-size: 18px; color: var(--text-muted); text-align: center;
  max-width: 570px; margin: 0 auto 60px; line-height: 1.78; font-weight: 400;
}

/* ─── ABOUT STATS ─── */
.stats-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 28px;
  max-width: 860px; margin: 0 auto;
}
.stat-card {
  text-align: center; padding: 40px 28px;
  background: var(--white); border: 1px solid var(--border);
  border-radius: 18px; transition: transform 0.25s, box-shadow 0.25s;
}
.stat-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(30,77,43,0.1); }
.stat-icon-wrap {
  width: 62px; height: 62px; margin: 0 auto 20px;
  background: var(--green-pale); border: 1px solid var(--green-light);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.stat-icon-wrap svg { width: 28px; height: 28px; }
.stat-val {
  font-family: var(--font-display); font-size: 38px; font-weight: 700;
  color: var(--green-dark); line-height: 1;
}
.stat-lbl { font-size: 13.5px; color: var(--text-muted); margin-top: 8px; font-weight: 400; }

/* ─── ENGINEERING BANNER ─── */
.eng-banner {
  position: relative;
  background-image: var(--nature-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
  padding: 68px 6%; text-align: center;
  overflow: hidden;
}
.eng-banner::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(
  ellipse at center,
  rgba(244, 250, 246, 0.35) 0%,
  rgba(238, 247, 241, 0.25) 35%,
  rgba(227, 241, 232, 0.15) 70%,
  rgba(216, 235, 223, 0.05) 100%
);
  z-index: 0;
  pointer-events: none;
}
.eng-banner > * { position: relative; z-index: 1; }
.eng-banner h2 {
  font-family: var(--font-display); font-size: clamp(22px, 2.8vw, 36px);
  font-weight: 700; color: var(--green-deep); letter-spacing: -0.2px; margin-bottom: 16px;
  text-shadow: 0 1px 2px rgba(255,255,255,0.6);
}
.eng-banner p {
  font-size: 17px; color: var(--text-dark); max-width: 600px; margin: 0 auto;
  font-weight: 500; line-height: 1.78;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5);
}

/* ─── SOLUTIONS ─── */
.solutions-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 22px;
   margin: 0 auto;
}
.sol-card {
  position: relative; border-radius: 18px; overflow: hidden;
  height: 360px; cursor: pointer; border: 1px solid var(--border);
  transition: transform 0.3s, box-shadow 0.3s;
}
.sol-card:hover { transform: translateY(-7px); box-shadow: 0 24px 56px rgba(23,51,32,0.2); }
.sol-card img {
  width: 100%; height: 100%; object-fit: cover;
  filter: brightness(0.68) saturate(0.75);
  transition: filter 0.35s, transform 0.4s;
}
.sol-card:hover img { filter: brightness(0.58) saturate(0.85); transform: scale(1.05); }
.sol-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(0deg, rgba(15,40,20,0.9) 0%, rgba(15,40,20,0.3) 55%, transparent 78%);
  padding: 30px; display: flex; flex-direction: column; justify-content: flex-end;
}
.sol-tag {
  display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: 0.14em;
  text-transform: uppercase; color: #a8dab5;
  background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.18);
  padding: 4px 11px; border-radius: 20px; margin-bottom: 11px; width: fit-content;
}
.sol-title { font-family: var(--font-display); font-size: 21px; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 9px; }
.sol-desc { font-size: 13px; color: rgba(255,255,255,0.72); line-height: 1.55; margin-bottom: 18px; font-weight: 400; }
.sol-link {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 12.5px; font-weight: 500; color: #7ecf93; text-decoration: none;
}
.sol-link svg { width: 14px; height: 14px; transition: transform 0.2s; }
.sol-card:hover .sol-link svg { transform: translateX(4px); }

/* ─── PROCESS (light) ─── */
.process-section-wrap {
  position: relative; overflow: hidden;
  background: var(--white);
}
.process-section-wrap::before {
  content: '';
  position: absolute; inset: 0;
  background:
    url('w1.jpeg') center/cover no-repeat;
  opacity: 0.07;
  z-index: 0;
}
.process-section-wrap > section {
  position: relative; z-index: 1;
}
.process-eyebrow {
  font-size: 16px; font-weight: 600; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--green-accent);
  display: flex; align-items: center; gap: 10px; margin-bottom: 14px;
  justify-content: center;
}
.process-eyebrow::before, .process-eyebrow::after { content: ''; display: block; width: 30px; height: 1px; background: var(--green-light); }
.process-title { font-family: var(--font-display); font-size: clamp(28px,3.5vw,46px); font-weight: 500; color: var(--green-dark); text-align: center; margin-bottom: 16px; }
.process-desc { font-size: 18px; color: var(--text-muted); text-align: center; max-width: 560px; margin: 0 auto 60px; font-weight: 400; line-height: 1.78; }
.process-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; max-width: 960px; margin: 0 auto; }
.proc-card {
  background: var(--white); border: 1px solid var(--border);
  border-radius: 18px; padding: 42px 32px; text-align: center;
  box-shadow: 0 2px 16px rgba(30,77,43,0.05);
  transition: background 0.25s, transform 0.25s, box-shadow 0.25s;
}
.proc-card:hover { background: var(--green-xpale); transform: translateY(-5px); box-shadow: 0 12px 36px rgba(30,77,43,0.1); }
.proc-num {
  font-family: var(--font-display); font-size: 56px; font-weight: 600;
  color: var(--green-light); line-height: 1; margin-bottom: 18px;
}
.proc-icon {
  width: 60px; height: 60px; margin: 0 auto 22px;
  background: var(--green-pale); border: 1px solid var(--green-light);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.proc-icon svg { width: 26px; height: 26px; color: var(--green-accent); }
.proc-name { font-family: var(--font-display); font-size: 23px; font-weight: 500; color: var(--green-dark); margin-bottom: 12px; }
.proc-text { font-size: 13.5px; color: var(--text-muted); line-height: 1.75; font-weight: 300; }

/* ─── CTA STRIP ─── */
.cta-strip {
  position: relative;
  background-image: var(--nature-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
  padding: 76px 6%; text-align: center;
  overflow: hidden;
}
.cta-strip::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at center,
      rgba(244, 250, 246, 0.94) 0%,
      rgba(238, 247, 241, 0.88) 35%,
      rgba(227, 241, 232, 0.78) 70%,
      rgba(216, 235, 223, 0.65) 100%);
  z-index: 0;
  pointer-events: none;
}
.cta-strip > * { position: relative; z-index: 1; }
.cta-strip h2 {
  font-family: var(--font-display); font-size: clamp(28px,3.5vw,46px);
  font-weight: 600; color: var(--green-deep); margin-bottom: 16px;
  text-shadow: 0 1px 2px rgba(255,255,255,0.6);
}
.cta-strip p {
  font-size: 18px; color: var(--text-dark); max-width: 500px; margin: 0 auto 38px;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5);
}
.cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ─── FOOTER ─── */
footer {
  background: var(--green-xpale);
  border-top: 1px solid var(--border);
  padding: 35px 6% 15px;
  position: relative; overflow: hidden;
}
footer::before {
  content: '';
  position: absolute; inset: 0;
  background: url('w1.jpeg') center/cover no-repeat;
  opacity: 0.06; z-index: 0;
}
footer > * { position: relative; z-index: 1; }
.footer-grid {
  display: grid; grid-template-columns: 2.2fr 1fr 1fr 1fr; gap: 52px; margin-bottom: 40px;
}
.footer-logo-wrap { display: flex; align-items: center; gap: 0; margin-bottom: 20px; }
.footer-logo-wrap img { height: 80px; width: auto; }
.footer-tagline { font-size: 14px; line-height: 1.75; color: var(--text-mid); margin-bottom: 26px; font-weight: 400; max-width: 300px; }
.footer-socials { display: flex; gap: 10px; }
.soc {
  width: 36px; height: 36px; border-radius: 9px;
  background: var(--white); border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.soc:hover { background: var(--green-pale); border-color: var(--green-light); }
.soc svg { width: 15px; height: 15px; color: var(--green-dark); }
.footer-col-title { font-size: 20x; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-deep); margin-bottom: 20px; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 11px; }
.footer-links a { font-size: 14px; color: var(--text-mid); text-decoration: none; transition: color 0.2s; font-weight: 500; }
.footer-links a:hover { color: var(--green-deep); }
.footer-bottom {
  border-top: 1px solid var(--border); padding-top: 16px;
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px;
}
.footer-bottom-logo img { height: 56px; width: auto; opacity: 0.55; }
.footer-copy { font-size: 13px; color: var(--text-mid); font-weight: 500; }
.footer-badges { display: flex; gap: 8px; }
.fbadge {
  font-size: 11.5px; font-weight: 600; letter-spacing: 0.07em;
  color: var(--green-deep); background: var(--green-pale);
  border: 1px solid var(--green-light); padding: 4px 12px; border-radius: 20px;
}

/* Arrow icon inline */
.arr { display: inline-flex; }
.arr svg { width: 14px; height: 14px; }

body.logged-in.admin-bar nav {
    top: 32px;
}

footer * {
    color: #fff !important;
}
footer {
    background: #173320 !important;
    overflow: hidden;
    opacity: 1;
}
.footer-logo-wrap img {
    filter: brightness(8.5) invert(0);
}
.footer-bottom-logo img {
    filter: brightness(13.5) invert(0);;
}

.fbadge{
	color: #1e4d2b !important;
}
footer::before {
display:none
}
.soc {
    background: #1e4d2b;
    border: #1e4d2b;
    box-shadow: 0 0 10px #00000047;
}



.singletopbar{
    position:relative;
    width:100%;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:#f5f5f0;
}

.singletopbar-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:1;
}

.singletopbar-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:
    linear-gradient(to right, rgba(245, 245, 240, 0.98) 0%, rgba(245, 245, 240, 0.95) 18%, rgb(245 245 240 / 94%) 32%, rgb(245 245 240 / 83%) 45%, rgb(245 245 240 / 58%) 58%, rgba(245, 245, 240, 0.05) 72%, rgba(245, 245, 240, 0) 100%);
}

.singletopbar-container{
    position:relative;
    z-index:5;
    width:100%;
    margin:0 auto;
    padding:0px 20px 0;
}

.singletopbar-content{
    max-width:700px;
}

.singletopbar-breadcrumb{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:28px;
}

.singletopbar-breadcrumb a{
    text-decoration:none;
    color:#707070;
    font-size:16px;
    font-weight:500;
}

.singletopbar-breadcrumb span{
    color:#7f7f7f;
    font-size:20px;
    line-height:1;
}

.singletopbar-breadcrumb p, .singletopbar-breadcrumb p span{
    color:#3C4E43;
    font-size:16px;
    font-weight:600;
}

.singletopbar h1{
    font-size:48px;
    line-height:1.25;
    letter-spacing:-2px;
    color:#004300;
    font-weight:800;
    margin-bottom:28px;
}

.singletopbar h1 span{
    font-style:italic;
	    color: #008012;
}

.singletopbar-text{
    font-size:18px;
    line-height:1.7;
    color:#3C4E43;
    max-width: 620px;
    font-weight: 300;
}

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

@media (max-width:1200px){


    .singletopbar h1{
        font-size:44px;
    }

    .singletopbar-text{
        font-size:18px;
    }
}

@media (max-width:991px){


    .singletopbar-content{
        max-width:100%;
    }

    .singletopbar h1{
        font-size:38px;
        line-height:1;
    }

    .singletopbar-text{
        font-size:17px;
        line-height:1.6;
    }
}

@media (max-width:767px){

    .singletopbar{
        min-height:auto;
        padding:30px 0;
    }

    .singletopbar-overlay{
        background:
        linear-gradient(to bottom,
            rgba(245,245,240,0.92) 0%,
            rgba(245,245,240,0.90) 20%,
            rgba(245,245,240,0.82) 40%,
            rgba(245,245,240,0.72) 60%,
            rgba(245,245,240,0.55) 100%);
    }



    .singletopbar-breadcrumb{
        gap:12px;
        margin-bottom:22px;
    }

    .singletopbar-breadcrumb a,
    .singletopbar-breadcrumb p{
        font-size:14px;
    }

    .singletopbar h1{
        font-size:32px;
        line-height:1.05;
        letter-spacing:-1px;
        margin-bottom:20px;
    }

    .singletopbar-text{
        font-size:16px;
        line-height:1.7;
    }
}

@media (max-width:480px){

    .singletopbar{
        padding:75px 0;
    }

    .singletopbar h1{
        font-size:32px;
    }

    .singletopbar-text{
        font-size:15px;
    }
}



.listofsolutions{
    width:100%;
    padding:50px 0;
    background:#f5f5f5;
    font-family:'Inter Tight', sans-serif;
}

.container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 28px;
}

.listofsolutions-heading{
    text-align:center;
    margin-bottom:42px;
}

.listofsolutions-heading h2{
    color:#1E4D2B;
    font-size:42px;
    line-height:1;
    font-weight:600;
    letter-spacing:-1.5px;
}

.listofsolutions-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:10px;
}

.listofsolutions-card{
    background:#EFF8F3;
    border:1px solid #D9E3DD;
    border-radius:28px;
    overflow:hidden;
    transition:0.3s ease;
    display:flex;
    flex-direction:column;
    height:100%;
}

.listofsolutions-card:hover{
    transform:translateY(-5px);
}

.listofsolutions-image{
    width:100%;
    height:220px;
    overflow:hidden;
}

.listofsolutions-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.listofsolutions-content{
    position:relative;
    padding:28px 22px 22px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.listofsolutions-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    background:#f7faf8;
    border:1px solid #cfe0d5;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:-50px;
    margin-bottom:18px;
    position:relative;
    z-index:3;
}

.listofsolutions-icon img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.listofsolutions-content h3{
    color:#1E4D2B;
    font-size:24px;
    line-height:1.05;
    font-weight:500;
    margin-bottom:12px;
    letter-spacing:-0.5px;
}

.listofsolutions-content p{
    color:#596B60;
    font-size:14px;
    line-height:1.55;
    font-weight:400;
    margin-bottom:26px;
}

.listofsolutions-btn{
    width:max-content;
    min-width:118px;
    height:48px;
    padding:0 20px;
    border-radius:999px;
    background:#286739;
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:0.3s ease;
    margin-top:auto;
}

.listofsolutions-btn:hover{
    transform:translateY(-2px);
    background:#1f572e;
}

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

@media (max-width:1400px){

    .listofsolutions-heading h2{
        font-size:40px;
    }

    .listofsolutions-content h3{
        font-size:22px;
    }

    .listofsolutions-content p{
        font-size:14px;
    }
}

@media (max-width:1199px){

    .listofsolutions-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:20px;
    }

    .listofsolutions-image{
        height:210px;
    }
}

@media (max-width:767px){

    .listofsolutions{
        padding:30px 0;
    }

    .container{
        padding:0 18px;
    }

    .listofsolutions-heading{
        margin-bottom:30px;
    }

    .listofsolutions-heading h2{
        font-size:32px;
    }

    .listofsolutions-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .listofsolutions-image{
        height:210px;
    }

    .listofsolutions-content{
        padding:24px 18px 20px;
    }

    .listofsolutions-content h3{
        font-size:28px;
    }

    .listofsolutions-content p{
        font-size:14px;
    }

    .listofsolutions-btn{
        height:46px;
        font-size:15px;
    }
}

@media (max-width:480px){

    .listofsolutions-heading h2{
        font-size:34px;
    }

    .listofsolutions-image{
        height:210px;
    }

    .listofsolutions-content h3{
        font-size:24px;
    }
}




/* =========================
   SYSTEM HIGHLIGHTS
========================= */

.systemhighlights{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:50px 0 65px;
}

.systemhighlights-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

.systemhighlights-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(to bottom,
        rgba(247,249,247,0.88) 0%,
        rgba(247,249,247,0.82) 30%,
        rgba(247,249,247,0.72) 60%,
        rgba(247,249,247,0.80) 100%);
    z-index:2;
}

.systemhighlights-container{
    position:relative;
    z-index:5;
    width:100%;
    max-width:1650px;
    margin:0 auto;
    padding:0 28px;
}

.systemhighlights-heading{
    text-align:center;
    margin-bottom:42px;
}

.systemhighlights-heading h2{
    color:#1E4D2B;
    font-size:42px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:-1px;
}

.systemhighlights-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:24px;
}

.systemhighlights-card{
    background:rgba(255,255,255,0.88);
    backdrop-filter:blur(4px);
    border-radius:20px;
    padding:26px 20px 22px;
    min-height:178px;
    transition:0.3s ease;
}

.systemhighlights-card:hover{
    transform:translateY(-4px);
}

.systemhighlights-icon{
    width:52px;
    height:52px;
    margin-bottom:18px;
}

.systemhighlights-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.systemhighlights-card h3{
    color:#1E4D2B;
    font-size:18px;
    line-height:1.1;
    font-weight:500;
    margin-bottom:12px;
    letter-spacing:-0.5px;
}

.systemhighlights-card p{
    color:#596B60;
    font-size:14px;
    line-height:1.3;
    font-weight:400;
}

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

@media (max-width:1400px){

    .systemhighlights-grid{
        grid-template-columns:repeat(3, 1fr);
    }
}

@media (max-width:991px){

    .systemhighlights{
        padding:40px 0;
    }

    .systemhighlights-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:20px;
    }

    .systemhighlights-heading h2{
        font-size:38px;
    }

    .systemhighlights-card h3{
        font-size:18px;
    }

    .systemhighlights-card p{
        font-size:14px;
    }
}

@media (max-width:767px){

    .systemhighlights{
        padding:35px 0;
    }

    .systemhighlights-container{
        padding:0 18px;
    }

    .systemhighlights-heading{
        margin-bottom:28px;
    }

    .systemhighlights-heading h2{
        font-size:32px;
    }

    .systemhighlights-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .systemhighlights-card{
        min-height:auto;
        padding:24px 18px 20px;
    }

    .systemhighlights-card h3{
        font-size:18px;
    }

    .systemhighlights-card p{
        font-size:14px;
        line-height:1.3;
    }
}

@media (max-width:480px){

    .systemhighlights-heading h2{
        font-size:28px;
    }

    .systemhighlights-card h3{
        font-size:18px;
    }
}

.systemhighlights .container * {
    z-index: 9;
    position: relative;
}


.innerfaqs{
    width:100%;
    padding:50px 0;
    background:#f7f8f7;
    font-family:'Inter Tight', sans-serif;
}

.innerfaqs *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.innerfaqs-container{
    width:100%;
    max-width:1336px;
    margin:0 auto;
    padding:0 32px;

    display:grid;
    grid-template-columns:0.95fr 1fr;
    gap:80px;
    align-items:start;
}

/* LEFT */

.innerfaqs-left{
    max-width:650px;
}

.innerfaqs-left h2{
    color:#1E4D2B;
    font-size:42px;
    line-height:1;
    font-weight:500;
    letter-spacing:-2px;
    margin-bottom:24px;
}

.innerfaqs-left p{
    color:#596B60;
    font-size:20px;
    line-height:1.45;
    font-weight:400;
}

/* RIGHT */

.innerfaqs-right{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.innerfaqs-item{
    border:1px solid #d6e1d8;
    border-radius:18px;
    overflow:hidden;
    background:#f7f8f7;
    transition:0.3s ease;
}

.innerfaqs-question{
    width:100%;
    border:none;
    background:transparent;
    padding:20px 26px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    text-align:left;
}

.innerfaqs-question span{
    color:#1E4D2B;
    font-size:18px;
    line-height:1.3;
    font-weight:500;
}

.innerfaqs-question svg{
    width:22px;
    height:22px;
    min-width:22px;
    stroke:#2f8a4c;
    transition:0.3s ease;
}

.innerfaqs-answer{
    display:none;
    padding:0 26px 26px;
}

.innerfaqs-answer p{
    color:#596B60;
    font-size:17px;
    line-height:1.7;
    font-weight:400;
}

/* ACTIVE */

.innerfaqs-item.active .innerfaqs-answer{
    display:block;
}

.innerfaqs-item.active .innerfaqs-question svg{
    transform:rotate(180deg);
}

/* RESPONSIVE */

@media (max-width:1200px){

    .innerfaqs-container{
        grid-template-columns:1fr;
        gap:45px;
    }

    .innerfaqs-left{
        max-width:100%;
    }

    .innerfaqs-left h2{
        font-size:52px;
    }
}

@media (max-width:767px){

    .innerfaqs{
        padding:60px 0;
    }

    .innerfaqs-container{
        padding:0 18px;
        gap:32px;
    }

    .innerfaqs-left h2{
        font-size:40px;
        letter-spacing:-1px;
        margin-bottom:18px;
    }

    .innerfaqs-left p{
        font-size:17px;
        line-height:1.6;
    }

    .innerfaqs-question{
        padding:22px 18px;
    }

    .innerfaqs-question span{
        font-size:18px;
    }

    .innerfaqs-answer{
        padding:0 18px 22px;
    }

    .innerfaqs-answer p{
        font-size:15px;
        line-height:1.7;
    }
}

@media (max-width:480px){

    .innerfaqs-left h2{
        font-size:34px;
    }

    .innerfaqs-question span{
        font-size:16px;
    }
}


.keybenefits{
    width:100%;
    padding:50px 0;
    background:#f7f8f7;
    font-family:'Inter Tight', sans-serif;
}


.keybenefits-container{
    width:100%;
    max-width:1336px;
    margin:0 auto;
    padding:0 30px;
}


.keybenefits-top{
    max-width:1336px;
    margin:0 auto 70px;
    text-align:center;
}

.keybenefits-top h2{
    color:#1E4D2B;
    font-size:42px;
    line-height:1;
    font-weight:600;
    letter-spacing:-1.5px;
    margin-bottom:28px;
}

.keybenefits-top p{
    color:#596B60;
    font-size:24px;
    line-height:1.55;
    font-weight:400;
    max-width:1450px;
    margin:0 auto;
}

/* =========================
   KEY BENEFITS
========================= */

.keybenefits-heading{
    text-align:center;
    margin-bottom:34px;
}

.keybenefits-heading h3{
    color:#1E4D2B;
    font-size:42px;
    line-height:1;
    font-weight:600;
    letter-spacing:-1px;
}

.keybenefits-grid{
    background:#EFF8F3;
    border-radius:26px;
    overflow:hidden;

    display:grid;
    grid-template-columns:repeat(4, 1fr);
}

.keybenefits-item{
    padding:42px 36px 38px;
    border-right:1px solid #d8e3dc;
}

.keybenefits-item:last-child{
    border-right:none;
}

.keybenefits-item h4{
    color:#1E4D2B;
    font-size:20px;
    line-height:1.2;
    font-weight:600;
    margin-bottom:14px;
}

.keybenefits-item p{
    color:#596B60;
    font-size:16px;
    line-height:1.7;
    font-weight:400;
    max-width:300px;
}

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

@media (max-width:1200px){

    .keybenefits-top h2{
        font-size:48px;
    }

    .keybenefits-top p{
        font-size:22px;
    }

    .keybenefits-heading h3{
        font-size:46px;
    }

    .keybenefits-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .keybenefits-item:nth-child(2){
        border-right:none;
    }

    .keybenefits-item:nth-child(1),
    .keybenefits-item:nth-child(2){
        border-bottom:1px solid #d8e3dc;
    }
}

@media (max-width:767px){

    .keybenefits{
        padding:60px 0;
    }

    .keybenefits-container{
        padding:0 18px;
    }

    .keybenefits-top{
        margin-bottom:50px;
    }

    .keybenefits-top h2{
        font-size:38px;
        margin-bottom:18px;
    }

    .keybenefits-top p{
        font-size:18px;
        line-height:1.7;
    }

    .keybenefits-heading{
        margin-bottom:24px;
    }

    .keybenefits-heading h3{
        font-size:36px;
    }

    .keybenefits-grid{
        grid-template-columns:1fr;
        border-radius:20px;
    }

    .keybenefits-item{
        padding:28px 22px;
        border-right:none;
        border-bottom:1px solid #d8e3dc;
    }

    .keybenefits-item:last-child{
        border-bottom:none;
    }

    .keybenefits-item h4{
        font-size:22px;
    }

    .keybenefits-item p{
        font-size:15px;
        max-width:100%;
    }
}

@media (max-width:480px){

    .keybenefits-top h2{
        font-size:32px;
    }

    .keybenefits-top p{
        font-size:16px;
    }

    .keybenefits-heading h3{
        font-size:30px;
    }
}

.technologiesused{
    width:100%;
    padding:50px 0;
    background:#f7f8f7;
    font-family:'Inter Tight', sans-serif;
}

.technologiesused-container{
    
    background:#EFF8F3;
    border-radius:34px;

    display:grid;
    grid-template-columns:1fr 0.95fr;
    gap:60px;
    align-items:center;

    padding-top:40px;
    padding-bottom:40px;
    padding-left:40px;
    padding-right:40px;
}

/* =========================
   LEFT
========================= */

.technologiesused-left h2{
    color:#1E4D2B;
    font-size:42px;
    line-height:1;
    font-weight:600;
    letter-spacing:-1px;
    margin-bottom:18px;
}

.technologiesused-toptext{
    color:#596B60;
    font-size:18px;
    line-height:1.6;
    font-weight:400;
    max-width:680px;
    margin-bottom:42px;
}

.technologiesused-list{
    display:flex;
    flex-direction:column;
    gap:34px;
}

.technologiesused-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
}

.technologiesused-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    background:#edf5f0;
    border:1px solid #cfe0d5;

    display:flex;
    align-items:center;
    justify-content:center;
}

.technologiesused-icon img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.technologiesused-content h3{
    color:#1E4D2B;
    font-size:18px;
    line-height:1.3;
    font-weight:500;
    margin-bottom:6px;
}

.technologiesused-content p{
    color:#596B60;
    font-size:16px;
    line-height:1.6;
    font-weight:400;
}

/* =========================
   RIGHT
========================= */

.technologiesused-right{
    width:100%;
}

.technologiesused-right img{
    width:100%;
    height:100%;
    min-height:560px;
    object-fit:cover;
    border-radius:22px;
    display:block;
}

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

@media (max-width:1200px){

    .technologiesused-container{
        grid-template-columns:1fr;
        gap:40px;
    }

    .technologiesused-right img{
        min-height:480px;
    }
}

@media (max-width:767px){

    .technologiesused{
        padding:50px 0;
    }

    .technologiesused-container{
        padding:24px;
        border-radius:24px;
        gap:34px;
    }

    .technologiesused-left h2{
        font-size:32px;
        margin-bottom:16px;
    }

    .technologiesused-toptext{
        font-size:16px;
        margin-bottom:32px;
    }

    .technologiesused-list{
        gap:24px;
    }

    .technologiesused-content h3{
        font-size:17px;
    }

    .technologiesused-content p{
        font-size:15px;
    }

    .technologiesused-right img{
        min-height:320px;
        border-radius:18px;
    }
}

@media (max-width:480px){

    .technologiesused-container{
        padding:18px;
    }

    .technologiesused-left h2{
        font-size:28px;
    }

    .technologiesused-item{
        gap:14px;
    }

    .technologiesused-icon{
        width:40px;
        height:40px;
        min-width:40px;
    }

    .technologiesused-right img{
        min-height:260px;
    }
}

.systemhighlightcards{
    position:relative;
    width:100%;
    padding:50px 0;
    overflow:hidden;
    font-family:'Inter Tight', sans-serif;
}

.systemhighlightcards-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

.systemhighlightcards-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(to bottom,
        rgba(247,249,247,0.88) 0%,
        rgba(247,249,247,0.82) 35%,
        rgba(247,249,247,0.72) 70%,
        rgba(247,249,247,0.80) 100%);
    z-index:2;
}

.systemhighlightcards .container{
    position:relative;
    z-index:5;
}

/* =========================
   HEADING
========================= */

.systemhighlightcards-heading{
    text-align:center;
    margin-bottom:40px;
}

.systemhighlightcards-heading h2{
    color:#1E4D2B;
    font-size:42px;
    line-height:1.1;
    font-weight:600;
    letter-spacing:-1px;
}

/* =========================
   GRID
========================= */

.systemhighlightcards-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:18px;
}

.systemhighlightcards-item{
    background:rgba(255,255,255,0.88);
    border-radius:20px;
    padding:36px 28px;
    text-align:center;
    backdrop-filter:blur(4px);
    transition:0.3s ease;
}

.systemhighlightcards-item:hover{
    transform:translateY(-4px);
}

.systemhighlightcards-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#edf5f0;
    border:1px solid #cfe0d5;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 20px;
}

.systemhighlightcards-icon img{
    width:26px;
    height:26px;
    object-fit:contain;
}

.systemhighlightcards-item h3{
    color:#1E4D2B;
    font-size:18px;
    line-height:1.3;
    font-weight:500;
    margin-bottom:10px;
}

.systemhighlightcards-item p{
    color:#596B60;
    font-size:14px;
    line-height:1.6;
    font-weight:400;
}

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

@media (max-width:1200px){

    .systemhighlightcards-grid{
        grid-template-columns:repeat(3, 1fr);
    }
}

@media (max-width:767px){

    .systemhighlightcards{
        padding:50px 0;
    }

    .systemhighlightcards-heading{
        margin-bottom:28px;
    }

    .systemhighlightcards-heading h2{
        font-size:32px;
    }

    .systemhighlightcards-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .systemhighlightcards-item{
        padding:28px 22px;
    }

    .systemhighlightcards-item h3{
        font-size:20px;
    }

    .systemhighlightcards-item p{
        font-size:15px;
    }
}

@media (max-width:480px){

    .systemhighlightcards-heading h2{
        font-size:28px;
    }
}


.realworldapps{
    width:100%;
    padding:50px 0;
    background:#004300;
}

.realworldapps-wrapper{
    display:grid;
    grid-template-columns:670px 1fr;
    gap:40px;
    align-items:center;
}

/* =========================
   LEFT
========================= */

.realworldapps-content h2{
    color:#ffffff;
    font-size:34px;
    line-height:1.1;
    font-weight:500;
    letter-spacing:-1px;
    margin-bottom:18px;
    max-width:620px;
}

.realworldapps-text{
    color:rgba(255,255,255,0.82);
    font-size:18px;
    line-height:1.6;
    font-weight:400;
    margin-bottom:36px;
}

.realworldapps-stats{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
    margin-bottom:44px;
}

.realworldapps-stat{
    background:rgba(255,255,255,0.08);
    border-radius:18px;
    padding:15px;
    backdrop-filter:blur(4px);
}

.realworldapps-stat h3{
    color:#ffffff;
    font-size:24px;
    line-height:1;
    font-weight:500;
    margin-bottom:12px;
}

.realworldapps-stat p{
    color:rgba(255,255,255,0.85);
    font-size:14px;
    line-height:1.5;
    font-weight:400;
}

.realworldapps-btn{
    width:max-content;
    min-width:210px;
    height:58px;
    padding:0 22px;
    border-radius:12px;
    background:#ffffff;
    color:#1E4D2B;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:0.3s ease;
}

.realworldapps-btn span{
    font-size:16px;
    font-weight:500;
}

.realworldapps-btn svg{
    width:18px;
    height:18px;
    stroke:#1E4D2B;
}

.realworldapps-btn:hover{
    transform:translateY(-2px);
}

/* =========================
   RIGHT
========================= */

.realworldapps-map{
    width:100%;
}

.realworldapps-map img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
}

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

@media (max-width:1200px){

    .realworldapps-wrapper{
        grid-template-columns:1fr;
    }

    .realworldapps-map{
        max-width:760px;
        margin:0 auto;
    }
}

@media (max-width:767px){

    .realworldapps{
        padding:50px 0;
    }

    .realworldapps-wrapper{
        gap:34px;
    }

    .realworldapps-content h2{
        font-size:32px;
        margin-bottom:16px;
    }

    .realworldapps-text{
        font-size:16px;
        margin-bottom:28px;
    }

    .realworldapps-stats{
        grid-template-columns:1fr;
        gap:12px;
        margin-bottom:30px;
    }

    .realworldapps-stat{
        padding:20px;
    }

    .realworldapps-stat h3{
        font-size:34px;
    }

    .realworldapps-stat p{
        font-size:15px;
    }

    .realworldapps-btn{
        width:100%;
        min-width:100%;
        height:54px;
    }

    .realworldapps-btn span{
        font-size:15px;
    }
}

@media (max-width:480px){

    .realworldapps-content h2{
        font-size:28px;
    }

}


.serviceareas{
    padding:50px 0;
    background:#F8F8F8;
}

.serviceareas-heading{
    margin-bottom:32px;
}

.serviceareas-heading h2{
    font-size:42px;
    line-height:1.1;
    font-weight:700;
    color:#1E4D2B;
    letter-spacing:-1px;
}

.serviceareas-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.serviceareas-card{
    background:#ffffff;
    border:1px solid #D9E3DD;
    border-radius:24px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
}

.serviceareas-image{
    padding:8px;
}

.serviceareas-image img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
    border-radius:18px;
}

.serviceareas-content{
    padding:10px 20px 22px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.serviceareas-content h3{
    font-size:22px;
    line-height:1.3;
    font-weight:600;
    color:#1E4D2B;
    margin-bottom:14px;
}

.serviceareas-content p{
    font-size:16px;
    line-height:1.7;
    color:#596B60;
    margin-bottom:22px;
}

.serviceareas-list{
    list-style:none;
    margin-bottom:26px;
}

.serviceareas-list li{
    position:relative;
    padding-left:24px;
    margin-bottom:12px;
    color:#1E4D2B;
    font-size:16px;
    line-height:1.5;
}

.serviceareas-list li:last-child{
    margin-bottom:0;
}

.serviceareas-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
	transform: translateY(-50%);
    color:#1E4D2B;
    font-weight:700;
	background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M13.9311 1.41964C14.1446 2.01796 13.8452 2.4276 13.2658 2.83111C12.7982 3.15668 12.2026 3.50939 11.5714 4.11239C10.9527 4.70352 10.3489 5.4155 9.81229 6.11627C9.16202 6.96547 8.54705 7.85248 8.00582 8.77609C7.80171 9.12593 7.43474 9.33766 7.04127 9.33234C6.64771 9.32702 6.28622 9.10559 6.09094 8.75022C5.59177 7.8418 5.20657 7.48305 5.02954 7.35418C4.53833 6.99661 4 6.93474 4 6.15478C4 5.5166 4.49749 4.99926 5.11117 4.99926C5.55032 5.01682 5.95236 5.20497 6.30396 5.46091C6.53205 5.62694 6.77366 5.84654 7.02498 6.1356C7.31993 5.6998 7.67537 5.197 8.07381 4.67666C8.65245 3.92101 9.33545 3.11036 10.0679 2.41057C10.7879 1.72264 11.6204 1.07871 12.5028 0.738251C13.0781 0.516256 13.7176 0.821326 13.9311 1.41964Z' stroke='%23004300' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.29047 5.04943C2.18484 5.01486 2.08937 4.99306 2.00574 4.97996C1.96403 4.97343 1.92557 4.96911 1.89057 4.96643L1.79664 4.96272C1.17114 4.96272 0.664062 5.48442 0.664062 6.12798C0.664062 6.71039 1.07936 7.193 1.62189 7.27945C1.64086 7.28942 1.67164 7.30739 1.71344 7.33749C1.89389 7.46745 2.28651 7.82923 2.7953 8.74531C2.99434 9.10368 3.3628 9.32698 3.76395 9.33234C4.03874 9.33601 4.30085 9.23693 4.50557 9.0607M9.33073 0.665771C8.43134 1.0091 7.58282 1.65846 6.84892 2.35219C6.59265 2.59443 6.34231 2.84985 6.10018 3.11167' stroke='%23004300' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	    width: 15px;
    height: 12px;
}

.serviceareas-btn{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:118px;
    height:46px;
    padding:0 22px;
    background:#286739;
    color:#fff;
    text-decoration:none;
    border-radius:999px;
    font-size:16px;
    font-weight:500;
    width:max-content;
}

.serviceareas-btn:hover{
    opacity:.9;
}

.serviceareas-content::before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:#E4EAE6;
    margin-bottom:22px;
    order:3;
}

.serviceareas-btn{
    order:4;
}

.serviceareas-list{
    order:2;
}

.serviceareas-content p{
    order:1;
}

/* Tablet */

@media(max-width:1199px){

    .serviceareas-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* Mobile */

@media(max-width:767px){

    .serviceareas{
        padding:50px 0;
    }

    .serviceareas-heading{
        margin-bottom:24px;
    }

    .serviceareas-heading h2{
        font-size:32px;
    }

    .serviceareas-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .serviceareas-image img{
        height:220px;
    }

    .serviceareas-content{
        padding:10px 18px 18px;
    }

    .serviceareas-content h3{
        font-size:20px;
    }

    .serviceareas-content p,
    .serviceareas-list li{
        font-size:15px;
    }

    .serviceareas-btn{
        width:100%;
    }
}


.commitmentsection{
    position:relative;
    padding:50px 0;
    overflow:hidden;
}


.commitmentsection-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

.commitmentsection-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(247,249,247,.88) 0%,
        rgba(247,249,247,.82) 45%,
        rgba(247,249,247,.72) 100%
    );
    z-index:2;
}

.commitmentsection .container{
    position:relative;
    z-index:3;
}

.commitmentsection-wrapper{
    display:grid;
    grid-template-columns:480px 1fr;
    gap:32px;
    align-items:start;
}

/* Left */

.commitmentsection-content{
    padding-top:10px;
}

.commitmentsection-content h2{
    font-size:42px;
    line-height:1.1;
    font-weight:700;
    color:#1E4D2B;
    margin-bottom:16px;
    letter-spacing:-1px;
}

.commitmentsection-content p{
    font-size:18px;
    line-height:1.6;
    color:#596B60;
    max-width:430px;
}

/* Right */

.commitmentsection-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.commitmentsection-card{
    background:#ffffff;
    border-radius:16px;
    padding:28px;
    min-height:165px;
}

.commitmentsection-icon{
    width:40px;
    height:40px;
    margin-bottom:26px;
}

.commitmentsection-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.commitmentsection-card h3{
    font-size:20px;
    line-height:1.3;
    font-weight:600;
    color:#1E4D2B;
    margin-bottom:8px;
}

.commitmentsection-card p{
    font-size:16px;
    line-height:1.6;
    color:#596B60;
}

/* Tablet */

@media (max-width:1199px){

    .commitmentsection-wrapper{
        grid-template-columns:1fr;
        gap:30px;
    }

    .commitmentsection-content p{
        max-width:700px;
    }
}

/* Mobile */

@media (max-width:767px){

    .commitmentsection{
        padding:50px 0;
    }

    .commitmentsection-content h2{
        font-size:32px;
    }

    .commitmentsection-content p{
        font-size:16px;
    }

    .commitmentsection-grid{
        grid-template-columns:1fr;
    }

    .commitmentsection-card{
        padding:22px;
        min-height:auto;
    }

    .commitmentsection-card h3{
        font-size:18px;
    }

    .commitmentsection-card p{
        font-size:15px;
    }
}

.lifecyclesupport{
    padding:50px 0;
    background:#ffffff;
}

/* Heading */

.lifecyclesupport-heading{
    text-align:center;
    max-width:900px;
    margin:0 auto 50px;
}

.lifecyclesupport-heading h2{
    font-size:42px;
    line-height:1.1;
    font-weight:700;
    color:#1E4D2B;
    letter-spacing:-1px;
    margin-bottom:16px;
}

.lifecyclesupport-heading p{
    font-size:18px;
    line-height:1.6;
    color:#596B60;
}

/* Grid */

.lifecyclesupport-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:14px;
}

.lifecyclesupport-card{
    background:#ffffff;
    border:1px solid #D9E3DD;
    border-radius:14px;
    padding:20px 18px;
    text-align:center;
    min-height:198px;

    display:flex;
    flex-direction:column;
    align-items:center;
}

.lifecyclesupport-number{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#EFF8F3;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#2B6C3D;
    font-size:34px;
    font-style:italic;
    line-height:1;
    margin-bottom:24px;
}

.lifecyclesupport-card h3{
    color:#2B2F33;
    font-size:18px;
    font-weight:600;
    line-height:1.3;
    margin-bottom:12px;
}

.lifecyclesupport-card p{
    color:#596B60;
    font-size:16px;
    line-height:1.6;
}

/* Large Tablet */

@media (max-width:1200px){

    .lifecyclesupport-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

/* Tablet */

@media (max-width:991px){

    .lifecyclesupport-heading h2{
        font-size:36px;
    }

    .lifecyclesupport-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* Mobile */

@media (max-width:767px){

    .lifecyclesupport{
        padding:50px 0;
    }

    .lifecyclesupport-heading{
        margin-bottom:30px;
    }

    .lifecyclesupport-heading h2{
        font-size:32px;
    }

    .lifecyclesupport-heading p{
        font-size:16px;
    }

    .lifecyclesupport-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .lifecyclesupport-card{
        min-height:auto;
        padding:24px 20px;
    }

    .lifecyclesupport-number{
        width:52px;
        height:52px;
        font-size:30px;
        margin-bottom:18px;
    }

    .lifecyclesupport-card h3{
        font-size:18px;
    }

    .lifecyclesupport-card p{
        font-size:15px;
    }

}

.technologytabs{
    padding:50px 0;
}

.technologytabs *{
    box-sizing:border-box;
}

.technologytabs-wrapper{
    background:#EFF8F3;
    border-radius:32px;
    padding:28px;
}

.technologytabs-heading{
    margin-bottom:30px;
}

.technologytabs-heading h2{
    font-size:42px;
    line-height:1.1;
    color:#1E4D2B;
    font-weight:700;
    margin-bottom:12px;
}

.technologytabs-heading p{
    color:#596B60;
    font-size:18px;
}

.technologytabs-inner{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:28px;
}

/* LEFT */

.technologytabs-sidebar{
    display:flex;
    flex-direction:column;
}

.technologytabs-item{
    display:flex;
    gap:14px;
    padding:18px 14px;
    border-bottom:1px solid #D9E3DD;
    cursor:pointer;
    transition:.3s;
    position:relative;
}

.technologytabs-item.active{
    background:#E6F0EA;
}

.technologytabs-item.active:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:100%;
    background:#1F9B36;
}

.technologytabs-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border:1px solid #D9E3DD;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.technologytabs-icon img{
    width:22px;
}

.technologytabs-item-content h3{
    font-size:18px;
    color:#1E4D2B;
    margin-bottom:6px;
}

.technologytabs-item-content p{
    font-size:15px;
    line-height:1.6;
    color:#596B60;
}

.technologytabs-btn{
    margin-top:22px;
    width:220px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#286739;
    color:#fff;
    text-decoration:none;
    border-radius:10px;
}

/* RIGHT */

.technologytabs-contentbox{
    position:relative;
    min-height:590px;
    border-radius:28px;
    overflow:hidden;
}

.technologytabs-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.technologytabs-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(248,248,248,.95) 0%,
        rgba(248,248,248,.88) 35%,
        rgba(248,248,248,.55) 60%,
        rgba(248,248,248,0) 100%
    );
}

.technologytabs-content{
    position:absolute;
    top:48px;
    left:48px;
    max-width:500px;
    z-index:2;
}

.technologytabs-content h3{
    font-size:32px;
    line-height:1.15;
    color:#1E4D2B;
    margin-bottom:18px;
}

.technologytabs-content p{
    color:#596B60;
    font-size:18px;
    line-height:1.8;
    margin-bottom:30px;
}

.technologytabs-learnmore{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:52px;
    padding:0 28px;
    background:#286739;
    color:#fff;
    text-decoration:none;
    border-radius:999px;
}

/* Responsive */

@media(max-width:1199px){

    .technologytabs-inner{
        grid-template-columns:1fr;
    }

}

@media(max-width:767px){

    .technologytabs-wrapper{
        padding:18px;
        border-radius:20px;
    }

    .technologytabs-heading h2{
        font-size:32px;
    }

    .technologytabs-heading p{
        font-size:16px;
    }

    .technologytabs-content{
        top:24px;
        left:24px;
        right:24px;
        max-width:none;
    }

    .technologytabs-content h3{
        font-size:28px;
    }

    .technologytabs-content p{
        font-size:16px;
        line-height:1.7;
    }

    .technologytabs-contentbox{
        min-height:480px;
    }

    .technologytabs-btn{
        width:100%;
    }
}

.technologystats{
    padding:50px 0;
    background:#ffffff;
}

.technologystats *{

    box-sizing:border-box;
}

.technologystats-wrapper{
    display:grid;
    grid-template-columns:290px 1fr;
    gap:20px;
    align-items:start;
}

/* Left */

.technologystats-content h2{
    font-size:32px;
    line-height:1.15;
    font-weight:700;
    color:#1E4D2B;
    margin-bottom:18px;
    letter-spacing:-1px;
}

.technologystats-content p{
    font-size:18px;
    line-height:1.6;
    color:#596B60;
    max-width:320px;
}

/* Right */

.technologystats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.technologystats-item{
    padding:12px 34px 12px 34px;
    border-right:1px solid #E2E8E3;
}

.technologystats-item:last-child{
    border-right:none;
}

.technologystats-top{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:18px;
}

.technologystats-icon{
    width:48px;
    height:48px;
    flex-shrink:0;
}

.technologystats-icon img{
    width:100%;
    display:block;
}

.technologystats-number strong{
    display:block;
    color:#2C6D3D;
    font-size:18px;
    line-height:1;
    font-weight:700;
    margin-bottom:6px;
}

.technologystats-number strong em{
    font-style:italic;
    font-weight:700;
}

.technologystats-number span{
    display:block;
    color:#30343A;
    font-size:14px;
    line-height:1.3;
    font-weight:500;
}

.technologystats-item p{
    color:#596B60;
    font-size:16px;
    line-height:1.7;
}

/* Tablet */

@media(max-width:1200px){

    .technologystats-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

    .technologystats-content p{
        max-width:700px;
    }

    .technologystats-grid{
        grid-template-columns:repeat(2,1fr);
        gap:0;
    }

    .technologystats-item{
        border-right:none;
        border-bottom:1px solid #E2E8E3;
        padding:25px;
    }

    .technologystats-item:nth-last-child(-n+2){
        border-bottom:none;
    }
}

/* Mobile */

@media(max-width:767px){

    .technologystats{
        padding:50px 0;
    }

    .technologystats-content h2{
        font-size:32px;
    }

    .technologystats-content p{
        font-size:16px;
    }

    .technologystats-grid{
        grid-template-columns:1fr;
    }

    .technologystats-item{
        padding:22px 0;
        border-bottom:1px solid #E2E8E3 !important;
    }

    .technologystats-item:last-child{
        border-bottom:none !important;
    }

    .technologystats-number strong{
        font-size:28px;
    }

    .technologystats-number span{
        font-size:17px;
    }

    .technologystats-item p{
        font-size:15px;
    }
}
.futurecta{
    position:relative;
    padding:80px 0;
    overflow:hidden;
    min-height:440px;
    display:flex;
    align-items:center;
}

.futurecta *{
    box-sizing:border-box;
}

.futurecta-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.futurecta-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(245,250,247,0.92) 0%,
        rgba(245,250,247,0.82) 28%,
        rgba(245,250,247,0.55) 50%,
        rgba(245,250,247,0.15) 72%,
        rgba(245,250,247,0) 100%
    );
}

.futurecta .container{
    position:relative;
    z-index:2;
}

.futurecta-content{
    max-width:560px;
}

.futurecta-content h2{
    font-size:42px;
    line-height:1.05;
    font-weight:700;
    color:#1E4D2B;
    margin-bottom:24px;
    letter-spacing:-1px;
}

.futurecta-content p{
    font-size:18px;
    line-height:1.7;
    color:#596B60;
    margin-bottom:40px;
}

.futurecta-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    height:52px;
    padding:0 22px;
    background:#286739;
    color:#fff;
    text-decoration:none;
    border-radius:10px;
    font-size:18px;
    font-weight:500;
    transition:.3s;
}

.futurecta-btn:hover{
    background:#1E4D2B;
}

.futurecta-btn span{
    font-size:20px;
    line-height:1;
}

/* Tablet */

@media (max-width:991px){

    .futurecta{
        padding:70px 0;
        min-height:400px;
    }

    .futurecta-content{
        max-width:500px;
    }

    .futurecta-content h2{
        font-size:36px;
    }

    .futurecta-content p{
        font-size:17px;
    }

}

/* Mobile */

@media (max-width:767px){

    .futurecta{
        padding:60px 0;
        min-height:auto;
    }

    .futurecta-overlay{
        background:rgba(245,250,247,0.88);
    }

    .futurecta-content{
        max-width:100%;
    }

    .futurecta-content h2{
        font-size:32px;
        line-height:1.1;
        margin-bottom:18px;
    }

    .futurecta-content p{
        font-size:16px;
        line-height:1.7;
        margin-bottom:30px;
    }

    .futurecta-btn{
        width:100%;
        justify-content:center;
    }

}

.technologyoverview{
    padding:50px 0;
    background:#ffffff;
}

.technologyoverview *{
    box-sizing:border-box;
}

.technologyoverview-content{
    max-width:1450px;
    margin:0 auto;
    text-align:center;
}

.technologyoverview-content h2{
    font-size:42px;
    line-height:1.1;
    font-weight:700;
    color:#1E4D2B;
    margin-bottom:40px;
}

.technologyoverview-content p{
    font-size:22px;
    line-height:1.7;
    color:#596B60;
    max-width:1450px;
    margin:0 auto 40px;
}

.technologyoverview-content p:last-child{
    margin-bottom:0;
}

@media(max-width:991px){

    .technologyoverview-content p{
        font-size:18px;
    }

}

@media(max-width:767px){

    .technologyoverview{
        padding:50px 0;
    }

    .technologyoverview-content h2{
        font-size:32px;
        margin-bottom:24px;
    }

    .technologyoverview-content p{
        font-size:16px;
        margin-bottom:24px;
    }

}

.keyadvantages{
    position:relative;
    padding:50px 0;
    overflow:hidden;
}

.keyadvantages *{
    box-sizing:border-box;
}

.keyadvantages-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.keyadvantages-overlay{
    position:absolute;
    inset:0;
    background:rgba(245,249,246,.85);
}

.keyadvantages .container{
    position:relative;
    z-index:2;
}

.keyadvantages-heading{
    text-align:center;
    margin-bottom:40px;
}

.keyadvantages-heading h2{
    font-size:42px;
    line-height:1.1;
    color:#1E4D2B;
    font-weight:700;
}

.keyadvantages-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.keyadvantages-card{
    background:#ffffff;
    border-radius:16px;
    padding:15px;
    display:flex;
    gap:18px;
    align-items:flex-start;
}

.keyadvantages-icon{
    width:48px;
    height:48px;
    min-width:48px;
}

.keyadvantages-icon img{
    width:100%;
    display:block;
}

.keyadvantages-content h3{
    font-size:20px;
    line-height:1.3;
    font-weight:600;
    color:#1E4D2B;
    margin-bottom:12px;
}

.keyadvantages-content p{
    color:#596B60;
    font-size:16px;
    line-height:1.7;
}

@media(max-width:1199px){

    .keyadvantages-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .keyadvantages{
        padding:50px 0;
    }

    .keyadvantages-heading h2{
        font-size:32px;
    }

    .keyadvantages-grid{
        grid-template-columns:1fr;
    }

    .keyadvantages-card{
        padding:15px;
    }

    .keyadvantages-content h3{
        font-size:18px;
    }

    .keyadvantages-content p{
        font-size:15px;
    }

}

.applicationssection{
    position:relative;
    padding:50px 0;
    overflow:hidden;
}

.applicationssection *{
    box-sizing:border-box;
}

.applicationssection-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.applicationssection-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.95) 35%,
        rgba(255,255,255,.82) 55%,
        rgba(255,255,255,.40) 72%,
        rgba(255,255,255,.08) 100%
    );
}

.applicationssection .container{
    position:relative;
    z-index:2;
}

.applicationssection-wrapper{
    display:grid;
    grid-template-columns:520px 1fr;
    gap:70px;
}

/* Left Side */

.applicationssection-left{
    padding-right:70px;
    border-right:1px solid #DCE5DF;
}

.applicationssection-left h2{
    font-size:42px;
    line-height:1.1;
    color:#1E4D2B;
    font-weight:700;
    margin-bottom:30px;
}

.applicationssection-item{
    display:flex;
    gap:18px;
    padding:22px 0;
    border-bottom:1px solid #DCE5DF;
}

.applicationssection-item:last-child{
    border-bottom:none;
}

.applicationssection-icon{
    width:54px;
    height:54px;
    min-width:54px;
    border-radius:14px;
    border:1px solid #CFE0D5;
    background:#EFF8F3;
    display:flex;
    align-items:center;
    justify-content:center;
}

.applicationssection-icon img{
    width:28px;
    display:block;
}

.applicationssection-content h3{
    font-size:20px;
    line-height:1.3;
    color:#1E4D2B;
    font-weight:600;
    margin-bottom:8px;
}

.applicationssection-content p{
    font-size:16px;
    line-height:1.7;
    color:#596B60;
}

/* Right Side */

.applicationssection-right{
    display:flex;
    align-items:flex-start;
}

.applicationssection-inner{
    max-width:460px;
}

.applicationssection-inner h2{
    font-size:42px;
    line-height:1.1;
    color:#1E4D2B;
    font-weight:700;
    margin-bottom:20px;
}

.applicationssection-inner p{
    font-size:18px;
    line-height:1.8;
    color:#596B60;
    margin-bottom:40px;
}

.applicationssection-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:210px;
    height:52px;
    padding:0 28px;
    border:1px solid #286739;
    border-radius:12px;
    color:#286739;
    text-decoration:none;
    font-size:18px;
    font-weight:500;
    transition:.3s;
}

.applicationssection-btn:hover{
    background:#286739;
    color:#fff;
}

/* Tablet */

@media (max-width:1199px){

    .applicationssection-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

    .applicationssection-left{
        border-right:none;
        padding-right:0;
    }

    .applicationssection-inner{
        max-width:100%;
    }

}

/* Mobile */

@media (max-width:767px){

    .applicationssection{
        padding:50px 0;
    }

    .applicationssection-overlay{
        background:rgba(255,255,255,.92);
    }

    .applicationssection-left h2,
    .applicationssection-inner h2{
        font-size:32px;
    }

    .applicationssection-content h3{
        font-size:18px;
    }

    .applicationssection-content p,
    .applicationssection-inner p{
        font-size:16px;
    }

    .applicationssection-item{
        gap:14px;
        padding:18px 0;
    }

    .applicationssection-icon{
        width:48px;
        height:48px;
        min-width:48px;
    }

    .applicationssection-btn{
        width:100%;
    }

}

.contactpage{
    padding:50px 0;
    background:#F2FAF5;
}

.contactpage *{
    box-sizing:border-box;
}

.contactpage-wrapper{
    display:grid;
    grid-template-columns:1fr 0.95fr;
    gap:70px;
    align-items:center;
}

/* Form */

.contactpage-formbox{
    background:#ffffff;
    border-radius:20px;
    padding:30px;
}

.contactpage-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.contactpage-field{
    margin-bottom:18px;
}

.contactpage-field label{
    display:block;
    margin-bottom:10px;
    color:#1E4D2B;
    font-size:16px;
    font-weight:500;
}

.contactpage-field input,
.contactpage-field select,
.contactpage-field textarea{
    width:100%;
    height:56px;
    border:1px solid #D9E3DD;
    border-radius:10px;
    padding:0 20px;
    font-size:16px;
    color:#596B60;
    background:#fff;
    outline:none;
}

.contactpage-field textarea{
    height:110px;
    resize:none;
    padding-top:18px;
}

.contactpage-field input:focus,
.contactpage-field select:focus,
.contactpage-field textarea:focus{
    border-color:#286739;
}

.contactpage-btn{
    height:52px;
    min-width:185px;
    border:none;
    border-radius:10px;
    background:#286739;
    color:#fff;
    font-size:18px;
    font-weight:500;
    cursor:pointer;
    transition:.3s;
}

.contactpage-btn:hover{
    background:#1E4D2B;
}

/* Info */

.contactpage-info h2{
    font-size:42px;
    line-height:1;
    font-weight:700;
    color:#1E4D2B;
    margin-bottom:24px;
}

.contactpage-info p{
    font-size:18px;
    line-height:1.8;
    color:#596B60;
    max-width:520px;
}

.contactpage-divider{
    width:100%;
    height:1px;
    background:#D9E3DD;
    margin:50px 0;
}

.contactpage-list{
    display:flex;
    flex-direction:column;
    gap:26px;
}

.contactpage-item{
    display:flex;
    align-items:center;
    gap:14px;
    color:#3E4A43;
    font-size:18px;
}

.contactpage-icon{
    width:22px;
    text-align:center;
    color:#286739;
    font-size:20px;
}

/* Tablet */

@media (max-width:1024px){

    .contactpage-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .contactpage-info{
        order:-1;
    }

}

/* Mobile */

@media (max-width:767px){

    .contactpage{
        padding:50px 0;
    }

    .contactpage-formbox{
        padding:20px;
    }

    .contactpage-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .contactpage-info h2{
        font-size:32px;
    }

    .contactpage-info p{
        font-size:16px;
    }

    .contactpage-item{
        font-size:16px;
        align-items:flex-start;
    }

    .contactpage-btn{
        width:100%;
    }

}

.bookservice{
    background:#F2FAF5;
    padding:50px 0;
}

.bookservice *{
    box-sizing:border-box;
}

/* Map */

.bookservice-map{
    margin-bottom:50px;
    border-radius:0;
    overflow:hidden;
}

.bookservice-map iframe{
    width:100%;
    height:540px;
    border:none;
    display:block;
}

/* Content */

.bookservice-wrapper{
    display:grid;
    grid-template-columns:1fr 600px;
    gap:55px;
    align-items:start;
}

/* Left */

.bookservice-info h2{
    font-size:42px;
    line-height:1;
    color:#1E4D2B;
    font-weight:700;
    margin-bottom:24px;
}

.bookservice-details p{
    font-size:18px;
    line-height:1.8;
    color:#596B60;
    margin-bottom:6px;
}

.bookservice-details strong{
    color:#2B2B2B;
}

.bookservice-divider{
    height:1px;
    background:#D9E3DD;
    margin:60px 0;
}

.bookservice-social h3{
    color:#1E4D2B;
    font-size:24px;
    margin-bottom:20px;
}

.bookservice-social-icons{
    display:flex;
    gap:12px;
}

.bookservice-social-icons a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#286739;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.bookservice-social-icons a:hover{
    background:#1E4D2B;
}

.bookservice-social-icons img{
    width:18px;
    height:18px;
}

/* Form */

.bookservice-formbox{
    background:#ffffff;
    border-radius:18px;
    padding:26px;
}

.bookservice-field{
    margin-bottom:18px;
}

.bookservice-field label{
    display:block;
    color:#286739;
    font-size:16px;
    margin-bottom:10px;
}

.bookservice-field input{
    width:100%;
    height:60px;
    border:1px solid #D9E3DD;
    border-radius:10px;
    padding:0 18px;
    font-size:16px;
    color:#596B60;
    outline:none;
}

.bookservice-field input:focus{
    border-color:#286739;
}

.bookservice-btn{
    height:52px;
    min-width:170px;
    border:none;
    border-radius:8px;
    background:#286739;
    color:#fff;
    font-size:18px;
    cursor:pointer;
    transition:.3s;
}

.bookservice-btn:hover{
    background:#1E4D2B;
}

/* Tablet */

@media(max-width:1199px){

    .bookservice-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

    .bookservice-formbox{
        max-width:700px;
    }

}

/* Mobile */

@media(max-width:767px){

    .bookservice{
        padding:50px 0;
    }

    .bookservice-map{
        margin-bottom:30px;
    }

    .bookservice-map iframe{
        height:320px;
    }

    .bookservice-info h2{
        font-size:32px;
    }

    .bookservice-details p{
        font-size:16px;
    }

    .bookservice-divider{
        margin:35px 0;
    }

    .bookservice-social h3{
        font-size:20px;
    }

    .bookservice-formbox{
        padding:20px;
    }

    .bookservice-btn{
        width:100%;
    }

}

.futurestats{
    position:relative;
    padding:50px 0;
    overflow:hidden;
}

.futurestats *{
    box-sizing:border-box;
}

.futurestats-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.futurestats-overlay{
    position:absolute;
    inset:0;
    background:rgba(245,249,246,.82);
}

.futurestats .container{
    position:relative;
    z-index:2;
}

.futurestats-wrapper{
    display:grid;
    grid-template-columns:520px 1fr;
    gap:60px;
    align-items:center;
}

/* Left */

.futurestats-content h2{
    font-size:42px;
    line-height:1.05;
    color:#1E4D2B;
    font-weight:700;
    margin-bottom:24px;
    max-width:480px;
}

.futurestats-content p{
    font-size:18px;
    line-height:1.8;
    color:#596B60;
    margin-bottom:32px;
    max-width:520px;
}

.futurestats-buttons{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.futurestats-btn{
    height:52px;
    padding:0 26px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:18px;
    font-weight:500;
    transition:.3s;
}

.futurestats-btn-primary{
    background:#286739;
    color:#fff;
}

.futurestats-btn-primary:hover{
    background:#1E4D2B;
}

.futurestats-btn-outline{
    border:1px solid #286739;
    color:#286739;
    background:#fff;
}

.futurestats-btn-outline:hover{
    background:#286739;
    color:#fff;
}

/* Right Grid */

.futurestats-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    border:1px solid #D9E3DD;
}

.futurestats-card{
    display:flex;
    gap:20px;
    padding:48px 32px;
    min-height:210px;
}

.futurestats-card:nth-child(1),
.futurestats-card:nth-child(2){
    border-bottom:1px solid #D9E3DD;
}

.futurestats-card:nth-child(1),
.futurestats-card:nth-child(3){
    border-right:1px solid #D9E3DD;
}

.futurestats-icon{
    width:52px;
    min-width:52px;
}

.futurestats-icon img{
    width:100%;
    display:block;
}

.futurestats-card-content h3{
    font-size:42px;
    line-height:1;
    color:#286739;
    font-weight:700;
    margin-bottom:8px;
}

.futurestats-card-content h3 em{
    font-style:italic;
    font-weight:700;
}

.futurestats-card-content h4{
    font-size:18px;
    color:#2F2F2F;
    font-weight:600;
    margin-bottom:10px;
}

.futurestats-card-content p{
    font-size:16px;
    line-height:1.8;
    color:#596B60;
}

/* Tablet */

@media(max-width:1199px){

    .futurestats-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

}

/* Mobile */

@media(max-width:767px){

    .futurestats{
        padding:50px 0;
    }

    .futurestats-content h2{
        font-size:32px;
    }

    .futurestats-content p{
        font-size:16px;
    }

    .futurestats-grid{
        grid-template-columns:1fr;
    }

    .futurestats-card{
        border-right:none !important;
        border-bottom:1px solid #D9E3DD !important;
        min-height:auto;
        padding:28px 20px;
    }

    .futurestats-card:last-child{
        border-bottom:none !important;
    }

    .futurestats-card-content h3{
        font-size:34px;
    }

    .futurestats-btn{
        width:100%;
    }

}

section#service:before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, rgba(244, 250, 246, 0.94) 0%, rgba(238, 247, 241, 0.88) 35%, rgba(227, 241, 232, 0.78) 70%, rgba(216, 235, 223, 0.65) 100%);
    z-index: 0;
    pointer-events: none;
}
section#service * {
    z-index: 9;
    position: relative;
}

.listofsolutions .listsa {
    margin-bottom: 60px;
}
.listofsolutions .listsa:last-child {
    margin-bottom: 0px;
}

.aboutwhoweare{
    padding:50px 0;
    background:#ffffff;
}

.aboutwhoweare *{
    box-sizing:border-box;
}

/* Heading */

.aboutwhoweare-heading{
    text-align:center;
    max-width:1000px;
    margin:0 auto 40px;
}

.aboutwhoweare-heading h2{
    font-size:42px;
    line-height:1.1;
    font-weight:700;
    color:#1E4D2B;
    margin-bottom:16px;
}

.aboutwhoweare-heading h2 span{
    font-size:24px;
    vertical-align:top;
}

.aboutwhoweare-heading p{
    font-size:18px;
    line-height:1.8;
    color:#596B60;
}

/* Cards */

.aboutwhoweare-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.aboutwhoweare-card{
    background:#ffffff;
    border:1px solid #E8ECE8;
    border-radius:20px;
    padding:30px;
    box-shadow:0 4px 20px rgba(0,0,0,0.03);
    height:100%;
}

.aboutwhoweare-cardhead{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:30px;
}

.aboutwhoweare-icon{
    width:90px;
    height:90px;
    min-width:90px;
    border-radius:50%;
    background:#EFF8F3;
    display:flex;
    align-items:center;
    justify-content:center;
}

.aboutwhoweare-icon img{
    width:50px;
    height:50px;
    object-fit:contain;
}

.aboutwhoweare-cardhead h3{
    font-size:24px;
    font-weight:700;
    color:#1E4D2B;
    margin:0;
}

.aboutwhoweare-content p{
    font-size:18px;
    line-height:1.8;
    color:#596B60;
    margin-bottom:16px;
}

.aboutwhoweare-content p:last-child{
    margin-bottom:0;
}

/* Tablet */

@media(max-width:991px){

    .aboutwhoweare-grid{
        grid-template-columns:1fr;
    }

    .aboutwhoweare-card{
        padding:25px;
    }

}

/* Mobile */

@media(max-width:767px){

    .aboutwhoweare{
        padding:50px 0;
    }

    .aboutwhoweare-heading{
        margin-bottom:30px;
    }

    .aboutwhoweare-heading h2{
        font-size:32px;
    }

    .aboutwhoweare-heading p{
        font-size:16px;
    }

    .aboutwhoweare-cardhead{
        flex-direction:column;
        text-align:center;
        gap:15px;
        margin-bottom:20px;
    }

    .aboutwhoweare-icon{
        width:75px;
        height:75px;
        min-width:75px;
    }

    .aboutwhoweare-cardhead h3{
        font-size:22px;
    }

    .aboutwhoweare-content p{
        font-size:16px;
        line-height:1.7;
    }

}

.aboutmission{
    padding:50px 0;
    background:#ffffff;
}

.aboutmission *{
    box-sizing:border-box;
}

.aboutmission-box{
    position:relative;
    background:#FBFCFB;
    border:1px solid #DCE5DF;
    border-radius:24px;
    padding:50px 60px;
    display:grid;
    grid-template-columns:380px 1fr;
    gap:60px;
    align-items:center;
    overflow:hidden;
}

/* Decorative Leaves */

.aboutmission-leaf{
    position:absolute;
    z-index:1;
    opacity:.18;
    pointer-events:none;
}

.aboutmission-leaf-left{
    left:0;
    top:0;
}

.aboutmission-leaf-right{
    right:0;
    top:0;
}

.aboutmission-leaf img{
    width:140px;
    display:block;
}

/* Left Graphic */

.aboutmission-visual{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
}

.aboutmission-rings{
    position:relative;
    width:280px;
    height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.aboutmission-rings span{
    position:absolute;
    border-radius:50%;
    border:2px solid rgba(40,103,57,.10);
}

.aboutmission-rings span:nth-child(1){
    width:280px;
    height:280px;
}

.aboutmission-rings span:nth-child(2){
    width:220px;
    height:220px;
}

.aboutmission-rings span:nth-child(3){
    width:165px;
    height:165px;
}

.aboutmission-icon{
    width:120px;
    height:120px;
    border-radius:50%;
    background:#286739;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 30px rgba(40,103,57,.25);
}

.aboutmission-icon img{
    width:70px;
    height:70px;
    object-fit:contain;
}

/* Content */

.aboutmission-content{
    position:relative;
    z-index:2;
}

.aboutmission-content h2{
    font-size:42px;
    line-height:1.1;
    color:#1E4D2B;
    font-weight:700;
    margin-bottom:14px;
}

.aboutmission-content h2 span{
    font-size:24px;
    vertical-align:top;
}

.aboutmission-line{
    width:55px;
    height:4px;
    background:#286739;
    border-radius:50px;
    margin-bottom:24px;
}

.aboutmission-content p{
    font-size:18px;
    line-height:1.9;
    color:#596B60;
    margin-bottom:14px;
}

.aboutmission-content p:last-child{
    margin-bottom:0;
}

/* Tablet */

@media(max-width:991px){

    .aboutmission-box{
        grid-template-columns:1fr;
        gap:40px;
        text-align:center;
        padding:40px;
    }

    .aboutmission-line{
        margin:0 auto 24px;
    }

}

/* Mobile */

@media(max-width:767px){

    .aboutmission{
        padding:50px 0;
    }

    .aboutmission-box{
        padding:30px 20px;
        border-radius:18px;
    }

    .aboutmission-content h2{
        font-size:32px;
    }

    .aboutmission-content p{
        font-size:16px;
        line-height:1.8;
    }

    .aboutmission-rings{
        width:220px;
        height:220px;
    }

    .aboutmission-rings span:nth-child(1){
        width:220px;
        height:220px;
    }

    .aboutmission-rings span:nth-child(2){
        width:170px;
        height:170px;
    }

    .aboutmission-rings span:nth-child(3){
        width:125px;
        height:125px;
    }

    .aboutmission-icon{
        width:90px;
        height:90px;
    }

    .aboutmission-icon img{
        width:50px;
        height:50px;
    }

}
.strategicgrowthplan{
    padding:50px 0;
    background:#ffffff;
}

.strategicgrowthplan *{
    box-sizing:border-box;
}

/* Heading */

.strategicgrowthplan-heading{
    text-align:center;
    margin-bottom:35px;
}

.strategicgrowthplan-heading h2{
    font-size:42px;
    line-height:1.1;
    font-weight:700;
    color:#1E4D2B;
    margin-bottom:12px;
}

.strategicgrowthplan-heading h2 span{
    font-size:24px;
    vertical-align:top;
}

.strategicgrowthplan-line{
    width:70px;
    height:4px;
    background:#286739;
    border-radius:50px;
    margin:0 auto;
}

/* Cards */

.strategicgrowthplan-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.strategicgrowthplan-card{
    background:#FBFCFB;
    border:1px solid #DCE5DF;
    border-radius:24px;
    padding:38px;
    display:flex;
    align-items:center;
    gap:35px;
    height:100%;
}

.strategicgrowthplan-iconwrap{
    flex-shrink:0;
}

.strategicgrowthplan-iconcircle{
    width:170px;
    height:170px;
    border-radius:50%;
    border:8px solid #9CC68A;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:
        inset 0 0 0 10px rgba(156,198,138,.12),
        0 8px 20px rgba(0,0,0,.05);
}

.strategicgrowthplan-iconcircle img{
    width:80px;
    height:80px;
    object-fit:contain;
}

.strategicgrowthplan-content h3{
    font-size:26px;
    color:#1E4D2B;
    font-weight:700;
    margin-bottom:15px;
}

.strategicgrowthplan-content p{
    font-size:18px;
    line-height:1.8;
    color:#596B60;
}

/* Tablet */

@media(max-width:991px){

    .strategicgrowthplan-grid{
        grid-template-columns:1fr;
    }

}

/* Mobile */

@media(max-width:767px){

    .strategicgrowthplan{
        padding:50px 0;
    }

    .strategicgrowthplan-heading h2{
        font-size:32px;
    }

    .strategicgrowthplan-card{
        padding:25px;
        flex-direction:column;
        text-align:center;
        gap:25px;
    }

    .strategicgrowthplan-iconcircle{
        width:130px;
        height:130px;
        border-width:6px;
    }

    .strategicgrowthplan-iconcircle img{
        width:60px;
        height:60px;
    }

    .strategicgrowthplan-content h3{
        font-size:24px;
    }

    .strategicgrowthplan-content p{
        font-size:16px;
        line-height:1.7;
    }

}

.mobile-menu-toggle,
.mobile-menu{
    display:none;
}

/* Mobile */

@media(max-width:991px){

    .nav-links{
        display:none;
    }

    .main-navigation{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    .mobile-menu-toggle{
        display:flex;
        width:44px;
        height:44px;
        border:none;
        background:none;
        font-size:30px;
        cursor:pointer;
        align-items:center;
        justify-content:center;
    }

    .mobile-menu{
        display:flex;
        flex-direction:column;
        position:fixed;
        top:0;
        left:-100%;
        width:100%;
        height:100vh;
        background:#fff;
        z-index:9999;
        transition:.35s ease;
    }

    .mobile-menu.active{
        left:0;
    }

    .mobile-menu-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:20px;
        border-bottom:1px solid #eee;
    }

    .mobile-logo img{
        max-height:50px;
        width:auto;
    }

    .mobile-menu-close{
        width:40px;
        height:40px;
        border:none;
        background:none;
        font-size:28px;
        cursor:pointer;
    }

    .mobile-menu-body{
        flex:1;
        overflow-y:auto;
        padding:20px;
    }

    .mobile-menu-body ul{
        margin:0;
        padding:0;
        list-style:none;
    }

    .mobile-menu-body li{
        border-bottom:1px solid #eee;
    }

    .mobile-menu-body li a{
        display:block;
        padding:15px 0;
        color:#1E4D2B;
        text-decoration:none;
        font-size:18px;
        font-weight:500;
    }

    .mobile-menu-btn{
        display:inline-flex;
        margin-top:25px;
        padding:12px 22px;
        background:#286739;
        color:#fff;
        text-decoration:none;
        border-radius:8px;
    }

    .mobile-menu-footer{
        padding:20px;
        border-top:1px solid #eee;
        display:flex;
        gap:12px;
    }

    .mobile-menu-footer a{
        width:42px;
        height:42px;
        border-radius:50%;
        background:#286739;
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        text-decoration:none;
    }
}
button.mobile-menu-toggle {
    color: #fff;
}
body:not(.home) nav button.mobile-menu-toggle{
	color: #000;
}
nav.main-navigation.scrolled button.mobile-menu-toggle {
    color: #000;
}
@media(max-width:768px){
.hero-wrapper {
    position: relative;
    min-height: 60vh;
}
	.hero {
    min-height: auto;
}
	.about-top {
    grid-template-columns: 1fr !important;
		gap: 50px !important;
}
	section {
    padding: 40px 6%;
}
	
.about-stats-row,.solutions-grid,.process-grid {
    grid-template-columns: 1fr !important;
}
	    .faq-section,.eng-banner,.cta-strip {
        padding: 40px 5% !important;
    }
	
	.footer-grid {
    grid-template-columns:1fr !important;
		    gap: 20px !important;
}
	.footer-links li {
    margin-bottom: 4px !important;
}
	.footer-col-title {
    margin-bottom: 5px !important;
}
}

.nav-links li {
    list-style: none;
	position:relative;
}
nav.main-navigation:not(.scrolled) .nav-links ul.sub-menu li a {
    color: #282F25;
}
@media(min-width:991px){
ul.sub-menu {
    display: none;
}
.nav-links li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}
ul.sub-menu {
    position: absolute;
    background: #fff;
    padding: 8px;
    width: 290px;
    top: 30px;
    box-shadow: 0 0 10px #0000001c;
}
ul.sub-menu li:last-child {
    border: 0;
}
}
ul.sub-menu li {
    padding: 4px 0;
    border-bottom: solid 1px #00000033;
}
ul.sub-menu li a {
    white-space: normal;
    word-wrap: break-word;
    width: 100%;
    display: block;
    padding: 5px 11px;
    line-height: 1.3;
}