/*
Theme Name: OnePress Child
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes
Author URI: http://www.famethemes.com
Template: onepress
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 2.3.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tested up to: 6.0.2
Requires PHP: 5.6
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
:root {
  --green: #0f8a4b;
  --green-2: #58b957;
  --navy: #082f57;
  --ink: #10233f;
  --muted: #667085;
  --soft: #eefaf3;
  --line: #dce8e2;
  --white: #ffffff;
  --danger: #ef4444;
  --shadow: 0 18px 50px rgba(8, 47, 87, 0.12);
} 
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  color: var(--ink);
  background: #fff;
  line-height: 1.6;
}
.page-header{
	display:none;
}
.container {
  width: min(1180px, 92%);
  margin: auto;
}
.containers {
  width: min(1180px, 92%);
  margin: auto;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.nav-wrap {
  height: 82px;
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
}
.brand {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  color: var(--navy);
}
.brand-mark {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 2px solid var(--green);
  border-radius: 14px;
  font-size: 25px;
}
.brand strong {
  display: block;
  font-size: 22px;
}
.brand small {
  display: block;
  font-size: 11px;
  color: var(--green);
}
nav {
  display: flex;
  gap: 24px;
}
nav a,
.site-footer a {
  text-decoration: none;
  color: var(--ink);
  font-weight: 600;
  font-size: 14px;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 13px 22px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid transparent;
}
.btn-primary {
  background: var(--navy);
  color: #fff;
}
.btn-outline {
  border-color: var(--green);
  color: var(--green);
  background: #fff;
}
.btn-light {
  background: #fff;
  color: var(--green);
}
.section-soft {
  background: linear-gradient(135deg, #f5fff8 0%, #eef8f3 55%, #fff 100%);
}
.hero {
  padding: 80px 0;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 56px;
  align-items: center;
}
.eyebrow {
  color: var(--green);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 13px;
}
h1 {
  font-size: 56px;
  line-height: 1.03;
  margin: 12px 0 20px;
  color: var(--navy);
  letter-spacing: -0.04em;
}
h2 {
  font-size: 34px;
  line-height: 1.15;
  color: var(--navy);
  margin: 0 0 14px;
}
.lead {
  font-size: 18px;
  color: #344054;
}
.hero-actions {
  display: flex;
  gap: 14px;
  margin: 30px 0;
}
.stats-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 35px;
}
.stats-row div {
  border-left: 3px solid var(--green);
  padding-left: 12px;
}
.stats-row strong {
  display: block;
  color: var(--navy);
}
.stats-row span {
  font-size: 13px;
  color: var(--muted);
}
.dashboard-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 24px;
  box-shadow: var(--shadow);
}
.dash-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  color: var(--navy);
  margin-bottom: 18px;
}
.dash-top button {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 8px;
  padding: 8px 12px;
}
.dash-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.dash-grid article {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  background: #fff;
}
.dash-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}
.dash-grid strong {
  display: block;
  font-size: 23px;
  color: var(--navy);
  margin: 5px 0;
}
.dash-grid small {
  color: var(--green);
  font-weight: 700;
}
.sensor-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 18px;
}
.sensor-row span {
  background: var(--soft);
  border-radius: 12px;
  padding: 12px;
  text-align: center;
  font-weight: 700;
}
.split-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 48px;
  margin-bottom: 58px;
}
.card,
.mini-card,
.features-grid article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 8px 30px rgba(8, 47, 87, 0.06);
}
.red-list,
.green-list {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
}
.red-list li,
.green-list li {
  margin: 10px 0;
}
.red-list li:before {
  content: "✕";
  color: #fff;
  background: var(--danger);
  border-radius: 50%;
  font-size: 10px;
  padding: 2px 5px;
  margin-right: 10px;
}
.green-list li:before {
  content: "✓";
  color: #fff;
  background: var(--green);
  border-radius: 50%;
  font-size: 10px;
  padding: 2px 5px;
  margin-right: 10px;
}
.icon-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 24px;
}
.icon-grid span {
  text-align: center;
  font-size: 28px;
}
.icon-grid b {
  display: block;
  font-size: 13px;
  margin-top: 6px;
}
.section-title {
  text-align: center;
  margin: 56px 0 28px;
}
.farm-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.mini-card {
  text-align: center;
  padding: 24px 18px;
}
.mini-card {
  font-size: 36px;
}
.mini-card h3 {
  font-size: 17px;
  margin: 10px 0;
  color: var(--navy);
}
.mini-card p {
  font-size: 13px;
  color: var(--muted);
  margin: 0;
}
.iot {
  margin-top: 68px;
  padding: 68px 0;
}
.iot-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}
.check-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 24px;
}
.check-grid span:before {
  content: "✓";
  color: var(--green);
  font-weight: 900;
  margin-right: 8px;
}
.farm-illustration {
  min-height: 290px;
  border-radius: 26px;
  background: linear-gradient(135deg, #e5f7ec, #fff);
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  font-size: 42px;
  position: relative;
}
.farm-base {
  font-size: 118px;
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.features-grid article b {
  color: var(--navy);
}
.features-grid article p {
  color: var(--muted);
  font-size: 14px;
}
.dark-panel {
  margin-top: 70px;
  background: linear-gradient(135deg, var(--navy), #061e39);
  color: #fff;
  border-radius: 22px;
  padding: 42px;
}
.dark-panel h2 {
  color: #fff;
  text-align: center;
}
.module-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}
.module-grid span {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  font-weight: 700;
}
.three-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 46px;
  margin-bottom: 50px;
}
.cta {
  background: linear-gradient(135deg, var(--green), #0b6c3c);
  color: #fff;
  padding: 48px 0;
}
.cta h2 {
  color: #fff;
}
.cta-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-footer {
  background: #061e39;
  color: #d8e5ef;
  padding: 45px 0;
}
.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 40px;
}
.site-footer h3,
.site-footer h4 {
  color: #fff;
}
.site-footer a {
  display: block;
  color: #d8e5ef;
  margin: 8px 0;
}
@media (max-width: 980px) {
  nav {
    display: none;
  }
  .hero-grid,
  .split-section,
  .iot-grid,
  .three-cols {
    grid-template-columns: 1fr;
  }
  h1 {
    font-size: 42px;
  }
  .farm-grid,
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dash-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .hero {
    padding: 48px 0;
  }
  .hero-actions,
  .cta-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .stats-row,
  .sensor-row,
  .farm-grid,
  .features-grid,
  .module-grid,
  .icon-grid,
  .check-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .dash-grid {
    grid-template-columns: 1fr;
  }
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 28px;
  }
  .nav-wrap {
    height: 72px;
  }
  .brand strong {
    font-size: 18px;
  }
}