{"TALENT_ACQUISITION": {"themeOptions": {"name": "green", "customTheme": {"navbarTheme": {"textColor": "#ffffff", "textHoverColor": "#ffffff", "background": "#19764c", "textHoverBackground": "rgba(0,0,0,0.15)"}}}}, "CAREER_HUB": {"candidate": {"themeOptions": {"customTheme": {"varTheme": {"primary-color-10": "#dae8df", "primary-color-20": "#bad1c4", "primary-color-30": "#86ba9d", "primary-color-40": "#5aa37d", "primary-color-50": "#358c62", "primary-color-60": "#19764c", "primary-color-70": "#0d4f33", "primary-color-80": "#04291b", "primary-color-90": "#000302", "primary-color-100": "#000000", "primary-color": "#19764c", "accent-color-10": "#dae8df", "accent-color-20": "#bad1c4", "accent-color-30": "#86ba9d", "accent-color-40": "#5aa37d", "accent-color-50": "#358c62", "accent-color-60": "#19764c", "accent-color-70": "#0d4f33", "accent-color-80": "#04291b", "accent-color-90": "#000302", "accent-color-100": "#000000", "accent-color": "#19764c"}}}}}, "domain": "mm-group.com", "configPath": "", "updatePath": "PCS>"}
  
  
  {"domain": "mm-group.com", "user": "Import mm-group.com", "isWillingToRelocate": false, "isUserAuthenticated": false, "isUserETXCandidate": false, "isDomainETX": false, "isCareerPlannerEnabled": false, "isMyApplicationsEnabled": false, "showVeteranEmployerSignUp": false, "candidate": {"enc_id": 0, "fullname": "", "firstname": "", "lastname": "", "skills": [], "email": "", "phone": "", "location": "", "filename": null, "starred_positions": [], "resumeUrl": "", "onboardingCompleted": false, "isUserInPcsIjp": false, "linkedinUrl": ""}, "branding": {"enableTalentNetwork": 0, "homePageHeroBanner": {"opacity": 1, "image": "https://static.vscdn.net/images/careers/demo/mm-group/1751436308::hero_image_020725", "hideInMobileView": true, "useImage": 0}, "navBar": {"color": "#ffffff", "background": "#ffffff", "opacity": 1}, "privacyLink": "https://eightfold.ai/privacy-policy/", "i18n_overrides_master": {"privacy": {"en": {"privacy_header": "Data Privacy Policy", "privacy_text": "I have read the <a href='https://mm.group/people/data-protection-information-for-applicants/'target='_blank'>data protection information.</a>", "privacy_button": "Confirm"}, "de": {"privacy_header": "Data Privacy Policy", "privacy_text": "<P>Ich habe den <a href='https://mm.group/de/menschen/informationen-zum-datenschutz-fur-bewerbende/'target='_blank'>Datenschutzhinweis</a> gelesen.</P>", "privacy_button": "Best\u00e4tigen"}, "fr": {"privacy_header": "Data Privacy Policy", "privacy_text": "J'ai lu la <a href='https://mm.group/people/data-protection-information-for-applicants/'target='_blank'>d\u00e9claration de confidentialit\u00e9.</a>", "privacy_button": "Confirmer"}, "es": {"privacy_header": "Data Privacy Policy", "privacy_text": "He le\u00eddo <a href='https://mm.group/people/data-protection-information-for-applicants/'target='_blank'>Pol\u00edtica de privacidad de datos.</a>", "privacy_button": "Confirme"}, "pl": {"privacy_header": "Data Privacy Policy", "privacy_text": "Zapozna\u0142em si\u0119 z <a href='https://mm.group/people/data-protection-information-for-applicants/'target='_blank'>polityk\u0105 prywatno\u015bci.</a>", "privacy_button": "Potwierdzi\u0107"}, "nl": {"privacy_header": "Data Privacy Policy", "privacy_text": "<P>Ik heb de <a href='https://mm.group/people/data-protection-information-for-applicants/'target='_blank'>privacyverklaring</a> gelezen.</P>", "privacy_button": "Bevestig"}, "it": {"privacy_header": "Data Privacy Policy", "privacy_text": "Ho letto <a href='https://mm.group/people/data-protection-information-for-applicants/'target='_blank'>l'informativa sulla protezione dei dati.</a>", "privacy_button": "Confermare"}}}, "privacy": {"text": "I have read the <a href='https://mm.group/people/data-protection-information-for-applicants/'target='_blank'>data protection information.</a>", "button": "Confirm", "title": "Data Privacy Policy"}, "links": {"videos": ["https://www.youtube.com/watch?v=7VkjN_vR-RA"], "blogs": ["https://www.mm.group/en/newsroom/", "https://www.mm-boardpaper.com/en/news-unfolded/", "https://www.mm-packaging.com/en/company/news/"]}, "uploadResumeModal": {"title": "Welcome to {company_name}'s Career Center", "subtitle": "Streamline your search by uploading your resume to be matched with positions that best suit your qualifications.", "disclaimer": "**Uploading a resume is not a formal application for employment**"}, "resumeOptional": true, "page_image": "", "max_applications_refer": 0, "favicons": {"favicon": "https://static.vscdn.net/images/careers/demo/mm-karton-sandbox/1674074375::MM+Favicon"}, "applyButton": {"background": "#19764c"}, "page_title": "Jobs@MM Group", "job_page_title": "Jobs@MM Group", "mapConfig": {"markers": {"markerInitial": {"color": "#19764c"}, "markerSelected": {"color": "#19764c"}}, "enabled": true, "setMapAsDefaultView": true, "zoomInOnMarkerClick": false, "maxZoomLevel": 16, "facetLatlongLimit": 1500, "initByIpGeolocation": false}, "defaultState": {"pymww": false}, "custom_html": {"header": "<!doctype html>\n<html class=\"no-js\" lang=\"en-US\" prefix=\"og: https://ogp.me/ns#\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <link rel='stylesheet' id='app/0-css'\n    href='styles.css' media='all' />\n</head>\n<body class=\"home page-template-default page page-id-8 wp-embed-responsive no-sector\">\n\n  <header class=\"banner\">\n    <div class=\"top-header \">\n      <div class=\"container\">\n        <div class=\"top-text\"></div>\n        <div class=\"right-col\">\n          <a class=\"contact-link btn btn-primary btn-small\" href=\"https://mm.group/contact/\" target=\"\">\n            <span>\n              Contact\n            </span>\n          </a>\n          <nav class=\"nav-top\" aria-label=\"Top menu\">\n            <div class=\"menu-top-menu-container\">\n              <ul id=\"menu-top-menu\" class=\"nav\">\n                <li id=\"menu-item-50\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-50\"><a\n                    href=\"https://mm.group/news/\">News</a></li>\n                <li id=\"menu-item-49\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-49\"><a\n                    href=\"https://mm.group/locations/\">Locations</a></li>\n                <li id=\"menu-item-1419\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1419\">\n                  <a href=\"https://digi.mm-karton.com/login\">MM DIGITAL</a></li>\n              </ul>\n            </div>\n          </nav>\n        </div>\n      </div>\n    </div>\n    <div class=\"header-wrapper\">\n      <div class=\"container\">\n        <a class=\"brand\" href=\"https://mm.group/\">\n          <img src=\"https://mm.group/wp-content/uploads/logo-mm.svg\" alt=\"\">\n        </a>\n        <nav class=\"nav-primary\" aria-label=\"Principal menu\">\n          <div class=\"menu-principal-menu-container\">\n            <ul id=\"menu-principal-menu\" class=\"nav\">\n              <li id=\"menu-item-35\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-35\"><a\n                  href=\"https://mm.group/board-paper/\">Board & Paper</a></li>\n              <li id=\"menu-item-38\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-38\"><a\n                  href=\"https://mm.group/packaging/\">Packaging</a></li>\n              <li id=\"menu-item-39\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-39\"><a\n                  href=\"https://mm.group/people/\">People</a></li>\n              <li id=\"menu-item-37\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-37\"><a\n                  href=\"https://mm.group/investors/\">Investors</a></li>\n              <li id=\"menu-item-36\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-36\"><a\n                  href=\"https://mm.group/company/\">Company</a></li>\n              <li id=\"menu-item-40\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-40\"><a\n                  href=\"https://mm.group/sustainability/\">Sustainability</a></li>\n            </ul>\n          </div>\n        </nav>\n      </div>\n    </div>\n\n    <div class=\"header-mobile \">\n      <div class=\"container\">\n        <div class=\"flex menu_mobile justify-between\" style=\"align-items: center;\">\n          <a class=\"brand\" style=\"width: 40px; height: 40px;\" href=\"https://mm.group/\">\n            <img src=\"https://mm.group/wp-content/uploads/logo-mm.svg\" alt=\"\">\n          </a>\n     <div class=\"menu_mobile\">\n            <div class=\"burger\">\n              <div class=\"inner\">\n                <span></span>\n                <span></span>\n                <span></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"nav-primary-mobile\">\n        <div class=\"container\">\n          <nav class=\"nav-primary-mb\" aria-label=\"Principal menu\">\n            <div class=\"menu-principal-menu-container\">\n              <ul id=\"menu-principal-menu-1\" class=\"nav\">\n              <li id=\"menu-item-35\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-35\"><a\n                  href=\"https://mm.group/board-paper/\">Board & Paper</a></li>\n              <li id=\"menu-item-38\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-38\"><a\n                  href=\"https://mm.group/packaging/\">Packaging</a></li>\n              <li id=\"menu-item-39\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-39\"><a\n                  href=\"https://mm.group/people/\">People</a></li>\n              <li id=\"menu-item-37\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-37\"><a\n                  href=\"https://mm.group/investors/\">Investors</a></li>\n              <li id=\"menu-item-36\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-36\"><a\n                  href=\"https://mm.group/company/\">Company</a></li>\n              <li id=\"menu-item-40\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-40\"><a\n                  href=\"https://mm.group/sustainability/\">Sustainability</a></li>\n              </ul>\n\n              <nav class=\"nav-top mb-6\" aria-label=\"Top menu\">\n                <div class=\"menu-top-menu-container\">\n                  <ul id=\"menu-top-menu\" class=\"nav\">\n                    <li id=\"menu-item-50\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-50\"><a\n                      href=\"https://mm.group/news/\">News</a></li>\n                    <li id=\"menu-item-49\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-49\"><a\n                      href=\"https://mm.group/locations/\">Locations</a></li>\n                    <li id=\"menu-item-1419\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1419\">\n                      <a href=\"https://digi.mm-karton.com/login\">MM DIGITAL</a></li>\n                  </ul>\n                </div>\n              </nav>\n            </div>\n\n\n          </nav>\n        </div>\n        <div class=\"menu-btn\">\n          <div class=\"container\">\n             <a class=\"contact-link btn btn-primary w-full\" href=\"https://mm.group/contact/\" target=\"\">\n              <span>\n                Contact\n              </span>\n            </a>\n          </div>\n        </div>\n        </div>\n      </div>\n    </div>\n  </header>\n  </div>\n\n  <script src=\"scripts.js\"\n    id=\"app/0-js\"></script>\n\n</html>\n\n", "page-footer": "", "footer": "<!DOCTYPE html>\n<html lang=\"en-US\" prefix=\"og: https://ogp.me/ns#\">\n<head>\n  <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>MMGroup Footer</title>\n  <style>\n    @import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);\n    @import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);\n    /*\n! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n*/\n    /*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n    .mm-footer-info *,\n    .mm-footer-info *::before,\n    .mm-footer-info *::after {\n      box-sizing: border-box;\n      /* 1 */\n      border-width: 0;\n      /* 2 */\n      border-style: solid;\n      /* 2 */\n      border-color: currentColor;\n      /* 2 */\n    }\n\n    .mm-footer-info *::before,\n    .mm-footer-info *::after {\n      --tw-content: '';\n    }\n\n  .mm-footer-info {\n      line-height: 1.5;\n      /* 1 */\n      -webkit-text-size-adjust: 100%;\n      /* 2 */\n      -moz-tab-size: 4;\n      /* 3 */\n      tab-size: 4;\n      /* 3 */\n      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n      /* 4 */\n      font-feature-settings: normal;\n      /* 5 */\n      font-variation-settings: normal;\n      /* 6 */\n    }\n\n    .mm-footer-info ol,\n    .mm-footer-info ul,\n    .mm-footer-info menu {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    .mm-footer-info *,\n    .mm-footer-info *::before,\n    .mm-footer-info *::after {\n      --tw-border-spacing-x: 0;\n      --tw-border-spacing-y: 0;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-rotate: 0;\n      --tw-skew-x: 0;\n      --tw-skew-y: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-pan-x: ;\n      --tw-pan-y: ;\n      --tw-pinch-zoom: ;\n      --tw-scroll-snap-strictness: proximity;\n      --tw-gradient-from-position: ;\n      --tw-gradient-via-position: ;\n      --tw-gradient-to-position: ;\n      --tw-ordinal: ;\n      --tw-slashed-zero: ;\n      --tw-numeric-figure: ;\n      --tw-numeric-spacing: ;\n      --tw-numeric-fraction: ;\n      --tw-ring-inset: ;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-color: rgb(59 130 246 / 0.5);\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-colored: 0 0 #0000;\n      --tw-blur: ;\n      --tw-brightness: ;\n      --tw-contrast: ;\n      --tw-grayscale: ;\n      --tw-hue-rotate: ;\n      --tw-invert: ;\n      --tw-saturate: ;\n      --tw-sepia: ;\n      --tw-drop-shadow: ;\n      --tw-backdrop-blur: ;\n      --tw-backdrop-brightness: ;\n      --tw-backdrop-contrast: ;\n      --tw-backdrop-grayscale: ;\n      --tw-backdrop-hue-rotate: ;\n      --tw-backdrop-invert: ;\n      --tw-backdrop-opacity: ;\n      --tw-backdrop-saturate: ;\n      --tw-backdrop-sepia: ;\n    }\n\n    ::backdrop {\n      --tw-border-spacing-x: 0;\n      --tw-border-spacing-y: 0;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-rotate: 0;\n      --tw-skew-x: 0;\n      --tw-skew-y: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-pan-x: ;\n      --tw-pan-y: ;\n      --tw-pinch-zoom: ;\n      --tw-scroll-snap-strictness: proximity;\n      --tw-gradient-from-position: ;\n      --tw-gradient-via-position: ;\n      --tw-gradient-to-position: ;\n      --tw-ordinal: ;\n      --tw-slashed-zero: ;\n      --tw-numeric-figure: ;\n      --tw-numeric-spacing: ;\n      --tw-numeric-fraction: ;\n      --tw-ring-inset: ;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-color: rgb(59 130 246 / 0.5);\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-colored: 0 0 #0000;\n      --tw-blur: ;\n      --tw-brightness: ;\n      --tw-contrast: ;\n      --tw-grayscale: ;\n      --tw-hue-rotate: ;\n      --tw-invert: ;\n      --tw-saturate: ;\n      --tw-sepia: ;\n      --tw-drop-shadow: ;\n      --tw-backdrop-blur: ;\n      --tw-backdrop-brightness: ;\n      --tw-backdrop-contrast: ;\n      --tw-backdrop-grayscale: ;\n      --tw-backdrop-hue-rotate: ;\n      --tw-backdrop-invert: ;\n      --tw-backdrop-opacity: ;\n      --tw-backdrop-saturate: ;\n      --tw-backdrop-sepia: ;\n    }\n\n    .mm-container-post-big {\n      width: 100%;\n      max-width: 100%;\n      margin-left: auto;\n      margin-right: auto;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    @media (min-width: 640px) {\n      .mm-container-post-big {\n        max-width: 640px;\n      }\n    }\n\n    @media (min-width: 768px) {\n      .mm-container-post-big {\n        max-width: 100%;\n        padding-left: 2rem;\n        padding-right: 2rem;\n      }\n    }\n\n    @media (min-width: 1280px) {\n      .mm-container-post-big {\n        max-width: 1174px;\n        padding-left: 2rem;\n        padding-right: 2rem;\n      }\n    }\n\n    .mm-container-post {\n      width: 100%;\n      max-width: 100%;\n      margin-left: auto;\n      margin-right: auto;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    @media (min-width: 640px) {\n      .mm-container-post {\n        max-width: 640px;\n      }\n    }\n\n    @media (min-width: 768px) {\n      .mm-container-post {\n        max-width: 100%;\n        padding-left: 2rem;\n        padding-right: 2rem;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .mm-container-post {\n        max-width: 865px;\n        padding-left: 2rem;\n        padding-right: 2rem;\n      }\n    }\n\n    .mm-container {\n      width: 100%;\n      max-width: 100%;\n      margin-left: auto;\n      margin-right: auto;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    @media (min-width: 640px) {\n      .mm-container {\n        max-width: 640px;\n      }\n    }\n\n    @media (min-width: 768px) {\n      .mm-container {\n        max-width: 100%;\n        padding-left: 2rem;\n        padding-right: 2rem;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .mm-container {\n        max-width: 100%;\n        padding-left: 2rem;\n        padding-right: 2rem;\n      }\n    }\n\n    @media (min-width: 1280px) {\n      .mm-container {\n        max-width: 1280px;\n        padding-left: 2.5rem;\n        padding-right: 2.5rem;\n      }\n    }\n\n    @media (min-width: 1536px) {\n      .mm-container {\n        max-width: 1440px;\n        padding-left: 110px;\n        padding-right: 110px;\n      }\n    }\n\n    .mm-container-big {\n      width: 100%;\n      max-width: 100%;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    @media (min-width: 1536px) {\n      .mm-container-big {\n        max-width: 1440px;\n      }\n    }\n\n    .mm-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n\n    .mm-visible {\n      visibility: visible;\n    }\n\n    .mm-static {\n      position: static;\n    }\n\n    .mm-absolute {\n      position: absolute;\n    }\n\n    .mm-relative {\n      position: relative;\n    }\n\n    .mm-right-0 {\n      right: 0px;\n    }\n\n    .mm-top-0 {\n      top: 0px;\n    }\n\n    .mm-z-10 {\n      z-index: 10;\n    }\n\n    .mm-z-20 {\n      z-index: 20;\n    }\n\n    .mm-mx-auto {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .mm-mb-10 {\n      margin-bottom: 2.5rem;\n    }\n\n    .mm-mb-3 {\n      margin-bottom: 0.75rem;\n    }\n\n    .mm-mb-4 {\n      margin-bottom: 1rem;\n    }\n\n    .mm-mb-\\[11px\\] {\n      margin-bottom: 11px;\n    }\n\n    .mm-mr-auto {\n      margin-right: auto;\n    }\n\n    .mm-mt-10 {\n      margin-top: 2.5rem;\n    }\n\n    .mm-mt-2 {\n      margin-top: 0.5rem;\n    }\n\n    .mm-mt-3 {\n      margin-top: 0.75rem;\n    }\n\n    .mm-mt-4 {\n      margin-top: 1rem;\n    }\n\n    .mm-mt-6 {\n      margin-top: 1.5rem;\n    }\n\n    .mm-mt-9 {\n      margin-top: 2.25rem;\n    }\n\n    .mm-mt-\\[11px\\] {\n      margin-top: 11px;\n    }\n\n    .mm-mt-\\[30px\\] {\n      margin-top: 30px;\n    }\n\n    .mm-mt-\\[33px\\] {\n      margin-top: 33px;\n    }\n\n    .mm-mt-\\[60px\\] {\n      margin-top: 60px;\n    }\n\n    .mm-block {\n      display: block;\n    }\n\n    .mm-flex {\n      display: flex;\n    }\n\n    .mm-grid {\n      display: grid;\n    }\n\n    .mm-contents {\n      display: contents;\n    }\n\n    .mm-hidden {\n      display: none;\n    }\n\n    .mm-w-fit {\n      width: -moz-fit-content;\n      width: fit-content;\n    }\n\n    .mm-w-full {\n      width: 100%;\n    }\n\n    .mm-max-w-\\[1218px\\] {\n      max-width: 1218px;\n    }\n\n    .mm-max-w-\\[386px\\] {\n      max-width: 386px;\n    }\n\n    .mm-max-w-\\[833px\\] {\n      max-width: 833px;\n    }\n\n    .mm-max-w-\\[950px\\] {\n      max-width: 950px;\n    }\n\n    .mm-grid-cols-1 {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n\n    .mm-flex-col {\n      flex-direction: column;\n    }\n\n    .mm-flex-wrap {\n      flex-wrap: wrap;\n    }\n\n    .mm-justify-center {\n      justify-content: center;\n    }\n\n    .mm-justify-between {\n      justify-content: space-between;\n    }\n\n    .mm-gap-2 {\n      gap: 0.5rem;\n    }\n\n    .mm-gap-\\[30px\\] {\n      gap: 30px;\n    }\n\n    .mm-gap-x-\\[30px\\] {\n      -moz-column-gap: 30px;\n      column-gap: 30px;\n    }\n\n    .mm-gap-y-10 {\n      row-gap: 2.5rem;\n    }\n\n    .mm-overflow-hidden {\n      overflow: hidden;\n    }\n\n    .mm-bg-light_grey {\n      --tw-bg-opacity: 1;\n      background-color: rgb(245 245 245 / var(--tw-bg-opacity));\n    }\n\n    .mm-py-10 {\n      padding-top: 2.5rem;\n      padding-bottom: 2.5rem;\n    }\n\n    .mm-py-\\[50px\\] {\n      padding-top: 50px;\n      padding-bottom: 50px;\n    }\n\n    .mm-pb-10 {\n      padding-bottom: 2.5rem;\n    }\n\n    .mm-pb-20 {\n      padding-bottom: 5rem;\n    }\n\n    .mm-pt-\\[50px\\] {\n      padding-top: 50px;\n    }\n\n    .mm-text-center {\n      text-align: center;\n    }\n\n    .mm-font-poppins {\n      font-family: Poppins, sans-serif;\n    }\n\n    .mm-text-2xl {\n      font-size: 1.5rem;\n      line-height: 2rem;\n    }\n\n    .mm-font-bold {\n      font-weight: 700;\n    }\n\n    .mm-uppercase {\n      text-transform: uppercase;\n    }\n\n    .mm-text-black {\n      --tw-text-opacity: 1;\n      color: rgb(9 32 25 / var(--tw-text-opacity));\n    }\n\n    .mm-outline {\n      outline-style: solid;\n    }\n\n    footer.mm-footer-info {\n      --tw-bg-opacity: 1;\n      background-color: rgb(9 32 25 / var(--tw-bg-opacity));\n      padding-top: 2.25rem;\n      padding-bottom: 52px;\n    }\n\n    @media (min-width: 768px) {\n      footer.mm-footer-info {\n        padding-top: 63px;\n      }\n    }\n\n\n    footer.mm-footer-info .mm-footer_bottom {\n      margin-top: 38px;\n      display: flex;\n      flex-direction: column-reverse;\n      justify-content: space-between;\n    }\n\n    @media (min-width: 768px) {\n      footer.mm-footer-info .mm-footer_bottom {\n        margin-top: 3rem;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      footer.mm-footer-info .mm-footer_bottom {\n        flex-direction: row;\n        align-items: center;\n      }\n    }\n\n    footer.mm-footer-info .mm-footer_bottom .mm-copyright_text {\n      margin-top: 35px;\n      font-family: DM Sans, sans-serif;\n      font-size: 0.875rem;\n      line-height: 1.25rem;\n      font-weight: 300;\n      --tw-text-opacity: 1;\n      color: rgb(255 255 255 / var(--tw-text-opacity));\n    }\n\n    @media (min-width: 1024px) {\n      footer.mm-footer-info .mm-footer_bottom .mm-copyright_text {\n        margin-top: 0px;\n      }\n    }\n\n    footer.mm-footer-info .mm-footer_bottom .mm-rrss-wrapper {\n      display: flex;\n      flex-direction: column;\n      flex-wrap: wrap;\n      gap: 2.5rem;\n    }\n\n    @media (min-width: 768px) {\n      footer.mm-footer-info .mm-footer_bottom .mm-rrss-wrapper {\n        flex-direction: row;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      footer.mm-footer-info .mm-footer_bottom .mm-rrss-wrapper {\n        justify-content: flex-end;\n      }\n    }\n\n    footer.mm-footer-info .mm-footer_bottom .mm-rrss-wrapper .mm-rrss-wrapper-col {\n      position: relative;\n    }\n\n    footer.mm-footer-info .mm-footer_bottom .mm-rrss-wrapper .mm-rrss-wrapper-col .mm-rrss-wrapper-col-title {\n      text-align: left;\n      font-size: 0.75rem;\n      line-height: 1rem;\n      --tw-text-opacity: 1;\n      color: rgb(255 255 255 / var(--tw-text-opacity));\n    }\n\n    footer.mm-footer-info .mm-footer_bottom .mm-rrss-wrapper .mm-rrss-wrapper-col .mm-rrss-wrapper-col-links {\n      margin-top: 0.75rem;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1rem;\n    }\n\n    footer.mm-footer-info .mm-footer_bottom .mm-rrss-wrapper .mm-rrss-wrapper-col .mm-rrss-wrapper-col-links .mm-rrss-wrapper-col-links-el {\n      display: flex;\n      height: 2.5rem;\n      width: 2.5rem;\n      align-items: center;\n      justify-content: center;\n      border-radius: 9999px;\n      border-width: 1px;\n      --tw-border-opacity: 1;\n      border-color: rgb(25 118 76 / var(--tw-border-opacity));\n      --bgColorRoundedButton: #19764C;\n    }\n\n    .mm-pretitle {\n      font-family: Poppins, sans-serif;\n      font-size: 1rem;\n      line-height: 1.5rem;\n      font-weight: 700;\n    }\n\n    @media (min-width: 768px) {\n      .mm-pretitle {\n        font-size: 1.125rem;\n        line-height: 1.75rem;\n      }\n    }\n\n    .mm-title {\n      font-family: Poppins, sans-serif;\n      font-size: 28px;\n      font-weight: 700;\n      line-height: 1;\n      line-height: 32px;\n    }\n\n    @media (min-width: 768px) {\n      .mm-title {\n        font-size: 40px;\n        line-height: 55px;\n      }\n    }\n\n    .mm-title-small {\n      font-family: Poppins, sans-serif;\n      font-size: 20px !important;\n      font-weight: 600;\n      line-height: 1;\n    }\n\n    @media (min-width: 768px) {\n      .mm-title-small {\n        font-size: 28px !important;\n        line-height: 45px !important;\n      }\n    }\n    .mm-brand-footer{\n      width: 90px;\n      height: 90px;\n    }\n  </style>\n</head>\n<body>\n  <footer class=\"mm-footer-info\">\n    <div class=\"mm-container\">\n      <div class=\"mm-footer_bottom\">\n        <div class=\"mm-copyright_text\">\u00a9 2024 Mayr-Melnhof Karton AG. All rights reserved.\u2028</div>\n        <div class=\"mm-rrss-wrapper\">\n          <div class=\"mm-rrss-wrapper-col\">\n            <p class=\"mm-rrss-wrapper-col-title\">MM Group</p>\n            <div class=\"mm-rrss-wrapper-col-links\">\n              <a href=\"https://www.facebook.com/MayrMelnhofGroup\" target=\"_blank\"\n                class=\"mm-rrss-wrapper-col-links-el animation-rounded-scale\">\n                <img class=\"mm-z-10\" src=\"https://static.vscdn.net/images/careers/demo/mm-karton-sandbox/1718400930::icon-facebook.png\" alt=\"\">\n              </a>\n              <a href=\"https://www.instagram.com/mm_group_official/\" target=\"_blank\"\n                class=\"mm-rrss-wrapper-col-links-el animation-rounded-scale\">\n                <img class=\"mm-z-10\" src=\"https://static.vscdn.net/images/careers/demo/mm-karton-sandbox/1718400997::icon-instagram.png\" alt=\"\">\n              </a>\n              <a href=\"https://www.linkedin.com/company/mm-group/posts/?feedView=all\" target=\"_blank\"\n                class=\"mm-rrss-wrapper-col-links-el animation-rounded-scale\">\n                <img class=\"mm-z-10\" src=\"https://static.vscdn.net/images/careers/demo/mm-karton-sandbox/1718401019::icon-linkedin.png\" alt=\"\">\n              </a>\n              <a href=\"https://x.com/i/flow/login?redirect_after_login=%2FMMGroupOfficial\" target=\"_blank\"\n                class=\"mm-rrss-wrapper-col-links-el animation-rounded-scale\">\n                <img class=\"mm-z-10\" src=\"https://static.vscdn.net/images/careers/demo/mm-karton-sandbox/1718401040::icon-twitter.png\" alt=\"\">\n              </a>\n              <a href=\"https://www.youtube.com/@LeadingInConsumerPackaging\" target=\"_blank\"\n                class=\"mm-rrss-wrapper-col-links-el animation-rounded-scale\">\n                <img class=\"mm-z-10\" src=\"https://static.vscdn.net/images/careers/demo/mm-karton-sandbox/1718401089::icon-youtube.png\" alt=\"\">\n              </a>\n            </div>\n          </div>\n          <div class=\"mm-rrss-wrapper-col\">\n            <p class=\"mm-rrss-wrapper-col-title\">MM Packaging</p>\n            <div class=\"mm-rrss-wrapper-col-links\">\n              <a href=\"https://www.linkedin.com/company/mm-packaging/\" target=\"_blank\"\n                class=\"mm-rrss-wrapper-col-links-el animation-rounded-scale\">\n                <img class=\"mm-z-10\" src=\"https://static.vscdn.net/images/careers/demo/mm-karton-sandbox/1718401019::icon-linkedin.png\" alt=\"\">\n              </a>\n            </div>\n          </div>\n          <div class=\"mm-rrss-wrapper-col\">\n            <p class=\"mm-rrss-wrapper-col-title\">MM Board & Paper</p>\n            <div class=\"mm-rrss-wrapper-col-links\">\n              <a href=\"https://www.linkedin.com/company/mm-boardpaper/\" target=\"_blank\"\n                class=\"mm-rrss-wrapper-col-links-el animation-rounded-scale\">\n                <img class=\"mm-z-10\" src=\"https://static.vscdn.net/images/careers/demo/mm-karton-sandbox/1718401019::icon-linkedin.png\" alt=\"\">\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </footer>\n  </div>\n\n</body>\n\n</html>"}, "custom_style": {"css": "[class*='applyFormContainer'] { --button-primary-background-color: #19764c; --button-primary-border-color: #19764c; --button-primary-text-color: white; --button-primary-hover-background-color: #6F7271; --button-secondary-border-color: #19764c; --button-secondary-text-color: #19764c; } [class*='privacyAgreementDialogWrapper'] { --button-primary-background-color: #19764c; --button-primary-border-color: #19764c; --button-primary-text-color: white; --button-primary-hover-background-color: #6F7271; --button-secondary-border-color: #19764c; --button-secondary-text-color: #19764c; } [class*='applyFormContainer'] [class*='button-primary'] {background: var(--button-primary-background-color);} [class*='applyFormContainer'] [class*='button-secondary'] {background: var(--button-secondary-background-color);} .container.single-position-view{padding-top: 120px;}\n.nav-item a { color: #fff !important;} \n.refer .user-name { color: #fff !important; } \n.position-job-description .block__field--wide-rich-text { width: inherit !important; }\n.jumbotron h1 {font-size: 50px !important; font-weight: 300; text-align: center; color: #19764c;}\n.position-card .position-title {color: #19764c;} \n.header-image {filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(60%) contrast(119%);}\n.navbar {height:10px !important; background-color: rgba(0,0,0,0.0) !important; padding: 10px 30px !important; opacity: 1 !important;}\n.hero-image {top:6em; opacity: 1 !important;} \n#pcs-body-container {margin-top:6.5em;}\n.ef-dropdown-title {color: #19764c; } \n .bolder {font-weight: 600; font-size: 20px;} \n.go-button {border-color:#19764c !important;color: #19764c !important;}\n.go-button:hover{border-color:#6F7271 !important;color: #6F7271 !important;}\n.apply-form .position-apply-cancel-button {border-color:#19764c !important;color: #19764c !important;}\n.apply-form .position-apply-cancel-button:hover {border-color:#6F7271 !important;color: #6F7271 !important;}\n.apply-form .btn-primary {background-color: #19764c !important;}\n.apply-form .btn-primary:hover {background-color: #6F7271 !important;}\n.job-cart-button {border-color:#19764c !important;color: #19764c !important; border-radius: 4px  !important;\n    padding: 7px 20px  !important;\n    text-align: center  !important;}\n.job-cart-button:hover{border-color:#6F7271 !important;color: #6F7271 !important;}\n.job-cart-button:focus {border-color:#19764c !important;color: #19764c !important;}\n.advancedOptionText {color: #19764c !important;}\n.pillContainer.flexbox  {border-color: #19764c !important;}\n.pillContainer.flexbox :hover, .pillContainer.flexbox:focus, .pillContainer.flexbox:active, .pillContainer.flexbox.active, ..pillContainer.flexbox:active:focus, .pillContainer.flexbox:active:hover, .pillContainer.flexbox.active:hover, .pillContainer.flexbox.active:focus  {border-color: #6F7271 !important;}\n.position-facets .pillTitle {color: #19764c !important; }\n.position-facets .pillContainer:hover {border-color: #6F7271 !important; }\n.btn-pcs-map-toggle {border-color:#19764c !important;color: #19764c !important;}\n.btn-pcs-map-toggle:hover {border-color:#6F7271 !important;color: #6F7271 !important;}\n.btn-pcs-map-toggle:focus {border-color:#19764c !important;color: #19764c !important;}\n.personalization-bar-pre-upload {background-color: rgba(0,0,0,0.0); !important;color: #000000 !important; }\n.add-to-job-cart-button {border-color:#19764c !important;color: #19764c !important;}\n.add-to-job-cart-button:hover{border-color:#6F7271 !important;color: #6F7271 !important;}\n.upload-resume-button {border-color:#19764c !important;color: #19764c !important;}\n.upload-resume-button:hover{border-color:#6F7271 !important;color: #6F7271 !important;}\n.clamp-lines {color: #19764c !important;}\n.clamp-lines:hover {color: #6F7271 !important;}\n.show-more-positions {border-color:#19764c !important;color: #19764c !important;}\n.show-more-positions:hover {border-color:#6F7271 !important;color: #6F7271 !important;}\n.card-selected {border-left: 8px solid #19764c !important;}\n.circle-number-indicator {background-color: #19764c !important;}\n.circle-number-indicator:hover {background-color: #6F7271 !important;}\n.related-video iframe {height: 500px;}\n.remove-from-job-cart-button {border-color:#19764c !important;color: #19764c !important;}\n.remove-from-job-cart-button:hover {border-color:#6F7271 !important;color: #6F7271 !important;}\n.btn-primary {border-color:#19764c !important;color: #ffffff !important; background-color: #19764c !important;}\n.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {border-color:#19764c !important;color: #000000 !important; background-color: #ffffff !important;  }\n.btn-secondary {border-color:#19764c !important;color: #19764c !important;}\n.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary.active:hover, .btn-secondary.active:focus  {border-color:#6F7271 !important;color: #6F7271 !important;}\n #career-workflow .browse-button {border-color:#19764c !important;color: #ffffff !important; background-color: #19764c !important;}\n#career-workflow .browse-button:hover {border-color:#6F7271 !important;color: #ffffff !important; background-color: #6F7271 !important;  }\n.video-title {display:none;}\n.video-description {display:none;}\n#resume-upload {color: #19764c !important;}\n.all-positions-header {color: #19764c !important;}\n.fa-chevron-up, .fa-chevron-down, .fa-fire, .fa-share, .position-title {color: #19764c !important;}\n.upload-resume-modal .dropzone-container .btn {border-color:#19764c !important;color: #ffffff !important; background-color: #19764c !important;}\n.upload-resume-modal .dropzone-container .btn:hover {border-color:#6F7271 !important;color: #ffffff !important; background-color: #6F7271 !important;  }\n.upload-resume-modal {background-color: #19764c !important;}\n.upload-resume-modal .dropzone-container .fal {color: #19764c !important;}\n.page-footer {position: inherit !important;}\n.position-videos-container .carousel-dots-counter, .position-blogs-container .carousel-dots-counter {display: none !important;}\n.pcsAccessibilityHomeEnabled .Select.is-focused:not(.is-open)>.Select-control {box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 2px #19764c !important;}\ndiv.gm-style div div div div div img[src*=\"https://maps.gstatic.com/mapfiles/transparent.png\"] {background-color:#19764c !important;border-radius:50%;}\n.apply-item .apply-form-error-message {margin-top: 25px !important;}\ndiv.checkBoxGroup {margin-left: -15px !important;}\n.additional-question.pcs-accessibility-enabled legend span a {color:#19764c !important;}\n.upload-resume-modal .privacy-agreement p a {color:#19764c !important;}\n.success-form .browse-more .btn {border-color:#19764c !important;color: #19764c !important;}\n.success-form .checkmark .fa-check {color: #19764c !important;}\n#.container {padding-top: 5px !important;}\n.resume-name {color: #19764c !important;}\n.file-input .file-info .file-name {color: #19764c !important;}\n.profile-dropdown .dropdown-title {color: #19764c !important;}\n.saved-positions-dropdown .position-name-row {color: #19764c !important;}\na:hover, a:focus {color: #19764c !important;}\ndiv.cluster img[src*=\"data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%0A%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20fill%3D%22%23084999%22%2F%3E%0A%3C%2Fsvg%3E\"] {content: url(\"https://maps.gstatic.com/mapfiles/transparent.png\") !important;background-color:#19764c !important;border-radius:50%;}\n.fa-shopping-cart:before {content: \"\\f290\" !important;}\n.fa-share {color: #19764c !important;background-color: #ffffff !important;font-weight: 900;font-size: 32px;}\n.navbar img {height:55px;}\n.header.banner .top-header .container .right-col .nav-top ul li{color: #ffffff;}\n.header.banner .top-header .container .right-col .nav-top ul li:hover {color: #ffffff;}\n@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);\n@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);\n\n*,\n:after,\n:before {\n    border: 0 solid;\n    box-sizing: border-box\n}header.banner .top-header .container .right-col .nav-top ul li a {\n    color: #ffffff;\n}\n.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {\n background: #004c3b; \n}\n\n header.banner .top-header .container .right-col .nav-top ul li a:hover {\n    color: #ffffff !important;\n}\n\n:after,\n:before {\n    --tw-content: \"\"\n}\n\nhtml {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;\n    font-feature-settings: normal;\n    font-variation-settings: normal;\n    -moz-tab-size: 4;\n    tab-size: 4\n}\n\nbody {\n    line-height: inherit;\n    margin: 0\n}\n\nhr {\n    border-top-width: 1px;\n    color: inherit;\n    height: 0\n}\n\nabbr:where([title]) {\n    text-decoration: underline;\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    font-size: inherit;\n    font-weight: inherit\n}\n\na {\n    color: inherit;\n    text-decoration: inherit\n}\n\nb,\nstrong {\n    font-weight: bolder\n}\n\ncode,\nkbd,\npre,\nsamp {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n    font-size: 1em\n}\n\nsmall {\n    font-size: 80%\n}\n\nsub,\nsup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: initial\n}\n\nsub {\n    bottom: -.25em\n}\n\nsup {\n    top: -.5em\n}\n\ntable {\n    border-collapse: collapse;\n    border-color: inherit;\n    text-indent: 0\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n    color: inherit;\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 100%;\n    font-variation-settings: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    margin: 0;\n    padding: 0\n}\n\nbutton,\nselect {\n    text-transform: none\n}\n\n[type=button],\n[type=reset],\n[type=submit],\nbutton {\n    -webkit-appearance: button;\n    background-color: initial;\n    background-image: none\n}\n\n:-moz-focusring {\n    outline: auto\n}\n\n:-moz-ui-invalid {\n    box-shadow: none\n}\n\nprogress {\n    vertical-align: initial\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n    height: auto\n}\n\n[type=search] {\n    -webkit-appearance: textfield;\n    outline-offset: -2px\n}\n\n::-webkit-search-decoration {\n    -webkit-appearance: none\n}\n\n::-webkit-file-upload-button {\n    -webkit-appearance: button;\n    font: inherit\n}\n\nsummary {\n    display: list-item\n}\n\nblockquote,\ndd,\ndl,\nfigure,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\np,\npre {\n    margin: 0\n}\n\nfieldset {\n    margin: 0\n}\n\nfieldset,\nlegend {\n    padding: 0\n}\n\n\n\ntextarea {\n    resize: vertical\n}\n\ninput::placeholder,\ntextarea::placeholder {\n    color: #9ca3af;\n    opacity: 1\n}\n\n[role=button],\nbutton {\n    cursor: pointer\n}\n\n:disabled {\n    cursor: default\n}\n\naudio,\ncanvas,\nembed,\niframe,\nimg,\nobject,\nsvg,\nvideo {\n    display: block;\n    vertical-align: middle\n}\n\nimg,\nvideo {\n    height: auto;\n    max-width: 100%\n}\n\n[hidden] {\n    display: none\n}\n\n*,\n:after,\n:before {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x: ;\n    --tw-pan-y: ;\n    --tw-pinch-zoom: ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position: ;\n    --tw-gradient-via-position: ;\n    --tw-gradient-to-position: ;\n    --tw-ordinal: ;\n    --tw-slashed-zero: ;\n    --tw-numeric-figure: ;\n    --tw-numeric-spacing: ;\n    --tw-numeric-fraction: ;\n    --tw-ring-inset: ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: #3b82f680;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur: ;\n    --tw-brightness: ;\n    --tw-contrast: ;\n    --tw-grayscale: ;\n    --tw-hue-rotate: ;\n    --tw-invert: ;\n    --tw-saturate: ;\n    --tw-sepia: ;\n    --tw-drop-shadow: ;\n    --tw-backdrop-blur: ;\n    --tw-backdrop-brightness: ;\n    --tw-backdrop-contrast: ;\n    --tw-backdrop-grayscale: ;\n    --tw-backdrop-hue-rotate: ;\n    --tw-backdrop-invert: ;\n    --tw-backdrop-opacity: ;\n    --tw-backdrop-saturate: ;\n    --tw-backdrop-sepia:\n}\n\n::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x: ;\n    --tw-pan-y: ;\n    --tw-pinch-zoom: ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position: ;\n    --tw-gradient-via-position: ;\n    --tw-gradient-to-position: ;\n    --tw-ordinal: ;\n    --tw-slashed-zero: ;\n    --tw-numeric-figure: ;\n    --tw-numeric-spacing: ;\n    --tw-numeric-fraction: ;\n    --tw-ring-inset: ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: #3b82f680;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur: ;\n    --tw-brightness: ;\n    --tw-contrast: ;\n    --tw-grayscale: ;\n    --tw-hue-rotate: ;\n    --tw-invert: ;\n    --tw-saturate: ;\n    --tw-sepia: ;\n    --tw-drop-shadow: ;\n    --tw-backdrop-blur: ;\n    --tw-backdrop-brightness: ;\n    --tw-backdrop-contrast: ;\n    --tw-backdrop-grayscale: ;\n    --tw-backdrop-hue-rotate: ;\n    --tw-backdrop-invert: ;\n    --tw-backdrop-opacity: ;\n    --tw-backdrop-saturate: ;\n    --tw-backdrop-sepia:\n}\n\n.container-post-big {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 100%\n}\n\n@media (min-width: 640px) {\n    .container-post-big {\n        max-width: 640px\n    }\n}\n\n@media (min-width: 768px) {\n    .container-post-big {\n        max-width: 100%;\n        padding-left: 2rem;\n        padding-right: 2rem\n    }\n}\n\n@media (min-width: 1280px) {\n    .container-post-big {\n        max-width: 1174px;\n        padding-left: 2rem;\n        padding-right: 2rem\n    }\n}\n\n.container-post {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 100%\n}\n\n@media (min-width: 640px) {\n    .container-post {\n        max-width: 640px\n    }\n}\n\n@media (min-width: 768px) {\n    .container-post {\n        max-width: 100%;\n        padding-left: 2rem;\n        padding-right: 2rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .container-post {\n        max-width: 865px;\n        padding-left: 2rem;\n        padding-right: 2rem\n    }\n}\n\n.container {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    width: 100%\n}\n\n@media (min-width: 640px) {\n    .container {\n        max-width: 640px\n    }\n}\n\n@media (min-width: 768px) {\n    .container {\n        max-width: 100%;\n        padding-left: 2rem;\n        padding-right: 2rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .container {\n        max-width: 100%;\n        padding-left: 2rem;\n        padding-right: 2rem\n    }\n}\n\n@media (min-width: 1280px) {\n    .container {\n        max-width: 1280px;\n        padding-left: 2.5rem;\n        padding-right: 2.5rem\n    }\n}\n\n@media (min-width: 1536px) {\n    .container {\n        max-width: 1440px;\n        padding-left: 110px;\n        padding-right: 110px\n    }\n}\n\n.container-big {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%;\n    width: 100%\n}\n\n@media (min-width: 1536px) {\n    .container-big {\n        max-width: 1440px\n    }\n}\n\n.container-bg {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%;\n    width: 100%\n}\n\n@media (min-width: 1536px) {\n    .container-bg {\n        max-width: 2780px\n    }\n}\n\n.sr-only {\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    clip: rect(0, 0, 0, 0);\n    border-width: 0;\n    white-space: nowrap\n}\n\n.visible {\n    visibility: visible\n}\n\n.static {\n    position: static\n}\n\n.relative {\n    position: relative\n}\n\n.z-10 {\n    z-index: 10\n}\n\n.clear-both {\n    clear: both\n}\n\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n\n.mx-2 {\n    margin-inline: 4px;\n}\n\n.mb-10 {\n    margin-bottom: 2.5rem\n}\n\n.mb-2 {\n    margin-bottom: .5rem\n}\n\n.mb-3 {\n    margin-bottom: .75rem\n}\n\n.mb-4 {\n    margin-bottom: 1rem\n}\n\n.mb-6 {\n    margin-bottom: 1.5rem\n}\n\n.mb-8 {\n    margin-bottom: 2rem\n}\n\n.mb-[11px] {\n    margin-bottom: 11px\n}\n\n.ml-2 {\n    margin-left: .5rem\n}\n\n.mr-auto {\n    margin-right: auto\n}\n\n.mt-10 {\n    margin-top: 2.5rem\n}\n\n.mt-3 {\n    margin-top: .75rem\n}\n\n.mt-4 {\n    margin-top: 1rem\n}\n\n.mt-6 {\n    margin-top: 1.5rem\n}\n\n.mt-8 {\n    margin-top: 2rem\n}\n\n.mt-9 {\n    margin-top: 2.25rem\n}\n\n.mt-[11px] {\n    margin-top: 11px\n}\n\n.mt-[30px] {\n    margin-top: 30px\n}\n\n.mt-[33px] {\n    margin-top: 33px\n}\n\n.mt-[60px] {\n    margin-top: 60px\n}\n\n.line-clamp-2 {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2\n}\n\n.block {\n    display: block\n}\n\n.inline-block {\n    display: inline-block\n}\n\n.flex {\n    display: flex\n}\n\n.table {\n    display: table\n}\n\n.grid {\n    display: grid\n}\n\n.contents {\n    display: contents\n}\n\n.hidden {\n    display: none\n}\n\n.aspect-square {\n    aspect-ratio: 1/1\n}\n\n.h-full {\n    height: 100%\n}\n\n.w-fit {\n    width: -moz-fit-content;\n    width: fit-content\n}\n\n.w-full {\n    width: 100%\n}\n\n.max-w-[1218px] {\n    max-width: 1218px\n}\n\n.max-w-[386px] {\n    max-width: 386px\n}\n\n.max-w-[606px] {\n    max-width: 606px\n}\n\n.max-w-[833px] {\n    max-width: 833px\n}\n\n.-rotate-90 {\n    --tw-rotate: -90deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.cursor-pointer {\n    cursor: pointer\n}\n\n.auto-rows-fr {\n    grid-auto-rows: minmax(0, 1fr)\n}\n\n.grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr))\n}\n\n.flex-col {\n    flex-direction: column\n}\n\n.flex-wrap {\n    flex-wrap: wrap\n}\n\n.justify-center {\n    justify-content: center\n}\n\n.justify-between {\n    justify-content: space-between\n}\n\n.justify-items-center {\n    justify-items: center\n}\n\n.gap-2 {\n    gap: .5rem\n}\n\n.gap-4 {\n    gap: 1rem\n}\n\n.gap-6 {\n    gap: 1.5rem\n}\n\n.gap-[55px] {\n    gap: 55px\n}\n\n.gap-x-8 {\n    -moz-column-gap: 2rem;\n    column-gap: 2rem\n}\n\n.gap-x-[30px] {\n    -moz-column-gap: 30px;\n    column-gap: 30px\n}\n\n.gap-y-10 {\n    row-gap: 2.5rem\n}\n\n.gap-y-8 {\n    row-gap: 2rem\n}\n\n.overflow-hidden {\n    overflow: hidden\n}\n\n.rounded {\n    border-radius: .25rem\n}\n\n.border-b {\n    border-bottom-width: 1px\n}\n\n.border-primary_green {\n    --tw-border-opacity: 1;\n    border-color: rgb(25 118 76/var(--tw-border-opacity))\n}\n\n.bg-light_grey {\n    --tw-bg-opacity: 1;\n    background-color: rgb(245 245 245/var(--tw-bg-opacity))\n}\n\n.px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n\n.py-10 {\n    padding-bottom: 2.5rem;\n    padding-top: 2.5rem\n}\n\n.py-12 {\n    padding-bottom: 3rem;\n    padding-top: 3rem\n}\n\n.py-2 {\n    padding-bottom: .5rem;\n    padding-top: .5rem\n}\n\n.py-5 {\n    padding-bottom: 1.25rem;\n    padding-top: 1.25rem\n}\n\n.py-[50px] {\n    padding-bottom: 50px;\n    padding-top: 50px\n}\n\n.pb-10 {\n    padding-bottom: 2.5rem\n}\n\n.pb-16 {\n    padding-bottom: 4rem\n}\n\n.pb-20 {\n    padding-bottom: 5rem\n}\n\n.pb-[66px] {\n    padding-bottom: 66px\n}\n\n.pr-8 {\n    padding-right: 2rem\n}\n\n.pt-10 {\n    padding-top: 2.5rem\n}\n\n.pt-[100px] {\n    padding-top: 100px\n}\n\n.text-center {\n    text-align: center\n}\n\n.font-poppins {\n    font-family: Poppins, sans-serif\n}\n\n.text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n\n.text-4xl {\n    font-size: 2.25rem;\n    line-height: 2.5rem\n}\n\n.text-lg {\n    font-size: 1.125rem\n}\n\n.text-lg,\n.text-xl {\n    line-height: 1.75rem\n}\n\n.text-xl {\n    font-size: 1.25rem\n}\n\n.font-bold {\n    font-weight: 700\n}\n\n.font-normal {\n    font-weight: 400\n}\n\n.uppercase {\n    text-transform: uppercase\n}\n\n.text-black {\n    --tw-text-opacity: 1;\n    color: rgb(9 32 25/var(--tw-text-opacity))\n}\n\n.text-dark_packaging {\n    --tw-text-opacity: 1;\n    color: rgb(86 42 85/var(--tw-text-opacity))\n}\n\n.text-med_grey {\n    --tw-text-opacity: 1;\n    color: rgb(158 158 158/var(--tw-text-opacity))\n}\n\n.outline {\n    outline-style: solid\n}\n\n.invert {\n    --tw-invert: invert(100%)\n}\n\n.invert,\n.sepia {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.sepia {\n    --tw-sepia: sepia(100%)\n}\n\n.filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.lang-switcher {\n    align-items: center;\n    display: flex;\n    position: relative\n}\n\n.lang-switcher .wpml-ls-current-language{\n    --tw-text-opacity: 1;\n    color: rgb(211 217 43 / var(--tw-text-opacity));\n}\n\n.lang-switcher .lang-switcher-button {\n    align-items: center;\n    display: flex;\n    gap: .25rem;\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255/var(--tw-text-opacity))\n}\n\n.lang-switcher .lang-switcher-button svg.icon-arrow-down-white {\n    height: .25rem;\n    width: .5rem;\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255/var(--tw-text-opacity))\n}\n\n.lang-switcher .lang-switcher-button svg.icon-arrow-down-white path {\n    stroke: currentColor\n}\n\n.lang-switcher #lang-switcher-list-wrapper {\n    display: flex;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: 1.5rem;\n    width: 110px;\n    z-index: 11;\n    --tw-translate-y: 1.25rem;\n    border-radius: .5rem;\n    flex-direction: column;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255/var(--tw-bg-opacity));\n    padding: .5rem .5rem 1.5rem;\n    --tw-text-opacity: 1;\n    box-shadow: 0 4px 8px 0 #00000014;\n    color: rgb(9 32 25/var(--tw-text-opacity));\n    opacity: 0;\n    transition-duration: .3s\n}\n\n.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list-head button {\n    align-items: center;\n    border-bottom-width: 2px;\n    display: flex;\n    gap: 1.25rem;\n    justify-content: space-between;\n    width: 100%;\n    --tw-border-opacity: 1;\n    border-color: rgb(25 118 76/var(--tw-border-opacity));\n    font-weight: 700;\n    padding-bottom: .75rem;\n    padding-left: .25rem;\n    padding-right: .25rem;\n    --tw-text-opacity: 1;\n    color: rgb(9 32 25/var(--tw-text-opacity))\n}\n\n.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list-head button svg.icon-arrow-down-white {\n    height: .25rem;\n    width: .5rem;\n    --tw-rotate: 180deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list-head button svg.icon-arrow-down-white path {\n    stroke: #19764c\n}\n\n.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list {\n    margin-top: 1rem\n}\n\n.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list .wpml-ls {\n    width: 100%\n}\n\n.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list .wpml-ls ul {\n    display: flex;\n    flex-direction: column;\n    gap: .75rem\n}\n\n.lang-switcher li {\n    list-style-type: none;\n}\n\n.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list .wpml-ls ul li a.wpml-ls-link {\n    align-items: center;\n    display: flex;\n    flex-direction: row-reverse;\n    gap: .75rem;\n    justify-content: flex-end;\n    padding-bottom: .25rem;\n    padding-top: .25rem;\n    transition-duration: .3s\n}\n\n.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list .wpml-ls ul li a.wpml-ls-link:hover {\n    font-weight: 700;\n    padding-left: 1rem;\n    --tw-text-opacity: 1;\n    color: rgb(25 118 76/var(--tw-text-opacity))\n}\n\n.lang-switcher.active #lang-switcher-list-wrapper {\n    pointer-events: auto;\n    --tw-translate-y: 0px;\n    opacity: 1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\nheader.banner {\n    box-shadow: 0 4px 27px 0 #0000000f;\n    position: sticky;\n    top: 0;\n    width: 100%;\n    z-index: 100\n}\n\nheader.banner .top-header {\n    display: none;\n    gap: 1rem;\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 76 59/var(--tw-bg-opacity));\n    padding-bottom: .5rem;\n    padding-top: .5rem;\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255/var(--tw-text-opacity))\n}\n\n@media (min-width: 1024px) {\n    header.banner .top-header {\n        display: block\n    }\n}\n\nheader.banner .top-header .container {\n    align-items: center;\n    justify-content: space-between\n}\n\n@media (min-width: 1024px) {\n    header.banner .top-header .container {\n        display: flex\n    }\n}\n\nheader.banner .top-header .container .top-text {\n    font-family: DM Sans, sans-serif;\n    font-size: .75rem;\n    font-weight: 400;\n    line-height: 1rem\n}\n\nheader.banner .top-header .container .right-col {\n    align-items: center;\n    display: flex;\n    font-family: DM Sans, sans-serif;\n    font-size: .75rem;\n    font-weight: 300;\n    gap: 1.75rem;\n    line-height: 1rem\n}\n .banner .top-header .container .right-col .nav-top {\n    align-items: center;\n    display: flex;\n    gap: 1.75rem\n}\n .banner .top-header .container .right-col .nav-top ul {\n    align-items: center;\n    display: flex;\n    gap: 1.5rem\n}\nheader.banner .top-header .container .right-col .nav-top ul li:hover {\n    --tw-text-opacity: 1;\n    color: rgb(211 217 43 / var(--tw-text-opacity));\n}\n\nheader.banner .header-wrapper {\n    display: none;\n    position: relative;\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255/var(--tw-bg-opacity));\n    padding-bottom: 1rem;\n    padding-top: 1rem\n}\n\n@media (min-width: 1024px) {\n    header.banner .header-wrapper {\n        display: block\n    }\n}\n\nheader.banner .header-wrapper {\n    z-index: 2;\n}\n\nheader.banner .header-wrapper .container {\n    align-items: flex-end;\n    display: flex;\n    gap: .5rem;\n    justify-content: space-between\n}\n\nheader.banner .header-wrapper .container .brand {\n    padding-left: 29px\n}\n\nheader.banner .header-wrapper .container .nav-primary ul {\n    display: flex;\n    gap: 1.5rem\n}\n\nheader.banner .header-wrapper .container .nav-primary ul li>a {\n    background-color: initial;\n    font-family: DM Sans, sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    line-height: 1.5rem;\n    padding: .25rem 1rem;\n    --tw-text-opacity: 1;\n    color: rgb(9 32 25/var(--tw-text-opacity));\n    transition-duration: .15s;\n    transition-property: all;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n}\n\nheader.banner .header-wrapper .container .nav-primary ul li>a:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(245 245 245/var(--tw-bg-opacity))\n}\n\nheader.banner .header-wrapper .container .nav-primary ul li>a {\n    border-radius: 46px\n}\n\nheader.banner .header-wrapper .container .nav-primary ul li .megamenu {\n    display: none\n}\n\nheader.banner .header-wrapper .container .nav-primary ul li.drop-down .megamenu {\n    display: block\n}\n\nheader.banner .header-wrapper .container .nav-primary ul li.current-menu-item>a {\n    --tw-bg-opacity: 1;\n    background-color: rgb(245 245 245/var(--tw-bg-opacity));\n    position: relative\n}\n\nheader.banner .header-wrapper .container .nav-primary ul li.current-menu-item>a:before {\n    background-color: #19764c;\n    bottom: -14px;\n    content: \"\";\n    display: block;\n    height: 4px;\n    left: 0;\n    position: absolute;\n    width: 100%\n}\n\nheader.banner .header-mobile {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255/var(--tw-bg-opacity));\n    display: block;\n    font-family: DM Sans, sans-serif;\n}\n\nheader.banner .header-mobile .menu_mobile .burger {\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    height: 64px;\n    justify-content: center;\n    position: relative;\n    width: 64px\n}\n\n@media (min-width: 1024px) {\n    header.banner .header-mobile .menu_mobile .burger {\n        display: none\n    }\n\n    header.banner .header-mobile {\n        display: none;\n    }\n}\n\nheader.banner .header-mobile .menu_mobile .burger .inner {\n    height: 16px;\n    position: relative;\n    width: 32px\n}\n\nheader.banner .header-mobile .menu_mobile .burger .inner span {\n    background-color: #19764c;\n    border-radius: 2px;\n    height: 2px;\n    left: 0;\n    position: absolute;\n    transition: all .3s ease;\n    width: 100%\n}\n\nheader.banner .header-mobile .menu_mobile .burger .inner span:first-child {\n    top: 0\n}\n\nheader.banner .header-mobile .menu_mobile .burger .inner span:nth-child(2) {\n    top: 10px\n}\n\nheader.banner .header-mobile .menu_mobile .burger .inner span:last-child {\n    top: 20px\n}\n\nheader.banner .header-mobile .menu_mobile .burger.active .inner span:nth-child(2) {\n    opacity: 0\n}\n\nheader.banner .header-mobile .menu_mobile .burger.active .inner span:first-child,\nheader.banner .header-mobile .menu_mobile .burger.active .inner span:last-child {\n    top: 6px\n}\n\nheader.banner .header-mobile .menu_mobile .burger.active .inner span:first-child {\n    transform: rotate(45deg)\n}\n\nheader.banner .header-mobile .menu_mobile .burger.active .inner span:last-child {\n    transform: rotate(-45deg)\n}\n\nheader.banner .header-mobile .nav-primary-mobile {\n    display: none;\n    height: calc(100vh - 70px);\n    width: 100%;\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255/var(--tw-bg-opacity));\n    font-size: 1rem;\n    line-height: 1.5rem;\n    padding-top: 2rem;\n    text-align: left;\n    --tw-text-opacity: 1;\n    color: rgb(9 32 25/var(--tw-text-opacity));\n    transition-duration: .3s\n}\n\n@media (min-width: 640px) {\n    header.banner .header-mobile .nav-primary-mobile {\n        font-size: 1.5rem;\n        line-height: 2rem\n    }\n}\n\nheader.banner .header-mobile .nav-primary-mobile ul {\n    display: flex;\n    flex-direction: column;\n    gap: 1.25rem;\n    margin-right: auto;\n    max-width: 300px;\n    padding-bottom: 2.25rem;\n    padding-left: 1rem\n}\n\nheader.banner .header-mobile .nav-primary-mobile ul li {\n    position: relative;\n    transition: .3s\n}\n\nheader.banner .header-mobile .nav-primary-mobile ul li a {\n    display: block;\n    font-size: 1.125rem;\n    font-weight: 700;\n    line-height: 1.75rem;\n    text-align: left;\n    width: 100%;\n    --tw-text-opacity: 1;\n    color: rgb(9 32 25 / var(--tw-text-opacity));\n}\n\n@media (min-width: 640px) {\n    header.banner .header-mobile .nav-primary-mobile .menu-principal-menu-container ul li.menu-item a {\n        font-size: 1.5rem;\n        line-height: 2rem;\n    }\n}\n\nheader.banner .header-mobile .nav-primary-mobile ul li.button a {\n    padding: 10px 25px;\n    text-align: center;\n    --tw-text-opacity: 1;\n    border-radius: 12px;\n    color: rgb(255 255 255/var(--tw-text-opacity));\n    transition: .3s\n}\n\nheader.banner .header-mobile .nav-primary-mobile ul li.menu-item-active:after {\n    transform: rotate(45deg)\n}\n\nheader.banner .header-mobile .nav-primary-mobile ul li ul {\n    display: none\n}\n\nheader.banner .header-mobile .nav-primary-mobile ul li:hover ul {\n    display: block\n}\n\nheader.banner.open .nav-primary-mobile {\n    display: block !important\n}\n\nheader.banner .nav-primary-mobile .nav-top ul {\n    display: flex;\n    flex-direction: column;\n    gap: 1.25rem;\n    margin-right: auto;\n    padding-bottom: 2.25rem;\n    padding-left: 1rem;\n}\n\nheader.banner .nav-primary-mobile .nav-top ul li {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n}\n\nheader.banner .nav-primary-mobile .nav-top ul li a {\n    font-size: 1rem !important;\n    font-weight: 600 !important;\n    line-height: 1.5rem !important;\n    --tw-text-opacity: 1 !important;\n    color: rgb(9 32 25 / var(--tw-text-opacity)) !important;\n}\n\n.menu-btn {\n    --tw-bg-opacity: 1;\n    background-color: rgb(232 241 237 / var(--tw-bg-opacity));\n    padding-bottom: 77px;\n    padding-top: 2rem;\n}\n.menu-btn .btn{\n    width: 100%;\n}\n\n.btn {\n    align-items: center;\n    border-radius: 9999px;\n    border-width: 1px;\n    display: inline-flex;\n    font-family: Poppins, sans-serif;\n    font-size: .875rem;\n    font-weight: 600;\n    justify-content: center;\n    line-height: 1.25rem;\n    overflow: hidden;\n    padding: .75rem 1.25rem;\n    position: relative;\n    text-align: center;\n    transition-duration: .3s\n}\n\n@media (min-width: 768px) {\n    .btn {\n        font-size: 1rem;\n        line-height: 1.5rem;\n        padding-left: 2.25rem;\n        padding-right: 2.25rem\n    }\n}\n\n.btn span {\n    align-items: center;\n    display: flex;\n    gap: .75rem;\n    justify-content: center;\n    position: relative;\n    z-index: 2\n}\n\n.btn span svg {\n    height: 1.25rem;\n    width: 1.25rem\n}\n\n.btn-small {\n    font-family: DM Sans, sans-serif;\n    font-size: .75rem;\n    line-height: 1rem;\n    padding: .25rem 1rem\n}\n\n.btn:before {\n    content: \"\";\n    height: 100%;\n    inset: 0;\n    position: absolute;\n    width: 100%;\n    z-index: 1;\n    --tw-scale-x: 0;\n    --tw-scale-y: 0;\n    background-color: var(--accentColor);\n    border-radius: 9999px;\n    opacity: 0;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    transition-duration: .3s\n}\n\n.btn-primary {\n    background-color: var(--btnPrimaryBg);\n    border-color: #0000;\n    color: var(--btnPrimaryText)\n}\n\n.btn-primary svg {\n    color: var(--btnPrimaryIcon)\n}\n\n.btn-primary:before,\n.btn-primary:hover {\n    background-color: var(--btnPrimaryBgHover)\n}\n\n.btn-primary:hover {\n    border-color: #0000;\n    color: var(--btnPrimaryTextHover)\n}\n\n.btn-primary:hover svg {\n    color: var(--btnPrimaryIconHover)\n}\n\nbody {\n    --bgColor: #000;\n    --accentColor: #19764c;\n    --accentColorLight: #19764c;\n    --heroText: #fff;\n    --btnPrimaryText: #fff;\n    --btnPrimaryTextHover: #092019;\n    --btnPrimaryBg: #19764c;\n    --btnPrimaryBgHover: #ffffff;\n    --btnPrimaryIcon: #fff;\n    --btnPrimaryIconHover: #19764c;\n    --tabsBackground: #e8f1ed;\n    --btnSecondaryText: #092019;\n    --btnSecondaryTextHover: #fff;\n    --btnSecondaryBorder: #19764c;\n    --btnSecondaryIcon: #19764c;\n}"}, "recaptcha_enabled": 1, "companyName": "MM Group", "showLoggedOutNotificationsPrivacyPolicy": true, "hideEightfoldBranding": false}, "pid": "563602799803867", "positions": [{"id": 563602799803867, "name": "Bindery Tech 1 - 3rd Shift", "location": "Greensboro,United States", "locations": ["Greensboro,United States"], "hot": 0, "department": null, "business_unit": "Unknown", "t_update": 1738186350, "t_create": 1738185761, "ats_job_id": "1698", "display_job_id": "1698", "type": "ATS", "id_locale": "1698-en_US", "job_description": "", "locale": "en_US", "stars": 0.0, "medallionProgram": null, "location_flexibility": null, "work_location_option": "onsite", "canonicalPositionUrl": "https://mm-group.eightfold.ai/careers/job/563602799803867", "isPrivate": false, "latlongs": "36.0726354,-79.7919754"}], "isFallback": false, "debug": {}, "count": 1, "personal_message": "We thought you would be interested in this position.", "scheduling": {"minTime": 9, "limit": 10, "maxTime": 17, "increments": 60, "minTimeslots": 3}, "userTitles": [], "enableTargetedResume": 0, "query": {"query": "", "location": "", "department": [], "skill": [], "seniority": [], "pid": "563602799803867"}, "singleview": true, "see_all_jobs": true, "recommended_star_threshold": 4.0, "chatbot": false, "iframeImplementation": null, "pcsApplyFormV2Enabled": true, "isPcsBrandingApril2023Enabled": false, "allowedFileTypes": {"resume": {"acceptedFileTypes": [".doc", ".docx", ".pdf"], "fileTypesText": "doc, docx or pdf"}}, "pcsTextConfiguration": {}, "hideDepartment": null, "pcsOctupleMigration0Enabled": true, "pcsOctupleMigration1Enabled": false, "replaceUrlOnGoBack": true, "pcsRedesignedNuxEnabled": true, "readmoreInstructionEnabled": false, "userActivityTimeout": 86400000, "userActivityTimeoutEnabled": 1, "isLoggedInPcsEnabled": false, "sortByConfig": [{"id": "relevance", "label": "Relevance"}, {"id": "new", "label": "New to Old", "value": "if(field(position.ats_data.creation_ts, max), field(position.ats_data.creation_ts, max), field(position.timestamp, max)) desc"}, {"id": "old", "label": "Old to New", "value": "if(field(position.ats_data.creation_ts, max), field(position.ats_data.creation_ts, max), field(position.timestamp, max)) asc"}], "searchBoxConfig": {}, "excludePrivatePositions": true, "eeocFilterKeywords": ["veteran", "disability", "gender", "race", "citizen", "visa", "ethnicity"], "disableScrollLoadPositionSidebar": false, "locationFlexibilityFrontendEnabled": true, "workLocationOptionFrontendEnabled": true, "remoteFlexibleJobsFilterEnabled": false, "loggedOutNotificationsEnabled": true, "candidateLogin": {"postApplyReviewLink": {"enabled": true, "url": "/api/apply/v2/profile/review/initialize_user?domain=mm-group.com", "title": "What's next? Increase your chances of getting hired!", "message": "Knowing more about you helps us review your application faster. Enrich your profile by adding more skills, awards, and other recognition.", "buttonText": "Review my profile", "verifyEmailTitle": "Let's verify your email", "verifyEmailText": "Click the link in the email to continue reviewing your profile. If you do not immediately see the email, check your spam folder."}}, "prepopulateApplyFormEnabled": true, "prepopulateSettings": {"prepopulateCheckboxText": "Save my answers for future applications", "showPrepopulateCheckbox": false}, "candidateBuildProfile": {}, "enhancementsEnabled": false, "themeBuilderUser": null, "mandatoryFields": ["firstname", "lastname", "email", "phone"], "blindfoldWidgetPcsGate": false, "pcsApplyFormLocationGate": false, "t3sEnabled": false, "uploadApplicationAnswers": false, "candidateAuthV2Enabled": true, "preApplicationSubmitAuthEnabled": false, "applyFormV2Enabled": false, "loggedOutSavedSearchEnabled": false, "locationRadiusTypeToggleEnabled": true, "incompleteApplicationsEnabled": false, "incompleteApplicationConfig": {}, "fallbackPcsJdGate": true, "enableResumeCoach": false, "isPcsEnabled": true, "applicationInfoReviewEnabled": false, "phoneWithCountryCodeEnabled": true, "phoneWithCountryCodeJTNEnabled": false, "notificationSuggestVerificationToken": null, "cookiesAutoDisabled": false, "strictEmailValidationEnabled": true, "chatbotxConfig": {"enabled": false, "featureAccessFlags": {"resumeCoachCardFlags": {"showApplyWithResume": true, "showEditResume": true}, "positionCardFlags": {"showAddToJobCart": true}}}, "pcsOptionalResumeWithJobcartGate": false, "loggedInCandidate": {}, "hamburgerMenuEnabled": false, "sharedTalentPoolGate": false, "pcsAccessibilityHomeEnabled": true, "pcsAccessibilityApplyFormEnabled": true, "showLanguageDropdown": true, "languages": [{"value": "en", "title": "English"}, {"value": "de", "title": "Deutsch"}, {"value": "es", "title": "Espa\u00f1ol"}, {"value": "pl", "title": "Polski"}, {"value": "fr", "title": "Fran\u00e7ais"}, {"value": "nl", "title": "Nederlands"}, {"value": "it", "title": "Italiano"}], "displayLanguage": "en", "installed_app_data": [], "singlePageCareersNavbarGate": false, "customJobDescTranslationSkipList": [], "all_applicable_locations": [{"location": "Greensboro,United States", "city": "Greensboro", "state": "NC,US", "country": "US"}]}
  {"display_banner": false, "display_text": ""}
         
     
    
    
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      [class*='applyFormContainer'] { --button-primary-background-color: #19764c; --button-primary-border-color: #19764c; --button-primary-text-color: white; --button-primary-hover-background-color: #6F7271; --button-secondary-border-color: #19764c; --button-secondary-text-color: #19764c; } [class*='privacyAgreementDialogWrapper'] { --button-primary-background-color: #19764c; --button-primary-border-color: #19764c; --button-primary-text-color: white; --button-primary-hover-background-color: #6F7271; --button-secondary-border-color: #19764c; --button-secondary-text-color: #19764c; } [class*='applyFormContainer'] [class*='button-primary'] {background: var(--button-primary-background-color);} [class*='applyFormContainer'] [class*='button-secondary'] {background: var(--button-secondary-background-color);} .container.single-position-view{padding-top: 120px;}
.nav-item a { color: #fff !important;} 
.refer .user-name { color: #fff !important; } 
.position-job-description .block__field--wide-rich-text { width: inherit !important; }
.jumbotron h1 {font-size: 50px !important; font-weight: 300; text-align: center; color: #19764c;}
.position-card .position-title {color: #19764c;} 
.header-image {filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(60%) contrast(119%);}
.navbar {height:10px !important; background-color: rgba(0,0,0,0.0) !important; padding: 10px 30px !important; opacity: 1 !important;}
.hero-image {top:6em; opacity: 1 !important;} 
#pcs-body-container {margin-top:6.5em;}
.ef-dropdown-title {color: #19764c; } 
 .bolder {font-weight: 600; font-size: 20px;} 
.go-button {border-color:#19764c !important;color: #19764c !important;}
.go-button:hover{border-color:#6F7271 !important;color: #6F7271 !important;}
.apply-form .position-apply-cancel-button {border-color:#19764c !important;color: #19764c !important;}
.apply-form .position-apply-cancel-button:hover {border-color:#6F7271 !important;color: #6F7271 !important;}
.apply-form .btn-primary {background-color: #19764c !important;}
.apply-form .btn-primary:hover {background-color: #6F7271 !important;}
.job-cart-button {border-color:#19764c !important;color: #19764c !important; border-radius: 4px  !important;
    padding: 7px 20px  !important;
    text-align: center  !important;}
.job-cart-button:hover{border-color:#6F7271 !important;color: #6F7271 !important;}
.job-cart-button:focus {border-color:#19764c !important;color: #19764c !important;}
.advancedOptionText {color: #19764c !important;}
.pillContainer.flexbox  {border-color: #19764c !important;}
.pillContainer.flexbox :hover, .pillContainer.flexbox:focus, .pillContainer.flexbox:active, .pillContainer.flexbox.active, ..pillContainer.flexbox:active:focus, .pillContainer.flexbox:active:hover, .pillContainer.flexbox.active:hover, .pillContainer.flexbox.active:focus  {border-color: #6F7271 !important;}
.position-facets .pillTitle {color: #19764c !important; }
.position-facets .pillContainer:hover {border-color: #6F7271 !important; }
.btn-pcs-map-toggle {border-color:#19764c !important;color: #19764c !important;}
.btn-pcs-map-toggle:hover {border-color:#6F7271 !important;color: #6F7271 !important;}
.btn-pcs-map-toggle:focus {border-color:#19764c !important;color: #19764c !important;}
.personalization-bar-pre-upload {background-color: rgba(0,0,0,0.0); !important;color: #000000 !important; }
.add-to-job-cart-button {border-color:#19764c !important;color: #19764c !important;}
.add-to-job-cart-button:hover{border-color:#6F7271 !important;color: #6F7271 !important;}
.upload-resume-button {border-color:#19764c !important;color: #19764c !important;}
.upload-resume-button:hover{border-color:#6F7271 !important;color: #6F7271 !important;}
.clamp-lines {color: #19764c !important;}
.clamp-lines:hover {color: #6F7271 !important;}
.show-more-positions {border-color:#19764c !important;color: #19764c !important;}
.show-more-positions:hover {border-color:#6F7271 !important;color: #6F7271 !important;}
.card-selected {border-left: 8px solid #19764c !important;}
.circle-number-indicator {background-color: #19764c !important;}
.circle-number-indicator:hover {background-color: #6F7271 !important;}
.related-video iframe {height: 500px;}
.remove-from-job-cart-button {border-color:#19764c !important;color: #19764c !important;}
.remove-from-job-cart-button:hover {border-color:#6F7271 !important;color: #6F7271 !important;}
.btn-primary {border-color:#19764c !important;color: #ffffff !important; background-color: #19764c !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {border-color:#19764c !important;color: #000000 !important; background-color: #ffffff !important;  }
.btn-secondary {border-color:#19764c !important;color: #19764c !important;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary.active:hover, .btn-secondary.active:focus  {border-color:#6F7271 !important;color: #6F7271 !important;}
 #career-workflow .browse-button {border-color:#19764c !important;color: #ffffff !important; background-color: #19764c !important;}
#career-workflow .browse-button:hover {border-color:#6F7271 !important;color: #ffffff !important; background-color: #6F7271 !important;  }
.video-title {display:none;}
.video-description {display:none;}
#resume-upload {color: #19764c !important;}
.all-positions-header {color: #19764c !important;}
.fa-chevron-up, .fa-chevron-down, .fa-fire, .fa-share, .position-title {color: #19764c !important;}
.upload-resume-modal .dropzone-container .btn {border-color:#19764c !important;color: #ffffff !important; background-color: #19764c !important;}
.upload-resume-modal .dropzone-container .btn:hover {border-color:#6F7271 !important;color: #ffffff !important; background-color: #6F7271 !important;  }
.upload-resume-modal {background-color: #19764c !important;}
.upload-resume-modal .dropzone-container .fal {color: #19764c !important;}
.page-footer {position: inherit !important;}
.position-videos-container .carousel-dots-counter, .position-blogs-container .carousel-dots-counter {display: none !important;}
.pcsAccessibilityHomeEnabled .Select.is-focused:not(.is-open)>.Select-control {box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 2px #19764c !important;}
div.gm-style div div div div div img[src*="https://maps.gstatic.com/mapfiles/transparent.png"] {background-color:#19764c !important;border-radius:50%;}
.apply-item .apply-form-error-message {margin-top: 25px !important;}
div.checkBoxGroup {margin-left: -15px !important;}
.additional-question.pcs-accessibility-enabled legend span a {color:#19764c !important;}
.upload-resume-modal .privacy-agreement p a {color:#19764c !important;}
.success-form .browse-more .btn {border-color:#19764c !important;color: #19764c !important;}
.success-form .checkmark .fa-check {color: #19764c !important;}
#.container {padding-top: 5px !important;}
.resume-name {color: #19764c !important;}
.file-input .file-info .file-name {color: #19764c !important;}
.profile-dropdown .dropdown-title {color: #19764c !important;}
.saved-positions-dropdown .position-name-row {color: #19764c !important;}
a:hover, a:focus {color: #19764c !important;}
div.cluster img[src*="data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%0A%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20fill%3D%22%23084999%22%2F%3E%0A%3C%2Fsvg%3E"] {content: url("https://maps.gstatic.com/mapfiles/transparent.png") !important;background-color:#19764c !important;border-radius:50%;}
.fa-shopping-cart:before {content: "\f290" !important;}
.fa-share {color: #19764c !important;background-color: #ffffff !important;font-weight: 900;font-size: 32px;}
.navbar img {height:55px;}
.header.banner .top-header .container .right-col .nav-top ul li{color: #ffffff;}
.header.banner .top-header .container .right-col .nav-top ul li:hover {color: #ffffff;}
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
*,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box
}header.banner .top-header .container .right-col .nav-top ul li a {
    color: #ffffff;
}
.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {
 background: #004c3b; 
}
 header.banner .top-header .container .right-col .nav-top ul li a:hover {
    color: #ffffff !important;
}
:after,
:before {
    --tw-content: ""
}
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4
}
body {
    line-height: inherit;
    margin: 0
}
hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}
abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}
a {
    color: inherit;
    text-decoration: inherit
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}
button,
select {
    text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}
:-moz-focusring {
    outline: auto
}
:-moz-ui-invalid {
    box-shadow: none
}
progress {
    vertical-align: initial
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
summary {
    display: list-item
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}
fieldset {
    margin: 0
}
fieldset,
legend {
    padding: 0
}
textarea {
    resize: vertical
}
input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}
[role=button],
button {
    cursor: pointer
}
:disabled {
    cursor: default
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}
img,
video {
    height: auto;
    max-width: 100%
}
[hidden] {
    display: none
}
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}
.container-post-big {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}
@media (min-width: 640px) {
    .container-post-big {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container-post-big {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }
}
@media (min-width: 1280px) {
    .container-post-big {
        max-width: 1174px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}
.container-post {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}
@media (min-width: 640px) {
    .container-post {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container-post {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }
}
@media (min-width: 1024px) {
    .container-post {
        max-width: 865px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}
.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1440px;
        padding-left: 110px;
        padding-right: 110px
    }
}
.container-big {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%
}
@media (min-width: 1536px) {
    .container-big {
        max-width: 1440px
    }
}
.container-bg {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%
}
@media (min-width: 1536px) {
    .container-bg {
        max-width: 2780px
    }
}
.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
}
.visible {
    visibility: visible
}
.static {
    position: static
}
.relative {
    position: relative
}
.z-10 {
    z-index: 10
}
.clear-both {
    clear: both
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mx-2 {
    margin-inline: 4px;
}
.mb-10 {
    margin-bottom: 2.5rem
}
.mb-2 {
    margin-bottom: .5rem
}
.mb-3 {
    margin-bottom: .75rem
}
.mb-4 {
    margin-bottom: 1rem
}
.mb-6 {
    margin-bottom: 1.5rem
}
.mb-8 {
    margin-bottom: 2rem
}
.mb-[11px] {
    margin-bottom: 11px
}
.ml-2 {
    margin-left: .5rem
}
.mr-auto {
    margin-right: auto
}
.mt-10 {
    margin-top: 2.5rem
}
.mt-3 {
    margin-top: .75rem
}
.mt-4 {
    margin-top: 1rem
}
.mt-6 {
    margin-top: 1.5rem
}
.mt-8 {
    margin-top: 2rem
}
.mt-9 {
    margin-top: 2.25rem
}
.mt-[11px] {
    margin-top: 11px
}
.mt-[30px] {
    margin-top: 30px
}
.mt-[33px] {
    margin-top: 33px
}
.mt-[60px] {
    margin-top: 60px
}
.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
.flex {
    display: flex
}
.table {
    display: table
}
.grid {
    display: grid
}
.contents {
    display: contents
}
.hidden {
    display: none
}
.aspect-square {
    aspect-ratio: 1/1
}
.h-full {
    height: 100%
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content
}
.w-full {
    width: 100%
}
.max-w-[1218px] {
    max-width: 1218px
}
.max-w-[386px] {
    max-width: 386px
}
.max-w-[606px] {
    max-width: 606px
}
.max-w-[833px] {
    max-width: 833px
}
.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-pointer {
    cursor: pointer
}
.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr)
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.flex-col {
    flex-direction: column
}
.flex-wrap {
    flex-wrap: wrap
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.justify-items-center {
    justify-items: center
}
.gap-2 {
    gap: .5rem
}
.gap-4 {
    gap: 1rem
}
.gap-6 {
    gap: 1.5rem
}
.gap-[55px] {
    gap: 55px
}
.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}
.gap-x-[30px] {
    -moz-column-gap: 30px;
    column-gap: 30px
}
.gap-y-10 {
    row-gap: 2.5rem
}
.gap-y-8 {
    row-gap: 2rem
}
.overflow-hidden {
    overflow: hidden
}
.rounded {
    border-radius: .25rem
}
.border-b {
    border-bottom-width: 1px
}
.border-primary_green {
    --tw-border-opacity: 1;
    border-color: rgb(25 118 76/var(--tw-border-opacity))
}
.bg-light_grey {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}
.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}
.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}
.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}
.py-[50px] {
    padding-bottom: 50px;
    padding-top: 50px
}
.pb-10 {
    padding-bottom: 2.5rem
}
.pb-16 {
    padding-bottom: 4rem
}
.pb-20 {
    padding-bottom: 5rem
}
.pb-[66px] {
    padding-bottom: 66px
}
.pr-8 {
    padding-right: 2rem
}
.pt-10 {
    padding-top: 2.5rem
}
.pt-[100px] {
    padding-top: 100px
}
.text-center {
    text-align: center
}
.font-poppins {
    font-family: Poppins, sans-serif
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.text-lg {
    font-size: 1.125rem
}
.text-lg,
.text-xl {
    line-height: 1.75rem
}
.text-xl {
    font-size: 1.25rem
}
.font-bold {
    font-weight: 700
}
.font-normal {
    font-weight: 400
}
.uppercase {
    text-transform: uppercase
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(9 32 25/var(--tw-text-opacity))
}
.text-dark_packaging {
    --tw-text-opacity: 1;
    color: rgb(86 42 85/var(--tw-text-opacity))
}
.text-med_grey {
    --tw-text-opacity: 1;
    color: rgb(158 158 158/var(--tw-text-opacity))
}
.outline {
    outline-style: solid
}
.invert {
    --tw-invert: invert(100%)
}
.invert,
.sepia {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.sepia {
    --tw-sepia: sepia(100%)
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.lang-switcher {
    align-items: center;
    display: flex;
    position: relative
}
.lang-switcher .wpml-ls-current-language{
    --tw-text-opacity: 1;
    color: rgb(211 217 43 / var(--tw-text-opacity));
}
.lang-switcher .lang-switcher-button {
    align-items: center;
    display: flex;
    gap: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}
.lang-switcher .lang-switcher-button svg.icon-arrow-down-white {
    height: .25rem;
    width: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}
.lang-switcher .lang-switcher-button svg.icon-arrow-down-white path {
    stroke: currentColor
}
.lang-switcher #lang-switcher-list-wrapper {
    display: flex;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 1.5rem;
    width: 110px;
    z-index: 11;
    --tw-translate-y: 1.25rem;
    border-radius: .5rem;
    flex-direction: column;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: .5rem .5rem 1.5rem;
    --tw-text-opacity: 1;
    box-shadow: 0 4px 8px 0 #00000014;
    color: rgb(9 32 25/var(--tw-text-opacity));
    opacity: 0;
    transition-duration: .3s
}
.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list-head button {
    align-items: center;
    border-bottom-width: 2px;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    width: 100%;
    --tw-border-opacity: 1;
    border-color: rgb(25 118 76/var(--tw-border-opacity));
    font-weight: 700;
    padding-bottom: .75rem;
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: rgb(9 32 25/var(--tw-text-opacity))
}
.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list-head button svg.icon-arrow-down-white {
    height: .25rem;
    width: .5rem;
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list-head button svg.icon-arrow-down-white path {
    stroke: #19764c
}
.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list {
    margin-top: 1rem
}
.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list .wpml-ls {
    width: 100%
}
.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list .wpml-ls ul {
    display: flex;
    flex-direction: column;
    gap: .75rem
}
.lang-switcher li {
    list-style-type: none;
}
.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list .wpml-ls ul li a.wpml-ls-link {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: .75rem;
    justify-content: flex-end;
    padding-bottom: .25rem;
    padding-top: .25rem;
    transition-duration: .3s
}
.lang-switcher #lang-switcher-list-wrapper .lang-switcher-list .wpml-ls ul li a.wpml-ls-link:hover {
    font-weight: 700;
    padding-left: 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 118 76/var(--tw-text-opacity))
}
.lang-switcher.active #lang-switcher-list-wrapper {
    pointer-events: auto;
    --tw-translate-y: 0px;
    opacity: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
header.banner {
    box-shadow: 0 4px 27px 0 #0000000f;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100
}
header.banner .top-header {
    display: none;
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 76 59/var(--tw-bg-opacity));
    padding-bottom: .5rem;
    padding-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}
@media (min-width: 1024px) {
    header.banner .top-header {
        display: block
    }
}
header.banner .top-header .container {
    align-items: center;
    justify-content: space-between
}
@media (min-width: 1024px) {
    header.banner .top-header .container {
        display: flex
    }
}
header.banner .top-header .container .top-text {
    font-family: DM Sans, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}
header.banner .top-header .container .right-col {
    align-items: center;
    display: flex;
    font-family: DM Sans, sans-serif;
    font-size: .75rem;
    font-weight: 300;
    gap: 1.75rem;
    line-height: 1rem
}
 .banner .top-header .container .right-col .nav-top {
    align-items: center;
    display: flex;
    gap: 1.75rem
}
 .banner .top-header .container .right-col .nav-top ul {
    align-items: center;
    display: flex;
    gap: 1.5rem
}
header.banner .top-header .container .right-col .nav-top ul li:hover {
    --tw-text-opacity: 1;
    color: rgb(211 217 43 / var(--tw-text-opacity));
}
header.banner .header-wrapper {
    display: none;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding-bottom: 1rem;
    padding-top: 1rem
}
@media (min-width: 1024px) {
    header.banner .header-wrapper {
        display: block
    }
}
header.banner .header-wrapper {
    z-index: 2;
}
header.banner .header-wrapper .container {
    align-items: flex-end;
    display: flex;
    gap: .5rem;
    justify-content: space-between
}
header.banner .header-wrapper .container .brand {
    padding-left: 29px
}
header.banner .header-wrapper .container .nav-primary ul {
    display: flex;
    gap: 1.5rem
}
header.banner .header-wrapper .container .nav-primary ul li>a {
    background-color: initial;
    font-family: DM Sans, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: .25rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(9 32 25/var(--tw-text-opacity));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
header.banner .header-wrapper .container .nav-primary ul li>a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}
header.banner .header-wrapper .container .nav-primary ul li>a {
    border-radius: 46px
}
header.banner .header-wrapper .container .nav-primary ul li .megamenu {
    display: none
}
header.banner .header-wrapper .container .nav-primary ul li.drop-down .megamenu {
    display: block
}
header.banner .header-wrapper .container .nav-primary ul li.current-menu-item>a {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    position: relative
}
header.banner .header-wrapper .container .nav-primary ul li.current-menu-item>a:before {
    background-color: #19764c;
    bottom: -14px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}
header.banner .header-mobile {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: block;
    font-family: DM Sans, sans-serif;
}
header.banner .header-mobile .menu_mobile .burger {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    position: relative;
    width: 64px
}
@media (min-width: 1024px) {
    header.banner .header-mobile .menu_mobile .burger {
        display: none
    }
    header.banner .header-mobile {
        display: none;
    }
}
header.banner .header-mobile .menu_mobile .burger .inner {
    height: 16px;
    position: relative;
    width: 32px
}
header.banner .header-mobile .menu_mobile .burger .inner span {
    background-color: #19764c;
    border-radius: 2px;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .3s ease;
    width: 100%
}
header.banner .header-mobile .menu_mobile .burger .inner span:first-child {
    top: 0
}
header.banner .header-mobile .menu_mobile .burger .inner span:nth-child(2) {
    top: 10px
}
header.banner .header-mobile .menu_mobile .burger .inner span:last-child {
    top: 20px
}
header.banner .header-mobile .menu_mobile .burger.active .inner span:nth-child(2) {
    opacity: 0
}
header.banner .header-mobile .menu_mobile .burger.active .inner span:first-child,
header.banner .header-mobile .menu_mobile .burger.active .inner span:last-child {
    top: 6px
}
header.banner .header-mobile .menu_mobile .burger.active .inner span:first-child {
    transform: rotate(45deg)
}
header.banner .header-mobile .menu_mobile .burger.active .inner span:last-child {
    transform: rotate(-45deg)
}
header.banner .header-mobile .nav-primary-mobile {
    display: none;
    height: calc(100vh - 70px);
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    padding-top: 2rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(9 32 25/var(--tw-text-opacity));
    transition-duration: .3s
}
@media (min-width: 640px) {
    header.banner .header-mobile .nav-primary-mobile {
        font-size: 1.5rem;
        line-height: 2rem
    }
}
header.banner .header-mobile .nav-primary-mobile ul {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-right: auto;
    max-width: 300px;
    padding-bottom: 2.25rem;
    padding-left: 1rem
}
header.banner .header-mobile .nav-primary-mobile ul li {
    position: relative;
    transition: .3s
}
header.banner .header-mobile .nav-primary-mobile ul li a {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-align: left;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(9 32 25 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
    header.banner .header-mobile .nav-primary-mobile .menu-principal-menu-container ul li.menu-item a {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
header.banner .header-mobile .nav-primary-mobile ul li.button a {
    padding: 10px 25px;
    text-align: center;
    --tw-text-opacity: 1;
    border-radius: 12px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    transition: .3s
}
header.banner .header-mobile .nav-primary-mobile ul li.menu-item-active:after {
    transform: rotate(45deg)
}
header.banner .header-mobile .nav-primary-mobile ul li ul {
    display: none
}
header.banner .header-mobile .nav-primary-mobile ul li:hover ul {
    display: block
}
header.banner.open .nav-primary-mobile {
    display: block !important
}
header.banner .nav-primary-mobile .nav-top ul {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-right: auto;
    padding-bottom: 2.25rem;
    padding-left: 1rem;
}
header.banner .nav-primary-mobile .nav-top ul li {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
header.banner .nav-primary-mobile .nav-top ul li a {
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(9 32 25 / var(--tw-text-opacity)) !important;
}
.menu-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(232 241 237 / var(--tw-bg-opacity));
    padding-bottom: 77px;
    padding-top: 2rem;
}
.menu-btn .btn{
    width: 100%;
}
.btn {
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    display: inline-flex;
    font-family: Poppins, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25rem;
    overflow: hidden;
    padding: .75rem 1.25rem;
    position: relative;
    text-align: center;
    transition-duration: .3s
}
@media (min-width: 768px) {
    .btn {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }
}
.btn span {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    position: relative;
    z-index: 2
}
.btn span svg {
    height: 1.25rem;
    width: 1.25rem
}
.btn-small {
    font-family: DM Sans, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    padding: .25rem 1rem
}
.btn:before {
    content: "";
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    background-color: var(--accentColor);
    border-radius: 9999px;
    opacity: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .3s
}
.btn-primary {
    background-color: var(--btnPrimaryBg);
    border-color: #0000;
    color: var(--btnPrimaryText)
}
.btn-primary svg {
    color: var(--btnPrimaryIcon)
}
.btn-primary:before,
.btn-primary:hover {
    background-color: var(--btnPrimaryBgHover)
}
.btn-primary:hover {
    border-color: #0000;
    color: var(--btnPrimaryTextHover)
}
.btn-primary:hover svg {
    color: var(--btnPrimaryIconHover)
}
body {
    --bgColor: #000;
    --accentColor: #19764c;
    --accentColorLight: #19764c;
    --heroText: #fff;
    --btnPrimaryText: #fff;
    --btnPrimaryTextHover: #092019;
    --btnPrimaryBg: #19764c;
    --btnPrimaryBgHover: #ffffff;
    --btnPrimaryIcon: #fff;
    --btnPrimaryIconHover: #19764c;
    --tabsBackground: #e8f1ed;
    --btnSecondaryText: #092019;
    --btnSecondaryTextHover: #fff;
    --btnSecondaryBorder: #19764c;
    --btnSecondaryIcon: #19764c;
}