@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk%3Aital%2Cwght%400%2C300%3B0%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C800%3B1%2C300%3B1%2C400%3B1%2C500%3B1%2C600%3B1%2C700%3B1%2C800&family=Be+Vietnam+Pro%3Aital%2Cwght%400%2C100%3B0%2C200%3B0%2C300%3B0%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C800%3B0%2C900%3B1%2C100%3B1%2C200%3B1%2C300%3B1%2C400%3B1%2C500%3B1%2C600%3B1%2C700%3B1%2C800%3B1%2C900&family=Poppins%3Aital%2Cwght%400%2C100%3B0%2C200%3B0%2C300%3B0%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C800%3B0%2C900%3B1%2C100%3B1%2C200%3B1%2C300%3B1%2C400%3B1%2C500%3B1%2C600%3B1%2C700%3B1%2C800%3B1%2C900&display=swap');

@font-face {
font-family: 'AkzidGrtskNext-Regular';
src: url('/.resources-v2/opella-lm-uikit/themes/uikit/fonts/AkzidGrtskNext-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Berthold-Akzidenz-Grotesk-Extended';
src: url('/.resources-v2/opella-lm-uikit/themes/uikit/fonts/Berthold-Akzidenz-Grotesk-Extended.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpellaSans-Bold';
src: url('/.resources-v2/opella-lm-uikit/themes/uikit/fonts/OpellaSans-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpellaSans-Regular';
src: url('/.resources-v2/opella-lm-uikit/themes/uikit/fonts/OpellaSans-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SofiaProRegular';
src: url('/.resources-v2/opella-lm-uikit/themes/uikit/fonts/SofiaProRegular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

:root {
--theme-accordion-body-font-family: Be Vietnam Pro;
--theme-accordion-body-top-padding: 0.5;
--theme-accordion-border-color: #DBDBDB;
--theme-accordion-title-font-family: Be Vietnam Pro;
--theme-anchorTab--gradient-color: transparent;
--theme-anchorTab-anchor-font-size: 14;
--theme-anchorTab-anchor-font-weight-active: var(--theme-font-weight-bold);
--theme-anchorTab-anchor-text-color-active: #FFFFFF;
--theme-anchorTab-anchor-text-color: #DBDBDB;
--theme-anchorTab-background-blur: 24px;
--theme-anchorTab-background-color: #01163C;
--theme-anchorTab-background-opacity: 0.65;
--theme-anchorTab-progress-background-color: #FF451A;
--theme-anchorTab-title-color: #DBDBDB;
--theme-anchorTab-title-font-size: 20;
--theme-announcementBar-background-color: #000000;
--theme-announcementBar-font-family: Be Vietnam Pro;
--theme-announcementBar-text-color: #FFFFFF;
--theme-baseBody-font-family: Be Vietnam Pro;
--theme-baseBody-font-size: var(--theme-font-size-base);
--theme-baseBody-textColor: #666666;
--theme-baseBtn-font-size: var(--theme-baseBody-font-size);
--theme-baseBtn-lh: var(--theme-lh-btnLink);
--theme-baseH-font-family: Be Vietnam Pro;
--theme-baseH-textColor: #03338F;
--theme-baseLink-font-size: var(--theme-baseBody-font-size);
--theme-baseLink-lh: var(--theme-lh-btnLink);
--theme-baseTagCat-font-size: var(--theme-font-size-xs);
--theme-baseTagCat-lh: var(--theme-lh-catTag);
--theme-breadcrumbs-background-color-opacity: 0;
--theme-breadcrumbs-background-color: #FFFFFF;
--theme-breadcrumbs-font-family: var(--theme-baseBody-font-family);
--theme-breadcrumbs-text-color-active: #03338F;
--theme-breadcrumbs-text-color-focus: #03338F;
--theme-breadcrumbs-text-color-hover: #03338F;
--theme-breadcrumbs-text-color: #03338F;
--theme-button-active-background-color-reverse: #FFFFFF;
--theme-button-active-background-color: #03338F;
--theme-button-active-text-color-reverse: #03338F;
--theme-button-background-color: #03338F;
--theme-button-border-radius: 80px;
--theme-button-focus-background-color-reverse: #FFFFFF;
--theme-button-focus-background-color: #03338F;
--theme-button-focus-text-color-reverse: #03338F;
--theme-button-font-family-reverse: Be Vietnam Pro;
--theme-button-font-family: Be Vietnam Pro;
--theme-button-hover-background-color-reverse: #03338F;
--theme-button-hover-background-color: #FFFFFF;
--theme-button-hover-text-color-reverse: #FFFFFF;
--theme-button-hover-text-color: #03338F;
--theme-button-secondary-active-background-color: transparent;
--theme-button-secondary-active-text-color: #03338F;
--theme-button-secondary-focus-text-color: #03338F;
--theme-button-secondary-font-family: Be Vietnam Pro;
--theme-button-secondary-hover-background-color: #03338F;
--theme-button-secondary-hover-text-color: #03338F;
--theme-button-secondary-reverse-active-background-color: #FFFFFF;
--theme-button-secondary-reverse-active-text-color: #FF451A;
--theme-button-secondary-reverse-background-color: #FFFFFF;
--theme-button-secondary-reverse-focus-ring-color: #FF451A;
--theme-button-secondary-reverse-focus-text-color: #FF451A;
--theme-button-secondary-reverse-font-family: Poppins;
--theme-button-secondary-reverse-hover-background-color: #FF451A;
--theme-button-secondary-reverse-hover-text-color: #FF451A;
--theme-button-secondary-reverse-text-color: #FF451A;
--theme-button-secondary-text-color: #03338F;
--theme-button-tertiary-active-background-color: #FF451A;
--theme-button-tertiary-active-text-color: #FF451A;
--theme-button-tertiary-background-color: #FF451A;
--theme-button-tertiary-focus-ring-color: #FF451A;
--theme-button-tertiary-focus-text-color: #FF451A;
--theme-button-tertiary-font-family: Poppins;
--theme-button-tertiary-hover-background-color: #A31E00;
--theme-button-tertiary-hover-text-color: #F93700;
--theme-button-tertiary-reverse-active-background-color: #FF451A;
--theme-button-tertiary-reverse-active-text-color: #FF451A;
--theme-button-tertiary-reverse-background-color: #FF451A;
--theme-button-tertiary-reverse-disabled-text-color: #FF451A;
--theme-button-tertiary-reverse-focus-ring-color: #FF451A;
--theme-button-tertiary-reverse-focus-text-color: #FF451A;
--theme-button-tertiary-reverse-font-family: Poppins;
--theme-button-tertiary-reverse-hover-background-color: #FF451A;
--theme-button-tertiary-reverse-hover-text-color: #FF451A;
--theme-button-tertiary-reverse-text-color: #FF451A;
--theme-button-tertiary-text-color: #FF451A;
--theme-button-text-color-reverse: #03338F;
--theme-card-border-color: #FF451A;
--theme-card-border-radius: 16px;
--theme-card-description-color: #666666;
--theme-card-full-image-title--font-size--mobile: var(--theme-card-title-font-size-mobile);
--theme-card-full-image-title--font-size: var(--theme-card-title-font-size);
--theme-card-meta-color: #03338F;
--theme-card-title-font-family: var(--theme-baseH-font-family);
--theme-card-title-font-size-mobile: 20;
--theme-card-title-font-size: 20;
--theme-carousel-nav-active-color: #03338F;
--theme-carousel-nav-color: #03338F;
--theme-carousel-nav-focus-color: #03338F;
--theme-carousel-nav-hover-color: #03338F;
--theme-carousel-pagination-active-border-color: #03338F;
--theme-carousel-pagination-active-fill-color: #03338F;
--theme-carousel-pagination-border-color: #03338F;
--theme-carousel-pagination-fill-color: transparent;
--theme-categories-font-weight: var(--theme-font-weight-regular);
--theme-categories-secondary-font-weight: var(--theme-font-weight-regular);
--theme-category-background-color: #FFFFFF;
--theme-category-border-color: #03338F;
--theme-category-label-color: #03338F;
--theme-category-label-font-size: 12;
--theme-category-secondary-background-color: #FFFFFF;
--theme-category-secondary-border-color: #03338F;
--theme-category-secondary-label-font-size: 12;
--theme-color-accent-active: #FFFFFF;
--theme-color-accent-default: #042B0B;
--theme-color-accent-disabled: #AEAEAE;
--theme-color-accent-focus: #B6BFB7;
--theme-color-accent-hover: #FFFFFF;
--theme-color-accent-inverse-active: #FFD6F1;
--theme-color-accent-inverse-hover: #FFD6F1;
--theme-color-accent-inverse: #FFFFFF;
--theme-color-black: #000000;
--theme-color-darker: #8C909E;
--theme-color-darkest: #666666;
--theme-color-gradient-1: linear-gradient(65deg, #F9DD77 2.05%, #F93700 64.87%);
--theme-color-gradient-2: linear-gradient(58deg, #9CBAFC -2.4%, #033699F5 36.87%, #01163C 96.14%);
--theme-color-light: #DBDBDB;
--theme-color-lighter: #ECECEC;
--theme-color-lightest: #F8FAFF;
--theme-color-medium: #CFCFCF;
--theme-color-primary-dark: #F93700;
--theme-color-primary-darkest: #A31E00;
--theme-color-primary-light: #F5E6E0;
--theme-color-primary-lightest: #FFF7F4;
--theme-color-primary: #FF451A;
--theme-color-secondary-dark: #022566;
--theme-color-secondary-darkest: #01163C;
--theme-color-secondary-light: #9CBAFC;
--theme-color-secondary-lightest: #D7E4FE;
--theme-color-secondary: #03338F;
--theme-color-tertiary-1: #FFFFFF;
--theme-color-tertiary-2: #FFFFFF;
--theme-color-tertiary-3: #FFFFFF;
--theme-color-tertiary-4: #FFFFFF;
--theme-color-tertiary-5: #FFFFFF;
--theme-color-text-default-inverse: #FFFFFF;
--theme-color-text-default: #000000;
--theme-color-text-disabled: #AEAEAE;
--theme-color-text-error: #B42318;
--theme-color-text-strong: #000000;
--theme-color-text-subtle: #5D5D5D;
--theme-color-transparent: transparent;
--theme-color-white: #FFFFFF;
--theme-column-area-border-radius: 16px;
--theme-column-area-border-secondary-color: #03338F;
--theme-column-area-border-secondary-style: solid;
--theme-column-area-border-tertiary-color: transparent;
--theme-column-area-border-tertiary-style: solid;
--theme-column-container-background-secondary-color: #03338F;
--theme-column-container-border-primary-style: solid;
--theme-column-container-border-radius: 0px;
--theme-column-container-border-secondary-color: #03338F;
--theme-column-container-border-secondary-style: solid;
--theme-column-container-border-tertiary-color: transparent;
--theme-column-container-border-tertiary-style: solid;
--theme-comparator-category-title-color: #03338F;
--theme-comparator-categoryTitle-background-color: #ECECEC;
--theme-comparator-text-color: #03338F;
--theme-footer-border-radius: 0px;
--theme-footer-bottom-divider-color: #FFFFFF;
--theme-footer-bottom-text-color: #FFFFFF;
--theme-footer-icons-hover-color: transparent;
--theme-footer-left-middle-text-color: #FFFFFF;
--theme-footer-link-hover-text-color: #FFFFFF;
--theme-footer-link-text-color: #FFFFFF;
--theme-footer-main-background-color: #FF451A;
--theme-footer-main-gradient-color: transparent;
--theme-footer-right-middle-text-color: #FFFFFF;
--theme-footer-texts--line-height: var(--theme-lh-catTag);
--theme-footer-texts-font-size: var(--theme-font-size-xs);
--theme-heading-h1-font-size-mobile: 40;
--theme-heading-h1-font-size: 64;
--theme-heading-h1-font-weight-mobile: var(--theme-font-weight-bold);
--theme-heading-h1-font-weight: var(--theme-font-weight-bold);
--theme-heading-h1-line-height-mobile: var(--theme-baseH-lh);
--theme-heading-h1-line-height: var(--theme-baseH-lh);
--theme-heading-h2-font-size-mobile: 32;
--theme-heading-h2-font-size: 56;
--theme-heading-h2-font-weight-mobile: var(--theme-font-weight-bold);
--theme-heading-h2-font-weight: var(--theme-font-weight-bold);
--theme-heading-h2-line-height-mobile: var(--theme-baseH-lh);
--theme-heading-h2-line-height: var(--theme-baseH-lh);
--theme-heading-h3-font-size-mobile: 28;
--theme-heading-h3-font-size: 32;
--theme-heading-h3-font-weight-mobile: var(--theme-font-weight-bold);
--theme-heading-h3-font-weight: var(--theme-font-weight-bold);
--theme-heading-h3-line-height-mobile: var(--theme-baseH-lh);
--theme-heading-h3-line-height: var(--theme-baseH-lh);
--theme-heading-h4-font-size-mobile: 20;
--theme-heading-h4-font-size: 20;
--theme-heading-h4-font-weight-mobile: var(--theme-font-weight-bold);
--theme-heading-h4-font-weight: var(--theme-font-weight-bold);
--theme-heading-h4-line-height-mobile: var(--theme-baseH-lh);
--theme-heading-h4-line-height: var(--theme-baseH-lh);
--theme-link-active-icon-color: var(--theme-link-active-text-color);
--theme-link-focus-text-color: #FFFFFF;
--theme-link-sitemap--mainNav-font-weight: var(--theme-font-weight-medium);
--theme-link-sitemap--subNav-font-weight: var(--theme-font-weight-regular);
--theme-link-sitemap-title-font-family: var(--theme-heading-h1-font-family);
--theme-link-sitemap-title-text-color: #FF451A;
--theme-name: Pharmaton ASEAN;
--theme-navigation--font-family: Be Vietnam Pro;
--theme-navigation-backButton-hover-icon-color: #03338F;
--theme-navigation-backButton-icon-color: #03338F;
--theme-navigation-mobile-navLink-active-underline-color: #FF451A;
--theme-navigation-mobile-navLink-font-family: Be Vietnam Pro;
--theme-navigation-mobile-navLink-font-size: 20;
--theme-navigation-mobile-navLink-font-weight: var(--theme-font-weight-regular);
--theme-navigation-mobile-navLink-hover-underline-color: #FF451A;
--theme-navigation-navButtonMenu--button-size: 32;
--theme-navigation-navButtonMenu--close-button-size: 30;
--theme-navigation-navButtonMenu-active-background-color: transparent;
--theme-navigation-navButtonMenu-active-text-color: #03338F;
--theme-navigation-navButtonMenu-hover-background-color: transparent;
--theme-navigation-navButtonMenu-hover-text-color: #03338F;
--theme-navigation-navButtonMenu-text-color: #03338F;
--theme-navigation-navDescription--description-size: 16;
--theme-navigation-navDescription--title-size: 16;
--theme-navigation-navHighlight--description-size: 16;
--theme-navigation-navHighlight--title-size: 16;
--theme-navigation-navLink-active-background-color: transparent;
--theme-navigation-navLink-active-text-color: #03338F;
--theme-navigation-navLink-active-underline-color: #FF451A;
--theme-navigation-navLink-focus-text-color: #03338F;
--theme-navigation-navLink-font-family: Be Vietnam Pro;
--theme-navigation-navLink-font-size: 16;
--theme-navigation-navLink-font-weight: var(--theme-font-weight-regular);
--theme-navigation-navLink-hover-background-color: transparent;
--theme-navigation-navLink-hover-text-color: #03338F;
--theme-navigation-navLink-hover-underline-color: #FF451A;
--theme-navigation-navLink-text-color: #03338F;
--theme-navigation-navLinkAvatar-hover-background-color: transparent;
--theme-navigation-navPanel--arrow-icon-size: 20;
--theme-navigation-navbar-box-shadow: none;
--theme-productDetailHero-badge-font-size: var(--theme-font-size-xs);
--theme-productDetailHero-detailedInformation-font-color: #03338F;
--theme-productDetailHero-detailedInformation-font-size-mobile: 32;
--theme-productDetailHero-detailedInformation-font-size: 32;
--theme-productDetailHero-detailedInformation-link-font-color: #03338F;
--theme-productDetailHero-detailedInformation-link-font-size-mobile: 20;
--theme-productDetailHero-detailedInformation-link-font-size: 20;
--theme-productDetailHero-detailedInformation-link-font-weight: var(--theme-font-weight-bold);
--theme-productDetailHero-detailedInformation-link-hover-font-color: #03338F;
--theme-productDetailHero-detailedInformation-linkArrow-font-size: var(--theme-baseBody-font-size);
--theme-productDetailHero-detailedInformation-modal-font-color: #03338F;
--theme-productDetailHero-detailedInformation-modal-font-size-mobile: var(--theme-heading-h3-font-size-mobile);
--theme-productDetailHero-detailedInformation-modal-font-size: var(--theme-heading-h3-font-size);
--theme-productDetailHero-heading-font-family: Be Vietnam Pro;
--theme-productDetailHero-heading-font-size-mobile: 40;
--theme-productDetailHero-heading-font-size: 60;
--theme-productDetailHero-heading-font-weight: var(--theme-font-weight-bold);
--theme-productDetailHero-summary-font-color: #666666;
--theme-productDetailHero-summary-font-size-mobile: 16;
--theme-productDetailHero-summary-font-size: 16;
--theme-productDetailHero-whereToBuy-font-size-mobile: var(--theme-heading-h2-font-size-mobile);
--theme-productDetailHero-whereToBuy-font-size: var(--theme-heading-h2-font-size);
--theme-richtext-box-container-text-color: #666666;
--theme-richtext-link-text-color: var(--theme-link-text-color);
--theme-richtext-table-text-color: #666666;
--theme-richtext-text-size-1: 18;
--theme-richtext-text-size-2: 16;
--theme-richtext-text-size-3: 14;
--theme-richtext-text-size-4: 14;
--theme-richtext-text-size-5: 14;
--theme-richtext-text-size-6: 14;
--theme-timeCateggories-categories-text-color: #03338F;
--theme-timeCateggories-time-text-color: #03338F;
--theme-timeCategories-categories-font-size: 14;
--theme-timeCategories-time-font-size: 14;
--theme-whereToBuy-headings-font-size: 16;
--theme-whereToBuy-headings-font-weight: var(--theme-font-weight-bold);
--theme-whereToBuy-legal-font-size: var(--theme-baseBody-font-size);
--theme-whereToBuy-productName-color: var(--theme-heading-h2-text-color);
--theme-whereToBuy-productName-desktop-font-size: 20;
--theme-whereToBuy-productName-mobile-font-size: 15;
--theme-whereToBuy-skuName-color: #03338F;
--theme-whereToBuy-skuName-font-size: var(--theme-baseBody-font-size);
}