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

body {
  font-family: system-ui, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
  color: #333;
  font-size: 14px;
}

a {
  color: #2E7D32;
  text-decoration: none;
}

.container {
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.main-header {
  background-color: #2E7D32;
  color: #fff;
  position: relative;
  z-index: 1000;
}
.main-header .top-bar {
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 1rem;
}
.main-header .top-bar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.main-header .logo-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  flex-shrink: 0;
}
.main-header .logo-link .icon {
  width: 20px;
  height: 20px;
  fill: #fff;
}
.main-header .header-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.main-header .mobile-menu-toggle {
  display: block;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
}
.main-header .mobile-menu-toggle .icon {
  fill: #fff;
}
.main-header .mobile-menu-toggle .icon rect {
  fill: #fff;
}
.main-header .main-nav {
  display: none;
}
.main-header .lang-selector {
  display: none;
}
.main-header.is-open .main-nav {
  display: block;
  position: fixed;
  top: 48px;
  left: 0;
  width: 100%;
  height: calc(100% - 48px);
  background-color: rgb(39.1403508772, 106.3596491228, 42.5438596491);
  padding: 1rem 1rem;
  overflow-y: auto;
}
.main-header .main-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.main-header .nav-item-dropdown, .main-header .lang-selector-display {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  font-weight: bold;
  padding: 8px 15px;
  width: 100%;
  text-align: left;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.15s ease-in-out;
}
.main-header .nav-item-dropdown:hover, .main-header .lang-selector-display:hover {
  background-color: rgb(39.1403508772, 106.3596491228, 42.5438596491);
}
.main-header .submenu, .main-header .lang-dropdown {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0.25rem 0 0 1rem;
}
.main-header .submenu li a, .main-header .lang-dropdown li a {
  display: block;
  padding: 6px 15px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.15s ease-in-out;
}
.main-header .submenu li a:hover, .main-header .lang-dropdown li a:hover {
  background-color: rgb(32.2807017544, 87.7192982456, 35.0877192982);
}
.main-header .group.show .submenu, .main-header .lang-selector.show .lang-dropdown {
  display: block;
}
@media (min-width: 981px) {
  .main-header .mobile-menu-toggle {
    display: none;
  }
  .main-header .main-nav {
    display: block;
    position: static;
    height: auto;
    background-color: transparent;
    padding: 0;
    overflow-y: visible;
  }
  .main-header .lang-selector {
    display: block;
    position: relative;
    margin-left: 1rem;
  }
  .main-header .main-menu {
    flex-direction: row;
    gap: 4px;
  }
  .main-header .main-menu li {
    position: relative;
  }
  .main-header .main-menu .nav-item-dropdown {
    padding: 6px 10px;
    font-size: 1em;
  }
  .main-header .lang-selector .lang-selector-display {
    padding: 6px 10px;
    background: transparent;
  }
  .main-header .lang-selector .lang-selector-display:hover {
    background-color: rgb(39.1403508772, 106.3596491228, 42.5438596491);
  }
  .main-header .lang-selector .lang-dropdown {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    min-width: 180px;
    z-index: 1010;
    margin: 0;
    padding: 5px 0;
    display: none;
  }
  .main-header .lang-selector .lang-dropdown li a {
    color: #000;
    transition: background-color 0.15s ease-in-out;
  }
  .main-header .lang-selector .lang-dropdown li a:hover {
    background-color: #f4f4f4;
  }
  .main-header .group .submenu {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    z-index: 1010;
    padding: 5px 0;
    display: none;
  }
  .main-header .group .submenu li a {
    color: #000;
  }
  .main-header .group .submenu li a:hover {
    background-color: #f4f4f4;
  }
  .main-header .group.show .submenu {
    display: block;
  }
  .main-header .lang-selector.show .lang-dropdown {
    display: block;
  }
}

.main-footer {
  background-color: #2E7D32;
  color: #fff;
  padding: 15px 0;
  margin-top: 40px;
  font-size: 0.9em;
}
.main-footer .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.main-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.main-footer nav a {
  color: #fff;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
  font-weight: bold;
}
.main-footer nav a:hover {
  background-color: rgb(39.1403508772, 106.3596491228, 42.5438596491);
  text-decoration: none;
}
.main-footer p {
  margin: 0;
  color: #fff;
  font-size: 0.85em;
  opacity: 0.9;
}

