.elementor-28 .elementor-element.elementor-element-1b8aac3:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-1b8aac3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyzenoagrofoods.com/wp-content/uploads/2025/08/Untitled-design-1024x512.webp");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-28 .elementor-element.elementor-element-1b8aac3 > .elementor-container{min-height:252px;}.elementor-28 .elementor-element.elementor-element-1b8aac3{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-28 .elementor-element.elementor-element-1b8aac3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28 .elementor-element.elementor-element-0b08793 > .elementor-element-populated{margin:-30px 0px 0px 67px;--e-column-margin-right:0px;--e-column-margin-left:67px;}.elementor-28 .elementor-element.elementor-element-1f6364c{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-997504b{text-align:left;}.elementor-28 .elementor-element.elementor-element-997504b .elementor-heading-title{font-size:64px;font-weight:900;line-height:1.05em;color:#151515;}.elementor-28 .elementor-element.elementor-element-fe57e75{text-align:left;}.elementor-28 .elementor-element.elementor-element-fe57e75 .elementor-heading-title{font-size:24px;font-weight:700;line-height:1.05em;color:#151515;}.elementor-28 .elementor-element.elementor-element-1a85eaf{--spacer-size:12px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-c0bd944{text-align:left;font-size:16px;line-height:1.7em;color:#434343;}.elementor-28 .elementor-element.elementor-element-3de717c{--spacer-size:12px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28 .elementor-element.elementor-element-5229b95 .elementor-button{font-size:16px;font-weight:800;border-radius:999px 999px 999px 999px;}.elementor-28 .elementor-element.elementor-element-73a9cfd{overflow:hidden;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-28 .elementor-element.elementor-element-2fafe3e{text-align:left;}.elementor-28 .elementor-element.elementor-element-2fafe3e .elementor-heading-title{font-size:64px;font-weight:900;line-height:1.05em;color:#151515;}.elementor-28 .elementor-element.elementor-element-46e3f74{text-align:left;}.elementor-28 .elementor-element.elementor-element-46e3f74 .elementor-heading-title{font-size:24px;font-weight:700;line-height:1.05em;color:#151515;}.elementor-28 .elementor-element.elementor-element-321e7dd{text-align:left;font-size:16px;line-height:1.7em;color:#434343;}.elementor-28 .elementor-element.elementor-element-9efb819:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-9efb819 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-9efb819{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-28 .elementor-element.elementor-element-9efb819 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28 .elementor-element.elementor-element-1ecc3c5 .elementor-button{font-size:16px;font-weight:800;border-radius:999px 999px 999px 999px;}.elementor-28 .elementor-element.elementor-element-a4ed251 .elementor-button{font-size:16px;font-weight:800;border-radius:999px 999px 999px 999px;}.elementor-28 .elementor-element.elementor-element-c3c731e > .elementor-shape-top svg{height:47px;}.elementor-28 .elementor-element.elementor-element-c3c731e > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-28 .elementor-element.elementor-element-c3c731e > .elementor-shape-bottom svg{height:83px;}.elementor-28 .elementor-element.elementor-element-c3c731e > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-28 .elementor-element.elementor-element-c3c731e{margin-top:-12px;margin-bottom:-12px;}.elementor-28 .elementor-element.elementor-element-fbcbb6e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-28 .elementor-element.elementor-element-4207430:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-4207430 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-4207430{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;}.elementor-28 .elementor-element.elementor-element-4207430 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28 .elementor-element.elementor-element-1ed7c06{overflow:hidden;}@media(max-width:1366px){.elementor-28 .elementor-element.elementor-element-997504b > .elementor-widget-container{margin:182px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-997504b .elementor-heading-title{font-size:29px;}.elementor-28 .elementor-element.elementor-element-c0bd944 > .elementor-widget-container{margin:-24px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-3de717c > .elementor-widget-container{margin:-8px -8px -8px -8px;}.elementor-28 .elementor-element.elementor-element-2fafe3e > .elementor-widget-container{margin:182px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-2fafe3e .elementor-heading-title{font-size:29px;}.elementor-28 .elementor-element.elementor-element-321e7dd > .elementor-widget-container{margin:-24px 0px 0px 0px;}}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-997504b{width:var( --container-widget-width, 236.542px );max-width:236.542px;--container-widget-width:236.542px;--container-widget-flex-grow:0;text-align:left;}.elementor-28 .elementor-element.elementor-element-997504b > .elementor-widget-container{margin:163px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-997504b .elementor-heading-title{font-size:24px;}.elementor-28 .elementor-element.elementor-element-fe57e75 > .elementor-widget-container{margin:0px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-fe57e75 .elementor-heading-title{font-size:20px;}.elementor-28 .elementor-element.elementor-element-c0bd944{width:var( --container-widget-width, 235.542px );max-width:235.542px;--container-widget-width:235.542px;--container-widget-flex-grow:0;font-size:15px;}.elementor-28 .elementor-element.elementor-element-c0bd944 > .elementor-widget-container{margin:0px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-5229b95 > .elementor-widget-container{margin:0px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-2fafe3e{width:var( --container-widget-width, 236.542px );max-width:236.542px;--container-widget-width:236.542px;--container-widget-flex-grow:0;text-align:left;}.elementor-28 .elementor-element.elementor-element-2fafe3e > .elementor-widget-container{margin:163px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-2fafe3e .elementor-heading-title{font-size:24px;}.elementor-28 .elementor-element.elementor-element-46e3f74 > .elementor-widget-container{margin:0px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-46e3f74 .elementor-heading-title{font-size:20px;}.elementor-28 .elementor-element.elementor-element-321e7dd{width:var( --container-widget-width, 235.542px );max-width:235.542px;--container-widget-width:235.542px;--container-widget-flex-grow:0;font-size:15px;}.elementor-28 .elementor-element.elementor-element-321e7dd > .elementor-widget-container{margin:0px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-1ecc3c5 > .elementor-widget-container{margin:0px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-a4ed251 > .elementor-widget-container{margin:0px 0px 0px -81px;}.elementor-28 .elementor-element.elementor-element-4207430{padding:40px 0px 40px 0px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-997504b{width:var( --container-widget-width, 236.542px );max-width:236.542px;--container-widget-width:236.542px;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-997504b .elementor-heading-title{font-size:34px;}.elementor-28 .elementor-element.elementor-element-fe57e75 .elementor-heading-title{font-size:18px;}.elementor-28 .elementor-element.elementor-element-1bf5387 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-2fafe3e{width:var( --container-widget-width, 463px );max-width:463px;--container-widget-width:463px;--container-widget-flex-grow:0;text-align:left;}.elementor-28 .elementor-element.elementor-element-2fafe3e > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-2fafe3e .elementor-heading-title{font-size:22px;line-height:1.2em;}.elementor-28 .elementor-element.elementor-element-46e3f74{width:100%;max-width:100%;text-align:left;}.elementor-28 .elementor-element.elementor-element-46e3f74 > .elementor-widget-container{margin:7px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-46e3f74 .elementor-heading-title{font-size:18px;}.elementor-28 .elementor-element.elementor-element-321e7dd{width:var( --container-widget-width, 333.542px );max-width:333.542px;--container-widget-width:333.542px;--container-widget-flex-grow:0;text-align:left;}.elementor-28 .elementor-element.elementor-element-321e7dd > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-1ecc3c5{width:var( --container-widget-width, 183.422px );max-width:183.422px;--container-widget-width:183.422px;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-1ecc3c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-a4ed251{width:var( --container-widget-width, 245.438px );max-width:245.438px;--container-widget-width:245.438px;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-a4ed251 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-c3c731e{margin-top:23px;margin-bottom:0px;}}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-0b08793{width:47.186%;}.elementor-28 .elementor-element.elementor-element-0d60b6c{width:52.771%;}}@media(min-width:1367px){.elementor-28 .elementor-element.elementor-element-1b8aac3:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-1b8aac3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(min-width:2400px){.elementor-28 .elementor-element.elementor-element-1b8aac3 > .elementor-container{min-height:509px;}.elementor-28 .elementor-element.elementor-element-1b8aac3:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-1b8aac3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-bc-flex-widget .elementor-28 .elementor-element.elementor-element-0b08793.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-28 .elementor-element.elementor-element-0b08793.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-28 .elementor-element.elementor-element-0b08793.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-28 .elementor-element.elementor-element-997504b .elementor-heading-title{font-size:63px;}.elementor-28 .elementor-element.elementor-element-2fafe3e .elementor-heading-title{font-size:63px;}}/* Start custom CSS for column, class: .elementor-element-0d60b6c *//* ===== Hero: big-screen + responsive ===== */
.elementor-section.hero-makhana{
  --pad: clamp(24px, 5vw, 64px);
  --gap: clamp(24px, 5vw, 64px);
  min-height: clamp(560px, 84vh, 940px);
  padding-block: var(--pad);
}
.hero-makhana > .elementor-container{
  max-width: min(1400px, 92vw);
  gap: var(--gap);
  align-items: center;
}

