/* =========================================================
   ICSS brand — colors from logo
   Green vibrant · Green dark · Red accent · Black
   ========================================================= */
:root {
  --icss-green: #39B54A;
  --icss-green-dark: #004B23;
  --icss-green-mid: #1A7A32;
  --icss-green-soft: #8FD99A;
  --icss-red: #ED1C24;
  --icss-black: #000000;
  --icss-white: #ffffff;

  /* Theme palette remapped to ICSS */
  --oit-clr-green: var(--icss-green);
  --oit-clr-green-neon: #7DDB4A;
  --oit-clr-green-soft: var(--icss-green-soft);
  --oit-clr-green-dark: var(--icss-green-dark);
  --oit-clr-forest-rich: var(--icss-green-dark);
  --oit-clr-teal: var(--icss-green-dark);
  --oit-clr-teal-2: var(--icss-green-mid);
  --oit-clr-deep-teal: #002910;
  --oit-clr-olive: var(--icss-green-dark);
  --oit-clr-black: var(--icss-green-dark);
  --oit-clr-yellow: var(--icss-green);
  --oit-text-body: #2a3d2f;
}

/* ---------- Primary buttons ---------- */
.oit-btn-green > span,
.oit-btn-green > i {
  background-color: var(--icss-green) !important;
  color: var(--icss-black) !important;
}

.oit-btn-green:hover > span,
.oit-btn-green:hover > i {
  background-color: var(--icss-green-dark) !important;
  color: var(--icss-white) !important;
}

/* Olive / dark variant → logo dark green */
.oit-btn-green.olive-btn > span,
.oit-btn-green.olive-btn > i,
.oit-btn-green.radius-btn.olive-btn > span,
.oit-btn-green.radius-btn.olive-btn > i,
.oit-btn-green.green-dark-btn > span,
.oit-btn-green.green-dark-btn > i,
.oit-btn-green.teal-btn > span,
.oit-btn-green.teal-btn > i {
  background-color: var(--icss-green-dark) !important;
  color: var(--icss-white) !important;
}

.oit-btn-green.olive-btn:hover > span,
.oit-btn-green.olive-btn:hover > i,
.oit-btn-green.radius-btn.olive-btn:hover > span,
.oit-btn-green.radius-btn.olive-btn:hover > i,
.oit-btn-green.green-dark-btn:hover > span,
.oit-btn-green.green-dark-btn:hover > i,
.oit-btn-green.teal-btn:hover > span,
.oit-btn-green.teal-btn:hover > i {
  background-color: var(--icss-green) !important;
  color: var(--icss-black) !important;
}

/* Outline / border buttons */
.oit-btn-green.border-btn > span,
.oit-btn-green.border-btn > i,
.oit-btn-green.radius-btn.border-btn > span,
.oit-btn-green.radius-btn.border-btn > i,
.oit-btn-green.border-btn-2 > span,
.oit-btn-green.border-btn-2 > i {
  background-color: transparent !important;
  color: var(--icss-green-dark) !important;
  border-color: var(--icss-green) !important;
}

.oit-btn-green.border-btn:hover > span,
.oit-btn-green.border-btn:hover > i,
.oit-btn-green.radius-btn.border-btn:hover > span,
.oit-btn-green.radius-btn.border-btn:hover > i,
.oit-btn-green.border-btn-2:hover > span,
.oit-btn-green.border-btn-2:hover > i {
  background-color: var(--icss-green) !important;
  color: var(--icss-black) !important;
  border-color: var(--icss-green) !important;
}

/* Olive + border combo */
.oit-btn-green.border-btn.olive-btn > span,
.oit-btn-green.border-btn.olive-btn > i,
.oit-btn-green.radius-btn.border-btn.olive-btn > span,
.oit-btn-green.radius-btn.border-btn.olive-btn > i {
  background-color: transparent !important;
  color: var(--icss-green-dark) !important;
  border: 1px solid var(--icss-green) !important;
}

.oit-btn-green.border-btn.olive-btn:hover > span,
.oit-btn-green.border-btn.olive-btn:hover > i,
.oit-btn-green.radius-btn.border-btn.olive-btn:hover > span,
.oit-btn-green.radius-btn.border-btn.olive-btn:hover > i {
  background-color: var(--icss-green) !important;
  color: var(--icss-black) !important;
}

/* ---------- Text & titles ---------- */
.oit-text-olive,
.oit-section-subtitle.oit-text-olive,
.oit-section-title.oit-text-olive,
.text-olive,
.common-title.text-olive {
  color: var(--icss-green-dark) !important;
}

.oit-text-green,
.oit-text-forest-rich {
  color: var(--icss-green) !important;
}

.oit-section-subtitle {
  color: var(--icss-green-mid);
}