.hero-section .text-black {
  color: #000;
}

.calculator-widget {
  border: 1px solid #CDD7DE;
  border-radius: 5px;
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  background-color: #FFFDE7;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  .calculator-widget {
    grid-template-columns: 1fr 1fr;
  }
}

.category-cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.card {
  flex-grow: 1;
  flex-basis: 48%;
  padding: 6px 10px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.15s ease-out;
}
@media (min-width: 640px) {
  .card {
    flex-basis: 32%;
  }
}
.card:hover {
  filter: brightness(90%);
}

.results-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background-color: #FFFDE7;
  padding: 24px;
  border-radius: 8px;
  border: 1px dashed #CDD7DE;
}

.circular-progress-container {
  position: relative;
  width: 128px;
  height: 128px;
}
.circular-progress-container .progress-circle {
  transition: stroke-dashoffset 1s ease-out;
}
.circular-progress-container .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: bold;
  color: #2E7D32;
}

.content-section {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.content-section h2 {
  font-size: 1.5rem;
  color: #2E7D32;
  margin-bottom: 1rem;
  font-weight: bold;
  border-bottom: 2px solid #CDD7DE;
  padding-bottom: 0.5rem;
}
.content-section h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 0.5rem;
}
.content-section p {
  color: #000;
}
.content-section .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .content-section .grid {
    grid-template-columns: 1fr 1fr;
  }
}

.featured-tool-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.featured-tool-card .icon-md {
  width: 48px;
  height: 48px;
  fill: #fff;
}
.featured-tool-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  filter: brightness(90%);
}

.featured-resource-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.featured-resource-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.tools-tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
}

.tool-tab {
  display: block;
  padding: 8px 15px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: filter 0.2s ease-in-out;
}
.tool-tab:hover {
  filter: brightness(90%);
}

