:root{
    --c1: #f6f6f6;
    --c2: #000;
    --c3: #fff;
    --c4: #3a780e;
    --c5: #fff;
    --c6: #f6f6f6;
}
section{
    width: 70vw;
    margin: auto;
    color: var(--c1);
}
@media(max-width:640px){
    section{
        width: 90vw;
    }
}
h1, h2 ,h3{
    color: black !important;
}
/* div fine-aromas */
.section-fine-aromas {
  padding: 50px 20px;
  text-align: center;
  background: var(--c6);
}
.section-fine-aromas h1 {
  color: var(--c2);
  font-size: 3em;
  margin-bottom: 30px;
}
.section-fine-aromas .cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
  gap: 20px;
}
.section-fine-aromas .card {
  background: var(--c4);
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 5px 20px #00000026;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.section-fine-aromas .card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px #00000040;
}
.section-fine-aromas .card .icon {
  font-size: 3em;
  color: var(--c2);
  margin-bottom: 20px;
}

/* div our-work */
.section-our-work {
  padding: 50px 20px;
  background: var(--c3);
}
.section-our-work h1 {
  color: var(--c2);
  font-size: 2.5em;
  margin-bottom: 20px;
}
.section-our-work ul {
  list-style: none;
  padding: 0;
}
.section-our-work ul li {
  background: var(--c4);
  margin-bottom: 10px;
  padding: 10px 20px;
  border-radius: 10px;
}

/* div certification */
.section-certification {
  padding: 50px 20px;
  background: var(--c1);
  text-align: center;
}

/* div busia-impact */
.section-busia-impact {
  padding: 50px 20px;
  background: var(--c3);
}
.section-busia-impact ul {
  list-style: none;
  padding: 0;
}
.section-busia-impact ul li {
  background: var(--c4);
  margin-bottom: 10px;
  padding: 10px 20px;
  border-radius: 10px;
}

/* div value-addition */
.section-value-addition {
  padding: 50px 20px;
  background: var(--c1);
}
.section-value-addition ul {
  list-style: none;
  padding: 0;
}
.section-value-addition ul li {
  background: var(--c4);
  margin-bottom: 10px;
  padding: 10px 20px;
  border-radius: 10px;
}

/* div why-choose */
.section-why-choose {
  padding: 50px 20px;
  background: var(--c3);
}
.section-why-choose ul {
  list-style: none;
  padding: 0;
}
.section-why-choose ul li {
  background: var(--c4);
  margin-bottom: 10px;
  padding: 10px 20px;
  border-radius: 10px;
}

/* div partner */
.section-partner {
  padding: 50px 20px;
  background: var(--c1);
  text-align: center;
}
.section-partner p {
  color: var(--c2);
  font-size: 1.2em;
}