/* Columns */
.hero-makhana .hero-left{ flex: 1 1 560px; }
.hero-makhana .hero-right{
  flex: 0 1 680px;
  display:flex; align-items:center; justify-content:center;
  overflow: visible; /* stop weird crops */
}

/* Typographic scaling */
.hero-makhana h1{
  font-size: clamp(36px, 5vw, 72px);
  line-height: 1.1; margin: 0 0 .6em;
}
.hero-makhana .subhead{ font-size: clamp(18px, 1.4vw, 22px); }
.hero-makhana .lead{ max-width: 62ch; font-size: clamp(14px, 1.2vw, 18px); }

/* Buttons */
.hero-makhana .elementor-button, .hero-makhana .e-btn{
  padding: clamp(10px, 1.1vw, 14px) clamp(18px, 2vw, 28px);
  font-size: clamp(14px, 1.1vw, 16px);
  border-radius: 999px;
}

/* If you used an Image widget on the right */
.hero-makhana .hero-packshot img{
  width: clamp(380px, 42vw, 720px);
  max-height: min(80vh, 800px);
  height: auto; object-fit: contain; display:block;
}

/* If you used a COLUMN background image on the right */
.hero-makhana .hero-right{
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain !important; /* avoids crop on big screens */
}

/* XL + 2XL screens: keep content centered & tidy */
@media (min-width: 1600px){
  .hero-makhana > .elementor-container{ max-width: 1500px; }
}
@media (min-width: 2000px){
  .hero-makhana > .elementor-container{ max-width: 1700px; }
  .hero-makhana .hero-packshot img{ width: clamp(520px, 36vw, 900px); }
}