.related-category-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.related-category-card .icon-wrapper {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 10px;
  margin-bottom: 15px;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.related-category-card .icon-wrapper .icon-lg {
  width: 32px;
  height: 32px;
  fill: #fff;
}
.related-category-card .text-content h3 {
  color: #fff;
  margin-bottom: 5px;
}
.related-category-card .text-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
}
.related-category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.glass-card-biology {
  background-color: rgba(244, 81, 30, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.glass-card-biology:hover {
  background-color: rgba(236.9173728814, 65.2838983051, 11.5826271186, 0.9);
}

.glass-card-agriculture {
  background-color: rgba(93, 64, 55, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.glass-card-agriculture:hover {
  background-color: rgba(76.9763513514, 52.972972973, 45.5236486486, 0.9);
}

.faq-accordion {
  font-family: system-ui, sans-serif;
}
.faq-accordion .faq-item {
  border-bottom: 1px solid #CDD7DE;
}
.faq-accordion .faq-item:last-child {
  border-bottom: none;
}
.faq-accordion .faq-question {
  background-color: transparent;
  border: none;
  width: 100%;
  text-align: left;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
  transition: color 0.2s ease;
}
.faq-accordion .faq-question .faq-icon {
  width: 24px;
  height: 24px;
  fill: #2E7D32;
  transition: transform 0.3s ease;
}
.faq-accordion .faq-answer {
  display: none;
  padding: 0 0 15px 0;
}
.faq-accordion .faq-answer p {
  margin: 0;
  padding-left: 20px;
  font-size: 0.95rem;
}

.bg-ecology-green {
  background-color: #2E7D32;
}

.bg-agriculture-brown {
  background-color: #5D4037;
}

.bg-construction-grey {
  background-color: #455A64;
}

.bg-daily-purple {
  background-color: #4527A0;
}

.bg-transport-teal {
  background-color: #00796B;
}

.bg-biology-orange {
  background-color: #F4511E;
}

.bg-physics-blue {
  background-color: #1565C0;
}

.bg-chemistry-red {
  background-color: #C62828;
}

.bg-math-red {
  background-color: #C62828;
}

.bg-conversion-yellow {
  background-color: #F9A825;
}

.bg-cs-blue {
  background-color: #0277BD;
}

.bg-finance-blue {
  background-color: #1565C0;
}

.bg-health-green {
  background-color: #388E3C;
}

.bg-stats-green {
  background-color: #558B2F;
}

p {
  color: #000;
}

/* Estilos para la herramienta de Benzoapireno */
.page-wrapper-tool {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.hero-section-tool {
  padding: 1rem 0 2rem 0;
}
.hero-section-tool h1 {
  color: #2E7D32;
}
.hero-section-tool p {
  color: #000;
}

.tool-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  padding: 1rem;
  background-color: #f4f4f4;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .tool-container {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}
.tool-input-card {
  padding: 2rem;
  border-radius: 8px;
  background-color: #1d5422;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.tool-results-card {
  padding: 2rem;
  border-radius: 8px;
  background-color: #fff;
  color: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.tool-results-card .results-display {
  background-color: rgb(225.2654867257, 244.7345132743, 227.0353982301);
  color: #000;
  padding: 1rem;
  border-radius: 6px;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tool-results-card .progress-bar-container p,
.tool-results-card .progress-bar-container .progress-bar {
  color: #000;
}
.tool-results-card .progress-bar-fill {
  background-color: #1d5422 !important;
}
.tool-results-card .circular-progress-container .progress-circle {
  stroke: #1d5422 !important;
}
.tool-results-card .circular-progress-container .progress-text {
  color: #000 !important;
}

.input-group {
  margin-bottom: 1rem;
}
.input-group label {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: bold;
}
.input-group input,
.input-group select {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 1rem;
  transition: border-color 0.15s ease-in-out;
}
.input-group input:focus,
.input-group select:focus {
  outline: none;
  border-color: #fff;
}
.input-group input option,
.input-group select option {
  background-color: #1d5422;
  color: #fff;
}
.input-group input[readonly] {
  opacity: 0.8;
}
.input-group select {
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1.5em;
}
.input-group .input-description {
  font-size: 0.8rem;
  opacity: 0.9;
  margin-top: 0.25rem;
  color: rgba(255, 255, 255, 0.9);
}
.input-group .input-with-info {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.input-group .input-with-info .info-icon {
  position: absolute;
  right: 0.5rem;
  width: 20px;
  height: 20px;
  fill: #fff;
  opacity: 0.9;
  cursor: pointer;
}
.input-group .input-with-units {
  position: relative;
  display: flex;
  align-items: center;
}
.input-group .input-with-units input {
  padding-right: 4.5rem;
}
.input-group .input-with-units .unit {
  position: absolute;
  right: 0.75rem;
  opacity: 0.9;
  font-size: 0.9rem;
}
.input-group .output-group input {
  background-color: transparent;
  border-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.5);
  border-radius: 0;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0.25rem 0;
}

.btn-primary {
  display: block;
  width: 100%;
  padding: 0.75rem;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  color: #1d5422;
  font-weight: bold;
  cursor: pointer;
  transition: filter 0.15s ease-in-out;
}
.btn-primary:hover {
  filter: brightness(90%);
}

.results-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.results-display .circular-progress-container {
  margin-bottom: 0.5rem;
}
.results-display .progress-text {
  color: #000;
}
.results-display .progress-message {
  color: #000;
}

.circular-progress-container {
  position: relative;
  width: 128px;
  height: 128px;
}
.circular-progress-container .progress-circle {
  transition: stroke-dashoffset 1s ease-out;
}
.circular-progress-container .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: bold;
}

.tool-interpretation-section {
  margin-top: 2rem;
}

.table-container {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid #CDD7DE;
}

table {
  width: 100%;
  border-collapse: collapse;
}
table th,
table td {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #CDD7DE;
  color: #000;
}
table th {
  font-weight: bold;
  background-color: #1d5422;
  color: #fff;
}
table tr:nth-child(even) {
  background-color: #f4f4f4;
}

.progress-bar-container {
  width: 100%;
}
.progress-bar-container p {
  color: #000;
  margin-bottom: 0.25rem;
}
.progress-bar-container .progress-bar {
  height: 1rem;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.1);
}
.progress-bar-container .progress-bar .progress-bar-fill {
  height: 100%;
  border-radius: 9999px;
  background-color: #1d5422;
  width: 0;
  transition: width 1s ease-out;
}

.tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 0.5rem;
  border-radius: 4px;
  font-size: 0.85rem;
  z-index: 100;
  pointer-events: none;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .tool-input-card,
  .tool-results-card {
    padding: 1.5rem;
  }
  .tool-container {
    padding: 1rem;
  }
  .tool-interpretation-section .table-container {
    padding: 0;
    border: none;
  }
  table {
    border: 0;
  }
  thead {
    display: none;
  }
  tr {
    margin-bottom: 1rem;
    border-bottom: 1px solid #CDD7DE;
    display: block;
    background-color: transparent;
  }
  tr:nth-child(even) {
    background-color: transparent;
  }
  td {
    border: none;
    position: relative;
    padding: 0.75rem 15px 0.75rem 15px;
    text-align: left;
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid #CDD7DE;
  }
  td:last-child {
    border-bottom: none;
  }
  td:before {
    content: attr(data-label);
    font-weight: bold;
    color: #fff;
    display: block;
    background-color: #1d5422;
    padding: 0.5rem;
    margin: -0.75rem -15px 0.5rem -15px;
  }
}
.page-wrapper-ecology {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.page-wrapper-ecology .hero-section-ecology {
  padding: 1rem 0 2rem 0;
}
.page-wrapper-ecology .hero-section-ecology h1 {
  color: #2E7D32;
}
.page-wrapper-ecology .hero-section-ecology p {
  color: #000;
}
.page-wrapper-ecology .section-title {
  font-size: 1.75rem;
  font-weight: bold;
  color: #000;
  text-align: left;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #CDD7DE;
}

.tool-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #CDD7DE;
}

.filter-tab {
  padding: 0.5rem 1.25rem;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: bold;
  color: #2E7D32;
  background-color: transparent;
  border: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.15s ease-out;
}
.filter-tab:hover {
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom-color: rgb(174.2771084337, 190.421686747, 201.7228915663);
}
.filter-tab.active {
  color: #fff;
  background-color: #2E7D32;
  border-radius: 4px 4px 0 0;
  border-bottom-color: #2E7D32;
}

.tool-grid-container {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tool-grid-ecology {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  padding: 1px;
}

.tool-card-ecology {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background-color: #f4f4f4;
  border-radius: 6px;
  border: 1px solid #CDD7DE;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 0.95rem;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
}
.tool-card-ecology:hover {
  background-color: rgb(231.25, 231.25, 231.25);
  border-color: #2E7D32;
}
.tool-card-ecology .card-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #2E7D32;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.card-icon.water {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm-1-12h2v4h-2zm4.24 7.76l-1.41 1.41-2.83-2.83 1.41-1.41 2.83 2.83zM6.17 9.17l1.41-1.41 2.83 2.83-1.41 1.41-2.83-2.83z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm-1-12h2v4h-2zm4.24 7.76l-1.41 1.41-2.83-2.83 1.41-1.41 2.83 2.83zM6.17 9.17l1.41-1.41 2.83 2.83-1.41 1.41-2.83-2.83z"/></svg>');
}

.card-icon.meat {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5,9.5C19.5,10.33,18.83,11,18,11H6C5.17,11,4.5,10.33,4.5,9.5V6.5C4.5,5.67,5.17,5,6,5H18C18.83,5,19.5,5.67,19.5,6.5V9.5M18,2H6C3.79,2,2,3.79,2,6V18C2,20.21,3.79,22,6,22H18C20.21,22,22,20.21,22,18V6C22,3.79,20.21,2,18,2Z" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5,9.5C19.5,10.33,18.83,11,18,11H6C5.17,11,4.5,10.33,4.5,9.5V6.5C4.5,5.67,5.17,5,6,5H18C18.83,5,19.5,5.67,19.5,6.5V9.5M18,2H6C3.79,2,2,3.79,2,6V18C2,20.21,3.79,22,6,22H18C20.21,22,22,20.21,22,18V6C22,3.79,20.21,2,18,2Z" /></svg>');
}

.card-icon.plastic {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5,9.5C19.5,10.33,18.83,11,18,11H6C5.17,11,4.5,10.33,4.5,9.5V6.5C4.5,5.67,5.17,5,6,5H18C18.83,5,19.5,5.67,19.5,6.5V9.5M18,2H6C3.79,2,2,3.79,2,6V18C2,20.21,3.79,22,6,22H18C20.21,22,22,20.21,22,18V6C22,3.79,20.21,2,18,2Z" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5,9.5C19.5,10.33,18.83,11,18,11H6C5.17,11,4.5,10.33,4.5,9.5V6.5C4.5,5.67,5.17,5,6,5H18C18.83,5,19.5,5.67,19.5,6.5V9.5M18,2H6C3.79,2,2,3.79,2,6V18C2,20.21,3.79,22,6,22H18C20.21,22,22,20.21,22,18V6C22,3.79,20.21,2,18,2Z" /></svg>');
}

.card-icon.flight {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5,9.5C19.5,10.33,18.83,11,18,11H6C5.17,11,4.5,10.33,4.5,9.5V6.5C4.5,5.67,5.17,5,6,5H18C18.83,5,19.5,5.67,19.5,6.5V9.5M18,2H6C3.79,2,2,3.79,2,6V18C2,20.21,3.79,22,6,22H18C20.21,22,22,20.21,22,18V6C22,3.79,20.21,2,18,2Z" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5,9.5C19.5,10.33,18.83,11,18,11H6C5.17,11,4.5,10.33,4.5,9.5V6.5C4.5,5.67,5.17,5,6,5H18C18.83,5,19.5,5.67,19.5,6.5V9.5M18,2H6C3.79,2,2,3.79,2,6V18C2,20.21,3.79,22,6,22H18C20.21,22,22,20.21,22,18V6C22,3.79,20.21,2,18,2Z" /></svg>');
}

.card-icon.vegan {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.transport {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM15.5,18H8.5c-0.83,0-1.5-0.67-1.5-1.5V15h2v-2h-2v-2h2V9.5c0-0.83,0.67-1.5,1.5-1.5h7c0.83,0,1.5,0.67,1.5,1.5V15h-2v2h2v1.5c0,0.83-0.67,1.5-1.5,1.5ZM13,11V9H11v2h2Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM15.5,18H8.5c-0.83,0-1.5-0.67-1.5-1.5V15h2v-2h-2v-2h2V9.5c0-0.83,0.67-1.5,1.5-1.5h7c0.83,0,1.5,0.67,1.5,1.5V15h-2v2h2v1.5c0,0.83-0.67,1.5-1.5,1.5ZM13,11V9H11v2h2Z"/></svg>');
}

.card-icon.book {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,2H7C5.9,2,5,2.9,5,4v16c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V4C23,2.9,22.1,2,21,2ZM13,19h-2v-2h2Zm0-4h-2V5h2Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,2H7C5.9,2,5,2.9,5,4v16c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V4C23,2.9,22.1,2,21,2ZM13,19h-2v-2h2Zm0-4h-2V5h2Z"/></svg>');
}

.card-icon.crypto {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V9H13v2h-2v2h2v2h-2v2h2c1.66,0,3-1.34,3-3V11c0-1.66-1.34-3-3-3H11ZM9,7H7V9H9Zm2,4H9v2h2Zm0,2v2h2v-2H11ZM15,9V7H13v2Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V9H13v2h-2v2h2v2h-2v2h2c1.66,0,3-1.34,3-3V11c0-1.66-1.34-3-3-3H11ZM9,7H7V9H9Zm2,4H9v2h2Zm0,2v2h2v-2H11ZM15,9V7H13v2Z"/></svg>');
}

.card-icon.shannon {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4,11h4V21H4ZM10,3h4V21h-4Zm6,6h4V21h-4Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4,11h4V21H4ZM10,3h4V21h-4Zm6,6h4V21h-4Z"/></svg>');
}

.card-icon.simpson {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM12,12l-5-5h10Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM12,12l-5-5h10Z"/></svg>');
}

.card-icon.tree {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17,14v1c0,0.55-0.45,1-1,1h-3v3c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-3H8c-0.55,0-1-0.45-1-1v-1c0-0.55,0.45-1,1-1h1.75l-2.18-2.18c-0.29-0.29-0.29-0.77,0-1.06s0.77-0.29,1.06,0L12,10.94l3.37-3.37c0.29-0.29,0.77-0.29,1.06,0s0.29,0.77,0,1.06L15.25,13H16c0.55,0,1,0.45,1,1Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17,14v1c0,0.55-0.45,1-1,1h-3v3c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-3H8c-0.55,0-1-0.45-1-1v-1c0-0.55,0.45-1,1-1h1.75l-2.18-2.18c-0.29-0.29-0.29-0.77,0-1.06s0.77-0.29,1.06,0L12,10.94l3.37-3.37c0.29-0.29,0.77-0.29,1.06,0s0.29,0.77,0,1.06L15.25,13H16c0.55,0,1,0.45,1,1Z"/></svg>');
}

.card-icon.capacity {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22,12V18h-4v2c0,1.1-0.9,2-2,2H6c-1.1,0-2-0.9-2-2v-4c0-1.1,0.9-2,2-2h1.5l1.5-1.5V11c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1v1l2,2.5,2-2.5V12h3ZM16,14h-2v-2h2Zm-4-2H10V10h2Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22,12V18h-4v2c0,1.1-0.9,2-2,2H6c-1.1,0-2-0.9-2-2v-4c0-1.1,0.9-2,2-2h1.5l1.5-1.5V11c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1v1l2,2.5,2-2.5V12h3ZM16,14h-2v-2h2Zm-4-2H10V10h2Z"/></svg>');
}

.card-icon.solar {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7h2v6h-2Zm-4,2h2v2h-2Zm8,0h2v2h-2Zm-4,4h2v2h-2Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7h2v6h-2Zm-4,2h2v2h-2Zm8,0h2v2h-2Zm-4,4h2v2h-2Z"/></svg>');
}

.card-icon.wind {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17h2V7Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17h2V7Z"/></svg>');
}

.card-icon.roi {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,12V18h-4v4H7V2h10V8h4V2L12,9V7.5L5,15V13H2v6h3v3h16v-6Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,12V18h-4v4H7V2h10V8h4V2L12,9V7.5L5,15V13H2v6h3v3h16v-6Z"/></svg>');
}

.card-icon.passive {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7h2v6h-2Zm-4,2h2v2h-2Zm8,0h2v2h-2Zm-4,4h2v2h-2Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7h2v6h-2Zm-4,2h2v2h-2Zm8,0h2v2h-2Zm-4,4h2v2h-2Z"/></svg>');
}

.card-icon.hydro {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.saf {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.kaya {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.drip {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.bag {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.hand-dryer {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.cigarette {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.fish {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.card-icon.molecule {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8,8,3.59,8,8-3.59,8-8,8ZM11,7V17L16,12Z"/></svg>');
}

.content-text-block p,
.content-text-block li {
  color: #000;
}
.content-text-block blockquote {
  border-left: 4px solid #2E7D32;
  padding: 1.5rem;
  margin: 2rem 0;
  font-style: italic;
  background-color: #FFFDE7;
  border-radius: 4px;
}
.content-text-block blockquote p {
  color: #000;
}
.content-text-block ul,
.content-text-block ol {
  padding-left: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.content-text-block li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
.content-text-block h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #000;
}
.content-text-block p {
  line-height: 1.6;
  margin-bottom: 1rem;
}

.related-categories-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 1.5rem;
}

.related-category-card-v2 {
  display: block;
  flex-grow: 1;
  flex-basis: 48%;
  padding: 12px 18px;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.15s ease-out;
}
@media (min-width: 640px) {
  .related-category-card-v2 {
    flex-basis: 32%;
  }
}

.bg-biology-orange:hover {
  background-color: rgb(236.9173728814, 65.2838983051, 11.5826271186);
}

.bg-agriculture-brown:hover {
  background-color: rgb(76.9763513514, 52.972972973, 45.5236486486);
}

.faq-accordion .faq-item {
  border-bottom: 1px solid #CDD7DE;
}
.faq-accordion .faq-question {
  background-color: transparent;
  border: none;
  width: 100%;
  text-align: left;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
  transition: color 0.2s ease;
}
.faq-accordion .faq-question .faq-icon {
  width: 24px;
  height: 24px;
  fill: #2E7D32;
  transition: transform 0.3s ease;
}
.faq-accordion .faq-answer {
  display: none;
  padding: 0 0 15px 0;
}
.faq-accordion .faq-answer p {
  margin: 0;
  padding-left: 20px;
  font-size: 0.95rem;
}/*# sourceMappingURL=main.css.map */