.elementor-2918 .elementor-element.elementor-element-5a9f662{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2918 .elementor-element.elementor-element-fdcc483{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2918 .elementor-element.elementor-element-fdcc483.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-2918 .elementor-element.elementor-element-fdcc483{--width:111.789%;}}/* Start custom CSS for html, class: .elementor-element-2d2ad44 *//* SECTION 1 - HERO */
.drm-hero{padding:40px 22px;max-width:1200px;margin:24px auto;}
.drm-hero__inner{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.drm-hero__left{flex:1;min-width:300px;}
.drm-hero__title{font-family: 'Lora', serif;font-size:34px;color:#0F7A43;margin:0 0 8px;}
.drm-hero__subtitle{font-family:Inter,system-ui;color:#4d4d4d;margin:0 0 16px;font-size:15px;line-height:1.45;}
.drm-hero__ctas{display:flex;gap:10px;}
.drm-btn{display:inline-block;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;}
.drm-btn--primary{background:#0F7A43;color:#fff;box-shadow:0 8px 20px rgba(15,122,67,0.12);}
.drm-btn--ghost{border:1px solid #0F7A43;color:#0F7A43;background:transparent;}
.drm-hero__right{width:320px;}
.drm-hero__card{background:#fff;border-radius:12px;padding:14px;border:1px solid rgba(15,122,67,0.06);display:grid;gap:8px;}
.drm-hero__stat{display:flex;flex-direction:column;padding:8px;border-radius:8px;background:linear-gradient(180deg,#f7fcf8,#ffffff);}
.drm-hero__stat strong{color:#0F7A43;font-size:15px;}
.drm-hero__stat span{font-size:13px;color:#666;}
@media(max-width:820px){.drm-hero__inner{flex-direction:column}.drm-hero__right{width:100%}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b584ef7 *//* SECTION 2 - FACTS */
.drm-facts{max-width:1200px;margin:18px auto;padding:18px 22px;}
.drm-facts__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;list-style:none;padding:0;margin:0;}
.drm-fact{background:#fff;border-radius:10px;padding:14px;border:1px solid rgba(15,122,67,0.06);font-weight:700;color:#113;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81ffa80 *//* SECTION 3 - PROCESS */
.drm-section__title{font-family:Lora,serif;color:#0F7A43;font-size:22px;margin:6px 0 14px;}
.drm-process{max-width:1200px;margin:12px auto;padding:0 22px;}
.drm-process__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.drm-step{background:#fff;border-radius:10px;padding:14px;border:1px solid rgba(0,0,0,0.04);text-align:center;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.drm-step__index{display:inline-block;background:rgba(15,122,67,0.08);color:#0F7A43;padding:8px;border-radius:10px;font-weight:700;margin-bottom:8px;}
.drm-step small{display:block;color:#6b6b6b;margin-top:8px;font-size:13px;}
.drm-step--focus{transform:translateY(-6px);border:1px solid rgba(15,122,67,0.18);box-shadow:0 12px 30px rgba(15,122,67,0.06);background:linear-gradient(180deg,#f6fbf7,#fff);}
@media(max-width:1100px){.drm-process__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.drm-process__grid{grid-template-columns:repeat(2,1fr)}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6da2513 *//* SECTION 4 - CORE */
.drm-core{max-width:1200px;margin:18px auto;padding:22px;border-radius:12px;background:linear-gradient(180deg,#fbfbf9,#fff);border:1px solid rgba(15,122,67,0.04);}
.drm-core__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:12px;}
.drm-core__col h3{margin:0 0 8px;color:#0F7A43;font-family:Lora,serif;}
.drm-core__col p,.drm-core__col ul{margin:0;color:#444;font-size:14px;line-height:1.45}
.drm-core__col ul{padding-left:18px}
.drm-core__notes{font-size:13px;color:#333;padding:10px;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,0.03)}
@media(max-width:900px){.drm-core__grid{grid-template-columns:1fr}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24a0342 *//* SECTION 6 - SAFETY */
.drm-safety{max-width:1200px;margin:18px auto;padding:18px 22px;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,0.03)}
.drm-safety__list{margin:0;padding-left:18px;color:#444}
.drm-safety__list li{margin-bottom:10px;font-size:14px}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b31eefc *//* SECTION 5 - TDS */
.drm-tds{max-width:1200px;margin:18px auto;padding:18px 22px;}
.drm-tds__table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.04)}
.drm-tds__table thead th{background:linear-gradient(90deg,#0F7A43,#4AA956);color:#fff;padding:12px;text-align:left;font-weight:700}
.drm-tds__table td{padding:12px;border-top:1px solid rgba(0,0,0,0.04);font-size:14px;color:#222}
.drm-tds__table tr:nth-child(even) td{background:rgba(15,122,67,0.02)}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c22f5d3 *//* SECTION 7 - FAQ */
.drm-faq{max-width:1200px;margin:18px auto;padding:12px 22px;}
.drm-faq details{background:#fff;border:1px solid rgba(0,0,0,0.04);padding:12px;border-radius:10px;margin-bottom:10px}
.drm-faq summary{cursor:pointer;font-weight:700;color:#0F7A43;padding:6px 0}
.drm-faq p{margin:8px 0 0;color:#444;line-height:1.45}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-047d853 *//* =========================
   CTA SECTION – AGRI TECH
   ========================= */
.cta-section {
  padding: 48px 24px;
  text-align: center;
  color: #ffffff;

  /* Gradient nông nghiệp – công nghệ */
  background: linear-gradient(
    180deg,
    #0F7A43 0%,
    #4AA956 100%
  );

  border-radius: 14px;
}

/* Heading → Lora (uy tín – chuyên gia) */
.cta-section h2 {
  font-family: 'Lora', serif;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Body → Roboto (dễ đọc) */
.cta-section p {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  max-width: 820px;
  margin: 0 auto 26px;
  line-height: 1.6;
  opacity: 0.95;
}

/* Buttons wrapper */
.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Button base */
.btn-primary,
.btn-outline {
  font-family: 'Roboto', sans-serif;
  padding: 14px 30px;
  border-radius: 10px;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
  cursor: pointer;
}

/* Primary button – nổi bật hành động */
.btn-primary {
  background: #ffffff;
  color: #0F7A43;
  border: 2px solid #ffffff;
}

/* Secondary button – tham khảo */
.btn-outline {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255,255,255,0.85);
}

/* Hover effect – premium, không lố */
.btn-primary:hover,
.btn-outline:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  opacity: 0.95;
}

/* 📱 Mobile */
@media (max-width: 600px) {
  .cta-section h2 {
    font-size: 26px;
  }

  .cta-section p {
    font-size: 15px;
  }

  .cta-buttons {
    flex-direction: column;
    gap: 14px;
  }

  .btn-primary,
  .btn-outline {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    text-align: center;
  }
}/* End custom CSS */