/*=====================================================================
  HYPEGINI BRAND LAYER — premium AgriTech design tokens & theming
  Loaded after main-demo.css. Layout untouched; visual language only.
=====================================================================*/

/*-------------------------------------------
  01. Design tokens
-------------------------------------------*/
:root {
  /* Primary scale — #BDD631 */
  --hg-primary-50:  #F9FCEB;
  --hg-primary-100: #F2F8D6;
  --hg-primary-200: #EAF2B5;
  --hg-primary-300: #DCE985;
  --hg-primary-400: #CFE058;
  --hg-primary-500: #BDD631;
  --hg-primary-600: #A8C123;
  --hg-primary-700: #8DA21B;
  --hg-primary-800: #6E7F16;
  --hg-primary-900: #4D5910;

  --hg-primary: var(--hg-primary-500);
  --hg-on-primary: #1F2937;

  /* Semantic */
  --hg-background: #F8FAF7;
  --hg-surface: #FFFFFF;
  --hg-card: #FFFFFF;
  --hg-border: #E7EED6;
  --hg-text: #1F2937;
  --hg-muted: #6B7280;
  --hg-hover-bg: #F3F8E3;

  --hg-success: #3BAF4A;
  --hg-warning: #F4B400;
  --hg-danger:  #E53935;
  --hg-info:    #3B82F6;

  /* Effects */
  --hg-shadow-green: 0 6px 20px rgba(189, 214, 49, 0.28);
  --hg-shadow-card: 0 1px 2px rgba(31, 41, 55, 0.05), 0 10px 30px rgba(141, 162, 27, 0.12);
  --hg-gradient-primary: linear-gradient(103.71deg, #CFE058 17.96%, #BDD631 66.13%);
  --hg-gradient-page: linear-gradient(180deg, #FFFFFF 0%, #FAFCF4 100%);
  --hg-focus-ring: 0 0 0 3px rgba(189, 214, 49, 0.18);
}

/*-------------------------------------------
  02. Global surface & selection
-------------------------------------------*/
body {
  background-color: var(--hg-background);
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FAFCF4 420px, var(--hg-background) 900px);
  background-repeat: no-repeat;
}

::selection {
  background: var(--hg-primary-300);
  color: #1F2937;
}

/* keyboard accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--hg-primary-600);
  outline-offset: 2px;
}

/*-------------------------------------------
  03. Hero — ambient organic light
-------------------------------------------*/
.hero-1 {
  position: relative;
}
.hero-1::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(640px 420px at 12% 18%, rgba(189, 214, 49, 0.30), transparent 70%),
    radial-gradient(820px 520px at 88% 78%, rgba(207, 224, 88, 0.24), transparent 72%),
    radial-gradient(420px 320px at 55% 8%, rgba(255, 255, 255, 0.55), transparent 75%);
}

/*-------------------------------------------
  04. Buttons — lift, glow, pressed shade
-------------------------------------------*/
.theme-btn-main {
  transition: transform 150ms ease, box-shadow 150ms ease, padding 0.4s ease;
}
.theme-btn-main:hover {
  transform: translateY(-2px);
  box-shadow: var(--hg-shadow-green);
}
.theme-btn-main:active {
  transform: translateY(0);
}
.theme-btn-main:active .theme-btn {
  background-color: var(--hg-primary-600);
}
.back-to-top {
  border-radius: 12px;
  box-shadow: var(--hg-shadow-green);
  transition: transform 150ms ease, box-shadow 150ms ease, opacity 0.4s ease, visibility 0.4s ease;
}
.back-to-top:hover {
  transform: translateY(-2px);
}

/*-------------------------------------------
  05. Links — color transition + underline slide
-------------------------------------------*/
.footer-widget-items ul li a,
.footer-bottom-wrapper a,
.news-box-items .content a {
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 200ms ease, color 200ms ease;
}
.footer-widget-items ul li a:hover,
.footer-bottom-wrapper a:hover {
  color: var(--hg-primary-500);
  background-size: 100% 1px;
}
.navbar-nav .nav-link {
  transition: color 150ms ease;
}
.navbar-nav .nav-link:hover {
  color: var(--hg-primary-700);
}