/* ---------- Backgrounds ---------- */
.olive-bg,
.teal-bg,
.green-dark-bg,
.forest-rich-bg,
.deep-teal-bg {
  background-color: var(--icss-green-dark) !important;
}

.green-bg {
  background-color: var(--icss-green) !important;
}

/* ---------- Header ---------- */
.oit-header-menu .oit-menu-content > ul > li > a {
  color: var(--icss-white);
  font-weight: 500;
  transition: color 0.25s ease;
}

.oit-header-menu .oit-menu-content > ul > li > a:hover,
.oit-header-menu .oit-menu-content > ul > li.active > a {
  color: var(--icss-green);
}

.oit-header-action {
  gap: 16px;
}

.oit-header-action .oit-btn-green > span {
  background-color: var(--icss-green) !important;
  color: var(--icss-black) !important;
}

.oit-header-action .oit-btn-green:hover > span {
  background-color: var(--icss-green-dark) !important;
  color: var(--icss-white) !important;
}

.oit-header-bar,
.bi-header-style .oit-header-bar {
  background-color: var(--icss-green-dark) !important;
}

.oit-header-bar span,
.bi-header-style .oit-header-bar span {
  background-color: var(--icss-green) !important;
}

/* ---------- Hero ---------- */
.bc-hero-subtitle {
  color: var(--icss-green) !important;
}

.bi-hero-meeting-content a,
.border-line-revel {
  color: var(--icss-green);
}

.bi-hero-meeting-content a:hover {
  color: var(--icss-white);
}

/* ---------- Partners strip (under hero) ---------- */
.icss-partners {
  background-color: transparent;
  padding: 12px 0;
}

.icss-partners.bi-brand-bdr {
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}

.icss-partners .bi-brand-logo {
  height: 110px;
  min-width: 220px;
  padding: 12px 28px;
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}

.icss-partners .bi-brand-logo img {
  width: auto !important;
  max-width: 200px;
  height: auto !important;
  max-height: 80px;
  object-fit: contain;
  display: block;
}

@media (max-width: 767px) {
  .icss-partners .bi-brand-logo {
    height: 90px;
    min-width: 160px;
    padding: 10px 16px;
  }

  .icss-partners .bi-brand-logo img {
    max-width: 140px;
    max-height: 64px;
  }
}

/* ---------- Links & accents ---------- */
a.border-line:hover,
.border-line:hover {
  color: var(--icss-green);
}

.bi-feature-item:hover .oit-section-title,
.bi-service-item:hover .oit-section-title a,
.bi-blog-item:hover .common-title a {
  color: var(--icss-green) !important;
}

/* Accordion / tabs accents */
.accordion-button:not(.collapsed),
.accordion-button:focus {
  color: var(--icss-green-dark);
  box-shadow: none;
  border-color: var(--icss-green);
}

/* Form focus */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--icss-green) !important;
  outline-color: var(--icss-green);
}

/* Funfact / counters on dark bg */
.olive-bg .oit-section-title,
.olive-bg .oit-section-subtitle,
.olive-bg h2,
.olive-bg h3,
.olive-bg h4,
.olive-bg p,
.olive-bg span {
  color: var(--icss-white);
}

.olive-bg .purecounter,
.olive-bg [data-purecounter-end] {
  color: var(--icss-green) !important;
}

/* ---------- Offcanvas ---------- */
.oit-offcanvas-area .close-btn:hover,
.oit-offcanvas-title {
  color: var(--icss-green-dark);
}

.oit-offcanvas__social a:hover {
  color: var(--icss-green);
  border-color: var(--icss-green);
}

/* ---------- Scroll / preloader ---------- */
.scroll-top {
  background-color: var(--icss-green) !important;
  color: var(--icss-black) !important;
}

.scroll-top:hover {
  background-color: var(--icss-green-dark) !important;
  color: var(--icss-white) !important;
}

.preloader .bar {
  background: var(--icss-green) !important;
}

/* ---------- Footer ---------- */
.bi-footer-area,
.bi-copyright-area {
  background-color: var(--icss-green-dark) !important;
}

.bi-footer-social a:hover,
.bi-copyright-text a span,
.bi-footer-widget-menu a:hover {
  color: var(--icss-green) !important;
}

.bi-footer-newsletter-input .submit-btn {
  background-color: var(--icss-green) !important;
  color: var(--icss-black) !important;
}

.bi-footer-newsletter-input .submit-btn:hover {
  background-color: var(--icss-red) !important;
  color: var(--icss-white) !important;
}

/* Red accent (logo line) — icon hover on primary green buttons only */
.oit-btn-green:not(.olive-btn):not(.border-btn):not(.green-dark-btn):not(.teal-btn):hover > i {
  background-color: var(--icss-red) !important;
  color: var(--icss-white) !important;
}