/* Tablets & below */
@media (max-width: 1024px){
  .hero-makhana > .elementor-container{ flex-wrap: wrap; }
  .hero-makhana .hero-left, .hero-makhana .hero-right{
    flex-basis: 100%; text-align: center;
  }
  .hero-makhana .hero-right{ order: -1; } /* show image first on mobile if you like */
}

/* General safety: prevent image cropping inside Elementor widgets */
.hero-makhana .elementor-widget-image img,
.hero-makhana .hero-right img{
  max-width: 100%; height: auto;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-73a9cfd *//* ===== Mobile-first responsive card for Elementor =====
   Apply class "mk-card" to the parent Section/Container
   Tweak brand color via --brand if you like.
*/
.mk-card{
  --brand:#28b463;          /* change to your brand green */
  --ink:#0f172a;
  --muted:#64748b;
  --radius:16px;
  --pad:16px;
  --gap:14px;

  max-width: 560px;         /* keeps it tidy on tablets too */
  margin-inline:auto;
  padding: var(--pad);
  background:#fff;
  border-radius: var(--radius);
  box-shadow: 0 6px 24px rgba(2,6,23,.08);
  box-sizing: border-box;
}

/* Space out widgets vertically without editing each widget */
.mk-card .elementor-widget{ margin: 0 0 var(--gap) 0; }
.mk-card .elementor-widget:last-child{ margin-bottom:0; }

/* IMAGE: make it fluid, never overflow, and keep nice corners */
.mk-card .elementor-widget-image img{
  width:100%;
  height:auto;              /* preserves original ratio */
  display:block;
  border-radius: calc(var(--radius) - 4px);
  object-fit: cover;        /* switch to 'contain' if you don't want any crop */
}

/* HEADLINES */
.mk-card h1,
.mk-card h2,
.mk-card h3,
.mk-card .elementor-heading-title{
  color:var(--ink);
  margin:0;
  line-height:1.18;
  font-weight:800;
  font-size: clamp(18px, 4.6vw, 26px);
  word-wrap:break-word;
}

/* Subhead (use a separate Heading widget or the next line of text) */
.mk-card .subhead,
.mk-card h4{
  color:var(--ink);
  margin:2px 0 0 0;
  line-height:1.3;
  font-weight:700;
  font-size: clamp(14px, 3.8vw, 18px);
}

/* Body copy (Elementor Text Editor) */
.mk-card .elementor-widget-text-editor,
.mk-card .elementor-widget-text-editor p{
  color:var(--muted);
  font-size: clamp(13.5px, 3.6vw, 16px);
  line-height:1.6;
  margin:0;
}

/* CTA area: put both buttons inside a single container or back-to-back */
.mk-card .elementor-widget-button .elementor-button,
.mk-card .elementor-button{
  width:100%;
  padding:12px 16px;
  border-radius: 999px;
  font-weight:800;
  text-align:center;
  line-height:1.1;
}

/* Primary (first) & secondary (second) styles when buttons are siblings */
.mk-card .elementor-widget-button:nth-of-type(1) .elementor-button,
.mk-card .elementor-button:nth-of-type(1){
  background:var(--brand);
  color:#fff;
  border:2px solid var(--brand);
}

.mk-card .elementor-widget-button:nth-of-type(2) .elementor-button,
.mk-card .elementor-button:nth-of-type(2){
  background:#fff;
  color:var(--brand);
  border:2px solid var(--brand);
}

/* Tighten button hit-area spacing on very small screens */
@media (max-width: 380px){
  .mk-card{ --pad:14px; --gap:12px; }
  .mk-card .elementor-widget-button .elementor-button,
  .mk-card .elementor-button{ padding:11px 14px; }
}

/* Tablet+ polish (keeps it neat if viewed larger) */
@media (min-width: 768px){
  .mk-card{ --pad:20px; --gap:16px; }
  /* Two-up buttons on wider screens (optional) */
  .mk-card .elementor-widget-button + .elementor-widget-button{
    margin-top:10px;
  }
  .mk-card .elementor-widget-button:nth-of-type(1),
  .mk-card .elementor-widget-button:nth-of-type(2){
    display:inline-block;
    width:49%;
  }
  .mk-card .elementor-widget-button:nth-of-type(1) .elementor-button,
  .mk-card .elementor-widget-button:nth-of-type(2) .elementor-button{
    width:100%;
  }
}

/* Accessibility: focus rings for keyboard users */
.mk-card .elementor-button:focus-visible{
  outline:3px solid color-mix(in srgb, var(--brand) 40%, transparent);
  outline-offset:2px;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 15%, transparent);
}