/*-------------------------------------------
  06. Cards — soft border, green hover ring, tiny lift
-------------------------------------------*/
.service-box-items,
.choose-us-items,
.testimonial-box-items,
.pricing-box-items,
.faq-items-1 .accordion-item {
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}
.service-box-items:hover,
.choose-us-items:hover,
.testimonial-box-items:hover,
.pricing-box-items:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px var(--hg-primary-300), 0 12px 32px rgba(141, 162, 27, 0.16);
}
.service-box-items {
  border-color: var(--hg-border);
  background-color: var(--hg-card);
}
.service-box-items:hover {
  border-color: var(--hg-primary-300);
}

/*-------------------------------------------
  07. Forms — green focus system
-------------------------------------------*/
input:focus {
  color: inherit;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
  border-color: var(--hg-primary-500) !important;
  box-shadow: var(--hg-focus-ring);
  outline: none;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--hg-primary-500);
}
.footer-top-wrapper .right-content .sq-checkbox input:checked + .box {
  background-color: var(--hg-primary-500);
  border-color: var(--hg-primary-500);
}

/*-------------------------------------------
  08. Progress / switches (token defaults)
-------------------------------------------*/
.progress,
progress {
  background-color: #EEF2E7;
}
.progress-bar,
progress::-webkit-progress-value {
  background-color: var(--hg-primary-500);
}
.form-switch .form-check-input:checked {
  background-color: var(--hg-primary-500);
  border-color: var(--hg-primary-500);
}
.form-switch .form-check-input {
  background-color: #DADADA;
}

/*-------------------------------------------
  09. Pricing — "Most Popular" glow
-------------------------------------------*/
.pricing-box-items.active {
  box-shadow: 0 0 0 1px var(--hg-primary-400), 0 18px 44px rgba(189, 214, 49, 0.30);
}

/*-------------------------------------------
  10. Footer — subtle green ambience
-------------------------------------------*/
.footer-section {
  position: relative;
  overflow: hidden;
}
.footer-section::before {
  content: "";
  position: absolute;
  top: -220px;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 460px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(189, 214, 49, 0.12), transparent);
  pointer-events: none;
}

/*-------------------------------------------
  11. Theme toggle control
-------------------------------------------*/
.hg-theme-toggle {
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 999;
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  background-color: var(--hg-surface);
  color: var(--hg-text);
  border: 1px solid var(--hg-border);
  box-shadow: var(--hg-shadow-card);
  transition: transform 150ms ease, box-shadow 150ms ease, background-color 200ms ease, color 200ms ease;
}
.hg-theme-toggle:hover {
  transform: translateY(-2px);
  box-shadow: var(--hg-shadow-green);
  color: var(--hg-primary-700);
}
.hg-theme-toggle .fa-sun-bright,
.hg-theme-toggle .fa-sun { display: none; }
[data-theme="dark"] .hg-theme-toggle .fa-sun-bright,
[data-theme="dark"] .hg-theme-toggle .fa-sun { display: inline-block; }
[data-theme="dark"] .hg-theme-toggle .fa-moon { display: none; }

/*-------------------------------------------
  12. Motion accessibility
-------------------------------------------*/
@media (prefers-reduced-motion: reduce) {
  .theme-btn-main:hover,
  .back-to-top:hover,
  .hg-theme-toggle:hover,
  .service-box-items:hover,
  .choose-us-items:hover,
  .testimonial-box-items:hover,
  .pricing-box-items:hover {
    transform: none;
  }
}

/*=====================================================================
  13. DARK MODE — token flips (paired design, AA contrast)
=====================================================================*/
[data-theme="dark"] {
  --body: #0F120D;
  --bg: #141711;
  --black: #F2F5EA;
  --header: #EEF2E4;
  --text: rgba(228, 234, 219, 0.72);
  --border: #2A2F24;
  --box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 10px 30px rgba(0, 0, 0, 0.35);

  --hg-background: #0F120D;
  --hg-surface: #181C15;
  --hg-card: #181C15;
  --hg-border: #2A2F24;
  --hg-text: #E4EADB;
  --hg-muted: #9AA294;
  --hg-hover-bg: #1E241A;
  --hg-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.45), 0 10px 30px rgba(0, 0, 0, 0.35);
  --hg-gradient-page: linear-gradient(180deg, #12150F 0%, #0F120D 100%);

  color-scheme: dark;
}

