{"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>"}
false
{"domain": "mm-group.com", "user": "", "isWillingToRelocate": false, "isUserAuthenticated": false, "isUserETXCandidate": false, "isDomainETX": false, "isDomainVeteran": false, "signUpConfig": {}, "getHelpButton": {}, "isCareerPlannerEnabled": false, "enableRememberMeOption": false, "isMyApplicationsEnabled": false, "showVeteranEmployerSignUp": false, "enableUserPreferenceSelection": false, "isUserPreferenceApplied": 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": {"image": "https://static.vscdn.net/images/careers/demo/mm-group/1728654552::New+Header+Banner+Image", "hideInMobileView": true}, "navBar": {"background": "#ffffff"}, "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/newsroom/", "https://www.mm-boardpaper.com/news-unfolded/", "https://www.mm-packaging.com/unternehmen/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": ".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:#d3d92b !important;color: #000000 !important; background-color: #d3d92b !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: #d3d92a;}\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: #d3d92a !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: #d3d92b;\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}, "positions": [{"id": 563602792154847, "name": "Press Helper - AM Rotation", "location": "Greensboro,United States", "locations": ["Greensboro,United States", "Greensboro, NC"], "hot": 0, "department": null, "business_unit": "Unknown", "t_update": 1727815049, "t_create": 1680187898, "ats_job_id": "657", "display_job_id": "657", "type": "ATS", "id_locale": "657-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/563602792154847", "isPrivate": false, "latlongs": "36.0726354,-79.7919754"}, {"id": 563602792154605, "name": "Op\u00e9rateur de Production H/F", "location": "Sarreguemines,France", "locations": ["Sarreguemines,France", "Sarreguemines, France"], "hot": 0, "department": null, "business_unit": "Unknown", "t_update": 1680508132, "t_create": 1680176005, "ats_job_id": "617", "display_job_id": "617", "type": "ATS", "id_locale": "617-en", "job_description": "ID de la demande: 617 Temps plein/Temps partiel: Temps plein Le groupe MM (MM) est l'un des principaux producteurs mondiaux de carton et de bo\u00eetes pliantes, avec une offre attrayante de papier kraft et de papiers fins non couch\u00e9s pour diverses applications finales. MM promeut le d\u00e9veloppement durable gr\u00e2ce \u00e0 des emballages et des produits en papier innovants et recyclables. Notre site bas\u00e9 \u00e0 Sarreguemines (57), sp\u00e9cialis\u00e9 dans l'impression de notices pharmaceutiques, recherche un Op\u00e9rateur de Production H/F. Votre role Vous \u00eates responsable du pliage, de l'emballage et de la palettisation du produit fini Vous contr\u00f4lez la qualit\u00e9 du produit \u00e0 toutes les \u00e9tapes Vous vous engagez \u00e0 respecter les d\u00e9lais de production et les sp\u00e9cifications des produits Votre profil Vous \u00eates r\u00e9fl\u00e9chi, logique, motiv\u00e9 et capable d'apprendre rapidement Votre polyvalence et votre esprit d'\u00e9quipe seront des atouts essentiels Notre offre Rejoignez notre \u00e9quipe de coll\u00e8gues passionn\u00e9s qui aiment faire avancer les choses ! Nous vous offrons un emploi assorti d'un salaire attrayant, y compris des primes, dans une entreprise internationale stable qui a des projets de croissance \u00e0 long terme. En outre, des r\u00f4les int\u00e9ressants et responsabilisants au sein d'une \u00e9quipe qui vit chaque jour nos valeurs de responsabilit\u00e9, de collaboration, de passion et de performance. En outre, nous offrons \u00e9galement des possibilit\u00e9s de d\u00e9veloppement individuel, un large \u00e9ventail de cours de formation MM-Academy. Le rythme de travail est le suivant : Cycle de 3 \u00e9quipes (matin - midi - nuit). Vous \u00eates int\u00e9ress\u00e9(e) ? Nous nous r\u00e9jouissons de recevoir votre candidature. Votre conseiller en mati\u00e8re de talents: Marie Paquier (33) 667770081", "stars": 0.0, "medallionProgram": null, "location_flexibility": null, "work_location_option": "onsite", "canonicalPositionUrl": "https://mm-group.eightfold.ai/careers/job/563602792154605", "isPrivate": false, "latlongs": "49.106031,7.070862"}, {"id": 563602797910689, "name": "Head of Group Health & Safety (m/f/d)", "location": "Vienna,Austria", "locations": ["Vienna,Austria"], "hot": 0, "department": null, "business_unit": "CEO Group Functions", "t_update": 1730282086, "t_create": 1728552333, "ats_job_id": "1559", "display_job_id": "1559", "type": "ATS", "id_locale": "1559-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/563602797910689", "isPrivate": false, "latlongs": "48.2081664,16.3718643"}], "debug": {}, "count": 3, "countFilterByMatchScore": null, "location_user": "any", "location_used": "", "locationInsights": null, "showWizard": 1, "disableLocationSearchDropdown": false, "pcsAutocompleteLocationEnabled": 0, "recommended_star_threshold": 4.0, "mocTitle": null, "fuzzyResultsReturned": true, "query": {"query": "687", "location": "", "department": [], "skill": [], "seniority": [], "pid": "563602792156527"}, "userTitles": [], "isThinProfile": false, "veteranProgramDetails": [], "enableTargetedResume": 0, "jobCardConfig": null, "facetDisplaySort": {"skills": "count_desc", "departments": "count_desc", "seniority": "count_desc", "work_location_option": "count_desc", "locations": "count_desc", "latlong": "count_desc"}, "facets": {"skills": {"Communication": 14, "Manufacturing": 14, "English": 13, "Packaging": 11, "Microsoft Office": 9, "Project Management": 8, "Language Skills": 7, "Teamwork": 7, "Customer Service": 6, "Problem Solving": 6, "German": 5, "Logistics": 5, "Reporting": 5, "Shipping and Receiving": 5, "Troubleshooting": 5, "Implementation": 4, "Training": 4, "Budgeting": 3, "Collaboration": 3, "Continuous Improvement": 3, "Customer Relationship Management": 3, "Documentation": 3, "Economics": 3, "Kommunikation": 3, "Lean Manufacturing": 3, "Marketing": 3, "Microsoft Excel": 3, "Multitasking": 3, "Printing": 3, "Process Improvement": 3, "Sales": 3, "Team Leadership": 3, "Account Reconciliation": 2, "Accounting": 2, "Analysis": 2, "Analytical Skills": 2, "Analytics": 2, "Art": 2, "Bilingual": 2, "Bindery": 2, "Business Development": 2, "Change Management": 2, "Coding": 2, "Finance": 2, "Forklift Operation and Maintenance": 2, "General Business": 2, "IFRS": 2, "ISO 9000": 2, "Innovation": 2, "Lean Six Sigma": 2, "Licensing": 2, "Machine Operation": 2, "Machinery": 2, "Market Analysis": 2, "Mechanics": 2, "Microsoft PowerPoint": 2, "Multilingual": 2, "Organizational Skills": 2, "Packaging and Labeling": 2, "Pharmaceutical Manufacturing": 2, "Press Working": 2, "Production": 2, "Quality Control": 2, "Quality Inspection": 2, "Quality Management": 2, "SAP": 2, "Security": 2, "Spanish Language": 2, "Standard Operating Procedure (SOP)": 2, "Strategic Planning": 2, "Supply Chain Software": 2, "Time Management": 2, "Warehouse Management": 2, "Accounts Payable": 1, "Accounts Receivable": 1, "Active Directory": 1, "Administrative Unterst\u00fctzung": 1, "Agile": 1, "Alteryx": 1, "Arbeitssicherheit": 1, "ArtiosCAD": 1, "Attentiveness": 1, "Auditing": 1, "Ausbildung": 1, "Azure": 1, "Balance Sheet Reconciliation": 1, "Benefits Administration": 1, "Bobst": 1, "Brandschutz": 1, "Business Administration": 1, "Business Process": 1, "CRM": 1, "Carton": 1, "Carton Design": 1, "Cash Flow Management": 1, "Cimex": 1, "Citrix": 1, "Client-Anwendung": 1, "Client-Installation": 1, "Compensation Analysis": 1}, "departments": {}, "seniority": {"Entry": 36, "Mid/Senior": 19, "Intern": 2}, "work_location_option": {"onsite": 60}, "locations": {"Remote": 999999, "Vienna, Austria": 27, "Greensboro, NC, United States": 15, "Charlotte, NC, United States": 10, "Sarreguemines, Grand Est, France": 8, "NC, United States": 4, "Indianapolis, IN, United States": 4, "United States": 4, "Raleigh, NC, United States": 3, "Smithfield, NC, United States": 3, "Bradford, England, United Kingdom": 3, "Trumbull, CT, United States": 3, "Apex, NC, United States": 2, "Clayton, NC, United States": 2, "Cork, County Cork, Ireland": 2, "Garner, NC, United States": 2, "Holly Springs, NC, United States": 2, "Deeside, Wales, United Kingdom": 2, "Dunn, NC, United States": 1, "Durham, NC, United States": 1, "Four Oaks, NC, United States": 1, "Frohnleiten, Styria, Austria": 1, "Newport, Wales, United Kingdom": 1, "Reichenau an der Rax, Lower Austria, Austria": 1, "Traun, Upper Austria, Austria": 1}, "latlong": {"48.2081664,16.3718643": 22, "35.2270869,-80.8431267": 10, "36.0726354,-79.7919754": 8, "35.6463063,-78.45105199999999": 4, "39.768403,-86.158068": 4, "48.2081743,16.3738189": 4, "49.106031,7.070862": 4, "35.5084935,-78.3394455": 3, "35.7795897,-78.6381787": 3, "37.09024,-95.712891": 3, "41.2428563,-73.2006639": 3, "35.650711,-78.4563914": 2, "35.6512655,-78.8336218": 2, "35.7112642,-78.61417089999999": 2, "35.732652,-78.85028559999999": 2, "51.8968917,-8.4863157": 2, "53.795984,-1.759398": 2, "35.3062743,-78.6089028": 1, "35.4448836,-78.4269489": 1, "35.9940329,-78.898619": 1, "38.7945952,-106.5348379": 1, "47.26916840000001,15.3222815": 1, "47.6983778,15.8350738": 1, "48.2211299,14.2368043": 1, "51.584151,-2.997664": 1, "53.1997351,-3.0329723": 1, "53.7937996,-1.7563583": 1}}, "isSubQuery": true, "showBusinessUnitInPositionSidebar": false, "hideDepartment": null, "iframeImplementation": null, "pcsTextConfiguration": {}, "facetNoTitlecase": null, "skipCSSFacetCapitalization": false, "enableMapClustering": false, "readmoreInstructionEnabled": false, "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."}}, "isHomePageLoad": false, "candidateBuildProfile": {}, "chatbot": false, "enabledPersonalizedFeatures": {"recommendationFeedback": false, "tldr": false, "personalizationPreferences": false}, "installed_app_data": [], "enhancementsEnabled": false, "disableAutoScrollOnPositionSelect": false, "locationDistanceKmDefault": 100, "searchFiltersTranslationWhitelist": [], "customJobDescTranslationSkipList": [], "enableCandidateReferralFlow": false, "showBanner": false, "pcsBannerMessage": null, "locationRadiusConfig": {"showLocationRadius": false, "locationRadiusType": "mi"}, "pcsApplyFormV2Enabled": false, "isPcsBrandingApril2023Enabled": false, "allowedFileTypes": {"resume": {"acceptedFileTypes": [".doc", ".docx", ".pdf"], "fileTypesText": "doc, docx or pdf"}}, "pcsOctupleMigration0Enabled": true, "pcsOctupleMigration1Enabled": false, "replaceUrlOnGoBack": true, "pcsRedesignedNuxEnabled": true, "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, "prepopulateApplyFormEnabled": true, "prepopulateSettings": {"prepopulateCheckboxText": "Save my answers for future applications", "showPrepopulateCheckbox": 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", "requestLocation": false, "positionQnAEnabled": false, "singlePageCareersNavbarGate": false, "advancedOptionsA11yGate": false, "positionSidebarScrollResetGate": false, "pcsApplyFormFileAnswerGate": false}
{"display_banner": false, "display_text": ""}
.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:#d3d92b !important;color: #000000 !important; background-color: #d3d92b !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: #d3d92a;}
@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: #d3d92a !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: #d3d92b;
--btnPrimaryIcon: #fff;
--btnPrimaryIconHover: #19764c;
--tabsBackground: #e8f1ed;
--btnSecondaryText: #092019;
--btnSecondaryTextHover: #fff;
--btnSecondaryBorder: #19764c;
--btnSecondaryIcon: #19764c;
}