:root {
  --swiper-theme-color: #22c55e;
  --brand: #0f5132;
  --brand-dark: #14532d;
  --brand-light: #dcfce7;
  --brand-soft: #ecfdf5;
  --brand-strong: #22c55e;
  --swiper-theme-color: #22c55e;
  --brand-muted: #1f472f;
}

body {
  background: linear-gradient(135deg, #ecfdf5 0%, #dcfce7 100%) !important;
  color: #1f3f2b;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--brand-dark) !important;
}

.header-nav-link,
.header-info-link,
.menu-info-link {
  color: var(--brand-dark) !important;
}

.header-nav-link::after {
  background: var(--brand-dark) !important;
}

.header-nav-link:hover {
  color: var(--brand-strong) !important;
}

.header-top-style-1,
.header-top-style-1 .header-top-area,
.header-top-area-2 {
  background: linear-gradient(135deg, #16a34a 0%, #14532d 100%) !important;
  background-color: transparent !important;
  color: #f8fafc !important;
}

.header-top-style-1 a,
.header-top-area-2 a {
  color: #f8fafc !important;
}

.header-top-area-2 a {
  color: #f8fafc !important;
}

.header-bottom-style-1 .header-bottom-area {
  background-color: rgba(236, 253, 245, 0.95) !important;
  border: 1px solid rgba(34, 197, 94, 0.15) !important;
}

.btn-primary {
  background: var(--brand) !important;
  color: #fff !important;
}

.btn-primary:hover {
  background: var(--brand-strong) !important;
}

.btn-primary:hover::before {
  background: #22c55e !important;
}

.btn-secondary,
.btn-secondary-alt {
  background: linear-gradient(237deg, #dcfce7 0%, #22c55e 53%, #14532d 100%) !important;
  color: #fff !important;
}

.btn-secondary:hover,
.btn-secondary-alt:hover {
  background: #d1fae5 !important;
  color: var(--brand-dark) !important;
}

.btn-secondary:hover::before,
.btn-secondary-alt:hover::before {
  background: #dcfce7 !important;
}

.btn-secondary-outline {
  border-color: var(--brand-strong) !important;
  color: var(--brand-strong) !important;
  background: transparent !important;
}

.btn-secondary-outline:hover {
  background: #dcfce7 !important;
  color: #14532d !important;
}

.btn-secondary-outline:hover::before {
  background: #ecfdf5 !important;
}

.btn-white .btn-icon {
  background: linear-gradient(237deg, #dcfce7 0%, #22c55e 53%, #14532d 100%) !important;
  color: #fff !important;
}

.btn-details {
  color: var(--brand-strong) !important;
}

.btn-details:hover {
  color: var(--brand-dark) !important;
}

.btn .btn-icon {
  color: var(--brand) !important;
}

.section-title strong,
.header-info-title {
  color: var(--brand-dark) !important;
}

.background-dark {
  background: linear-gradient(135deg, rgba(15, 81, 50, 0.95), rgba(15, 81, 50, 0.8)) !important;
}

.header-user-event-button,
.header-user-event-button-cart {
  background-color: var(--brand) !important;
  color: #fff !important;
}

.header-user-event-button:hover,
.header-user-event-button-cart:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-secondary-alt:hover {
  filter: brightness(1.05) !important;
}

.card-primary,
.btn-primary,
.btn-secondary,
.btn-secondary-alt,
.btn-secondary-outline {
  box-shadow: 0 10px 30px rgba(16, 185, 129, 0.18) !important;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:after {
  background: #22c55e !important;
  border-color: #22c55e !important;
}

.slider-button-style-1:hover {
  border-color: #22c55e !important;
  background-color: #22c55e !important;
  color: #fff !important;
}

select {
  background-image: url("../images/icons/icon-white-chevron-down.svg") !important;
}

img[src*="star-curve-shape-blue.svg"] {
  filter: hue-rotate(3150deg) saturate(140%) brightness(1.05) !important;
}

img[src*="icon-orange-gradient-quote.svg"] {
  filter: hue-rotate(-90deg) saturate(180%) brightness(1.05) !important;
}

.text-rich blockquote::after {
  filter: hue-rotate(-90deg) saturate(180%) brightness(1.05) !important;
}


.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:after {
  background: #22c55e !important;
  border-color: #22c55e !important;
}
.slider-button-style-1:hover {
  border-color: #22c55e !important;
  background-color: #22c55e !important;
  color: #fff !important;
}
.select-arrow-green {
  background-image: url("../images/icons/icon-white-chevron-down.svg") !important;
}