[data-theme="dark"] body {
  background-color: var(--hg-background);
  background-image: linear-gradient(180deg, #141810 0%, #0F120D 480px);
}

/* Hero: replace light cloud photo with dark ambient green */
[data-theme="dark"] .hero-1[data-background] {
  background-image:
    radial-gradient(720px 460px at 14% 16%, rgba(189, 214, 49, 0.16), transparent 70%),
    radial-gradient(900px 560px at 86% 82%, rgba(141, 162, 27, 0.14), transparent 72%),
    linear-gradient(180deg, #12150E 0%, #0F120D 100%) !important;
}
[data-theme="dark"] .hero-1::after {
  background:
    radial-gradient(640px 420px at 12% 18%, rgba(189, 214, 49, 0.10), transparent 70%),
    radial-gradient(820px 520px at 88% 78%, rgba(141, 162, 27, 0.10), transparent 72%);
}

/* Pricing highlight: swap light cloud art for deep green glass */
[data-theme="dark"] .pricing-box-items.active {
  background-image: linear-gradient(165deg, rgba(189, 214, 49, 0.16) 0%, rgba(189, 214, 49, 0.04) 60%, transparent 100%) !important;
  background-color: var(--hg-surface) !important;
}

/* Keep ink text on lime elements — lime stays lime in dark mode */
[data-theme="dark"] .theme-btn-main .theme-btn,
[data-theme="dark"] .back-to-top,
[data-theme="dark"] .section-title .sub-title b {
  color: #1F2937;
}
[data-theme="dark"] .theme-btn-main:hover .theme-btn {
  background-color: var(--hg-primary-600);
  color: #1F2937;
}

/* Section sub-title pill: translucent white chip -> dark chip */
[data-theme="dark"] .section-title .sub-title {
  background: rgba(255, 255, 255, 0.06);
  color: var(--hg-text);
}

/* Footer already dark; deepen slightly for hierarchy */
[data-theme="dark"] .footer-section {
  background: #12150F;
}

/* Dim standalone light imagery slightly so it does not glare */
[data-theme="dark"] .hero-1 img,
[data-theme="dark"] .how-it-section img,
[data-theme="dark"] .choose-us-section img {
  filter: brightness(0.92);
}

/* Testimonials: swap light cloud imagery for dark ambient green */
[data-theme="dark"] .testimonial-section .ripple-image {
  display: none;
}
[data-theme="dark"] .testimonial-section {
  background:
    radial-gradient(720px 420px at 18% 22%, rgba(189, 214, 49, 0.10), transparent 70%),
    radial-gradient(820px 480px at 82% 78%, rgba(141, 162, 27, 0.08), transparent 72%),
    #12150F;
}
[data-theme="dark"] .testimonial-box-items {
  background: var(--hg-surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Trust logos: dark marks become white, stay monochrome */
[data-theme="dark"] .brand-section-one .brand-img img {
  filter: grayscale(1) invert(1) brightness(1.6);
}
[data-theme="dark"] .brand-section-one .brand-img {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--hg-border);
}

/*--- generated dark surface overrides appended below ---*/
[data-theme="dark"] .theme-btn-main:hover .theme-btn {
  background-color: #262C20;
}
[data-theme="dark"] .back-to-top:hover {
  background-color: #262C20;
}
[data-theme="dark"] .search-popup__overlay {
  background-color: #0B0D09;
}
[data-theme="dark"] .search-popup__overlay {
  color: var(--hg-text);
}
[data-theme="dark"] .search-popup__form input[type=search],
[data-theme="dark"] .search-popup__form input[type=text] {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .search-popup__form input[type=search],
[data-theme="dark"] .search-popup__form input[type=text] {
  color: var(--hg-text);
}
[data-theme="dark"] .search-popup__form input[type=search]:focus,
[data-theme="dark"] .search-popup__form input[type=text]:focus {
  color: var(--hg-text);
}
[data-theme="dark"] .search-popup__form .search-btn:hover {
  background-color: #262C20;
}
[data-theme="dark"] #preloader {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .bg-dark #preloader {
  background-color: #0B0D09;
}
[data-theme="dark"] .bg-dark #preloader {
  color: var(--hg-text);
}
[data-theme="dark"] .cursor-inner {
  background-color: #262C20;
}
[data-theme="dark"] .cursor-inner.cursor-hover {
  background-color: #262C20;
}
[data-theme="dark"] .sticky-menu {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .sticky-menu.header-2 {
  background-color: #262C20;
}
[data-theme="dark"] .sticky-menu .mobile-menu-area {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .header-main .navbar .navbar-nav .nav-item > .sub-menu {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .header-main .navbar .navbar-nav .nav-item .has-homemenu {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .header-main .sidebar__toggle.mobile_menu_bar {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .header-main .sidebar__toggle.mobile_menu_bar span {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .sub-menu li > .sub-menu {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .mobile-menu-area {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .mobile-menu-area .mobile-topbar .bars.mobile_menu_bar {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .mobile-menu-area .mobile-topbar .bars.mobile_menu_bar span {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .mobile-menu-area .mobile-menu-main {
  color: var(--hg-text);
}
[data-theme="dark"] .mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a i {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a i {
  color: var(--hg-text);
}
[data-theme="dark"] .mobile-menu-area .mobile-menu-action-btn a:hover {
  background-color: #262C20;
}
[data-theme="dark"] .offcanvas-menu {
  background-color: #262C20;
}
[data-theme="dark"] .header-2 {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .breadcrumb-wrapper .page-heading p {
  color: var(--hg-text);
}
[data-theme="dark"] .breadcrumb-wrapper .page-heading .breadcrumb-items li {
  color: var(--hg-text);
}
[data-theme="dark"] .breadcrumb-wrapper .page-heading .breadcrumb-items li i {
  color: var(--hg-text);
}
[data-theme="dark"] .breadcrumb-wrapper .page-heading .breadcrumb-items li a {
  color: var(--hg-text);
}
[data-theme="dark"] .breadcrumb-wrapper .page-heading .breadcrumb-items li a i {
  color: var(--hg-text);
}
[data-theme="dark"] .footer-top-wrapper .right-content form input {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .footer-top-wrapper .right-content form .line {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .footer-top-wrapper .right-content .sq-checkbox .box {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .section-title .sub-title {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .section-title .sub-title {
  color: var(--hg-text);
}
[data-theme="dark"] .section-bg-2 {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .hero-1 .hero-content .hero-sub {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .hero-1 .hero-content .hero-sub {
  color: var(--hg-text);
}
[data-theme="dark"] .hero-1 .hero-content form input {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .hero-1 .hero-content form input {
  border-color: var(--hg-border);
}
[data-theme="dark"] .hero-3 .hero-content .hero-sub::before {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .gt-hero-4 .gt-hero-content form input {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .gt-hero-5 .gt-hero-items .gt-hero-image {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .gt-about-wrapper-3 .gt-about-content .gt-list-items li .gt-circle-box {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .gt-about-wrapper-3 .gt-about-content .gt-list-items li .gt-content span {
  color: var(--hg-text);
}
[data-theme="dark"] .choose-us-items {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .choose-us-items {
  border-color: var(--hg-border);
}
[data-theme="dark"] .how-it-items li {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .how-it-items li {
  border-color: var(--hg-border);
}
[data-theme="dark"] .feature-box-items-2 {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .feature-box-items-2 {
  border-color: var(--hg-border);
}
[data-theme="dark"] .feature-box-items-3 {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .feature-box-items-3 {
  border-color: var(--hg-border);
}
[data-theme="dark"] .choose-us-wrapper-two .choose-us-content .choose-list-items li {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .choose-us-wrapper-two .choose-us-content .choose-list-items li {
  border-color: var(--hg-border);
}
[data-theme="dark"] .country-wrapper .flag-items {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .setup-process-wrapper .setup-process-content .setup-box-items {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .setup-process-wrapper .setup-process-content .setup-box-items {
  border-color: var(--hg-border);
}
[data-theme="dark"] .feature-wrapper-4 .feature-box-items .box {
  border-color: var(--hg-border);
}
[data-theme="dark"] .feature-wrapper-4 .feature-box-items .box .content p {
  color: var(--hg-text);
}
[data-theme="dark"] .gt-feature-benefit-wrapper .gt-feature-benefit-items ul li .gt-benefit-content {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .gt-why-choose-us-wrapper-3 .accordion .accordion-button.collapsed::before {
  color: var(--hg-text);
}
[data-theme="dark"] .gt-web-app-wrapper .gt-web-app-content .gt-client-box-items {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .gt-what-can-box-items::after {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .gt-what-get-wrapper .cicle-box {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .gt-what-get-wrapper .gt-what-get-content::before {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .gt-what-get-wrapper .faq-items .accordion .accordion-button.collapsed::before {
  color: var(--hg-text);
}
[data-theme="dark"] .service-box-items {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .service-box-items {
  border-color: var(--hg-border);
}
[data-theme="dark"] .service-card-items-two {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .service-card-items-two .icon-items .service-btn {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .service-card-items-two .icon-items .service-btn {
  border-color: var(--hg-border);
}
[data-theme="dark"] .service-details-wrapper .service-details-post .details-content .details-box {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .service-details-wrapper .service-details-post .details-content .details-box {
  border-color: var(--hg-border);
}
[data-theme="dark"] .service-details-wrapper .service-details-post .details-content .faq-items .accordion .accordion-item {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .service-details-wrapper .service-details-post .details-content .faq-items .accordion .accordion-button {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .service-details-wrapper .service-details-post .details-content .faq-items .accordion .accordion-button {
  color: var(--hg-text);
}
[data-theme="dark"] .service-details-wrapper .service-details-post .details-content .faq-items .accordion .accordion-button {
  border-color: var(--hg-border);
}
[data-theme="dark"] .service-details-wrapper .service-details-sidebar .sidebar-widget {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .service-details-wrapper .service-details-sidebar .sidebar-widget {
  border-color: var(--hg-border);
}
[data-theme="dark"] .testimonial-box-items {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .testimonial-box-items .text {
  color: var(--hg-text);
}
/* Client meta line ("Business, market"): main-demo.css hardcodes a near-black
   rgba(21,23,26,.7) that vanishes on the dark card. Restore the muted-secondary
   hierarchy (name bright, business muted) with a legible dark-theme colour. */
[data-theme="dark"] .testimonial-box-items .client-info .info-content span,
[data-theme="dark"] .testimonial-wrapper-two .testimonial-box-items-2 .client-info .info-content span {
  color: var(--hg-muted);
}
[data-theme="dark"] .testimonial-box-items.style-2 {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .testimonial-wrapper-two {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .testimonial-wrapper-two {
  border-color: var(--hg-border);
}
[data-theme="dark"] .testimonial-wrapper-two .testimonial-box-items-2 .text {
  color: var(--hg-text);
}
[data-theme="dark"] .gt-flag-items .gt-flag-thumb::after {
  border-color: var(--hg-border);
}
[data-theme="dark"] .gt-flag-box .arrow-box {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .pricing-box-items {
  border-color: var(--hg-border);
}
[data-theme="dark"] .pricing-section .pricing-toggle-wrapper {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .pricing-section .pricing-toggle-wrapper {
  border-color: var(--hg-border);
}
[data-theme="dark"] .project-box-items {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .project-box-items {
  border-color: var(--hg-border);
}
[data-theme="dark"] .team-box-items .thumb .social-icon a:hover {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .team-box-items.style-2 .content p {
  color: var(--hg-text);
}
[data-theme="dark"] .project-box-items-2 {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .project-box-items-2 {
  border-color: var(--hg-border);
}
[data-theme="dark"] .project-box-items-2 .thumb .arrow-icon:hover {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .project-section-6 .project-nav .nav li .nav-link.active {
  background-color: #262C20;
}
[data-theme="dark"] .project-details-wrapper .project-details-top-item .details-box {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .project-details-wrapper .project-details-top-item .details-box {
  border-color: var(--hg-border);
}
[data-theme="dark"] .team-details-wrapper .team-details-content {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .team-details-wrapper .team-details-content {
  border-color: var(--hg-border);
}
[data-theme="dark"] .team-details-wrapper .team-bottom-items {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .team-details-wrapper .team-bottom-items {
  border-color: var(--hg-border);
}
[data-theme="dark"] .news-box-items {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .news-box-items {
  border-color: var(--hg-border);
}
[data-theme="dark"] .main-sideber .search-widget form input {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .main-sideber .search-widget form input {
  border-color: var(--hg-border);
}
[data-theme="dark"] .main-sideber .news-info-box-item {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .main-sideber .news-info-box-item {
  border-color: var(--hg-border);
}
[data-theme="dark"] .main-sideber .single-sideber-widget.style-2 {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .main-sideber .single-sideber-widget.style-2 {
  border-color: var(--hg-border);
}
[data-theme="dark"] .main-sideber .single-sideber-widget .recent-post-area .recent-items {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .main-sideber .single-sideber-widget .recent-post-area .recent-items {
  border-color: var(--hg-border);
}
[data-theme="dark"] .main-sideber .single-sideber-widget .recent-post-area .recent-items .recent-content span {
  background-color: #262C20;
}
[data-theme="dark"] .main-sideber .single-sideber-widget .tagcloud a {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .main-sideber .single-sideber-widget .tagcloud a {
  border-color: var(--hg-border);
}
[data-theme="dark"] .news-details-post .news-details-content .details-sideber {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .news-details-post .news-details-content .details-sideber {
  border-color: var(--hg-border);
}
[data-theme="dark"] .news-details-post .news-details-content .comment-form-wrap {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .news-details-post .news-details-content .comment-form-wrap {
  border-color: var(--hg-border);
}
[data-theme="dark"] .news-details-post .news-details-content .sq-checkbox input:not(:checked) + .box .check {
  color: var(--hg-text);
}
[data-theme="dark"] .news-standard-items .content ul li a {
  background-color: #262C20;
}
[data-theme="dark"] .faq-items-1 .accordion-box .block {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .faq-items-1 .accordion-box .block {
  border-color: var(--hg-border);
}
[data-theme="dark"] .faq-items-1 .accordion-box .block .acc-btn .icon {
  background-color: #262C20;
}
[data-theme="dark"] .faq-items-two .accordion-box .block {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .faq-items-two .accordion-box .block {
  border-color: var(--hg-border);
}
[data-theme="dark"] .faq-items-two .accordion-box .block .acc-btn .icon {
  background-color: #262C20;
}
[data-theme="dark"] .marquee .marquee-group .icon-box {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .brand-section-one .brand-img {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .brand-section-two .text {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .brand-section-two .text {
  color: var(--hg-text);
}
[data-theme="dark"] .brand-section-two .brand-img {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .brand-section-two.style-3page .marquee::before {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .brand-section-two.style-3page .marquee::after {
  background-color: var(--hg-surface); background-image: none;
}
[data-theme="dark"] .contact-us-wrapper .contact-us-content .contact-us-item .contact-content .cont span {
  color: var(--hg-text);
}
[data-theme="dark"] .contact-us-wrapper .contact-box {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .contact-us-wrapper .contact-box {
  border-color: var(--hg-border);
}
[data-theme="dark"] .contact-box-item {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .contact-box-item {
  border-color: var(--hg-border);
}
[data-theme="dark"] .contact-box-item .contact-content .view-btn {
  color: var(--hg-text);
}
[data-theme="dark"] .contact-box-item .contact-content h3 a {
  color: var(--hg-text);
}
[data-theme="dark"] .swiper-dot .swiper-pagination-bullet {
  color: var(--hg-text);
}
[data-theme="dark"] .body-bg-2 {
  background-color: var(--hg-surface); background-image: none;
}