/* --- Keep two Elementor buttons side-by-side (works for Columns & Flex Containers) --- */

/* Columns (legacy layout) */
.inline-cta.elementor-column > .elementor-widget-wrap,
.inline-cta.elementor-inner-column > .elementor-widget-wrap{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:nowrap;              /* force one line */
}

/* Flexbox Containers (new layout) */
.inline-cta.e-con{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:nowrap;              /* force one line */
}

/* Make each Button widget shrink to its content instead of 100% width */
.inline-cta .elementor-widget-button{
  width:auto !important;
  margin:0 !important;
  flex:0 0 auto;
  display:inline-flex;
}

/* Make the actual buttons not stretch */
.inline-cta .elementor-button-wrapper{ width:auto !important; display:inline-flex; }
.inline-cta .elementor-button{
  width:auto !important;
  white-space:nowrap;
  padding:10px 14px;             /* small, adjust if needed */
  font-size:14px;
  border-radius:999px;
}

/* (Optional) allow wrap on ultra-narrow phones */
/*
@media (max-width:340px){
  .inline-cta.elementor-column > .elementor-widget-wrap,
  .inline-cta.e-con{ flex-wrap:wrap; }
}
*//* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9efb819 *//* Buttons inline on phones — works for Columns AND Flex Containers */
@media (max-width:767px){
  /* make the parent a horizontal row */
  .buttons-row.elementor-column > .elementor-widget-wrap,
  .buttons-row.e-con{
    display:flex;
    gap:12px;
    align-items:stretch;
    flex-wrap:nowrap; /* keep one line */
  }

  /* each button widget becomes a flex child (half each) */
  .buttons-row .elementor-element.elementor-widget-button{
    flex:1 1 0 !important;
    width:auto !important;
    margin:0 !important;
    display:flex;              /* ensures the wrapper fits the button */
  }

  /* make the actual buttons fill their half neatly */
  .buttons-row .elementor-button-wrapper{ width:100% !important; display:block; }
  .buttons-row .elementor-button{
    width:100% !important;
    white-space:nowrap;
    padding:10px 14px;         /* compact for phones */
    font-size:14px;
    border-radius:999px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59e1a92 *//* Add these rules to your existing mobile section */
@media (max-width: 980px){
  /* ... your existing rules ... */

  /* Fix text cutoff */
  #hyzeno-reviews .card{
    flex: 0 0 calc(100vw - 64px);
    max-width: calc(100vw - 64px);
    min-width: calc(100vw - 64px);
    margin: 0;
    padding: 20px; /* Reduce padding on mobile */
    scroll-snap-align: center;
    scroll-snap-stop: always;
    word-wrap: break-word; /* Add this */
    overflow-wrap: break-word; /* Add this */
  }

  /* Ensure text elements wrap properly */
  #hyzeno-reviews .quote{
    font-size: 0.95rem;
    line-height: 1.65;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto; /* Optional: adds hyphenation */
  }

  #hyzeno-reviews .name{
    font-size: 1.05rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Make sure heading doesn't overflow */
  #hyzeno-reviews h2{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  #hyzeno-reviews .sub{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

/* For very small screens */
@media (max-width: 400px){
  #hyzeno-reviews .card{
    flex: 0 0 calc(100vw - 48px);
    max-width: calc(100vw - 48px);
    min-width: calc(100vw - 48px);
    padding: 18px; /* Even less padding */
  }
  
  #hyzeno-reviews .quote{
    font-size: 0.9rem;
  }

  #hyzeno-reviews .slider{
    margin: 0 -12px;
    padding: 0 12px;
  }
  
  #hyzeno-reviews .track{
    scroll-padding: 12px;
    gap: 12px;
  }
}/* End custom CSS */