/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@font-face {
  font-family: "Kanit";
  src: url('../../fonts/kanit/Kanit-Regular.woff2') format("woff2"), url('../../fonts/kanit/Kanit-Regular.woff') format("woff"), url('../../fonts/kanit/Kanit-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url('../../fonts/kanit/Kanit-Medium.woff2') format("woff2"), url('../../fonts/kanit/Kanit-Medium.woff') format("woff"), url('../../fonts/kanit/Kanit-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url('../../fonts/kanit/Kanit-Light.woff2') format("woff2"), url('../../fonts/kanit/Kanit-Light.woff') format("woff"), url('../../fonts/kanit/Kanit-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url('../../fonts/kanit/Kanit-Italic.woff2') format("woff2"), url('../../fonts/kanit/Kanit-Italic.woff') format("woff"), url('../../fonts/kanit/Kanit-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url('../../fonts/roboto_slab/RobotoSlab-Bold.woff2') format("woff2"), url('../../fonts/roboto_slab/RobotoSlab-Bold.woff') format("woff"), url('../../fonts/roboto_slab/RobotoSlab-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url('../../fonts/roboto_slab/RobotoSlab-Regular.woff2') format("woff2"), url('../../fonts/roboto_slab/RobotoSlab-Regular.woff') format("woff"), url('../../fonts/roboto_slab/RobotoSlab-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url('../../fonts/roboto_slab/RobotoSlab-SemiBold.woff2') format("woff2"), url('../../fonts/roboto_slab/RobotoSlab-SemiBold.woff') format("woff"), url('../../fonts/roboto_slab/RobotoSlab-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: url('../../fonts/roboto_slab/RobotoSlab-Medium.woff2') format("woff2"), url('../../fonts/roboto_slab/RobotoSlab-Medium.woff') format("woff"), url('../../fonts/roboto_slab/RobotoSlab-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  src: url('../../fonts/material_symbols/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2') format("woff2"), url('../../fonts/material_symbols/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].ttf') format("truetype");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48;
}
@font-face {
  font-family: "pangenixicons";
  src: url('../../fonts/pangenix_icons/pangenix.eot');
  src: url('../../fonts/pangenix_icons/pangenix.eot#iefix') format("embedded-opentype"), url('../../fonts/pangenix_icons/pangenix.woff2') format("woff2"), url('../../fonts/pangenix_icons/pangenix.woff') format("woff"), url('../../fonts/pangenix_icons/pangenix.ttf') format("truetype"), url('../../fonts/pangenix_icons/pangenix.svg#pangenix') format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="pangenixicon-"]:before {
  display: inline-block;
  font-family: "pangenixicons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pangenixicon-user:before {
  content: "A";
}
.pangenixicon-stethoscope:before {
  content: "B";
}
.pangenixicon-telephone:before {
  content: "C";
}
.pangenixicon-mail:before {
  content: "D";
}
.pangenixicon-basket:before {
  content: "E";
}
.pangenixicon-search-interface-symbol:before {
  content: "F";
}
.pangenixicon-home:before {
  content: "G";
}
.pangenixicon-pangenix-emblem:before {
  content: "H";
}
@font-face {
  font-family: "pangenixMaterialSymbols";
  src: url('../../fonts/pangenix_materialsymbols/pangenixMaterialSymbols.eot');
  src: url('../../fonts/pangenix_materialsymbols/pangenixMaterialSymbols.eot#iefix') format("embedded-opentype"), url('../../fonts/pangenix_materialsymbols/pangenixMaterialSymbols.woff') format("woff"), url('../../fonts/pangenix_materialsymbols/pangenixMaterialSymbols.ttf') format("truetype"), url('../../fonts/pangenix_materialsymbols/pangenixMaterialSymbols.svg#pangenixMaterialSymbols') format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="pgx-icon-"] {
  line-height: 1;
}
[class*="pgx-icon-"]:before {
  display: inline-block;
  font-family: "pangenixMaterialSymbols";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pgx-icon-account_circle:before {
  content: "A";
}
.pgx-icon-add:before {
  content: "B";
}
.pgx-icon-add_circle:before {
  content: "C";
}
.pgx-icon-alternate_email:before {
  content: "D";
}
.pgx-icon-arrow_back:before {
  content: "E";
}
.pgx-icon-arrow_right_alt:before {
  content: "F";
}
.pgx-icon-arrow_upward:before {
  content: "G";
}
.pgx-icon-barcode:before {
  content: "H";
}
.pgx-icon-calendar_month:before {
  content: "I";
}
.pgx-icon-check_circle:before {
  content: "J";
}
.pgx-icon-close:before {
  content: "K";
}
.pgx-icon-delete_forever:before {
  content: "L";
}
.pgx-icon-deployed_code:before {
  content: "M";
}
.pgx-icon-download:before {
  content: "N";
}
.pgx-icon-download_for_offline:before {
  content: "O";
}
.pgx-icon-expand_circle_down:before {
  content: "P";
}
.pgx-icon-expand_less:before {
  content: "Q";
}
.pgx-icon-expand_more:before {
  content: "R";
}
.pgx-icon-labs:before {
  content: "S";
}
.pgx-icon-location_on:before {
  content: "T";
}
.pgx-icon-lock:before {
  content: "U";
}
.pgx-icon-login:before {
  content: "V";
}
.pgx-icon-logout:before {
  content: "W";
}
.pgx-icon-mail:before {
  content: "X";
}
.pgx-icon-menu:before {
  content: "Y";
}
.pgx-icon-more_horiz:before {
  content: "Z";
}
.pgx-icon-phone_in_talk:before {
  content: "a";
}
.pgx-icon-remove:before {
  content: "b";
}
.pgx-icon-search:before {
  content: "c";
}
.pgx-icon-shopping_cart:before {
  content: "d";
}
.pgx-icon-task_alt:before {
  content: "e";
}
.pgx-icon-chevron_left:before {
  content: "f";
}
.pgx-icon-chevron_right:before {
  content: "g";
}
.pgx-icon-edit:before {
  content: "h";
}
.pgx-icon-edit_note:before {
  content: "i";
}
.pgx-icon-edit_off:before {
  content: "j";
}
.pgx-icon-euro:before {
  content: "k";
}
.pgx-icon-draw:before {
  content: "l";
}
.pgx-icon-shopping_basket:before {
  content: "m";
}
.pgx-icon-south:before {
  content: "n";
}
.pgx-icon-stylus_note:before {
  content: "o";
}
.pgx-icon-admin_meds:before {
  content: "p";
}
.pgx-icon-assignment_return:before {
  content: "q";
}
.pgx-icon-clinical_notes:before {
  content: "r";
}
.pgx-icon-inactive_order:before {
  content: "s";
}
.pgx-icon-medical_information:before {
  content: "t";
}
.pgx-icon-pill:before {
  content: "u";
}
.pgx-icon-pregnancy:before {
  content: "v";
}
.pgx-icon-smoking_rooms:before {
  content: "w";
}
.pgx-icon-report:before {
  content: "x";
}
.pgx-icon-warning:before {
  content: "y";
}
.pgx-icon-error:before {
  content: "z";
}
.pgx-icon-info:before {
  content: "0";
}
.pgx-icon-help:before {
  content: "1";
}
.pgx-icon-privacy_tip:before {
  content: "2";
}
/* Generated by Glyphter (http://www.glyphter.com) on  Fri Nov 24 2023*/
@font-face {
  font-family: "pgxGMaterialSymbols";
  src: url('../../fonts/pangenix2_materialsymbols/pgxGMaterialSymbols.eot');
  src: url('../../fonts/pangenix2_materialsymbols/pgxGMaterialSymbols.eot#iefix') format("embedded-opentype"), url('../../fonts/pangenix2_materialsymbols/pgxGMaterialSymbols.woff') format("woff"), url('../../fonts/pangenix2_materialsymbols/pgxGMaterialSymbols.ttf') format("truetype"), url('../../fonts/pangenix2_materialsymbols/pgxGMaterialSymbols.svg#pgxGMaterialSymbols') format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="pgx2-icon-"]:before {
  display: inline-block;
  font-family: "pgxGMaterialSymbols";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pgx2-icon-01_sentiment_dissatisfied:before {
  content: "A";
}
.pgx2-icon-02_sentiment_neutral:before {
  content: "B";
}
.pgx2-icon-03_sentiment_satisfied:before {
  content: "C";
}
.pgx2-icon-04_radio_button_unchecked:before {
  content: "D";
}
.pgx2-icon-05_radio_button_checked:before {
  content: "E";
}
.g-main-nav .g-standard .g-dropdown {
  width: 240px;
}
.g-content {
  margin: 0.625rem;
  padding: 0.938rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.25rem;
}
h2 {
  font-size: 1.9rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.15rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 0.85rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
body {
  color: #6d7077;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#g-page-surround {
  background: #ffffff;
}
@media print {
  #g-page-surround {
    background: #fff !important;
    color: #000 !important;
  }
}
a {
  color: #94c021;
}
a:hover {
  color: #55575c;
}
h1, h2, h3, h4, h5, h6, strong {
  color: #55575c;
}
.button {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 0.1875rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background: #94c021;
  color: #ffffff;
  border: 0;
  line-height: 1.5;
  font-size: 1rem;
  vertical-align: middle;
  text-shadow: none;
  transition: background 0.1s;
}
.button:hover {
  background: #a5d625;
  color: #ffffff;
}
.button:active, .button:focus {
  background: #83aa1d;
  box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  outline: 0;
}
.button:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.button:disabled:hover {
  background: #94c021;
}
.gantry-logo {
  display: inline-block;
}
@media only all and (max-width: 47.99rem) {
  .gantry-logo {
    display: block;
    text-align: center;
  }
}
.gantry-logo img {
  width: 150px;
}
.logo-large {
  display: inline-block;
}
@font-face {
  font-family: "roboto slab";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto_slab/RobotoSlab-Regular.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_slab/RobotoSlab-Regular.woff2') format("woff2"), url('../../fonts/roboto_slab/RobotoSlab-Regular.woff') format("woff"), url('../../fonts/roboto_slab/RobotoSlab-Regular.ttf') format("truetype"), url('../fonts/roboto_slab/RobotoSlab-Regular.svg#roboto%20slab') format("svg");
}
@font-face {
  font-family: "roboto slab";
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto_slab/RobotoSlab-Medium.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_slab/RobotoSlab-Medium.woff2') format("woff2"), url('../../fonts/roboto_slab/RobotoSlab-Medium.woff') format("woff"), url('../../fonts/roboto_slab/RobotoSlab-Medium.ttf') format("truetype"), url('../fonts/roboto_slab/RobotoSlab-Medium.svg#roboto%20slab') format("svg");
}
@font-face {
  font-family: "roboto slab";
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto_slab/RobotoSlab-SemiBold.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_slab/RobotoSlab-SemiBold.woff2') format("woff2"), url('../../fonts/roboto_slab/RobotoSlab-SemiBold.woff') format("woff"), url('../../fonts/roboto_slab/RobotoSlab-SemiBold.ttf') format("truetype"), url('../fonts/roboto_slab/RobotoSlab-SemiBold.svg#roboto%20slab') format("svg");
}
@font-face {
  font-family: "roboto slab";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto_slab/RobotoSlab-Bold.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_slab/RobotoSlab-Bold.woff2') format("woff2"), url('../../fonts/roboto_slab/RobotoSlab-Bold.woff') format("woff"), url('../../fonts/roboto_slab/RobotoSlab-Bold.ttf') format("truetype"), url('../fonts/roboto_slab/RobotoSlab-Bold.svg#roboto%20slab') format("svg");
}
@font-face {
  font-family: "kanit";
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/kanit/Kanit-Light.eot#iefix') format("embedded-opentype"), url('../../fonts/kanit/Kanit-Light.woff2') format("woff2"), url('../../fonts/kanit/Kanit-Light.woff') format("woff"), url('../../fonts/kanit/Kanit-Light.ttf') format("truetype"), url('../fonts/kanit/Kanit-Light.svg#kanit') format("svg");
}
@font-face {
  font-family: "kanit";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kanit/Kanit-Regular.eot#iefix') format("embedded-opentype"), url('../../fonts/kanit/Kanit-Regular.woff2') format("woff2"), url('../../fonts/kanit/Kanit-Regular.woff') format("woff"), url('../../fonts/kanit/Kanit-Regular.ttf') format("truetype"), url('../fonts/kanit/Kanit-Regular.svg#kanit') format("svg");
}
@font-face {
  font-family: "kanit";
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/kanit/Kanit-Medium.eot#iefix') format("embedded-opentype"), url('../../fonts/kanit/Kanit-Medium.woff2') format("woff2"), url('../../fonts/kanit/Kanit-Medium.woff') format("woff"), url('../../fonts/kanit/Kanit-Medium.ttf') format("truetype"), url('../fonts/kanit/Kanit-Medium.svg#kanit') format("svg");
}
html {
  scroll-behavior: smooth;
}
.vweb-pangenix-theme a, .vweb-pangenix-theme a.link-style, .vweb-pangenix-theme .link-style {
  text-decoration: none !important;
  color: #cd5b1b;
  border-bottom: 1px solid #cd5b1b;
  font-weight: 500;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme a:hover, .vweb-pangenix-theme a.link-style:hover, .vweb-pangenix-theme .link-style:hover {
    color: #0a0a0a;
    border-color: transparent;
  }
}
.vweb-pangenix-theme a.noborder, .vweb-pangenix-theme a.link-style.noborder, .vweb-pangenix-theme .link-style.noborder {
  border: none;
}
.vweb-pangenix-theme a.border-reverse, .vweb-pangenix-theme a.link-style.border-reverse, .vweb-pangenix-theme .link-style.border-reverse {
  border-color: transparent;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme a.border-reverse:hover, .vweb-pangenix-theme a.link-style.border-reverse:hover, .vweb-pangenix-theme .link-style.border-reverse:hover {
    border-color: #cd5b1b;
  }
}
.vweb-pangenix-theme a.link-reverse, .vweb-pangenix-theme a.link-style.link-reverse, .vweb-pangenix-theme .link-style.link-reverse {
  border-color: transparent;
  color: #0a0a0a;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme a.link-reverse:hover, .vweb-pangenix-theme a.link-style.link-reverse:hover, .vweb-pangenix-theme .link-style.link-reverse:hover {
    color: #cd5b1b;
    border-color: #cd5b1b;
  }
}
.vweb-pangenix-theme a.nostyling, .vweb-pangenix-theme a.link-style.nostyling, .vweb-pangenix-theme .link-style.nostyling {
  border: none;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.vweb-pangenix-theme a.link-icon, .vweb-pangenix-theme a.link-style.link-icon, .vweb-pangenix-theme .link-style.link-icon {
  border-color: transparent;
  color: #0a0a0a;
  font-family: "kanit", sans-serif;
  font-weight: 500;
}
.vweb-pangenix-theme a.link-icon .material-symbols-outlined, .vweb-pangenix-theme a.link-style.link-icon .material-symbols-outlined, .vweb-pangenix-theme .link-style.link-icon .material-symbols-outlined {
  position: relative;
  top: 6px;
}
.vweb-pangenix-theme a.link-icon i, .vweb-pangenix-theme a.link-style.link-icon i, .vweb-pangenix-theme .link-style.link-icon i {
  color: #94c021;
  margin-right: 0.25rem;
}
.vweb-pangenix-theme a.link-icon:hover, .vweb-pangenix-theme a.link-style.link-icon:hover, .vweb-pangenix-theme .link-style.link-icon:hover {
  color: #72941a;
}
.vweb-pangenix-theme a.link-icon-right, .vweb-pangenix-theme a.link-style.link-icon-right, .vweb-pangenix-theme .link-style.link-icon-right {
  border-color: transparent;
  color: #0a0a0a;
  font-family: "kanit", sans-serif;
  font-weight: 500;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme a.link-icon-right, .vweb-pangenix-theme a.link-style.link-icon-right, .vweb-pangenix-theme .link-style.link-icon-right {
    font-size: 0.875rem;
  }
}
.vweb-pangenix-theme a.link-icon-right .material-symbols-outlined, .vweb-pangenix-theme a.link-icon-right i, .vweb-pangenix-theme a.link-style.link-icon-right .material-symbols-outlined, .vweb-pangenix-theme a.link-style.link-icon-right i, .vweb-pangenix-theme .link-style.link-icon-right .material-symbols-outlined, .vweb-pangenix-theme .link-style.link-icon-right i {
  position: relative;
  top: 10px;
  color: #94c021;
  left: 0;
  font-size: 2rem;
}
.vweb-pangenix-theme a.link-icon-right i, .vweb-pangenix-theme a.link-style.link-icon-right i, .vweb-pangenix-theme .link-style.link-icon-right i {
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background: #94c021;
  color: #ffffff;
  border-radius: 1rem;
  top: 2px;
  left: 0.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme a.link-icon-right i, .vweb-pangenix-theme a.link-style.link-icon-right i, .vweb-pangenix-theme .link-style.link-icon-right i {
    font-size: 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.vweb-pangenix-theme a.link-icon-right i::before, .vweb-pangenix-theme a.link-style.link-icon-right i::before, .vweb-pangenix-theme .link-style.link-icon-right i::before {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vweb-pangenix-theme a.link-icon-right:hover, .vweb-pangenix-theme a.link-style.link-icon-right:hover, .vweb-pangenix-theme .link-style.link-icon-right:hover {
  color: #72941a;
}
.vweb-pangenix-theme a.link-icon-right:hover .material-symbols-outlined, .vweb-pangenix-theme a.link-style.link-icon-right:hover .material-symbols-outlined, .vweb-pangenix-theme .link-style.link-icon-right:hover .material-symbols-outlined {
  left: 8px;
}
.vweb-pangenix-theme a.link-icon-right:hover i, .vweb-pangenix-theme a.link-style.link-icon-right:hover i, .vweb-pangenix-theme .link-style.link-icon-right:hover i {
  left: 0.625rem;
}
.vweb-pangenix-theme a.link-icon-right.to-below i, .vweb-pangenix-theme a.link-style.link-icon-right.to-below i, .vweb-pangenix-theme .link-style.link-icon-right.to-below i {
  width: 1.875rem;
  height: 1.875rem;
}
.vweb-pangenix-theme a.link-icon-right.to-below:hover i, .vweb-pangenix-theme a.link-style.link-icon-right.to-below:hover i, .vweb-pangenix-theme .link-style.link-icon-right.to-below:hover i {
  left: 0.25rem;
  top: 0.5rem;
}
.vweb-pangenix-theme a.link-color-black, .vweb-pangenix-theme a.link-style.link-color-black, .vweb-pangenix-theme .link-style.link-color-black {
  color: #0a0a0a;
  border-color: #0a0a0a;
}
.vweb-pangenix-theme a.link-color-black:hover, .vweb-pangenix-theme a.link-style.link-color-black:hover, .vweb-pangenix-theme .link-style.link-color-black:hover {
  border-color: transparent;
}
.vweb-pangenix-theme a.link-color-white, .vweb-pangenix-theme a.link-style.link-color-white, .vweb-pangenix-theme .link-style.link-color-white {
  color: #ffffff;
  border-color: #ffffff;
}
.vweb-pangenix-theme a.link-color-white:hover, .vweb-pangenix-theme a.link-style.link-color-white:hover, .vweb-pangenix-theme .link-style.link-color-white:hover {
  border-color: transparent;
}
.vweb-pangenix-theme a.link-goto, .vweb-pangenix-theme a.link-style.link-goto, .vweb-pangenix-theme .link-style.link-goto {
  display: inline-flex;
  border: none;
  flex-direction: column;
  letter-spacing: 0.5px;
  letter-spacing: 0.03125rem;
}
.vweb-pangenix-theme a.link-goto i, .vweb-pangenix-theme a.link-style.link-goto i, .vweb-pangenix-theme .link-style.link-goto i {
  font-size: 1.5rem;
  position: relative;
  top: 0;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme a.link-goto:hover i, .vweb-pangenix-theme a.link-style.link-goto:hover i, .vweb-pangenix-theme .link-style.link-goto:hover i {
    top: 0.5rem;
  }
}
.vweb-pangenix-theme a.link-back, .vweb-pangenix-theme a.link-style.link-back, .vweb-pangenix-theme .link-style.link-back {
  font-size: 0.875rem;
  border: none;
}
.vweb-pangenix-theme a.link-back i, .vweb-pangenix-theme a.link-style.link-back i, .vweb-pangenix-theme .link-style.link-back i {
  position: relative;
  margin-right: 0.25rem;
  top: 2px;
  right: 0;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme a.link-back:hover i, .vweb-pangenix-theme a.link-style.link-back:hover i, .vweb-pangenix-theme .link-style.link-back:hover i {
    right: 0.5rem;
  }
}
.vweb-pangenix-theme a.btn-block, .vweb-pangenix-theme a.link-style.btn-block, .vweb-pangenix-theme .link-style.btn-block {
  border: 1px solid #b9c3ba;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme a.btn-block:hover, .vweb-pangenix-theme a.link-style.btn-block:hover, .vweb-pangenix-theme .link-style.btn-block:hover {
    border-color: transparent;
  }
}
.vweb-pangenix-theme .btn, .vweb-pangenix-theme .button, .vweb-pangenix-theme .btn.btn-primary {
  box-shadow: unset;
  font-family: "kanit", sans-serif;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.75rem 2rem;
  padding: 0.7rem 2rem 0.825rem;
  border-radius: 5rem;
  border: 2px solid #94c021;
  color: #0a0a0a;
  background: #94c021;
}
.vweb-pangenix-theme .btn:hover, .vweb-pangenix-theme .button:hover, .vweb-pangenix-theme .btn.btn-primary:hover {
  background: #ffffff;
  color: #0a0a0a;
  border-color: #94c021;
}
.vweb-pangenix-theme .btn:active, .vweb-pangenix-theme .btn:focus, .vweb-pangenix-theme .button:active, .vweb-pangenix-theme .button:focus, .vweb-pangenix-theme .btn.btn-primary:active, .vweb-pangenix-theme .btn.btn-primary:focus {
  background: #72941a;
  border-color: #72941a;
  box-shadow: unset;
}
.vweb-pangenix-theme .btn:active:hover, .vweb-pangenix-theme .btn:focus:hover, .vweb-pangenix-theme .button:active:hover, .vweb-pangenix-theme .button:focus:hover, .vweb-pangenix-theme .btn.btn-primary:active:hover, .vweb-pangenix-theme .btn.btn-primary:focus:hover {
  color: #ffffff;
}
.vweb-pangenix-theme .btn.btn-secondary, .vweb-pangenix-theme .button.btn-secondary, .vweb-pangenix-theme .btn.btn-primary.btn-secondary {
  background: transparent;
  border-color: #94c021;
}
.vweb-pangenix-theme .btn.btn-secondary:hover, .vweb-pangenix-theme .button.btn-secondary:hover, .vweb-pangenix-theme .btn.btn-primary.btn-secondary:hover {
  background: #94c021;
}
.vweb-pangenix-theme .btn.btn-secondary:active, .vweb-pangenix-theme .btn.btn-secondary:focus, .vweb-pangenix-theme .button.btn-secondary:active, .vweb-pangenix-theme .button.btn-secondary:focus, .vweb-pangenix-theme .btn.btn-primary.btn-secondary:active, .vweb-pangenix-theme .btn.btn-primary.btn-secondary:focus {
  background: transparent;
  border-color: #72941a;
  box-shadow: unset;
}
.vweb-pangenix-theme .btn.btn-secondary:active:hover, .vweb-pangenix-theme .btn.btn-secondary:focus:hover, .vweb-pangenix-theme .button.btn-secondary:active:hover, .vweb-pangenix-theme .button.btn-secondary:focus:hover, .vweb-pangenix-theme .btn.btn-primary.btn-secondary:active:hover, .vweb-pangenix-theme .btn.btn-primary.btn-secondary:focus:hover {
  color: #ffffff;
}
.vweb-pangenix-theme .btn.btn-tertiary, .vweb-pangenix-theme .button.btn-tertiary, .vweb-pangenix-theme .btn.btn-primary.btn-tertiary {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #94c021;
  color: #94c021;
  border-radius: 0;
  padding: 0 0 0.3125rem;
}
.vweb-pangenix-theme .btn.btn-tertiary:hover, .vweb-pangenix-theme .button.btn-tertiary:hover, .vweb-pangenix-theme .btn.btn-primary.btn-tertiary:hover {
  background: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}
.vweb-pangenix-theme .btn.btn-tertiary:active, .vweb-pangenix-theme .btn.btn-tertiary:focus, .vweb-pangenix-theme .button.btn-tertiary:active, .vweb-pangenix-theme .button.btn-tertiary:focus, .vweb-pangenix-theme .btn.btn-primary.btn-tertiary:active, .vweb-pangenix-theme .btn.btn-primary.btn-tertiary:focus {
  border-color: #72941a;
  color: #72941a;
}
.vweb-pangenix-theme .btn.btn-tertiary:active:hover, .vweb-pangenix-theme .btn.btn-tertiary:focus:hover, .vweb-pangenix-theme .button.btn-tertiary:active:hover, .vweb-pangenix-theme .button.btn-tertiary:focus:hover, .vweb-pangenix-theme .btn.btn-primary.btn-tertiary:active:hover, .vweb-pangenix-theme .btn.btn-primary.btn-tertiary:focus:hover {
  background: transparent;
}
.vweb-pangenix-theme .btn.btn-has-icon, .vweb-pangenix-theme .button.btn-has-icon, .vweb-pangenix-theme .btn.btn-primary.btn-has-icon {
  padding: 0.7rem 2rem 0.825rem;
  padding: 0.5rem 2rem 0.625rem;
}
.vweb-pangenix-theme .btn.btn-has-icon i, .vweb-pangenix-theme .button.btn-has-icon i, .vweb-pangenix-theme .btn.btn-primary.btn-has-icon i {
  top: 0.25rem;
  position: relative;
  font-size: 1.125rem;
  margin-right: 0.25rem;
}
.vweb-pangenix-theme .btn.btn-large, .vweb-pangenix-theme .btn.btn-lg, .vweb-pangenix-theme .button.btn-large, .vweb-pangenix-theme .button.btn-lg, .vweb-pangenix-theme .btn.btn-primary.btn-large, .vweb-pangenix-theme .btn.btn-primary.btn-lg {
  font-size: 1.25rem;
  padding: 1.05rem 2.75rem;
  text-align: center;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .btn.btn-large, .vweb-pangenix-theme .btn.btn-lg, .vweb-pangenix-theme .button.btn-large, .vweb-pangenix-theme .button.btn-lg, .vweb-pangenix-theme .btn.btn-primary.btn-large, .vweb-pangenix-theme .btn.btn-primary.btn-lg {
    font-size: 1rem;
    padding: 1.05rem 2rem;
  }
}
.vweb-pangenix-theme .btn.btn-large i, .vweb-pangenix-theme .btn.btn-lg i, .vweb-pangenix-theme .button.btn-large i, .vweb-pangenix-theme .button.btn-lg i, .vweb-pangenix-theme .btn.btn-primary.btn-large i, .vweb-pangenix-theme .btn.btn-primary.btn-lg i {
  font-size: 1.375rem;
  padding-right: 0.25rem;
  position: relative;
  top: 0.1875rem;
}
.vweb-pangenix-theme .btn.btn-large.btn-has-icon, .vweb-pangenix-theme .btn.btn-lg.btn-has-icon, .vweb-pangenix-theme .button.btn-large.btn-has-icon, .vweb-pangenix-theme .button.btn-lg.btn-has-icon, .vweb-pangenix-theme .btn.btn-primary.btn-large.btn-has-icon, .vweb-pangenix-theme .btn.btn-primary.btn-lg.btn-has-icon {
  padding: 1rem 2.75rem 1.1rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .btn.btn-large.btn-has-icon, .vweb-pangenix-theme .btn.btn-lg.btn-has-icon, .vweb-pangenix-theme .button.btn-large.btn-has-icon, .vweb-pangenix-theme .button.btn-lg.btn-has-icon, .vweb-pangenix-theme .btn.btn-primary.btn-large.btn-has-icon, .vweb-pangenix-theme .btn.btn-primary.btn-lg.btn-has-icon {
    padding: 0.75rem 2rem 1.1rem;
  }
}
.vweb-pangenix-theme .btn.btn-large.btn-has-icon i, .vweb-pangenix-theme .btn.btn-lg.btn-has-icon i, .vweb-pangenix-theme .button.btn-large.btn-has-icon i, .vweb-pangenix-theme .button.btn-lg.btn-has-icon i, .vweb-pangenix-theme .btn.btn-primary.btn-large.btn-has-icon i, .vweb-pangenix-theme .btn.btn-primary.btn-lg.btn-has-icon i {
  top: 0.25rem;
}
.vweb-pangenix-theme .btn.btn-large.btn-tertiary, .vweb-pangenix-theme .btn.btn-lg.btn-tertiary, .vweb-pangenix-theme .button.btn-large.btn-tertiary, .vweb-pangenix-theme .button.btn-lg.btn-tertiary, .vweb-pangenix-theme .btn.btn-primary.btn-large.btn-tertiary, .vweb-pangenix-theme .btn.btn-primary.btn-lg.btn-tertiary {
  padding: 0 0 0.3125rem;
}
.vweb-pangenix-theme .btn.btn-small, .vweb-pangenix-theme .btn.btn-sm, .vweb-pangenix-theme .button.btn-small, .vweb-pangenix-theme .button.btn-sm, .vweb-pangenix-theme .btn.btn-primary.btn-small, .vweb-pangenix-theme .btn.btn-primary.btn-sm {
  padding: 0.5rem 1.25rem;
  font-size: 1rem;
}
.vweb-pangenix-theme .btn.btn-black, .vweb-pangenix-theme .button.btn-black, .vweb-pangenix-theme .btn.btn-primary.btn-black {
  background: #0a0a0a;
  border-color: #0a0a0a;
  color: #ffffff;
  font-weight: 400;
}
.vweb-pangenix-theme .btn.btn-black:hover, .vweb-pangenix-theme .button.btn-black:hover, .vweb-pangenix-theme .btn.btn-primary.btn-black:hover {
  color: #0a0a0a;
  background: #ffffff;
}
.vweb-pangenix-theme .btn.btn-black.btn-tertiary, .vweb-pangenix-theme .button.btn-black.btn-tertiary, .vweb-pangenix-theme .btn.btn-primary.btn-black.btn-tertiary {
  background: none;
  color: #0a0a0a;
  font-weight: 500;
}
.vweb-pangenix-theme .btn.btn-black.btn-tertiary:hover, .vweb-pangenix-theme .button.btn-black.btn-tertiary:hover, .vweb-pangenix-theme .btn.btn-primary.btn-black.btn-tertiary:hover {
  border-color: transparent;
}
.vweb-pangenix-theme .btn.btn-white, .vweb-pangenix-theme .button.btn-white, .vweb-pangenix-theme .btn.btn-primary.btn-white {
  background: #ffffff;
  border-color: #ffffff;
  color: #0a0a0a;
}
.vweb-pangenix-theme .btn.btn-white:hover, .vweb-pangenix-theme .button.btn-white:hover, .vweb-pangenix-theme .btn.btn-primary.btn-white:hover {
  color: #0a0a0a;
  background: #94c021;
  border-color: #94c021;
}
.vweb-pangenix-theme .btn.btn-white.btn-tertiary, .vweb-pangenix-theme .button.btn-white.btn-tertiary, .vweb-pangenix-theme .btn.btn-primary.btn-white.btn-tertiary {
  background: none;
  color: #ffffff;
  font-weight: 400;
}
.vweb-pangenix-theme .btn.btn-white.btn-tertiary:hover, .vweb-pangenix-theme .button.btn-white.btn-tertiary:hover, .vweb-pangenix-theme .btn.btn-primary.btn-white.btn-tertiary:hover {
  border-color: transparent;
}
.vweb-pangenix-theme .btn.btn-blue, .vweb-pangenix-theme .button.btn-blue, .vweb-pangenix-theme .btn.btn-primary.btn-blue {
  background: #2d4166;
  border-color: #2d4166;
  color: #ffffff;
  font-weight: 400;
}
.vweb-pangenix-theme .btn.btn-blue:hover, .vweb-pangenix-theme .button.btn-blue:hover, .vweb-pangenix-theme .btn.btn-primary.btn-blue:hover {
  color: #0a0a0a;
  background: #ffffff;
}
.vweb-pangenix-theme .btn.btn-grey-dark, .vweb-pangenix-theme .button.btn-grey-dark, .vweb-pangenix-theme .btn.btn-primary.btn-grey-dark {
  background: #b9c3ba;
  border-color: #b9c3ba;
  color: #0a0a0a;
}
.vweb-pangenix-theme .btn.btn-grey-dark:hover, .vweb-pangenix-theme .button.btn-grey-dark:hover, .vweb-pangenix-theme .btn.btn-primary.btn-grey-dark:hover {
  color: #0a0a0a;
  background: #ffffff;
  border-color: #b9c3ba;
}
.vweb-pangenix-theme .btn.btn-gradient-border, .vweb-pangenix-theme .button.btn-gradient-border, .vweb-pangenix-theme .btn.btn-primary.btn-gradient-border {
  color: #0a0a0a;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #2d4166, #a1bf37) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
}
.vweb-pangenix-theme .btn.btn-gradient-border:hover, .vweb-pangenix-theme .button.btn-gradient-border:hover, .vweb-pangenix-theme .btn.btn-primary.btn-gradient-border:hover {
  color: #0a0a0a;
  background: #94c021;
  border-color: #94c021;
}
.vweb-pangenix-theme .btn.btn-warning, .vweb-pangenix-theme .button.btn-warning, .vweb-pangenix-theme .btn.btn-primary.btn-warning {
  background: #dc3545;
  border-color: #dc3545;
  color: #ffffff;
  font-weight: 400;
}
.vweb-pangenix-theme .btn.btn-warning:hover, .vweb-pangenix-theme .button.btn-warning:hover, .vweb-pangenix-theme .btn.btn-primary.btn-warning:hover {
  color: #0a0a0a;
  background: #ffffff;
}
.vweb-pangenix-theme .btn.btn-nav, .vweb-pangenix-theme .button.btn-nav, .vweb-pangenix-theme .btn.btn-primary.btn-nav {
  padding: 0.75rem 5rem 0.75rem 1.25rem;
  position: relative;
  text-align: left;
}
.vweb-pangenix-theme .btn.btn-nav.btn-nav-lg, .vweb-pangenix-theme .button.btn-nav.btn-nav-lg, .vweb-pangenix-theme .btn.btn-primary.btn-nav.btn-nav-lg {
  padding: 1.125rem 5rem 1.125rem 1.25rem;
}
.vweb-pangenix-theme .btn.btn-nav.btn-nav-next::after, .vweb-pangenix-theme .button.btn-nav.btn-nav-next::after, .vweb-pangenix-theme .btn.btn-primary.btn-nav.btn-nav-next::after {
  content: "E";
  font-family: "pangenixMaterialSymbols";
  font-weight: 600;
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: #0a0a0a;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0.25rem;
  top: 0.25rem;
  transform: rotate(180deg);
}
.vweb-pangenix-theme .btn.btn-nav.btn-nav-next.btn-nav-lg::after, .vweb-pangenix-theme .button.btn-nav.btn-nav-next.btn-nav-lg::after, .vweb-pangenix-theme .btn.btn-primary.btn-nav.btn-nav-next.btn-nav-lg::after {
  width: 2.75rem;
  height: 2.75rem;
  right: 0.375rem;
  top: 0.375rem;
}
.vweb-pangenix-theme .btn.btn-nav.btn-nav-prev, .vweb-pangenix-theme .button.btn-nav.btn-nav-prev, .vweb-pangenix-theme .btn.btn-primary.btn-nav.btn-nav-prev {
  padding: 0.75rem 1.25rem 0.75rem 4rem;
  background: #b9c3ba;
  border-color: #b9c3ba;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .btn.btn-nav.btn-nav-prev:hover, .vweb-pangenix-theme .button.btn-nav.btn-nav-prev:hover, .vweb-pangenix-theme .btn.btn-primary.btn-nav.btn-nav-prev:hover {
    background: #ffffff;
  }
}
.vweb-pangenix-theme .btn.btn-nav.btn-nav-prev::before, .vweb-pangenix-theme .button.btn-nav.btn-nav-prev::before, .vweb-pangenix-theme .btn.btn-primary.btn-nav.btn-nav-prev::before {
  content: "E";
  font-family: "pangenixMaterialSymbols";
  font-weight: 600;
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: #0a0a0a;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0.25rem;
  top: 0.25rem;
}
.vweb-pangenix-theme .btn.btn-nav.btn-nav-prev.btn-nav-lg, .vweb-pangenix-theme .button.btn-nav.btn-nav-prev.btn-nav-lg, .vweb-pangenix-theme .btn.btn-primary.btn-nav.btn-nav-prev.btn-nav-lg {
  padding: 1.125rem 1.25rem 1.125rem 4rem;
}
.vweb-pangenix-theme .btn.btn-nav.btn-nav-prev.btn-nav-lg::after, .vweb-pangenix-theme .button.btn-nav.btn-nav-prev.btn-nav-lg::after, .vweb-pangenix-theme .btn.btn-primary.btn-nav.btn-nav-prev.btn-nav-lg::after {
  width: 2.75rem;
  height: 2.75rem;
  left: 0.375rem;
  top: 0.375rem;
}
.vweb-pangenix-theme .btn.btn-hover-black:hover, .vweb-pangenix-theme .button.btn-hover-black:hover, .vweb-pangenix-theme .btn.btn-primary.btn-hover-black:hover {
  background: #0a0a0a;
  color: #ffffff;
  border-color: #0a0a0a;
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme .btn.btn-tobasket, .vweb-pangenix-theme .button.btn-tobasket, .vweb-pangenix-theme .btn.btn-primary.btn-tobasket {
    min-width: 21.25rem;
  }
}
.vweb-pangenix-theme .font-heading {
  font-family: "kanit", sans-serif;
  font-weight: 400;
}
.vweb-pangenix-theme .font-base {
  font-family: "roboto slab", sans-serif;
  font-weight: 400;
}
.vweb-pangenix-theme .phonenr {
  font-size: 115%;
}
.vweb-pangenix-theme img.objectcover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vweb-pangenix-theme .box-block, .vweb-pangenix-theme .block {
  display: flex;
  flex-direction: column;
  padding: 1.875rem;
  border-radius: 1.5rem;
  position: relative;
  justify-content: center;
}
.vweb-pangenix-theme .box-block.block-cta, .vweb-pangenix-theme .block.block-cta {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
.vweb-pangenix-theme .box-block.block-cta .block-text, .vweb-pangenix-theme .block.block-cta .block-text {
  flex: 1 20rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .box-block.block-cta .block-text, .vweb-pangenix-theme .block.block-cta .block-text {
    flex: 1 100%;
  }
}
.vweb-pangenix-theme .box-block.block-cta .block-button, .vweb-pangenix-theme .block.block-cta .block-button {
  flex: 0 20rem;
  text-align: center;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .box-block.block-cta .block-button, .vweb-pangenix-theme .block.block-cta .block-button {
    flex: 100%;
  }
}
.vweb-pangenix-theme .box-block.prodshowcase-feature, .vweb-pangenix-theme .block.prodshowcase-feature {
  line-height: 1.4;
}
.vweb-pangenix-theme .box-shadow, .vweb-pangenix-theme .block-shadow {
  -webkit-box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.12);
  box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.12);
}
.vweb-pangenix-theme .block-border {
  border: 1px solid #dbdfe6;
}
.vweb-pangenix-theme .block-border.border-dash {
  border-style: dashed;
}
.vweb-pangenix-theme .block-border-dark {
  border: 1px solid #b9c3ba;
}
.vweb-pangenix-theme .block-border-dark.border-dash {
  border-style: dashed;
}
.vweb-pangenix-theme .sidebarblock-border {
  padding: 3rem;
  padding-right: 0;
  border-left: 1px solid #bdc4d1;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .sidebarblock-border {
    border-left: 0;
    border-top: 1px solid #bdc4d1;
    padding: 0;
    padding-top: 2.5rem;
  }
}
.vweb-pangenix-theme .fixme {
  z-index: 999;
}
.vweb-pangenix-theme .bg-color-1 {
  background-color: #94c021;
}
.vweb-pangenix-theme .bg-color-2 {
  background-color: #2d4166;
}
.vweb-pangenix-theme .bg-color-3 {
  background-color: #5e785f;
}
.vweb-pangenix-theme .bg-color-4 {
  background-color: #343b34;
}
.vweb-pangenix-theme .bg-color-orange {
  background-color: #cd5b1b;
}
.vweb-pangenix-theme .bg-color-purple {
  background-color: #592c6c;
}
.vweb-pangenix-theme .bg-color-yellow {
  background-color: #e0c31e;
}
.vweb-pangenix-theme .bg-color-ocean-blue {
  background-color: #5197b9;
}
.vweb-pangenix-theme .bg-color-grey {
  background-color: #e7ebe7;
}
.vweb-pangenix-theme .bg-color-grey-2 {
  background-color: #edeff3;
}
.vweb-pangenix-theme .bg-color-grey-light {
  background-color: #f9fbfd;
}
.vweb-pangenix-theme .bg-color-grey-dark-1 {
  background-color: #dbdfe6;
}
.vweb-pangenix-theme .bg-color-grey-dark-2 {
  background-color: #b9c3ba;
}
.vweb-pangenix-theme .bg-color-black {
  background-color: #0a0a0a;
}
.vweb-pangenix-theme .bg-color-white {
  background-color: #ffffff;
}
.vweb-pangenix-theme .text-color-1 {
  color: #94c021;
}
.vweb-pangenix-theme .text-color-1.darken {
  color: #799d1b;
}
.vweb-pangenix-theme .text-color-2 {
  color: #2d4166;
}
.vweb-pangenix-theme .text-color-3 {
  color: #5e785f;
}
.vweb-pangenix-theme .text-color-4 {
  color: #343b34;
}
.vweb-pangenix-theme .text-color-orange {
  color: #cd5b1b;
}
.vweb-pangenix-theme .text-color-purple {
  color: #592c6c;
}
.vweb-pangenix-theme .text-color-yellow {
  color: #e0c31e;
}
.vweb-pangenix-theme .text-color-ocean-blue {
  color: #5197b9 !important;
}
.vweb-pangenix-theme .text-color-grey {
  color: #e7ebe7;
}
.vweb-pangenix-theme .text-color-grey-light {
  color: #f9fbfd;
}
.vweb-pangenix-theme .text-color-grey-dark-1 {
  color: #dbdfe6;
}
.vweb-pangenix-theme .text-color-grey-dark-2 {
  color: #b9c3ba;
}
.vweb-pangenix-theme .text-color-black {
  color: #0a0a0a;
}
.vweb-pangenix-theme .text-color-white {
  color: #ffffff;
}
.vweb-pangenix-theme strong {
  color: #343b34;
}
.vweb-pangenix-theme .bg-pangenix-emblem::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 150px;
  background-image: url('../../images/pangenix-emblem-min.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.vweb-pangenix-theme .list-unstyled {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.vweb-pangenix-theme .list-alpha-upper {
  list-style-type: upper-alpha;
}
.vweb-pangenix-theme .list-check {
  margin: 0;
}
.vweb-pangenix-theme .list-check li {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0.625rem 0 0.625rem 2.5rem;
}
.vweb-pangenix-theme .list-check li::before {
  content: "";
  font-family: "Material Symbols Outlined";
  font-weight: 200;
  color: #94c021;
  font-size: 2.25rem;
  width: 2.25rem;
  height: 70px;
  position: absolute;
  left: -4px;
  top: -8px;
}
.vweb-pangenix-theme .list-check li p {
  margin: 0.5rem 0;
  line-height: 1.65;
}
.vweb-pangenix-theme ul.list-quicknav li {
  border-bottom: 1px solid #e7ebe7;
}
.vweb-pangenix-theme ul.list-quicknav li a {
  color: #343c35;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.625rem 1.25rem;
  margin: 0.25rem 0;
  border: none;
  border-radius: 2.5rem;
  background: transparent;
  display: block;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme ul.list-quicknav li a:hover {
    background: #d4dbd5;
  }
}
.vweb-pangenix-theme ul.list-quicknav li:last-of-type {
  border: none;
}
.vweb-pangenix-theme dl.dl-contact {
  display: grid;
  grid-template-columns: 2.25rem auto;
  grid-gap: 0.5rem;
}
.vweb-pangenix-theme dl.dl-contact dt {
  padding-right: 0;
  display: flex;
  height: 2.5rem;
  align-items: center;
}
.vweb-pangenix-theme dl.dl-contact dt i {
  font-size: 1.75rem;
  color: #94c021;
  position: relative;
  top: -0.2rem;
}
.vweb-pangenix-theme dl.dl-contact dd {
  padding-left: 0;
  margin-left: 0;
}
.vweb-pangenix-theme dl.dl-list {
  display: grid;
  grid-template-columns: 7rem auto;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme dl.dl-list {
    grid-template-columns: 10rem auto;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme dl.dl-list {
    grid-template-columns: 1fr;
  }
}
.vweb-pangenix-theme dl.dl-list dt, .vweb-pangenix-theme dl.dl-list dd {
  display: flex;
  align-items: start;
  padding: 0.75rem 1rem;
  line-height: 1.4;
  border-bottom: 1px solid #dbdfe6;
}
.vweb-pangenix-theme dl.dl-list dt.dl-list-heading, .vweb-pangenix-theme dl.dl-list dd.dl-list-heading {
  font-weight: 500;
  color: #0a0a0a;
  font-family: "kanit", sans-serif;
  background: #94c021;
  padding: 1rem;
  border-color: #72941a;
}
.vweb-pangenix-theme dl.dl-list dt:nth-of-type(even), .vweb-pangenix-theme dl.dl-list dd:nth-of-type(even) {
  background: #e7ebe7;
}
.vweb-pangenix-theme dl.dl-list dt {
  color: #0a0a0a;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme dl.dl-list dt {
    border-color: transparent;
  }
}
.vweb-pangenix-theme dl.dl-list dt.dl-list-heading {
  border-top-left-radius: 0.75rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme dl.dl-list dt.dl-list-heading {
    border-top-right-radius: 0.75rem;
    border-color: transparent;
    padding-bottom: 0.75rem;
  }
}
.vweb-pangenix-theme dl.dl-list dd {
  margin: 0;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme dl.dl-list dd {
    padding-top: 0;
    padding-left: 2.5rem;
  }
}
.vweb-pangenix-theme dl.dl-list dd.dl-list-heading {
  border-top-right-radius: 0.75rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme dl.dl-list dd.dl-list-heading {
    border-radius: unset;
    padding-top: 0;
    padding-left: 2.5rem;
  }
}
.vweb-pangenix-theme dl.dl-list.dl-list-no-bg dt, .vweb-pangenix-theme dl.dl-list.dl-list-no-bg dd {
  background: none;
}
.vweb-pangenix-theme dl.dl-list.dl-list-simple {
  border-top: 1px solid #dbdfe6;
}
.vweb-pangenix-theme dl.dl-list.dl-list-simple dt, .vweb-pangenix-theme dl.dl-list.dl-list-simple dd {
  background: none;
}
.vweb-pangenix-theme dl.dl-list.dl-list-simple dt {
  font-size: 0.875rem;
  font-weight: 500;
}
.vweb-pangenix-theme dl.dl-list.dl-list-border-dark {
  border-color: #bdc4d1;
}
.vweb-pangenix-theme dl.dl-list.dl-list-border-dark dt, .vweb-pangenix-theme dl.dl-list.dl-list-border-dark dd {
  border-color: #bdc4d1;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme dl.dl-list.dl-list-border-dark dt {
    border-color: transparent;
  }
}
.vweb-pangenix-theme dl.dl-list.dl-list-compact dt, .vweb-pangenix-theme dl.dl-list.dl-list-compact dd {
  padding: 0.5rem 0.625rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme dl.dl-list.dl-list-compact dt {
    padding-bottom: 0;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme dl.dl-list.dl-list-compact dd {
    padding-top: 0;
  }
}
.vweb-pangenix-theme .table {
  border: none;
  line-height: 1.4;
}
.vweb-pangenix-theme .table th, .vweb-pangenix-theme .table td {
  padding: 0.75rem 1rem;
  border-color: #dbdfe6;
}
.vweb-pangenix-theme .table th {
  color: #0a0a0a;
}
.vweb-pangenix-theme .table td {
  border-left: 0;
}
.vweb-pangenix-theme .table td:last-child {
  border-right: none;
}
.vweb-pangenix-theme .table thead th {
  font-weight: 500;
  font-family: "kanit", sans-serif;
  line-height: 1.2;
  background: #94c021;
  padding: 1.25rem 1rem;
  border-bottom-color: #72941a !important;
}
.vweb-pangenix-theme .table thead th:first-child {
  border-top-left-radius: 0.75rem;
}
.vweb-pangenix-theme .table thead th:last-child {
  border-top-right-radius: 0.75rem;
}
.vweb-pangenix-theme .table tbody th {
  border-right-width: 1px;
  border-right-style: solid;
}
.vweb-pangenix-theme .table.table-striped tbody tr:nth-child(odd) {
  background: #e7ebe7;
}
.vweb-pangenix-theme ol li {
  line-height: 1.25;
  padding: 0.25rem 0;
}
.vweb-pangenix-theme ol li::marker {
  color: #83aa1d;
}
.vweb-pangenix-theme ul li::marker {
  color: #83aa1d;
}
.vweb-pangenix-theme ul.list-compact li {
  line-height: 1.25;
  padding: 0.25rem 0;
}
.vweb-pangenix-theme .social-media {
  font-size: 1.375rem;
}
.vweb-pangenix-theme .social-media a {
  border: none;
  color: #343b34;
  padding-right: 1rem;
}
.vweb-pangenix-theme .social-media a.socialmedia-twitter:hover {
  color: #1da1f2;
}
.vweb-pangenix-theme .social-media a.socialmedia-facebook:hover {
  color: #4267b2;
}
.vweb-pangenix-theme .social-media a.socialmedia-linkedin:hover {
  color: #0077b5;
}
.vweb-pangenix-theme .highlighted {
  padding: 0.25rem 0.5rem 0.375rem;
  background: #c0e463;
  border-radius: 6px;
}
.vweb-pangenix-theme .footnote {
  font-size: 0.875rem;
  opacity: 0.8;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .pangenix-tab-panes .nav {
    width: 100%;
    border-top: 1px dashed #b9c3ba;
    border-bottom: 1px dashed #b9c3ba;
    margin-bottom: 2.5rem;
    padding: 1.25rem 0 0.625rem;
  }
}
.vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:focus-visible {
  text-align: left;
  color: #0a0a0a;
  font-weight: 500;
  border-radius: unset;
  padding: 1.125rem 2rem 1.125rem 2rem;
  border: none;
  border-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid #b9c3ba;
  margin-bottom: 0.625rem;
  outline: unset;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:focus-visible {
    margin: 0 0.25rem 0.625rem;
    padding: 0 1.25rem;
    border: none;
  }
}
.vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:first-of-type, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:focus-visible:first-of-type {
  border-top: 1px solid #b9c3ba;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:first-of-type, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:focus-visible:first-of-type {
    border: none;
  }
}
.vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link.active, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link.active:focus-visible, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:focus-visible.active, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:focus-visible.active:focus-visible {
  border-color: transparent;
  color: #0a0a0a;
  background: #ffffff;
  border-radius: 3rem;
  outline: unset;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link.active, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link.active:focus-visible, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:focus-visible.active, .vweb-pangenix-theme .pangenix-tab-panes .nav .nav-link:focus-visible.active:focus-visible {
    padding: 0.625rem 1.25rem;
  }
}
.vweb-pangenix-theme .pangenix-tab-panes .tab-content {
  background: #ffffff;
  padding: 4rem;
  border-radius: 1.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .pangenix-tab-panes .tab-content {
    padding: 3rem 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .pangenix-tab-panes .tab-content {
    padding: 3rem 2rem;
  }
}
.vweb-pangenix-theme .pangenix-tab-panes .tab-pane h2 {
  margin-top: 0;
}
.vweb-pangenix-theme .pangenix-tab-panes .tab-pane .h4 {
  margin: 2rem 0 0.625rem;
}
.vweb-pangenix-theme .pangenix-tab-panes .tab-pane p {
  margin-top: 0;
}
.vweb-pangenix-theme .pangenix-tab-panes .tab-pane .btn-block {
  gap: 0.625rem;
  line-height: 1.4;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .pangenix-tab-panes .tab-pane .btn-block {
    text-align: center;
  }
}
.vweb-pangenix-theme .target-element {
  scroll-margin-top: 180px;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .target-element {
    scroll-margin-top: 120px;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .target-element {
    scroll-margin-top: 100px;
  }
}
.tool-tip {
  position: relative;
  display: inline-block;
  padding-left: 0.25rem;
  margin-top: -0.375rem;
  cursor: pointer;
}
@media only all and (max-width: 47.99rem) {
  .tool-tip {
    width: 2rem;
    height: 2rem;
    position: absolute;
    margin-top: -0.25rem;
  }
}
.tool-tip svg {
  color: #0a0a0a;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  top: 0.25rem;
  z-index: 9992;
}
@media only all and (max-width: 59.99rem) {
  .tool-tip svg {
    z-index: 2;
  }
}
.tool-tip .tooltiptext {
  opacity: 0;
  background: #ffffff;
  font-size: 0.75rem;
  border-radius: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.12);
  box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.12);
  height: 0;
  width: 30rem;
  display: none;
  position: absolute;
  z-index: 9991;
  left: -0.125rem;
  bottom: -0.375rem;
  border-bottom-left-radius: 0;
}
@media only all and (max-width: 59.99rem) {
  .tool-tip .tooltiptext {
    z-index: 1;
  }
}
@media only all and (max-width: 47.99rem) {
  .tool-tip .tooltiptext {
    width: 20rem;
    position: relative;
    left: -9rem;
    border-bottom-left-radius: 1.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .tool-tip .tooltiptext {
    left: -13rem;
    width: 18rem;
  }
}
.tool-tip:hover svg {
  color: #94c021;
}
.tool-tip:hover .tooltiptext {
  opacity: 1;
  height: auto;
  padding: 1.5rem 2rem;
  display: block;
}
@media only all and (max-width: 30rem) {
  .tool-tip:hover .tooltiptext {
    padding: 1.5rem;
  }
}
body {
  font-family: "roboto slab", sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5 {
  font-family: "kanit", sans-serif;
  font-weight: 500;
}
bold, strong {
  font-weight: 700;
}
.button {
  font-weight: 500;
}
blockquote {
  border-left: 10px solid #F0F2F4;
}
blockquote p {
  font-size: 1.1rem;
  color: #a1a3a9;
}
blockquote cite {
  display: block;
  text-align: right;
  color: #6d7077;
  font-size: 1.2rem;
}
code {
  background: #f9f2f4;
  color: #9c1d3d;
}
pre {
  padding: 1rem;
  margin: 2rem 0;
  background: #f6f6f6;
  border: 1px solid #dddddd;
  border-radius: 0.1875rem;
  line-height: 1.15;
  font-size: 0.9rem;
}
pre code {
  color: #237794;
  background: inherit;
  font-size: 0.9rem;
}
hr {
  border-bottom: 4px solid #F0F2F4;
}
.vweb-pangenix-theme {
  line-height: 1.75;
}
.vweb-pangenix-theme h1, .vweb-pangenix-theme h2, .vweb-pangenix-theme h3, .vweb-pangenix-theme h4, .vweb-pangenix-theme h5, .vweb-pangenix-theme h6 {
  line-height: 1.1;
  color: #343b34;
}
.vweb-pangenix-theme h1 .subtitle, .vweb-pangenix-theme h2 .subtitle, .vweb-pangenix-theme h3 .subtitle, .vweb-pangenix-theme h4 .subtitle, .vweb-pangenix-theme h5 .subtitle, .vweb-pangenix-theme h6 .subtitle {
  font-size: 1rem;
  text-transform: none;
}
.vweb-pangenix-theme h1 .subtitle.d-block, .vweb-pangenix-theme h2 .subtitle.d-block, .vweb-pangenix-theme h3 .subtitle.d-block, .vweb-pangenix-theme h4 .subtitle.d-block, .vweb-pangenix-theme h5 .subtitle.d-block, .vweb-pangenix-theme h6 .subtitle.d-block {
  padding-bottom: 0.875rem;
}
.vweb-pangenix-theme h1 .subtitle.st-style-1, .vweb-pangenix-theme h2 .subtitle.st-style-1, .vweb-pangenix-theme h3 .subtitle.st-style-1, .vweb-pangenix-theme h4 .subtitle.st-style-1, .vweb-pangenix-theme h5 .subtitle.st-style-1, .vweb-pangenix-theme h6 .subtitle.st-style-1 {
  font-family: "roboto slab", sans-serif;
  font-weight: 500;
  font-size: 60%;
  color: #799d1b;
}
.vweb-pangenix-theme h1 .subtitle.st-style-2, .vweb-pangenix-theme h2 .subtitle.st-style-2, .vweb-pangenix-theme h3 .subtitle.st-style-2, .vweb-pangenix-theme h4 .subtitle.st-style-2, .vweb-pangenix-theme h5 .subtitle.st-style-2, .vweb-pangenix-theme h6 .subtitle.st-style-2 {
  font-family: "roboto slab", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #799d1b;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme h1 .subtitle.st-style-2, .vweb-pangenix-theme h2 .subtitle.st-style-2, .vweb-pangenix-theme h3 .subtitle.st-style-2, .vweb-pangenix-theme h4 .subtitle.st-style-2, .vweb-pangenix-theme h5 .subtitle.st-style-2, .vweb-pangenix-theme h6 .subtitle.st-style-2 {
    font-size: 1.125rem;
  }
}
.vweb-pangenix-theme h1 .subtitle-under, .vweb-pangenix-theme h2 .subtitle-under, .vweb-pangenix-theme h3 .subtitle-under, .vweb-pangenix-theme h4 .subtitle-under, .vweb-pangenix-theme h5 .subtitle-under, .vweb-pangenix-theme h6 .subtitle-under {
  text-transform: none;
}
.vweb-pangenix-theme h1 .subtitle-under.d-block, .vweb-pangenix-theme h2 .subtitle-under.d-block, .vweb-pangenix-theme h3 .subtitle-under.d-block, .vweb-pangenix-theme h4 .subtitle-under.d-block, .vweb-pangenix-theme h5 .subtitle-under.d-block, .vweb-pangenix-theme h6 .subtitle-under.d-block {
  padding-top: 0.875rem;
}
.vweb-pangenix-theme h1.style-textbody, .vweb-pangenix-theme h2.style-textbody, .vweb-pangenix-theme h3.style-textbody, .vweb-pangenix-theme h4.style-textbody, .vweb-pangenix-theme h5.style-textbody, .vweb-pangenix-theme h6.style-textbody {
  font-family: "roboto slab", sans-serif;
  font-weight: 400;
}
.vweb-pangenix-theme h1, .vweb-pangenix-theme .h1 {
  font-size: 3rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme h1, .vweb-pangenix-theme .h1 {
    font-size: 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme h1, .vweb-pangenix-theme .h1 {
    font-size: 2rem;
  }
}
.vweb-pangenix-theme h2, .vweb-pangenix-theme .h2 {
  font-size: 2.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme h2, .vweb-pangenix-theme .h2 {
    font-size: 2rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme h2, .vweb-pangenix-theme .h2 {
    font-size: 1.5rem;
  }
}
.vweb-pangenix-theme h3, .vweb-pangenix-theme .h3 {
  font-size: 2rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme h3, .vweb-pangenix-theme .h3 {
    font-size: 1.625rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme h3, .vweb-pangenix-theme .h3 {
    font-size: 1.5rem;
  }
}
.vweb-pangenix-theme h4, .vweb-pangenix-theme .h4 {
  font-size: 1.625rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme h4, .vweb-pangenix-theme .h4 {
    font-size: 1.25rem;
  }
}
.vweb-pangenix-theme h5, .vweb-pangenix-theme .h5 {
  font-size: 1.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme h5, .vweb-pangenix-theme .h5 {
    font-size: 1.25rem;
  }
}
.vweb-pangenix-theme h6, .vweb-pangenix-theme .h6 {
  font-size: 1.25rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme h6, .vweb-pangenix-theme .h6 {
    font-size: 1.125rem;
  }
}
.vweb-pangenix-theme h1 a, .vweb-pangenix-theme h2 a, .vweb-pangenix-theme h3 a, .vweb-pangenix-theme h4 a, .vweb-pangenix-theme h5 a, .vweb-pangenix-theme h6 a {
  border: none;
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
.vweb-pangenix-theme h1 span, .vweb-pangenix-theme h2 span, .vweb-pangenix-theme h3 span, .vweb-pangenix-theme h4 span, .vweb-pangenix-theme h5 span, .vweb-pangenix-theme h6 span {
  font-size: 60%;
  color: #5197b9;
  font-weight: 300;
  letter-spacing: 0.25px;
}
.vweb-pangenix-theme hr {
  border-bottom: 1px solid #b9c3ba;
  margin: 2.5rem 0;
  opacity: 1;
  background: none;
}
.vweb-pangenix-theme hr.dashed {
  border-bottom-style: dashed;
}
.vweb-pangenix-theme hr.dashed.dashed-light {
  border-color: #e7ebe7;
}
.vweb-pangenix-theme hr.dashed.dashed-dark {
  border-color: #abb7ac;
}
.vweb-pangenix-theme mark {
  background: none;
  color: #592c6c;
}
.vweb-pangenix-theme address {
  line-height: 1.5;
  font-style: normal;
  margin-bottom: 1rem;
}
.vweb-pangenix-theme strong {
  font-weight: 700;
}
.vweb-pangenix-theme blockquote {
  border-left: 4px solid #94c021;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
  margin-bottom: 2.5rem;
}
.vweb-pangenix-theme blockquote p {
  margin: 0;
  font-size: 1rem;
  color: #6d7077;
}
#g-navigation {
  background: #ffffff;
  color: #343c35;
  text-align: center;
  position: relative;
  z-index: 2;
}
#g-navigation .g-container {
  position: relative;
}
#g-navigation a {
  color: white;
}
#g-navigation a:hover {
  color: #343c35;
}
#g-navigation .g-social a {
  background: #f0f0f0;
  border: none;
  text-decoration: none;
  color: #343c35;
  transition: background 0.2s;
}
#g-navigation .g-social a:hover {
  background: white;
}
#g-navigation .g-main-nav {
  margin: -1.563rem;
}
#g-navigation .g-main-nav h1, #g-navigation .g-main-nav h2, #g-navigation .g-main-nav h3, #g-navigation .g-main-nav h4, #g-navigation .g-main-nav h5, #g-navigation .g-main-nav h6, #g-navigation .g-main-nav strong {
  color: #343c35;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #343c35;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: #f0f0f0;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #ffffff;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #6d7077;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: #f0f0f0;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container {
  color: #343c35;
}
#g-navigation .g-main-nav .g-dropdown {
  background: #f0f0f0;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #343c35;
}
#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #e6e6e6;
}
#g-navigation .g-main-nav .g-toplevel {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  -webkit-justify-content: center;
}
#g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid white;
  background: whitesmoke;
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #ebebeb;
}
#g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-navigation .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  color: #343c35;
}
#g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid white;
  background: whitesmoke;
  border-radius: 0.1875rem;
  padding: 0.1rem;
  margin-top: -0.1rem;
  margin-right: -0.1rem;
}
#g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #ebebeb;
}
#g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-navigation .search input {
  color: #6d7077;
}
.g-main-nav .g-toplevel {
  font-weight: 500;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  text-decoration: none;
  padding: 1.2rem 0.938rem;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  line-height: normal;
}
.g-main-nav .g-toplevel i {
  opacity: 0.6;
}
.g-main-nav .g-dropdown {
  text-align: left;
}
.dir-rtl .g-main-nav .g-dropdown {
  text-align: right;
}
.g-main-nav .g-sublevel > li > .g-menu-item-container {
  padding: 0.7815rem 1rem;
}
#g-navigation .align-left .g-toplevel, #g-header .align-left .g-toplevel {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
#g-navigation .align-right .g-toplevel, #g-header .align-right .g-toplevel {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.g-menu-item-subtitle {
  opacity: 0.7;
}
.g-nav-overlay, .g-menu-overlay {
  background: rgba(0, 0, 0, 0.4);
}
@media print {
  #g-navigation {
    background: #fff !important;
    color: #000 !important;
  }
}
.vweb-pangenix-theme #g-navigation {
  background: none;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-navigation {
    position: unset;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav {
  margin: 0;
}
@media (min-width: 60rem) and (max-width: 66rem) {
  .vweb-pangenix-theme #g-header .g-main-nav {
    margin-right: -0.625rem;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li {
  margin: 0 0.625rem;
  background: none !important;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li {
    margin: 0 0.75rem;
  }
}
@media (min-width: 87.5rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li {
    margin: 0 1rem;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li:last-of-type {
  margin-right: 0;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.menu-item-button {
  margin-left: 1rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.menu-item-button {
    margin-left: 2rem;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container {
  position: relative;
  padding: 0.625rem 0;
  line-height: 1.75;
}
@media (min-width: 60rem) and (max-width: 66rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container {
    font-size: 0.875rem;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.item-button {
  padding: 0.625rem 1.5rem;
  color: #0a0a0a;
  line-height: 1;
  border: 2px solid #94c021;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #2d4166, #a1bf37) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  margin-top: 0.25rem;
  background: #94c021;
  position: relative;
  top: -0.5rem;
}
@media (min-width: 60rem) and (max-width: 64rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.item-button {
    margin-top: 0;
    padding: 0.625rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.item-button {
    top: -0.75rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.item-button {
    font-size: 1.125rem;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.item-button:hover {
  color: #0a0a0a;
  background: #ffffff;
  border-color: #94c021;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.item-home {
  font-size: 1.25rem;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.item-home .g-menu-item-content {
  display: none;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.navitem-icon:before {
  position: absolute;
  font-size: 1.5rem;
  top: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  color: #94c021;
  color: #8ab31f;
  padding-right: 2px;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li .g-menu-item-container.navitem-icon:hover:before {
    color: #94c021;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li:hover, .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-selected {
  background: #ffffff !important;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li:hover a, .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-selected a {
  color: #8ab31f;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li:hover a.menu-item-home img, .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-selected a.menu-item-home img {
  opacity: 0.6;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item.active.g-selected > a.g-menu-item-container, .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item.active > a.g-menu-item-container {
  color: #8ab31f;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item.active a.item-button {
  background: #94c021;
  border-color: #94c021;
  cursor: default;
  color: #0a0a0a;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item.active a.item-button span {
  cursor: default;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li > .g-dropdown {
  background: #ffffff;
  border: 1px solid #dbdfe6;
  margin-top: -0.125rem;
  width: 20rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 1.25rem 0;
  padding: 1rem 0 1.5rem;
  border: none;
  border-radius: 1.5rem;
  box-shadow: 2px 22px 22px -8px rgba(45, 65, 102, 0.2);
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li > .g-dropdown li {
  margin: 0;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li > .g-dropdown li a {
  padding: 0.25rem 0;
  color: #0a0a0a;
  padding: 0.625rem 0.625rem;
  left: 0;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li > .g-dropdown li a:hover {
  color: #94c021;
  left: 0.5rem;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li > .g-dropdown .g-sublevel > li {
  margin: 0 1.5rem;
  border-bottom: 1px dashed #dbdfe6;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li > .g-dropdown .g-sublevel > li:last-of-type {
  border: none;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-parent .g-menu-parent-indicator {
  background: none;
  border: none;
  padding: unset;
  margin: unset;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-parent .g-menu-parent-indicator::after {
  font-family: "pangenixMaterialSymbols";
  font-weight: normal;
  content: "R";
  font-size: 0.875rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  bottom: -0.25rem;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-parent.g-selected .g-menu-parent-indicator::after {
  bottom: -0.75rem;
  z-index: 99;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item-type-heading .g-nav-header {
  cursor: default;
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item-account .g-dropdown {
  left: calc(50% + 1.875rem);
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item-101 {
    display: none;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item-153 .g-menu-item-container .g-menu-parent-indicator {
  margin: 0;
  padding: 0;
}
@media (min-width: 87.5rem) {
  .vweb-pangenix-theme #g-header .g-main-nav .g-toplevel li.g-menu-item-153 {
    margin-right: 0;
  }
}
.vweb-pangenix-theme #g-header .g-main-nav.g-menu-hastouch .g-toplevel li.g-parent .g-menu-parent-indicator {
  border: none;
  background: none;
  padding: unset;
  margin: unset;
}
.vweb-pangenix-theme #g-header .header-navtop {
  font-size: 0.875rem;
}
.vweb-pangenix-theme #g-header .header-navtop p {
  margin: 0;
}
.vweb-pangenix-theme #g-header .header-navtop .mod-menu {
  margin: 0;
  justify-content: flex-end;
}
.vweb-pangenix-theme #g-header .header-navtop a {
  color: #0a0a0a;
  margin: 0 0.5rem;
}
.vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li {
  margin: 0 0.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li {
    margin-right: 0;
  }
}
.vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li a {
  font-size: 1.25rem;
  display: flex;
}
.vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li a span {
  font-size: 0.875rem;
}
.vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li a span.g-menu-item-content {
  margin-left: 0.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li a span.g-menu-item-content {
    display: none;
  }
}
.vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li a span.g-menu-parent-indicator {
  display: none;
}
.vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li .nav-icon-only .g-menu-item-content {
  display: none;
}
.vweb-pangenix-theme #g-header .header-navtop .g-main-nav .g-toplevel > li:hover {
  background: none !important;
}
.vweb-pangenix-theme #g-header .header-navmenu .g-main-nav .g-toplevel {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme #g-header .header-navmenu .g-main-nav .g-toplevel > li:first-of-type {
    display: none;
  }
}
#g-offcanvas {
  background: #2d4166;
  width: 17rem;
  color: #ffffff;
}
#g-offcanvas a {
  color: #b4c3de;
}
#g-offcanvas a:hover {
  color: #ffffff;
}
#g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong {
  color: #ffffff;
}
#g-offcanvas .button {
  background: #2d4166;
  color: #ffffff;
}
#g-offcanvas .button:hover {
  background: #354c78;
}
#g-offcanvas .button:active {
  background: #253654;
}
.g-offcanvas-toggle {
  font-size: 1.5rem;
  color: #ffffff;
  display: none;
}
@media only all and (max-width: 60rem) {
  .g-offcanvas-toggle {
    display: block;
  }
}
#g-offcanvas #g-mobilemenu-container ul {
  background: #2d4166;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
  color: #ffffff;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #87af1e;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #ffffff;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid #a8da26;
  background: #87af1e;
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #799d1b;
}
#g-offcanvas #g-mobilemenu-container ul .g-dropdown-column {
  width: 17rem;
}
#g-mobilemenu-container {
  margin: -1.563rem;
}
@media print {
  #g-offcanvas {
    background: #fff !important;
    color: #000 !important;
  }
}
.g-offcanvas-open .g-offcanvas-left #g-page-surround {
  left: 17rem;
}
.g-offcanvas-open .g-offcanvas-right #g-page-surround {
  right: 17rem;
}
.vweb-pangenix-theme #g-offcanvas {
  z-index: 1;
  background: #212f4a;
}
.vweb-pangenix-theme #g-offcanvas #g-mobilemenu-container {
  background: #2d4166;
}
.vweb-pangenix-theme #g-offcanvas #g-mobilemenu-container li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, .vweb-pangenix-theme #g-offcanvas #g-mobilemenu-container li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #2d4166;
}
.vweb-pangenix-theme #g-offcanvas #g-mobilemenu-container li.g-menu-item.g-parent .g-menu-item-container .g-menu-parent-indicator {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  margin-top: -0.45rem;
  padding-top: 0.3rem;
  margin-right: -0.5rem;
  background: #253654;
  border-color: #253654;
}
.vweb-pangenix-theme #g-offcanvas #g-mobilemenu-container li.g-menu-item.g-parent .g-menu-item-container .g-menu-parent-indicator::after {
  opacity: 1;
}
.vweb-pangenix-theme #g-offcanvas #g-mobilemenu-container li.g-menu-item-link-parent.g-menu-item-153 .g-menu-item-container .g-menu-parent-indicator {
  padding-top: 0.65rem;
}
.vweb-pangenix-theme #g-offcanvas #g-mobilemenu-container li.g-menu-item-329 {
  height: 5rem;
}
.vweb-pangenix-theme #g-offcanvas #g-mobilemenu-container .g-slide-out li.g-menu-item-329 a {
  right: 2rem;
}
.vweb-pangenix-theme #g-offcanvas .offcanvas-topmenu .nav {
  margin: 0 0 2.5rem;
  width: 100%;
  flex-direction: column;
}
.vweb-pangenix-theme #g-offcanvas .offcanvas-topmenu .nav li a {
  display: block;
  color: #ffffff;
  border-color: #161f31;
  padding-bottom: 0.625rem;
}
.vweb-pangenix-theme #g-offcanvas .offcanvas-button-mod .btn {
  display: block;
  color: #0a0a0a;
  padding-left: 0;
  padding-right: 0;
}
.vweb-pangenix-theme #g-mobilemenu-container li {
  height: 3.75rem;
}
.vweb-pangenix-theme #g-mobilemenu-container li .g-menu-item-container {
  border-bottom: 1px solid #212f4a;
}
.vweb-pangenix-theme #g-mobilemenu-container li .g-menu-item-container.navitem-icon {
  height: 3.75rem;
}
.vweb-pangenix-theme #g-mobilemenu-container li .g-menu-item-container.navitem-icon::before {
  font-size: 1.25rem;
  position: relative;
  top: 0.25rem;
  padding-right: 0.5rem;
  color: #94c021;
}
.vweb-pangenix-theme #g-mobilemenu-container li .g-menu-item-container.item-home::before {
  font-size: 1.5rem;
  position: relative;
  top: 0.25rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-mobilemenu-container li .g-menu-item-container.item-home::before {
    display: none;
  }
}
.vweb-pangenix-theme #g-mobilemenu-container li .g-menu-item-container.item-home > span {
  padding-left: 0.25rem;
}
.vweb-pangenix-theme #g-mobilemenu-container li .g-menu-item-container.item-button {
  border-color: #94c021;
  display: block;
  color: #0a0a0a !important;
  background: #94c021;
  border-radius: 50em;
  margin: 1.125rem 1rem;
}
.vweb-pangenix-theme .g-offcanvas-toggle {
  color: #0a0a0a;
  top: 0;
  height: 100px;
  position: fixed;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .g-offcanvas-toggle {
    height: 5rem;
  }
}
.vweb-pangenix-theme .g-offcanvas-toggle i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#g-header {
  background: #ffffff;
  color: #343c35;
  position: relative;
  z-index: 3;
}
#g-header a {
  color: white;
}
#g-header a:hover {
  color: #343c35;
}
#g-header .g-main-nav h1, #g-header .g-main-nav h2, #g-header .g-main-nav h3, #g-header .g-main-nav h4, #g-header .g-main-nav h5, #g-header .g-main-nav h6, #g-header .g-main-nav strong {
  color: #343c35;
}
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #343c35;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: #f0f0f0;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #ffffff;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #6d7077;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: #f0f0f0;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container {
  color: #343c35;
}
#g-header .g-main-nav .g-dropdown {
  background: #f0f0f0;
}
#g-header .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #343c35;
}
#g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #e6e6e6;
}
#g-header .g-main-nav .g-toplevel {
  display: flex;
  flex-flow: row wrap;
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid white;
  background: whitesmoke;
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #ebebeb;
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-header .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  color: #343c35;
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid white;
  background: whitesmoke;
  border-radius: 0.1875rem;
  padding: 0.1rem;
  margin-top: -0.1rem;
  margin-right: -0.1rem;
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #ebebeb;
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-header .search input {
  color: #6d7077;
}
@media print {
  #g-header {
    background: #fff !important;
    color: #000 !important;
  }
}
.vweb-pangenix-theme #g-header {
  padding: 0 2.5rem !important;
  height: 10rem;
  z-index: 4;
  position: fixed;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  top: 0;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme #g-header {
    padding: 0 1.25rem !important;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header {
    height: 6.25rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-header {
    height: 5rem;
    padding-right: 1.25rem !important;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme #g-header {
    padding: 0 5rem !important;
    height: 10rem;
    max-width: 125rem;
    margin: 0 auto !important;
  }
  .vweb-pangenix-theme #g-header::before, .vweb-pangenix-theme #g-header::after {
    content: "";
    height: 100%;
    width: 2000px;
    left: -2000px;
    position: absolute;
    height: 7.5rem;
    top: 2.5rem;
    background: #ffffff;
  }
  .vweb-pangenix-theme #g-header::after {
    left: auto;
    right: -2000px;
  }
}
.vweb-pangenix-theme #g-header a {
  border-width: 0;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header > .g-grid {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header > .g-grid > .g-block {
    width: 100%;
    display: flex;
    justify-content: center;
    flex: unset;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header > .g-grid > .g-block.size-25 {
    justify-content: flex-start;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-header > .g-grid > .g-block.size-75 {
    justify-content: flex-end;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header > .g-grid > .g-block.header-navtop {
    display: none;
  }
}
.vweb-pangenix-theme #g-header > .g-grid:nth-child(2) {
  height: 120px;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header > .g-grid:nth-child(2) {
    height: 80px;
  }
}
.vweb-pangenix-theme #g-header #g-logo {
  height: 100%;
  display: flex;
  align-items: center;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header #g-logo {
    height: 100px;
    padding-left: 1.25rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-header #g-logo {
    height: 80px;
    padding-right: 1.25rem;
  }
}
.vweb-pangenix-theme #g-header .header-logo .pangenix-logo {
  display: block;
  width: 225px;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme #g-header .header-logo .pangenix-logo {
    width: 280px;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header .header-logo .pangenix-logo {
    width: 250px;
    margin-top: 0.625rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-header .header-logo .pangenix-logo {
    width: 225px;
    margin-top: 0;
  }
}
@media (min-width: 110rem) {
  .vweb-pangenix-theme #g-header .header-logo .pangenix-logo {
    width: 375px;
  }
}
@media (min-width: 87.5rem) {
  .vweb-pangenix-theme #g-header .header-logo .pangenix-logo {
    width: 325px;
  }
}
@media (max-width: 24rem) {
  .vweb-pangenix-theme #g-header .header-logo .pangenix-logo {
    width: 200px;
    margin-top: 0.375rem;
  }
}
.vweb-pangenix-theme #g-header .header-topnav {
  position: absolute;
  right: 0;
  bottom: 1rem;
  height: 3rem;
  width: 12rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 5.25rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme #g-header .header-topnav {
    bottom: 0.55rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-header .header-topnav {
    right: 0.625rem;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
}
.vweb-pangenix-theme #g-header .header-topnav p {
  margin: 0;
}
.vweb-pangenix-theme #g-header .header-topnav .topnav-icon {
  font-size: 1.25rem;
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  color: #0a0a0a;
  background: #eaecf0;
}
.vweb-pangenix-theme #g-header .header-topnav .topnav-icon i {
  line-height: 1;
}
.vweb-pangenix-theme #g-header .header-topnav .btn {
  border-width: 2px;
  font-weight: 500;
  color: #0a0a0a;
  position: relative;
  padding: 0.625rem 1.25rem 0.7rem 1.125rem;
}
.vweb-pangenix-theme #g-header .header-topnav .btn .order-amount {
  position: absolute;
  right: 0.25rem;
  top: -0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1rem;
  background: #dc3545;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
}
.vweb-pangenix-theme #g-header .header-topnav .btn.btn-order {
  background: #dbdfe6;
  border: #dbdfe6;
  padding: 0 1.125rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.25rem;
}
.vweb-pangenix-theme #g-header .header-topnav .btn.btn-order i {
  font-size: 1.825rem;
  margin: 0;
}
.vweb-pangenix-theme #g-header .header-topnav .btn.btn-order .btn-order-text {
  display: none;
}
.vweb-pangenix-theme #g-header .header-topnav .btn.btn-order .order-amount {
  right: 0;
  top: -0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-header .header-topnav .btn.btn-order {
    background: none;
    border: none;
    padding: 0 1.25rem;
  }
  .vweb-pangenix-theme #g-header .header-topnav .btn.btn-order i {
    font-size: 2rem;
  }
  .vweb-pangenix-theme #g-header .header-topnav .btn.btn-order .btn-order-text {
    display: none;
  }
  .vweb-pangenix-theme #g-header .header-topnav .btn.btn-order .order-amount {
    right: 0.9rem;
    top: -0.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme #g-header .header-topnav .btn.btn-order {
    padding-right: 0.5rem;
  }
  .vweb-pangenix-theme #g-header .header-topnav .btn.btn-order .order-amount {
    right: 0.125rem;
  }
}
.vweb-pangenix-theme #g-header .header-navtop {
  height: 40px;
  background: #eef3f9;
  position: relative;
}
.vweb-pangenix-theme #g-header .header-navtop::before {
  content: "";
  width: 6000px;
  height: 40px;
  position: absolute;
  left: -2000px;
  top: 0;
  background: #eef3f9;
}
.vweb-pangenix-theme #g-header .header-navmenu {
  margin-top: 2.75rem;
  text-align: right !important;
}
#g-showcase {
  padding: 1.5rem 0;
  background-color: #2d4166;
  color: #ffffff;
  /*
	a {
		color: lighten($showcase-background, 50%);
		&:hover {
			color: $showcase-text-color;
		}
	}
	*/
}
#g-showcase h1, #g-showcase h2, #g-showcase h3, #g-showcase h4, #g-showcase h5, #g-showcase h6, #g-showcase strong {
  color: #ffffff;
}
#g-showcase .button {
  background: #2d4166;
  color: #ffffff;
}
#g-showcase .button:hover {
  background: #354c78;
}
#g-showcase .button:active {
  background: #253654;
}
#g-showcase .g-social a {
  background: #243351;
  border: none;
  color: #ffffff;
  transition: background 0.2s;
}
#g-showcase .g-social a:hover {
  background: #364f7b;
}
@media print {
  #g-showcase {
    background: #fff !important;
    color: #000 !important;
  }
}
.vweb-pangenix-theme #g-showcase {
  position: relative;
}
.vweb-pangenix-theme #g-showcase::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../../images/pangenix-bg-pattern-min.png');
  background-repeat: no-repeat;
  background-size: 1800px;
  background-position: left top;
  opacity: 0.5;
  z-index: 1;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme #g-showcase::before {
    background-size: 100%;
  }
}
.vweb-pangenix-theme #g-showcase > .g-container {
  position: relative;
  z-index: 2;
}
.vweb-pangenix-theme #g-showcasegradient {
  position: relative;
  background: #2d4166;
  padding: 2.5rem 0;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme #g-showcasegradient {
    padding-bottom: 0;
  }
}
.vweb-pangenix-theme #g-showcasegradient::before {
  content: "";
  background: #2d4166;
  background: -webkit-linear-gradient(left, #2d4166 0%, #a1bf37 100%);
  background: -o-linear-gradient(left, #2d4166 0%, #a1bf37 100%);
  background: linear-gradient(to right, #2d4166 0%, #a1bf37 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.8;
}
.vweb-pangenix-theme #g-showcasegradient > .g-container {
  position: relative;
  z-index: 2;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme #g-showcasegradient [class*="size-"] {
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.vweb-pangenix-theme .showcasegradient {
  color: #ffffff;
}
.vweb-pangenix-theme .showcasegradient h2, .vweb-pangenix-theme .showcasegradient h3, .vweb-pangenix-theme .showcasegradient h4, .vweb-pangenix-theme .showcasegradient h5, .vweb-pangenix-theme .showcasegradient h6 {
  color: #ffffff;
}
.vweb-pangenix-theme .showcasegradient .text-color-1 {
  color: #94c021;
}
.vweb-pangenix-theme .showcasegradient .text-color-1.darken {
  color: #799d1b;
}
.vweb-pangenix-theme .showcasegradient .text-color-2 {
  color: #2d4166;
}
.vweb-pangenix-theme .showcasegradient .text-color-3 {
  color: #5e785f;
}
.vweb-pangenix-theme .showcasegradient .text-color-4 {
  color: #343b34;
}
.vweb-pangenix-theme .showcasegradient .text-color-orange {
  color: #cd5b1b;
}
.vweb-pangenix-theme .showcasegradient .text-color-purple {
  color: #592c6c;
}
.vweb-pangenix-theme .showcasegradient .text-color-yellow {
  color: #e0c31e;
}
.vweb-pangenix-theme .showcasegradient .text-color-ocean-blue {
  color: #5197b9 !important;
}
.vweb-pangenix-theme .showcasegradient .text-color-grey {
  color: #e7ebe7;
}
.vweb-pangenix-theme .showcasegradient .text-color-grey-light {
  color: #f9fbfd;
}
.vweb-pangenix-theme .showcasegradient .text-color-grey-dark-1 {
  color: #dbdfe6;
}
.vweb-pangenix-theme .showcasegradient .text-color-grey-dark-2 {
  color: #b9c3ba;
}
.vweb-pangenix-theme .showcasegradient .text-color-black {
  color: #0a0a0a;
}
.vweb-pangenix-theme .showcasegradient .text-color-white {
  color: #ffffff;
}
#g-feature {
  padding: 1.5rem 0;
  background: #e7ebe7;
  color: #6d7077;
}
@media print {
  #g-feature {
    background: #fff !important;
    color: #000 !important;
  }
}
.vweb-pangenix-theme #g-featurebg-customgrey {
  background: #e7ebe7;
  padding: 3.5rem 0 5rem;
  position: relative;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme #g-featurebg-customgrey {
    padding: 2.5rem 0;
  }
}
.vweb-pangenix-theme #g-featurebg-customgrey::before {
  content: "";
  background-image: url('../../images/pangenix-bg-pattern-grey-min.webp');
  background-repeat: no-repeat;
  background-size: 1800px;
  background-position: left top;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme #g-featurebg-customgrey::before {
    background-size: 100%;
  }
}
.vweb-pangenix-theme #g-featurebg-customgrey > .g-container {
  position: relative;
  z-index: 2;
}
.vweb-pangenix-theme #g-featurebg-customgrey .productpricing-container .pp-features-container ul, .vweb-pangenix-theme #g-featurebg-customgrey .productpricing-container .pp-features-container li {
  border-color: #b9c3ba;
}
.vweb-pangenix-theme #g-featurebg-white-1, .vweb-pangenix-theme #g-featurebg-white-2, .vweb-pangenix-theme #g-featurebg-white-3, .vweb-pangenix-theme #g-feature-halves, .vweb-pangenix-theme #g-featureblog {
  background: #ffffff;
}
.vweb-pangenix-theme #g-featurebg-white-1, .vweb-pangenix-theme #g-featurebg-white-2, .vweb-pangenix-theme #g-feature-halves {
  padding: 2.5rem 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-featurebg-white-1, .vweb-pangenix-theme #g-featurebg-white-2, .vweb-pangenix-theme #g-feature-halves {
    padding: 1.25rem 0;
  }
}
.vweb-pangenix-theme #g-featurebg-grey {
  background: #e7ebe7;
  padding: 2.5rem 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-featurebg-grey {
    padding: 1.25rem 0;
  }
}
.vweb-pangenix-theme #g-featurebg-grey .btn-gradient-border {
  background: linear-gradient(#e7ebe7, #e7ebe7) padding-box, linear-gradient(to right, #2d4166, #a1bf37) border-box;
}
.vweb-pangenix-theme #g-featurebg-grey .btn-gradient-border:hover {
  background: #94c021;
}
.vweb-pangenix-theme #g-featureblog {
  padding: 2.5rem 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-featureblog {
    padding: 1.25rem 0;
  }
}
.vweb-pangenix-theme #g-featurearticles {
  padding: 2.5rem 0;
  position: relative;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-featurearticles {
    padding: 1.25rem 0;
  }
}
.vweb-pangenix-theme #g-featurearticles::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2d4166;
  background: -webkit-linear-gradient(top left, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  background: -o-linear-gradient(top left, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  background: linear-gradient(to bottom right, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  opacity: 0.2;
}
.vweb-pangenix-theme #g-featurearticles > .g-container {
  position: relative;
}
.vweb-pangenix-theme #g-feature-halves .platform-content {
  padding: 0;
}
#g-subfeature {
  padding: 1.5rem 0;
  background: #f9fbfd;
  color: #6d7077;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media print {
  #g-subfeature {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-page-surround {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}
#g-main {
  padding: 1.5rem 0;
  background: #ffffff;
  color: #6d7077;
}
@media print {
  #g-main {
    background: #fff !important;
    color: #000 !important;
  }
}
.vweb-pangenix-theme {
  position: relative;
  background: #e7ebe7;
  background: #ffffff;
  /*
	&::before {
		content: '';
		background-image: url("../../images/pangenix-bg-pattern-grey-min.webp");
		background-repeat: no-repeat;
		background-size: 1800px;
		background-position: left top;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;

		@media all and (min-width: 100rem) {
			background-size: 100%;
		}
	}
	
	
	&::before {
		content: '';
		background: rgb(45,65,102);
		background: -webkit-linear-gradient(left, rgba(45,65,102,1) 0%, rgba(161,191,55,1) 100%);
		background: -o-linear-gradient(left, rgba(45,65,102,1) 0%, rgba(161,191,55,1) 100%);
		background: linear-gradient(to right, rgba(45,65,102,1) 0%, rgba(161,191,55,1) 100%);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		opacity: 0.2;
	}
	*/
}
.vweb-pangenix-theme::before {
  content: "";
  background: #2d4166;
  background: -webkit-linear-gradient(left, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  background: -o-linear-gradient(left, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  background: linear-gradient(to right, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.2;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme::before {
    height: calc(100% - 10rem);
    top: 10rem;
  }
}
.vweb-pangenix-theme #g-page-surround {
  position: relative;
  background: none;
  z-index: 2;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme #g-page-surround {
    padding-top: 10rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-page-surround {
    padding-top: 6.25rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-page-surround {
    padding-top: 5rem;
  }
}
.vweb-pangenix-theme #g-container-main {
  padding-bottom: 2.5rem;
  position: relative;
  /*
		&::before { 
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgb(45,65,102);
			background: -webkit-linear-gradient(top left, rgba(45,65,102,1) 0%, rgba(45,65,102,0) 100%);
			background: -o-linear-gradient(top left, rgba(45,65,102,1) 0%, rgba(45,65,102,0) 100%);
			background: linear-gradient(to bottom right, rgba(45,65,102,1) 0%, rgba(45,65,102,0) 100%);
			opacity: 0.2;
		}
		*/
}
.vweb-pangenix-theme #g-container-main #g-main {
  position: relative;
  background: none;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.5rem;
  z-index: 99999;
  -webkit-box-shadow: 0px 2px 6px 2px rgba(45, 65, 102, 0.15);
  box-shadow: 0px 2px 6px 2px rgba(45, 65, 102, 0.15);
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: unset;
  bottom: auto;
  top: 10rem;
  transform: translateX(-50%);
  max-width: 50rem;
  left: 50%;
  min-height: 6.5rem;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 1.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-inline: 4rem 6rem;
  padding-block: 1.5rem;
  border-top-width: 4px;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert {
    height: 6rem;
    height: auto;
    min-height: unset;
    max-width: unset;
    padding-inline: 1rem 4rem;
    top: 6.25rem;
    border-radius: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert {
    top: 5rem;
    padding-right: 3rem;
  }
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert .alert-wrapper {
  max-width: 87.5rem;
  height: 100%;
  display: flex;
  align-items: start;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert .alert-wrapper {
    align-items: center;
  }
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert .alert-wrapper .alert-message {
  font-size: 1.125rem;
  line-height: 1.4;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert .alert-wrapper .alert-message {
    font-size: 1rem;
    padding-right: 3.75rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert .alert-wrapper .alert-message {
    padding-right: 1.5rem;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert button.joomla-alert--close {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 5rem;
  padding: 0;
  box-sizing: border-box;
  opacity: 1;
  text-shadow: none;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert button.joomla-alert--close::before {
  content: "K";
  font-family: "pangenixMaterialSymbols";
  font-weight: normal;
  font-size: 1.25rem;
  color: #0a0a0a;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert button.joomla-alert--close:hover {
    transform: rotate(180deg);
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert button.joomla-alert--close::before {
    font-size: 1.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert button.joomla-alert--close {
    width: 3.75rem;
  }
  .vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert button.joomla-alert--close::before {
    font-size: 1.25rem;
  }
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert button.joomla-alert--close span {
  display: none;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert[type=warning] {
  background-color: #fbc037;
  border-color: #eba501;
  color: #0a0a0a;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert[type=danger] {
  background-color: #c3292c;
  border-color: #97090d;
  color: #fff;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert[type=danger] button.joomla-alert--close::before {
  color: #fff;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert[type=success] {
  background-color: #128a31;
  border-color: #0f6525;
  color: #fff;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert[type=success] button.joomla-alert--close::before {
  color: #fff;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert[type=info] {
  background-color: #0065d6;
  border-color: #02499a;
  color: #fff;
}
.vweb-pangenix-theme #g-container-main #g-main #system-message-container joomla-alert[type=info] button.joomla-alert--close::before {
  color: #fff;
}
.vweb-pangenix-theme #g-container-main .platform-content {
  padding: 0;
}
.vweb-pangenix-theme .grid-usps #pangenix-usps .gridblock-item {
  padding-left: 0;
  padding-right: 0;
  justify-content: flex-start;
  padding-top: 0;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .grid-usps #pangenix-usps .gridblock-item {
    padding: 0;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .grid-usps #pangenix-usps .gridblock-item {
    padding: 0;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .grid-usps #pangenix-usps .gridblock-item .image-icon-container {
    margin-bottom: 0 !important;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .grid-usps #pangenix-usps .gridblock-item .image-icon-container {
    margin-bottom: 0 !important;
  }
}
.vweb-pangenix-theme .grid-usps #pangenix-usps .gridblock-item.pg-usp-laagdrempelig .image-icon-block {
  padding: 11px;
}
.vweb-pangenix-theme .grid-usps #pangenix-usps .gridblock-item.pg-usp-laagdrempelig .image-icon-block img {
  width: 90px !important;
  height: 90px !important;
}
.vweb-pangenix-theme.page-no-main #g-container-main {
  padding: 0;
}
.vweb-pangenix-theme.page-no-main #g-container-main #g-main {
  padding: 0;
}
.vweb-pangenix-theme.view-login #g-container-main #g-main #system-message-container joomla-alert {
  top: 8.75rem;
  max-width: 50rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.view-login #g-container-main #g-main #system-message-container joomla-alert {
    top: 6.25rem;
  }
}
#g-sidebar, #g-aside {
  padding: 1.5rem 0;
  color: #6d7077;
}
@media print {
  #g-sidebar {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-footer {
  background: #ffffff;
  color: #6d7077;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
@media only all and (max-width: 47.99rem) {
  #g-footer {
    text-align: center;
  }
}
@media print {
  #g-footer {
    background: #fff !important;
    color: #000 !important;
  }
}
.vweb-pangenix-theme #g-footer {
  padding: 5rem 0;
  font-size: 0.875rem;
  position: relative;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-footer {
    padding: 1rem 0;
  }
}
.vweb-pangenix-theme #g-footer p {
  margin-top: 0;
}
.vweb-pangenix-theme #g-footer .footercontent .dl-list {
  border: none;
  grid-template-columns: 1fr;
}
.vweb-pangenix-theme #g-footer .footercontent .dl-list dt, .vweb-pangenix-theme #g-footer .footercontent .dl-list dd {
  border: none;
  padding: 0.25rem 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-footer .footercontent .dl-list dt, .vweb-pangenix-theme #g-footer .footercontent .dl-list dd {
    justify-content: center;
  }
}
.vweb-pangenix-theme #g-footer .footercontent .dl-list dt {
  padding-bottom: 0;
}
.vweb-pangenix-theme #g-footer .footercontent .dl-list dd {
  padding-top: 0;
}
.vweb-pangenix-theme #g-footer .footernav-columns {
  padding-top: 2rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-footer .footernav-columns {
    padding-top: 0;
  }
}
.vweb-pangenix-theme #g-footer .footernav-columns h3 {
  margin-bottom: 1.25rem;
  margin-top: 0;
}
.vweb-pangenix-theme #g-footer .footernav-columns .nav {
  margin: 0;
  flex-direction: column;
}
.vweb-pangenix-theme #g-footer .footernav-columns .nav li {
  padding: 0 0 0.75rem;
  line-height: 1.4;
}
.vweb-pangenix-theme #g-footer .footernav-columns .nav a {
  font-weight: 400;
  border-bottom: 1px solid transparent;
  color: #6d7077;
}
.vweb-pangenix-theme #g-footer .footernav-columns .nav a:hover {
  color: #cd5b1b;
  border-color: #cd5b1b;
}
.vweb-pangenix-theme #g-footer .footernav-columns.footernav-3 {
  position: relative;
}
.vweb-pangenix-theme #g-footer .footernav-columns .logo-cibg {
  width: 100%;
  max-width: 142px;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme #g-footer .footernav-columns .logo-cibg {
    position: absolute;
    bottom: 0;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme #g-footer .footernav-columns .logo-cibg {
    max-width: 190px;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme #g-footer .footernav-columns .logo-cibg {
    max-width: 240px;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-footer .footernav-columns .logo-cibg {
    padding-top: 1.25rem;
    max-width: 240px;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-footer .footernav-columns .logo-cibg {
    margin: 0 auto;
  }
}
.vweb-pangenix-theme #g-footer .footer-bottom {
  display: flex;
  align-items: center;
  align-items: flex-start;
  padding-top: 1.25rem;
  padding-bottom: 2.5rem;
}
.vweb-pangenix-theme #g-footer .footer-bottom.align-right {
  justify-content: flex-end;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-footer .footer-bottom.align-right {
    justify-content: center;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-footer .footer-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.vweb-pangenix-theme #g-footer .footer-bottom .nav {
  margin: 0;
}
.vweb-pangenix-theme #g-footer .footer-bottom .nav li {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.vweb-pangenix-theme #g-footer .footer-bottom .nav li a {
  font-weight: 400;
  border-bottom: 1px solid transparent;
  color: #6d7077;
}
.vweb-pangenix-theme #g-footer .footer-bottom .nav li a:hover {
  color: #cd5b1b;
  border-color: #cd5b1b;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-footer .footer-bottom .nav li:first-child {
    margin-left: 0;
  }
}
.vweb-pangenix-theme #g-footer .footer-bottom .nav li:last-child {
  margin-right: 0;
}
.vweb-pangenix-theme #g-footer .footer-bottom .disclaimer {
  font-size: 0.8125rem;
}
.vweb-pangenix-theme #g-footer::before {
  content: "";
  background: url('../../images/pangenix-emblem-min.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  width: 240px;
  height: 200px;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.vweb-pangenix-theme #g-footerbottom-totop .footerbottom-totop .button-totop {
  position: fixed;
  bottom: 1rem;
  width: 3.75rem;
  height: 3.75rem;
  z-index: 9;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
}
.vweb-pangenix-theme #g-footerbottom-totop .footerbottom-totop .button-totop.donotshow {
  opacity: 0;
  bottom: -10rem;
}
.vweb-pangenix-theme #g-footerbottom-totop .footerbottom-totop .button-totop.show {
  opacity: 1;
  bottom: -0.75rem;
}
.vweb-pangenix-theme #g-footerbottom-totop .footerbottom-totop .button-totop.show:hover {
  bottom: 0.625rem;
}
.vweb-pangenix-theme #g-footerbottom-totop .footerbottom-totop .button-totop .button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.vweb-pangenix-theme #g-footerbottom-totop .footerbottom-totop .button-totop .button-circle {
  position: relative;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: #2d4166;
  background: rgba(45, 65, 102, 0.5);
  z-index: 99991;
  color: #ffffff;
  font-size: 1.25rem;
}
.vweb-pangenix-theme #g-footerbottom-totop .footerbottom-totop .button-totop .button-circle span {
  font-size: 2rem;
}
.vweb-pangenix-theme #g-footerbottom-totop .footerbottom-totop .button-totop .button-circle:hover {
  background: rgba(45, 65, 102, 0.85);
}
.vweb-pangenix-theme .mod-payment-methods .pg-payment-methods {
  gap: 0.3rem;
}
.vweb-pangenix-theme .mod-payment-methods .pg-payment-methods a {
  width: 100%;
  height: 100%;
  border: none;
}
.vweb-pangenix-theme .mod-payment-methods .pg-payment-methods .payment-method {
  display: flex;
  width: 3.5rem;
  height: 2.5rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.flush .g-container > .g-grid > .g-block > .g-content {
  margin: 0;
  padding: 0;
}
.moduletable[class*="box"], .moduletable[class*="shadow"], .widget[class*="box"], .widget[class*="shadow"] {
  padding: 0.938rem;
  margin: 0.625rem;
}
.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content {
  background: #ffffff;
}
.box1.moduletable, .box1.moduletable h1, .box1.moduletable h2, .box1.moduletable h3, .box1.moduletable h4, .box1.moduletable h5, .box1.moduletable h6, .box1.moduletable strong, .box1.moduletable i, .box1.widget, .box1.widget h1, .box1.widget h2, .box1.widget h3, .box1.widget h4, .box1.widget h5, .box1.widget h6, .box1.widget strong, .box1.widget i, .box1 > .g-content, .box1 > .g-content h1, .box1 > .g-content h2, .box1 > .g-content h3, .box1 > .g-content h4, .box1 > .g-content h5, .box1 > .g-content h6, .box1 > .g-content strong, .box1 > .g-content i {
  color: #595959;
}
.box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content {
  background: #e0e0e0;
}
.box2.moduletable, .box2.moduletable h1, .box2.moduletable h2, .box2.moduletable h3, .box2.moduletable h4, .box2.moduletable h5, .box2.moduletable h6, .box2.moduletable strong, .box2.moduletable i, .box2.widget, .box2.widget h1, .box2.widget h2, .box2.widget h3, .box2.widget h4, .box2.widget h5, .box2.widget h6, .box2.widget strong, .box2.widget i, .box2 > .g-content, .box2 > .g-content h1, .box2 > .g-content h2, .box2 > .g-content h3, .box2 > .g-content h4, .box2 > .g-content h5, .box2 > .g-content h6, .box2 > .g-content strong, .box2 > .g-content i {
  color: #6d6d6d;
}
.box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content {
  background: #94c021;
}
.box3.moduletable, .box3.moduletable h1, .box3.moduletable h2, .box3.moduletable h3, .box3.moduletable h4, .box3.moduletable h5, .box3.moduletable h6, .box3.moduletable strong, .box3.moduletable i, .box3.widget, .box3.widget h1, .box3.widget h2, .box3.widget h3, .box3.widget h4, .box3.widget h5, .box3.widget h6, .box3.widget strong, .box3.widget i, .box3 > .g-content, .box3 > .g-content h1, .box3 > .g-content h2, .box3 > .g-content h3, .box3 > .g-content h4, .box3 > .g-content h5, .box3 > .g-content h6, .box3 > .g-content strong, .box3 > .g-content i {
  color: #ffffff;
}
.box3.moduletable a, .box3.widget a, .box3 > .g-content a {
  color: #dbefa4;
}
.box3.moduletable a:hover, .box3.widget a:hover, .box3 > .g-content a:hover {
  color: #ffffff;
}
.box3.moduletable .button, .box3.widget .button, .box3 > .g-content .button {
  color: white;
  background: #afdd37;
}
.box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover {
  background: #b8e04d;
}
.box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content {
  background: #2d4166;
}
.box4.moduletable, .box4.moduletable h1, .box4.moduletable h2, .box4.moduletable h3, .box4.moduletable h4, .box4.moduletable h5, .box4.moduletable h6, .box4.moduletable strong, .box4.moduletable i, .box4.widget, .box4.widget h1, .box4.widget h2, .box4.widget h3, .box4.widget h4, .box4.widget h5, .box4.widget h6, .box4.widget strong, .box4.widget i, .box4 > .g-content, .box4 > .g-content h1, .box4 > .g-content h2, .box4 > .g-content h3, .box4 > .g-content h4, .box4 > .g-content h5, .box4 > .g-content h6, .box4 > .g-content strong, .box4 > .g-content i {
  color: #ffffff;
}
.box4.moduletable a, .box4.widget a, .box4 > .g-content a {
  color: #7f98c7;
}
.box4.moduletable a:hover, .box4.widget a:hover, .box4 > .g-content a:hover {
  color: #ffffff;
}
.box4.moduletable .button, .box4.widget .button, .box4 > .g-content .button {
  color: #a2b5d6;
  background: #44639b;
}
.box4.moduletable .button:hover, .box4.widget .button:hover, .box4 > .g-content .button:hover {
  background: #3d5889;
}
.shadow.moduletable, .shadow.widget, .shadow.g-outer-box, .shadow > .g-content {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.shadow2.moduletable, .shadow2.widget, .shadow2.g-outer-box, .shadow2 > .g-content {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.disabled.moduletable, .disabled.widget, .disabled.g-outer-box, .disabled > .g-content {
  opacity: 0.4;
}
.square.moduletable, .square.widget, .square.g-outer-box, .square > .g-content {
  border-radius: none;
}
.rounded.moduletable, .rounded.widget, .rounded.g-outer-box, .rounded > .g-content {
  border-radius: 0.1875rem;
}
table {
  border: 1px solid #eaeaea;
}
th {
  background: #f7f7f7;
  padding: 0.5rem;
}
td {
  padding: 0.5rem;
  border: 1px solid #eaeaea;
}
textarea, select[multiple=multiple] {
  background-color: white;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}
textarea:hover, select[multiple=multiple]:hover {
  border-color: #c4c4c4;
}
textarea:focus, select[multiple=multiple]:focus {
  border-color: #94c021;
}
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  background-color: white;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
  border-color: #c4c4c4;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  border-color: #94c021;
}
.vweb-pangenix-theme {
  /* general - forms */
}
.vweb-pangenix-theme ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #0a0a0a;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}
.vweb-pangenix-theme ::-moz-placeholder {
  /* Firefox 19+ */
  color: #0a0a0a;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}
.vweb-pangenix-theme :-ms-input-placeholder {
  /* IE 10+ */
  color: #0a0a0a;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}
.vweb-pangenix-theme :-moz-placeholder {
  /* Firefox 18- */
  color: #0a0a0a;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}
.vweb-pangenix-theme input, .vweb-pangenix-theme input[type=text], .vweb-pangenix-theme input[type=password], .vweb-pangenix-theme input[type=email], .vweb-pangenix-theme input[type=tel], .vweb-pangenix-theme input[type=date], .vweb-pangenix-theme textarea, .vweb-pangenix-theme select {
  border: 1px solid #b9c3ba;
  padding: 10px 15px;
  padding: 0.75rem 1rem;
  background: #ffffff;
  font-size: 1rem;
  height: auto;
  border-radius: 6px;
  box-shadow: none;
  font-family: "kanit", sans-serif;
  font-weight: 400;
  color: #0a0a0a;
}
.vweb-pangenix-theme input.is-invalid, .vweb-pangenix-theme input[type=text].is-invalid, .vweb-pangenix-theme input[type=password].is-invalid, .vweb-pangenix-theme input[type=email].is-invalid, .vweb-pangenix-theme input[type=tel].is-invalid, .vweb-pangenix-theme input[type=date].is-invalid, .vweb-pangenix-theme textarea.is-invalid, .vweb-pangenix-theme select.is-invalid {
  border-color: #dc3545;
}
.vweb-pangenix-theme input[type=text]:focus, .vweb-pangenix-theme input[type=password]:focus, .vweb-pangenix-theme input[type=email]:focus, .vweb-pangenix-theme input[type=tel]:focus, .vweb-pangenix-theme textarea:focus, .vweb-pangenix-theme select:focus {
  border-color: #9eab9f;
}
.vweb-pangenix-theme input[type=text], .vweb-pangenix-theme input[type=password], .vweb-pangenix-theme input[type=email], .vweb-pangenix-theme input[type=tel], .vweb-pangenix-theme textarea, .vweb-pangenix-theme select {
  -webkit-appearance: none;
}
.vweb-pangenix-theme input[type=text], .vweb-pangenix-theme input[type=password], .vweb-pangenix-theme input[type=email], .vweb-pangenix-theme input[type=checkbox], .vweb-pangenix-theme input[type=radio], .vweb-pangenix-theme input[type=tel], .vweb-pangenix-theme select {
  margin: 0;
}
.vweb-pangenix-theme input[type=checkbox], .vweb-pangenix-theme input[type=radio] {
  width: 1.25rem;
  height: 1.25rem;
  filter: saturate(0.25);
}
.vweb-pangenix-theme select {
  background-color: #fff;
  background-image: url('../../images/select-icon-angle-down.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 23px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-right: 30px;
  font-size: 14px;
}
.vweb-pangenix-theme fieldset {
  padding: 0;
  margin: 0;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme fieldset .row {
    margin-left: -10px;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme fieldset .row {
    margin-right: 0;
  }
  .vweb-pangenix-theme fieldset .row > * {
    padding: 0;
  }
}
.vweb-pangenix-theme fieldset .field-description {
  line-height: 1.6;
  font-size: 0.875rem;
  margin: 0.5rem 0 1.5rem;
}
.vweb-pangenix-theme label {
  font-size: 0.875rem;
  color: #343c35;
  font-weight: 600;
}
.vweb-pangenix-theme input[type=radio].btn-check {
  position: unset;
  clip: unset;
  pointer-events: inherit;
}
.vweb-pangenix-theme .control-group .input-group .btn, .vweb-pangenix-theme .control-group .input-group .btn:hover, .vweb-pangenix-theme .control-group .input-group .btn:focus, .vweb-pangenix-theme .control-group .btn-group .btn, .vweb-pangenix-theme .control-group .btn-group .btn:hover, .vweb-pangenix-theme .control-group .btn-group .btn:focus {
  font-family: "roboto slab", sans-serif;
  font-weight: 400;
  padding: 0;
  border-radius: 0;
  border: none;
  background: none;
}
.vweb-pangenix-theme .control-group .btn-group, .vweb-pangenix-theme .control-group .controls {
  align-items: center;
}
.vweb-pangenix-theme .control-group .btn-group input[type=radio], .vweb-pangenix-theme .control-group .btn-group input[type=checkbox], .vweb-pangenix-theme .control-group .controls input[type=radio], .vweb-pangenix-theme .control-group .controls input[type=checkbox] {
  outline: unset;
}
.vweb-pangenix-theme .control-group .btn-group label, .vweb-pangenix-theme .control-group .btn-group label:hover, .vweb-pangenix-theme .control-group .btn-group label:focus, .vweb-pangenix-theme .control-group .btn-group label:focus-visible, .vweb-pangenix-theme .control-group .controls label, .vweb-pangenix-theme .control-group .controls label:hover, .vweb-pangenix-theme .control-group .controls label:focus, .vweb-pangenix-theme .control-group .controls label:focus-visible {
  padding-right: 1.25rem;
  margin: 0 0 0 0.5rem;
  outline: unset;
  box-shadow: none;
  text-align: left;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .control-group .btn-group.radio, .vweb-pangenix-theme .control-group .btn-group.form-check, .vweb-pangenix-theme .control-group .controls.radio, .vweb-pangenix-theme .control-group .controls.form-check {
    display: grid;
    grid-template-columns: 1.25rem auto;
    grid-gap: 0.625rem 0;
    place-content: flex-start;
    text-align: left;
  }
}
.vweb-pangenix-theme .control-group .btn-group.radio label, .vweb-pangenix-theme .control-group .btn-group.radio label:hover, .vweb-pangenix-theme .control-group .btn-group.form-check label, .vweb-pangenix-theme .control-group .btn-group.form-check label:hover, .vweb-pangenix-theme .control-group .controls.radio label, .vweb-pangenix-theme .control-group .controls.radio label:hover, .vweb-pangenix-theme .control-group .controls.form-check label, .vweb-pangenix-theme .control-group .controls.form-check label:hover {
  padding-right: 1.25rem;
  line-height: 1.2;
}
.vweb-pangenix-theme .control-group .btn-group.form-check, .vweb-pangenix-theme .control-group .controls.form-check {
  display: flex;
}
.vweb-pangenix-theme .control-group .password-group .input-password-toggle, .vweb-pangenix-theme .control-group .password-group .input-password-toggle:hover {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-color: #b9c3ba;
  background: #b9c3ba;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 60px;
}
.vweb-pangenix-theme .control-group.control-check {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
.vweb-pangenix-theme .control-group.control-check .form-check {
  margin-bottom: 0;
}
.vweb-pangenix-theme .control-group.control-check .control-label {
  line-height: 1.1;
}
.vweb-pangenix-theme .form-control + .form-control {
  margin-top: 1em;
}
.vweb-pangenix-theme .form-control--disabled {
  color: grey;
  cursor: not-allowed;
}
.vweb-pangenix-theme .form-check {
  padding-left: 0;
}
.vweb-pangenix-theme .controls .small {
  font-size: 0.875rem;
}
.vweb-pangenix-theme .controls .field-calendar .input-group input.form-control {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.vweb-pangenix-theme .controls .field-calendar .input-group > button.btn, .vweb-pangenix-theme .controls .field-calendar .input-group > button.btn:hover, .vweb-pangenix-theme .controls .field-calendar .input-group > button.btn:focus {
  width: 60px;
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 9;
}
.vweb-pangenix-theme .controls .field-calendar .input-group > button.btn .icon-calendar, .vweb-pangenix-theme .controls .field-calendar .input-group > button.btn:hover .icon-calendar, .vweb-pangenix-theme .controls .field-calendar .input-group > button.btn:focus .icon-calendar {
  font-weight: 400;
}
.vweb-pangenix-theme .controls .field-calendar .input-group > button.btn .icon-calendar::before, .vweb-pangenix-theme .controls .field-calendar .input-group > button.btn:hover .icon-calendar::before, .vweb-pangenix-theme .controls .field-calendar .input-group > button.btn:focus .icon-calendar::before {
  content: "";
}
.vweb-pangenix-theme .controls .field-calendar .js-calendar {
  font-family: arial;
}
.vweb-pangenix-theme .controls .field-calendar .js-calendar .calendar-container .calendar-header .nav {
  justify-content: center;
}
.vweb-pangenix-theme .controls .field-calendar .js-calendar .calendar-container .calendar-header .nav a {
  border: 0;
  color: #0a0a0a;
}
.vweb-pangenix-theme .controls .field-calendar .js-calendar .buttons-wrapper button {
  font-family: arial;
  font-size: 0.875rem;
}
.vweb-pangenix-theme .formRed {
  color: #dc3545;
  font-size: 1.125rem;
  font-weight: 500;
}
.vweb-pangenix-theme .formError {
  color: #dc3545;
  font-size: 0.75rem;
  font-weight: 500;
}
.vweb-pangenix-theme form.pangenix-form {
  max-width: 48rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme form.pangenix-form .formContainer .row > div {
    padding-left: 0;
  }
}
.vweb-pangenix-theme form.pangenix-form hr {
  margin: 1.5rem 0;
  border-bottom-style: dashed;
}
.vweb-pangenix-theme form.pangenix-form .form-label {
  margin-bottom: 0.125rem;
  font-weight: 500;
  padding-top: 0.25rem;
}
.vweb-pangenix-theme form.pangenix-form .form-label small {
  font-size: 0.75rem;
  opacity: 0.8;
}
.vweb-pangenix-theme form.pangenix-form .form-label .formRequired {
  display: none;
}
.vweb-pangenix-theme form.pangenix-form .form-label .formOptional {
  font-size: 0.75rem;
  font-weight: 400;
  color: #5e785f;
  margin-left: 0.25rem;
}
.vweb-pangenix-theme form.pangenix-form .form-check {
  padding-left: 0;
}
.vweb-pangenix-theme form.pangenix-form .form-check input[type=checkbox] {
  padding: 0;
  border: none;
}
.vweb-pangenix-theme form.pangenix-form .pangenix-formDescription {
  font-size: 0.75rem;
  font-weight: 400;
  color: #5e785f;
  margin-bottom: 0.25rem;
}
.vweb-pangenix-theme form.pangenix-form .pangenix-formDatePicker .btnCal {
  border-radius: 6px;
  border: none;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  background: #2d4166;
  color: transparent;
  padding: 0.75rem 1.5rem;
}
.vweb-pangenix-theme form.pangenix-form .pangenix-formDatePicker .btnCal:hover {
  background: #2d4166;
  color: #2d4166;
}
.vweb-pangenix-theme form.pangenix-form .pangenix-formDatePicker .btnCal::before {
  content: "";
  font-family: "Material Symbols Outlined";
  font-weight: 300;
  color: #ffffff;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.875rem;
}
.vweb-pangenix-theme .medprofile-form input, .vweb-pangenix-theme .medprofile-form input[type=text], .vweb-pangenix-theme .medprofile-form input[type=password], .vweb-pangenix-theme .medprofile-form input[type=email], .vweb-pangenix-theme .medprofile-form input[type=tel], .vweb-pangenix-theme .medprofile-form input[type=date], .vweb-pangenix-theme .medprofile-form textarea, .vweb-pangenix-theme .medprofile-form select {
  border-color: #b9c3ba;
}
.vweb-pangenix-theme .medprofile-form label {
  line-height: 1.25;
}
.vweb-pangenix-theme .xdsoft_datetimepicker {
  font-family: "roboto slab, sans-serif";
  border-radius: 6px;
}
.vweb-pangenix-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .vweb-pangenix-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .vweb-pangenix-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, .vweb-pangenix-theme .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #2d4166;
  box-shadow: unset;
}
.vweb-pangenix-theme .xdsoft_datetimepicker .xdsoft_calendar td:hover, .vweb-pangenix-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, .vweb-pangenix-theme .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  background: #5e785f !important;
}
.vweb-pangenix-theme .module-searchfield .searchfield {
  height: 60px;
  border-radius: 30px;
  padding-left: 3.5rem;
  padding-left: 2rem;
  background-color: #ffffff;
  border-color: #ffffff;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .module-searchfield .searchfield {
    padding-left: 1.25rem;
  }
}
.vweb-pangenix-theme .module-searchfield ::-ms-clear {
  display: none;
}
.vweb-pangenix-theme .module-searchfield .has-clear {
  position: relative;
}
.vweb-pangenix-theme .module-searchfield .form-control-clear {
  z-index: 2;
  pointer-events: auto;
  cursor: pointer;
  border: none;
  position: absolute;
  right: 1.25rem;
  right: 5rem;
  top: 0;
  height: 100%;
  color: #0a0a0a;
  display: flex;
  align-items: center;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .module-searchfield .form-control-clear {
    right: 3.5rem;
  }
}
.vweb-pangenix-theme .module-searchfield .searchfield-button {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  width: 4.5rem;
  height: 100%;
  background: #94c021;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  color: #ffffff;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .module-searchfield .searchfield-button {
    width: 3rem;
  }
}
.vweb-pangenix-theme .module-searchfield .searchfield-button img {
  position: relative;
  right: 0.125rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .module-searchfield .searchfield-button img {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.vweb-pangenix-theme .requestdnapaspoort-form input[type="radio"], .vweb-pangenix-theme .requestdnapaspoort-form input[type="checkbox"] {
  padding: 0.625rem;
}
.vweb-pangenix-theme .requestdnapaspoort-form .form-check {
  display: inline-flex;
  gap: 0.5rem;
}
.vweb-pangenix-theme .requestdnapaspoort-form .form-check label {
  line-height: 1.4;
}
.vweb-pangenix-theme .requestdnapaspoort-form .rsform-calendar-button {
  background: #94c021;
  font-size: 1.375rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-data-row > .col-md-6 {
  display: flex;
  flex-direction: column;
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-data-row > .col-md-6 > .block {
  height: 100%;
  justify-content: flex-start;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme .requestdnapaspoort-form .requestform-data-row .block-2fields .rsform-block {
    padding-left: 0.5rem;
  }
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-applicant-row .block, .vweb-pangenix-theme .requestdnapaspoort-form .requestform-lab-row .block {
  background: #bed8e5;
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-reason-row .formblock-request-reason input {
  margin-bottom: 1rem;
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-text-row .rsform-block-waarschuwing .block {
  border-style: dashed;
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-upload-row .rsform-block-uploaden-bijlage .formControls {
  position: relative;
  z-index: 1;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .requestdnapaspoort-form .requestform-upload-row .rsform-block-uploaden-bijlage .formControls {
    padding-bottom: 4rem;
  }
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-upload-row .rsform-block-uploaden-bijlage .formControls .rsfp-field-multiple-plus {
  position: relative;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .requestdnapaspoort-form .requestform-upload-row .rsform-block-uploaden-bijlage .formControls .rsfp-field-multiple-plus {
    width: 60%;
  }
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-upload-row .rsform-block-uploaden-bijlage .formControls .btn {
  background: #b9c3ba;
  border-color: #b9c3ba;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .requestdnapaspoort-form .requestform-upload-row .rsform-block-uploaden-bijlage .formControls .btn {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .requestdnapaspoort-form .requestform-submit-row {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #dbdfe6;
  }
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-submit-row .rsform-type-submitbutton {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .requestdnapaspoort-form .requestform-submit-row .rsform-type-submitbutton {
    padding-bottom: 2.5rem;
  }
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-submit-row .rsform-type-submitbutton .formControls {
  width: 100%;
  text-align: center;
}
.vweb-pangenix-theme .requestdnapaspoort-form .requestform-submit-row .rsform-type-submitbutton button {
  width: 100%;
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme .requestdnapaspoort-form .requestform-submit-row .rsform-type-submitbutton button {
    width: 60%;
  }
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .requestdnapaspoort-form .requestform-submit-row .rsform-type-submitbutton button {
    width: 22rem;
  }
}
.g-social a {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  background: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 0.1875rem;
  margin-bottom: 4px;
  text-decoration: none;
}
.sample-content {
  text-align: center;
}
.sample-content .subtitle {
  text-transform: uppercase;
  font-size: 0.8rem;
  display: block;
  margin-top: -1.3rem;
}
.sample-content .sample-icons {
  font-size: 5rem;
  color: #94c021;
  opacity: 0.6;
}
.sample-content .sample-description {
  font-size: 1.2rem;
}
@media only all and (min-width: 48rem) {
  .sample-content .device-promo {
    width: 356px;
    height: 203px;
    position: relative;
    float: right;
    margin-left: 3rem;
    margin-bottom: 1rem;
  }
  .sample-content .device-promo .macbook {
    width: 356px;
    height: 203px;
    position: absolute;
    z-index: 1;
    background: url('../../images/macbook.png');
  }
  .sample-content .device-promo .macbook .macbook-color {
    position: absolute;
    width: 206px;
    height: 118px;
    left: 37px;
    top: 56px;
    background: #ccc;
  }
  .sample-content .device-promo .ipad {
    width: 356px;
    height: 203px;
    position: absolute;
    z-index: 2;
    background: url('../../images/ipad.png');
  }
  .sample-content .device-promo .ipad .ipad-color {
    position: absolute;
    width: 111px;
    height: 163px;
    right: 27px;
    top: 20px;
    background: #94c021;
  }
  .sample-content .device-promo .iphone {
    width: 356px;
    height: 203px;
    position: absolute;
    z-index: 3;
    background: url('../../images/iphone.png');
  }
  .sample-content .device-promo .iphone .iphone-color {
    position: absolute;
    width: 46px;
    height: 75px;
    right: 4px;
    top: 112px;
    background: #2d4166;
  }
}
.sample-content .middle {
  text-align: center;
}
.sample-content .fa-github-square {
  color: #ddd;
  margin-top: 1.5rem;
  font-size: 10rem;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .sample-content .fa-github-square {
    font-size: 8rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .sample-content .fa-github-square {
    float: none !important;
    margin-right: 0;
  }
}
.sample-content .info-box {
  background: whitesmoke;
  border: 1px solid #e6e6e6;
  padding: 0.938rem;
  border-radius: 0.1875rem;
  margin-bottom: 4rem;
}
.sample-content .fa-graduation-cap {
  color: #d9d9d9;
  margin: 1rem 2rem 1rem 1rem;
  font-size: 6rem;
}
@media only all and (min-width: 60rem) {
  #g-showcase .sample-description {
    padding: 0 6rem;
  }
}
@media only all and (min-width: 60rem) {
  #g-subfeature .sample-content .g-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only all and (min-width: 48rem) {
  #g-main .sample-content {
    text-align: inherit;
  }
}
.g-content-array {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
}
.g-content-array .g-grid {
  margin-bottom: 2.3445rem;
}
.g-content-array .g-grid:last-child {
  margin-bottom: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-grid:last-child .g-block:last-child .g-array-item {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-grid {
    margin-bottom: 0;
  }
}
.g-content-array .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-array-item {
    margin-bottom: 2.3445rem;
  }
}
.g-content-array .g-array-item-image {
  margin: 0 0 15px 0;
}
.g-content-array .g-item-title {
  margin: 0;
}
.g-content-array .g-array-item-details, .g-content-array .g-array-item-text, .g-content-array .g-array-item-read-more {
  margin: 15px 0 0;
}
.g-content-array .g-array-item-details {
  font-size: 90%;
}
.g-content-array .g-array-item-details > span {
  margin-right: 10px;
}
.g-content-array .g-array-item-details i {
  margin-right: 5px;
}
.g-main-nav .g-standard .g-dropdown {
  transition: none;
}
.g-main-nav .g-standard .g-fade.g-dropdown {
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.g-main-nav .g-standard .g-zoom.g-active {
  animation-duration: 0.3s;
  animation-name: g-dropdown-zoom;
}
.g-main-nav .g-standard .g-fade-in-up.g-active {
  animation-duration: 0.3s;
  animation-name: g-dropdown-fade-in-up;
}
.g-main-nav .g-fullwidth > .g-dropdown {
  transition: none;
}
.g-main-nav .g-fullwidth > .g-fade.g-dropdown {
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.g-main-nav .g-fullwidth > .g-zoom.g-active {
  animation-duration: 0.3s;
  animation-name: g-dropdown-zoom;
}
.g-main-nav .g-fullwidth > .g-fade-in-up.g-active {
  animation-duration: 0.3s;
  animation-name: g-dropdown-fade-in-up;
}
@keyframes g-dropdown-zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-dropdown-fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
  }
}
.g-offline #grav-login {
  max-width: 36rem;
}
.g-offline #grav-login .form-actions {
  margin-top: 0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .g-offline #grav-login .form-actions {
    text-align: center;
  }
}
.g-offline #grav-login .button {
  text-transform: capitalize;
}
@media only all and (max-width: 47.99rem) {
  .g-offline #grav-login .rememberme {
    float: none;
    display: block;
  }
}
.g-container {
  width: 75rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-container {
    width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-container {
    width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .g-container {
    width: 30rem;
  }
}
@media only all and (max-width: 30rem) {
  .g-container {
    width: 100%;
  }
}
.g-container.g-flushed {
  width: 100%;
}
@media only all and (max-width: 47.99rem) {
  .g-block {
    flex-grow: 0;
    flex-basis: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  body [class*="size-"] {
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  @supports not (flex-wrap: wrap) {
    .g-grid {
      display: block;
      flex-wrap: inherit;
    }
    .g-block {
      display: block;
      flex: inherit;
    }
  }
}
.visible-large, .visible-desktop, .visible-tablet, .visible-phone, .g-block.visible-large, .g-block.visible-desktop, .g-block.visible-tablet, .g-block.visible-phone {
  display: none !important;
}
@media only all and (max-width: 47.99rem) {
  .visible-phone {
    display: block !important;
  }
  .g-block.visible-phone {
    display: block !important;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .visible-tablet {
    display: block !important;
  }
  .g-block.visible-tablet {
    display: block !important;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (min-width: 75rem) {
  .visible-large {
    display: block !important;
  }
  .g-block.visible-large {
    display: block !important;
  }
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (max-width: 47.99rem) {
  .hidden-phone {
    display: none !important;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .hidden-tablet {
    display: none !important;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (min-width: 75rem) {
  .hidden-large {
    display: none !important;
  }
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (max-width: 47.99rem) {
  .align-right {
    text-align: inherit !important;
  }
  .align-left {
    text-align: inherit !important;
  }
}
.vweb-particle-copyright .developer {
  position: relative;
  padding-left: 0.75rem;
  margin-left: 0.75rem;
  display: inline-block;
}
.vweb-particle-copyright .developer::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.365rem;
  color: #94c021;
  position: absolute;
  left: -5px;
  top: 7px;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-copyright .owner {
    margin-right: 1rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-copyright .developer {
    padding-left: 0;
    margin-left: 0;
    padding-top: 0.5rem;
    padding-right: 1rem;
  }
  .vweb-particle-copyright .developer::before {
    content: none;
  }
}
.vweb-particle-copyright a {
  color: #6d7077;
  font-weight: 400;
  border-color: transparent;
}
.vweb-particle-copyright a:hover {
  color: #cd5b1b;
  border-color: #cd5b1b;
}
.vweb-particle-carousel {
  width: 100%;
}
.vweb-particle-carousel.carouselsize-standard {
  height: 720px;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-carousel.carouselsize-standard {
    height: 660px;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-carousel.carouselsize-standard {
    height: 560px;
  }
}
.vweb-particle-carousel.carouselsize-compact {
  height: 400px;
}
.vweb-particle-carousel.carouselsize-medium {
  height: 600px;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-carousel.carouselsize-medium {
    height: 560px;
  }
}
.vweb-particle-carousel.carouselsize-windowSize {
  height: calc(100vh - 140px);
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-carousel.carouselsize-windowSize {
    height: calc(100vh - 130px);
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-carousel.carouselsize-windowSize {
    height: calc(100vh - 118px);
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-carousel.carouselsize-windowSize {
    height: calc(100vh - 98px);
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-carousel.carouselsize-windowSize {
    height: calc(100vh - 84px);
  }
}
@media (min-width: 90rem) {
  .vweb-particle-carousel.carouselsize-windowSize {
    height: calc(100vh - 160px);
  }
}
.vweb-particle-carousel .carousel-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  height: 100%;
  width: 75rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-carousel .carousel-content {
    width: 60rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-carousel .carousel-content {
    width: 100%;
  }
}
@media (min-width: 100rem) {
  .vweb-particle-carousel .carousel-content {
    width: 90.625rem;
  }
}
.vweb-particle-carousel .carousel-content .carousel-content-area {
  position: relative;
  max-width: 60rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.vweb-particle-carousel .carousel-content .carousel-content-area h1, .vweb-particle-carousel .carousel-content .carousel-content-area h2, .vweb-particle-carousel .carousel-content .carousel-content-area h3, .vweb-particle-carousel .carousel-content .carousel-content-area h4, .vweb-particle-carousel .carousel-content .carousel-content-area h5, .vweb-particle-carousel .carousel-content .carousel-content-area .carousel-content-text, .vweb-particle-carousel .carousel-content .carousel-content-area a:not(.btn) {
  color: #ffffff;
  border-color: #ffffff;
}
.vweb-particle-carousel .carousel-content .carousel-content-area h1:hover, .vweb-particle-carousel .carousel-content .carousel-content-area h2:hover, .vweb-particle-carousel .carousel-content .carousel-content-area h3:hover, .vweb-particle-carousel .carousel-content .carousel-content-area h4:hover, .vweb-particle-carousel .carousel-content .carousel-content-area h5:hover, .vweb-particle-carousel .carousel-content .carousel-content-area .carousel-content-text:hover, .vweb-particle-carousel .carousel-content .carousel-content-area a:not(.btn):hover {
  border-color: transparent;
}
.vweb-particle-carousel .carousel-content .carousel-content-area h1, .vweb-particle-carousel .carousel-content .carousel-content-area h2, .vweb-particle-carousel .carousel-content .carousel-content-area h3 {
  margin: 0 0 0.5rem;
  line-height: 1.1;
}
.vweb-particle-carousel .carousel-content .carousel-content-area h1.big, .vweb-particle-carousel .carousel-content .carousel-content-area h2.big, .vweb-particle-carousel .carousel-content .carousel-content-area h3.big {
  font-size: 4rem;
  line-height: 1;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area h1.big, .vweb-particle-carousel .carousel-content .carousel-content-area h2.big, .vweb-particle-carousel .carousel-content .carousel-content-area h3.big {
    font-size: 3.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area h1.big, .vweb-particle-carousel .carousel-content .carousel-content-area h2.big, .vweb-particle-carousel .carousel-content .carousel-content-area h3.big {
    font-size: 2.75rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area h1.big, .vweb-particle-carousel .carousel-content .carousel-content-area h2.big, .vweb-particle-carousel .carousel-content .carousel-content-area h3.big {
    font-size: 2rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area h1 {
    font-size: 2rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area h2 {
    font-size: 1.5rem;
  }
}
.vweb-particle-carousel .carousel-content .carousel-content-area h2.d-sm-none {
  display: none;
}
.vweb-particle-carousel .carousel-content .carousel-content-area .content-title .subtitle {
  padding-bottom: 1rem;
}
.vweb-particle-carousel .carousel-content .carousel-content-area .carousel-content-text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area .carousel-content-text {
    font-size: 1rem;
  }
}
.vweb-particle-carousel .carousel-content .carousel-content-area .carousel-content-text.d-sm-none {
  display: none;
}
.vweb-particle-carousel .carousel-content .carousel-content-area .carousel-content-text p {
  margin-bottom: 2rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area .carousel-content-text p {
    margin: 0.625rem 0 1.5rem;
  }
}
.vweb-particle-carousel .carousel-content .carousel-content-area .carousel-content-text strong {
  color: #ffffff;
}
.vweb-particle-carousel .carousel-content .carousel-content-area.content-align-center {
  margin: 0 auto;
  align-items: center;
  text-align: center;
}
.vweb-particle-carousel .carousel-content .carousel-content-area.hero-searchmodule-active {
  padding-bottom: 10rem;
}
@media (max-width: 25rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area.hero-searchmodule-active {
    padding-bottom: 12rem;
  }
}
@media (max-width: 25rem) {
  .vweb-particle-carousel .carousel-content .carousel-content-area.hero-searchmodule-active .carousel-content-text {
    display: none;
  }
}
.vweb-particle-carousel .carousel-container, .vweb-particle-carousel .carousel, .vweb-particle-carousel .carousel-inner, .vweb-particle-carousel .carousel-item {
  height: 100%;
  width: 100%;
}
.vweb-particle-carousel .carousel-container {
  z-index: 1;
}
.vweb-particle-carousel .carousel-container .carousel .carousel-item .img-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
.vweb-particle-carousel .carousel-container .carousel .carousel-item .img-overlay.custom-pattern-overlay {
  background: url('../../images/pangenix-bg-pattern-min.png');
  background-repeat: no-repeat;
  background-size: 1800px;
  background-position: left top;
}
@media (min-width: 100rem) {
  .vweb-particle-carousel .carousel-container .carousel .carousel-item .img-overlay.custom-pattern-overlay {
    background-size: 100%;
  }
}
.vweb-particle-carousel .carousel-container .carousel .carousel-item .img-overlay::before {
  content: "";
  background: #2d4166;
  background: -webkit-linear-gradient(left, #2d4166 0%, rgba(45, 65, 102, 0.8827906162) 36%, rgba(45, 65, 102, 0) 100%);
  background: -o-linear-gradient(left, #2d4166 0%, rgba(45, 65, 102, 0.8827906162) 36%, rgba(45, 65, 102, 0) 100%);
  background: linear-gradient(to right, #2d4166 0%, rgba(45, 65, 102, 0.8827906162) 36%, rgba(45, 65, 102, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.7;
}
.vweb-particle-carousel .carousel-container .carousel .carousel-item .img-overlay::after {
  content: "";
  background: #2d4166;
  background: -webkit-linear-gradient(left, #2d4166 0%, #a1bf37 100%);
  background: -o-linear-gradient(left, #2d4166 0%, #a1bf37 100%);
  background: linear-gradient(to right, #2d4166 0%, #a1bf37 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.25;
}
.vweb-particle-carousel .carousel-container .carousel .carousel-item img {
  position: absolute;
  z-index: 1;
}
.vweb-particle-carousel .carousel-container .carousel .carousel-item img.kenburnseffectActive {
  animation: move 40s ease;
  /* Add infinite to loop. */
  -ms-animation: move 40s ease;
  -webkit-animation: move 40s ease;
  -0-animation: move 40s ease;
  -moz-animation: move 40s ease;
}
.vweb-particle-carousel .carousel-container .carousel button.arrows-none {
  display: none;
}
@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1);
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    -o-transform: scale(1.2);
    /* Opera */
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}
.vweb-particle-grid-blocks .gridblocks-container .row {
  margin-bottom: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-grid-blocks .gridblocks-container .row {
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-particle-grid-blocks .gridblocks-container .row.g-5 {
    --bs-gutter-x: 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-grid-blocks .gridblocks-container .row .col-12 {
    margin-top: 1.875rem;
  }
}
.vweb-particle-grid-blocks .gridblocks-container .row .grid-oneblock {
  margin-bottom: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-grid-blocks .gridblocks-container .row .grid-oneblock {
    margin-bottom: 0;
  }
}
.vweb-particle-grid-blocks .gridblocks-container .subtitle {
  padding-bottom: 1rem;
  font-family: "roboto slab", sans-serif;
  font-weight: 500;
  color: #799d1b;
  font-size: 1.125rem;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblocks-intro .subtitle {
  color: #799d1b;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblocks-intro p {
  max-width: 60rem;
  margin: 0 auto 2.5rem;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.5rem 2.5rem 2.5rem;
  border-radius: 1.5rem;
  position: relative;
  justify-content: flex-start;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item:not(.bg-none) {
  padding-top: 3rem;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item.buttonAreaActive {
  padding-bottom: 5.625rem;
  justify-content: flex-start;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-grid-blocks .gridblocks-container .gridblock-item.buttonAreaActive {
    padding-bottom: 8.625rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-grid-blocks .gridblocks-container .gridblock-item.buttonAreaActive.extraLinkInactive {
    padding-bottom: 5.625rem;
  }
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item .image-icon-container .image-icon-block {
  display: inline-block;
  padding: 1rem;
  border-radius: 50em;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item .image-icon-container .image-icon-block .image-color-white {
  filter: invert(1);
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item h2, .vweb-particle-grid-blocks .gridblocks-container .gridblock-item h3, .vweb-particle-grid-blocks .gridblocks-container .gridblock-item h4 {
  margin: 0 0 1rem;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item p {
  margin: 0 0 1.25rem;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item .buttonArea {
  gap: 1.25rem;
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  width: calc(100% - 5rem);
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-grid-blocks .gridblocks-container .gridblock-item .buttonArea {
    flex-direction: column;
    width: 100%;
    left: 0;
    grid-gap: 0.625rem;
    height: 6rem;
    justify-content: flex-end !important;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-grid-blocks .gridblocks-container .gridblock-item .buttonArea .btn {
    display: block;
    width: calc(100% - 5rem);
  }
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item.blockURLActive {
  padding: 0 !important;
  top: 0;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item.blockURLActive:hover {
  box-shadow: none;
  top: 0.5rem;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item.blockURLActive a {
  padding: 2.5rem;
  width: 100%;
  height: 100%;
}
.vweb-particle-grid-blocks .gridblocks-container .gridblock-item.blockURLActive:not(.bg-none) a {
  padding-top: 3rem;
}
.vweb-particle-grid-blocks .gridblocks-container .grid-threeblocks .gridblock-item {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.vweb-particle-grid-blocks .gridblocks-container .grid-threeblocks .gridblock-item p {
  line-height: 1.5;
  font-weight: 400;
}
.vweb-particle-partners .partners-container.grid-container {
  grid-gap: 1.25rem 2.5rem;
  margin: 0 auto;
}
@media only all and (min-width: 60rem) {
  .vweb-particle-partners .partners-container.grid-container.twoblocks {
    width: 30rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-partners .partners-container.grid-container.twoblocks {
    grid-template-columns: repeat(2, 1fr);
    width: 30rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-partners .partners-container.grid-container.twoblocks {
    width: auto;
  }
}
@media only all and (min-width: 60rem) {
  .vweb-particle-partners .partners-container.grid-container.threeblocks {
    width: 47.5rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-partners .partners-container.grid-container.threeblocks {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.25rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-particle-partners .partners-container.grid-container.fourblocks {
    width: 56rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-partners .partners-container.grid-container.fourblocks {
    width: 47.5rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-partners .partners-container.grid-container.fourblocks {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-partners .partners-container.grid-container.fourblocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-partners .partners-container.grid-container.fiveblocks {
    grid-template-columns: repeat(5, 1fr);
  }
}
.vweb-particle-partners .partners-container .partner-item a:hover img {
  transform: scale(1.125);
}
.vweb-particle-partners .partners-container .partner-item .partner-logo {
  display: flex;
  height: 140px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-partners .partners-container .partner-item .partner-logo {
    height: 100px;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-partners .partners-container .partner-item .partner-logo {
    height: 60px;
  }
}
.vweb-particle-partners .partners-container .partner-item .partner-logo img {
  width: auto;
  max-height: 100px;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-partners .partners-container .partner-item .partner-logo img {
    height: auto !important;
    max-height: 60px;
  }
}
.vweb-particle-product-pricing .productpricing-intro {
  max-width: 60rem;
  margin: 0 auto;
}
.vweb-particle-product-pricing .productpricing-container {
  margin: 0 auto;
  width: 100%;
}
.vweb-particle-product-pricing .productpricing-container.oneblock {
  max-width: 47.5rem;
}
.vweb-particle-product-pricing .productpricing-container.twoblocks {
  max-width: 60rem;
  grid-gap: 2.5rem;
}
.vweb-particle-product-pricing .productpricing-container.threeblocks {
  max-width: 75rem;
}
.vweb-particle-product-pricing .productpricing-container:not(.oneblock) .productpricing-item {
  position: relative;
  padding-bottom: 10rem;
}
.vweb-particle-product-pricing .productpricing-container:not(.oneblock) .pp-button {
  position: absolute;
  bottom: 3.5rem;
  width: calc(100% - 5.75rem);
}
.vweb-particle-product-pricing .productpricing-container .productpricing-item {
  justify-content: flex-start;
}
.vweb-particle-product-pricing .productpricing-container .productpricing-item.pp-featured {
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #a1bf37, #2d4166) border-box;
  border: 3px solid transparent;
}
.vweb-particle-product-pricing .productpricing-container hr {
  margin: 2rem 0;
}
.vweb-particle-product-pricing .productpricing-container .pp-info {
  position: relative;
  padding: 1.25rem 0;
}
.vweb-particle-product-pricing .productpricing-container .pp-info::before {
  content: "";
  background: url('../../images/pangenix-emblem-min.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  width: 160px;
  height: 134px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.vweb-particle-product-pricing .productpricing-container .pp-info p {
  line-height: 1.4;
}
.vweb-particle-product-pricing .productpricing-container .pp-price h3 {
  font-size: 2.5rem;
}
.vweb-particle-product-pricing .productpricing-container .pp-price .pp-price-subtext {
  font-size: 0.875rem;
  opacity: 0.8;
  display: block;
  padding-top: 0.25rem;
}
.vweb-particle-product-pricing .productpricing-container .pp-features-container .list-check {
  line-height: 1.4;
}
.vweb-particle-product-pricing .productpricing-container .pp-features-container .list-check li::before {
  top: -5px;
}
@media only all and (min-width: 48rem) {
  .vweb-particle-product-pricing .productpricing-container .pp-button .btn-lg {
    padding: 1.05rem 4rem;
  }
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-fullwidth-container {
  display: grid;
  grid-template-columns: 27.5rem auto;
  grid-gap: 5rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-fullwidth-container {
    grid-template-columns: 17.5rem auto;
    grid-gap: 2.5rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-fullwidth-container {
    grid-template-columns: 1fr;
    grid-gap: 1.25rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-main-image {
    justify-content: center;
  }
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-info {
  padding: 0;
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-info::before {
  content: none;
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-price {
  display: flex;
  align-items: flex-end;
  gap: 0.625rem;
  margin-bottom: 2.5rem;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-price {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding-top: 0.625rem;
  }
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-price h3 {
  font-size: 2rem;
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-features-container ul {
  border-top: 1px solid #dbdfe6;
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-features-container ul li {
  padding: 1.25rem 0 1.25rem 3.5rem;
  border-bottom: 1px solid #dbdfe6;
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-features-container ul li::before {
  top: 0.35rem;
  left: 0.625rem;
  height: auto;
  font-weight: 300;
}
.vweb-particle-product-pricing.productpricing-style-fullwidth .productpricing-container .pp-button {
  position: relative;
  bottom: auto;
  width: auto;
  padding-top: 2.5rem;
}
.vweb-particle-product-process .productprocess-container .grid-container {
  grid-gap: 0;
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps {
  background: #ffffff;
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps {
  padding: 5rem 3.75rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps {
    padding: 3.75rem 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps {
    padding: 3.75rem 2.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps {
    padding: 2.5rem 1.875rem;
  }
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step {
  display: grid;
  grid-template-columns: 6.25rem auto;
  grid-gap: 1.25rem;
  padding-bottom: 2.5rem;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step {
    grid-template-columns: 5rem auto;
  }
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step h4 .subtitle {
  font-size: 1rem;
  padding-bottom: 0.25rem;
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-icon {
  position: relative;
  height: 100px;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-icon {
    height: 5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-icon img {
    width: 80px;
    height: 80px;
  }
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-icon::after {
  content: "F";
  font-family: "pangenixMaterialSymbols";
  font-weight: normal;
  position: absolute;
  bottom: -36px;
  color: #ccd2dc;
  font-size: 1.25rem;
  transform: rotate(90deg);
  left: 50%;
  text-align: center;
  translate: -50%;
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-txt {
  padding-top: 0.625rem;
  line-height: 1.25;
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step:last-of-type {
  padding-bottom: 0;
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-steps .productprocess-steps .productprocess-step:last-of-type .pp-step-icon::after {
  content: none;
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-text {
  background: #94c021;
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-text .productprocess-text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3.75rem;
  color: #343c35;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-text .productprocess-text {
    padding: 3.75rem 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-text .productprocess-text {
    padding: 3.75rem 2.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-process .productprocess-container .grid-productprocess-text .productprocess-text {
    padding: 2.5rem 1.875rem;
  }
}
.vweb-particle-product-process .productprocess-container .grid-productprocess-text .productprocess-text p {
  margin-top: 0;
}
.vweb-particle-product-showcase .block-main .prodshowcase-container {
  grid-gap: 2.5rem;
  grid-template-columns: 20rem auto;
}
@media (min-width: 100rem) {
  .vweb-particle-product-showcase .block-main .prodshowcase-container {
    grid-template-columns: 30rem auto;
    grid-gap: 5rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase .block-main .prodshowcase-container {
    grid-template-columns: 1fr;
    grid-gap: 1.25rem;
  }
}
.vweb-particle-product-showcase .block-main .prodshowcase-container .grid-item {
  display: flex;
}
.vweb-particle-product-showcase .block-main .block-image {
  display: flex;
  align-items: center;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase .block-main .block-image {
    padding-right: 0;
    width: 100%;
    justify-content: center;
  }
}
.vweb-particle-product-showcase .block-main .block-image img {
  position: relative;
  left: -1.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase .block-main .block-image img {
    left: -2.5rem;
    height: 20rem;
    width: auto;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-image img {
    height: 15rem;
    left: -1.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase .block-main .block-image img {
    height: 12.5rem;
  }
}
.vweb-particle-product-showcase .block-main .block-text strong.productprice {
  font-size: 1.5rem;
  font-weight: 500;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text strong.productprice {
    font-size: 1.375rem;
    font-size: 1.25rem;
    line-height: 1;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase .block-main .block-text {
    max-width: none;
  }
}
.vweb-particle-product-showcase .block-main .block-text h1 .subtitle {
  color: #83aa1d;
  font-size: 1.5rem;
  padding-top: 0.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text h1 .subtitle {
    font-size: 1.375rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-price {
    line-height: 1.25;
    font-size: 0.75rem;
  }
}
.vweb-particle-product-showcase .block-main .block-text .prodshowcase-price strong.productprice {
  font-size: 1.5rem;
  font-weight: 500;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-price strong.productprice {
    font-size: 1.375rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-feature {
    padding: 1.25rem;
    line-height: 1.5;
    font-size: 0.875rem;
  }
}
.vweb-particle-product-showcase .block-main .block-text .prodshowcase-feature strong {
  font-weight: 500;
  font-size: 1.125rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-feature strong {
    font-size: 0.875rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-feature .list-check li {
    padding-left: 1.875rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-feature .list-check li::before {
    font-size: 1.75rem;
    width: 1.75rem;
    top: -3px;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-textextra {
    font-size: 0.875rem;
  }
}
.vweb-particle-product-showcase .block-main .block-text .block-footnote {
  font-size: 0.875rem;
  opacity: 0.8;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-custom-textblock {
    font-size: 0.875rem;
    display: grid;
    grid-template-columns: auto 10rem;
  }
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-custom-textblock .custom-textblock-img {
    position: relative;
    padding-top: 1.25rem;
  }
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-custom-textblock .custom-textblock-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-custom-textblock {
    grid-template-columns: 1fr;
    margin-bottom: 0.625rem;
  }
  .vweb-particle-product-showcase .block-main .block-text .prodshowcase-custom-textblock .custom-textblock-img {
    padding: 0;
    height: 10rem;
  }
}
.vweb-particle-product-showcase .product-promo-active .block-img-container {
  position: relative;
}
.vweb-particle-product-showcase .product-promo-active .product-promo-block {
  position: absolute;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #cd5b1b;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -1.25rem;
  top: -3.75rem;
  font-size: 0.875rem;
  z-index: 2;
}
.vweb-particle-product-showcase .product-promo-active .product-promo-block .promo-price {
  color: #ffffff;
  font-size: 2.5rem;
}
.vweb-particle-product-showcase.product-showcase-style1 .block-main .block-image {
  align-items: flex-start;
  padding-top: 2.5rem;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style1 .block-main .block-image img {
    left: -1.5rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block {
  width: 8rem;
  height: 8rem;
  top: -2.75rem;
  font-size: 0.75rem;
}
@media (min-width: 100rem) {
  .vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block {
    width: 10rem;
    height: 10rem;
    top: -3.75rem;
    font-size: 0.875rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block {
    right: auto;
    left: 50%;
    transform: translateX(50px);
    top: -2rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block {
    font-size: 0.625rem;
    width: 6.25rem;
    height: 6.25rem;
    top: -1rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block {
    transform: translateX(25px);
    width: 6rem;
    height: 6rem;
    top: -0.75rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block .promo-price {
  font-size: 2rem;
  padding-top: 0.5rem;
}
@media (min-width: 100rem) {
  .vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block .promo-price {
    font-size: 2.5rem;
    padding-top: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block .promo-price {
    font-size: 1.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style1 .product-promo-active .product-promo-block .promo-price {
    padding-top: 0.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style2, .vweb-particle-product-showcase.product-showcase-style3, .vweb-particle-product-showcase.product-showcase-style4 {
    padding: 1.5rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style2 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container {
  grid-gap: 1.25rem;
  grid-template-columns: 25rem auto;
}
@media only all and (min-width: 60rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container {
    grid-template-columns: 32.5rem auto;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .block-main .prodshowcase-container .block-img-container, .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-container .block-img-container, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container .block-img-container {
    display: none;
  }
}
.vweb-particle-product-showcase.product-showcase-style2 .block-main .block-text, .vweb-particle-product-showcase.product-showcase-style3 .block-main .block-text, .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text {
  line-height: 1.6;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .block-main .block-text .productprice-incl, .vweb-particle-product-showcase.product-showcase-style3 .block-main .block-text .productprice-incl, .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text .productprice-incl {
    display: block;
    font-size: 0.75rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style2 .block-main .block-image, .vweb-particle-product-showcase.product-showcase-style3 .block-main .block-image, .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-image {
  display: block;
}
.vweb-particle-product-showcase.product-showcase-style2 .block-main .block-image img, .vweb-particle-product-showcase.product-showcase-style3 .block-main .block-image img, .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-image img {
  padding-top: 4rem;
  height: auto;
  width: inherit;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .block-main .prodshowcase-custom-textblock .custom-textblock-img img, .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-custom-textblock .custom-textblock-img img, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-custom-textblock .custom-textblock-img img {
    position: relative;
    z-index: 1;
  }
  .vweb-particle-product-showcase.product-showcase-style2 .block-main .prodshowcase-custom-textblock .product-promo-block, .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-custom-textblock .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-custom-textblock .product-promo-block {
    width: 6rem;
    height: 6rem;
    font-size: 0.625rem;
    top: -0.75rem;
  }
  .vweb-particle-product-showcase.product-showcase-style2 .block-main .prodshowcase-custom-textblock .product-promo-block .promo-price, .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-custom-textblock .product-promo-block .promo-price, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-custom-textblock .product-promo-block .promo-price {
    font-size: 1.5rem;
    padding-top: 0;
  }
}
.vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
  width: 8.75rem;
  height: 8.75rem;
  right: auto;
  left: 0;
  top: -2rem;
  font-size: 0.75rem;
  z-index: auto;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
    width: 6rem;
    height: 6rem;
    font-size: 0.625rem;
    top: -0.75rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
    left: 50%;
    transform: translateX(-125px);
    top: 0;
    width: 6.5rem;
    height: 6.25rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .product-promo-block .promo-price, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block .promo-price, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block .promo-price {
  font-size: 2rem;
  padding-top: 0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .product-promo-block .promo-price, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block .promo-price, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block .promo-price {
    font-size: 1.5rem;
    padding-top: 0;
  }
}
.vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .product-promo-block .promo-text, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block .promo-text, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block .promo-text {
  letter-spacing: 0.25px;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .custom-textblock-img, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .custom-textblock-img, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-img {
    padding-top: 3.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .custom-textblock-text, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .custom-textblock-text, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-text {
    order: 2;
  }
  .vweb-particle-product-showcase.product-showcase-style2 .product-promo-active .block-main .custom-textblock-img, .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .custom-textblock-img, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-img {
    order: 1;
    padding-top: 1.25rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container {
  grid-template-columns: 30rem auto;
}
@media only all and (min-width: 75rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container {
    grid-template-columns: 40rem auto;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container {
    grid-template-columns: 25rem auto;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .block-main .prodshowcase-container, .vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container {
    grid-template-columns: 1fr;
  }
}
.vweb-particle-product-showcase.product-showcase-style3 .block-main .block-text, .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text {
  line-height: 1.75;
}
.vweb-particle-product-showcase.product-showcase-style3 .block-main .block-image img, .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-image img {
  padding-top: 2.5rem;
}
.vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
  top: -2.5rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
    top: -1.75rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
    top: 0;
    left: -1.25rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
    top: -0.25rem;
    left: 0.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .product-promo-block, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
    left: 50%;
    top: 0;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .block-image img, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .block-image img {
    padding-top: 4rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .block-image img, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .block-image img {
    padding-top: 6rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .custom-textblock-img, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-img {
    padding-top: 4rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style3 .product-promo-active .block-main .custom-textblock-img, .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-img {
    padding-top: 1.25rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main {
  position: relative;
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-main-title {
  font-size: 2rem;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-main-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 25rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-main-title {
    font-size: 1.375rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .prodshowcase-container {
  grid-template-columns: 1fr;
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text {
  line-height: 1.5;
  padding-right: 12.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text {
    padding-right: 0;
  }
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text .productprice-incl {
  font-size: 0.875rem;
  margin-top: -0.25rem;
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text .prodshowcase-feature {
  line-height: 1.6;
  font-size: 0.875rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text .prodshowcase-feature {
    padding: 0;
  }
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text .prodshowcase-feature strong {
  font-size: 0.875rem;
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text .prodshowcase-feature .list-check > li {
  line-height: 1.4;
  padding-top: 0;
  padding-left: 1.875rem;
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text .prodshowcase-feature .list-check > li::before {
  font-size: 1.5rem;
  left: 0;
  height: 2.5rem;
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .block-main .block-text .prodshowcase-custom-textblock {
    grid-template-columns: auto 8.5rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-img-container {
  position: absolute;
  right: -2.25rem;
  bottom: -0.625rem;
}
.vweb-particle-product-showcase.product-showcase-style4 .block-main .block-image img {
  width: 16.25rem;
}
.vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
  left: auto;
  right: 0.5rem;
  top: -2.75rem;
}
@media only all and (min-width: 75rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
    top: -4.25rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block {
    right: 1rem;
    top: -0.75rem;
  }
}
.vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .product-promo-block .promo-price {
  padding-top: 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-img {
    padding-top: 4.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-img {
    padding-top: 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-img .product-promo-block {
    right: -0.5rem;
    top: -0.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-product-showcase.product-showcase-style4 .product-promo-active .block-main .custom-textblock-img .product-promo-block {
    right: auto;
    left: 50%;
    transform: translateX(-120px);
    top: 0;
  }
}
.vweb-particle-product-showcase.bg-color-grey-2 .prodshowcase-feature {
  background: #dbdfe6;
}
.vweb-particle-product-showcase.bg-color-grey-2 .prodshowcase-feature .list-check li::before {
  color: #83aa1d;
}
.vweb-particle-list-items .list-items-container .subtitle {
  padding-bottom: 1rem;
}
.vweb-particle-list-items .list-items-container .listitems-intro {
  padding-bottom: 1.25rem;
}
.vweb-particle-list-items .list-items-container .listitems-intro .subtitle {
  color: #94c021;
}
.vweb-particle-list-items .list-items-container .listitems-intro p {
  max-width: 60rem;
  margin: 0 auto 2.5rem;
}
.vweb-particle-list-items .list-items-container .listitems-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  border-radius: 1.5rem;
  position: relative;
  justify-content: center;
  margin: 0.625rem 0 1.25rem;
}
.vweb-particle-list-items .list-items-container .listitems-item > div:not(.bg-none) {
  padding: 2.5rem 2.5rem 2.5rem;
}
.vweb-particle-list-items .list-items-container .listitems-item.buttonAreaActive {
  padding-bottom: 5.625rem;
  justify-content: flex-start;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-list-items .list-items-container .listitems-item.buttonAreaActive {
    padding-bottom: 8.625rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-list-items .list-items-container .listitems-item.buttonAreaActive.extraLinkInactive {
    padding-bottom: 5.625rem;
  }
}
.vweb-particle-list-items .list-items-container .listitems-item .list-item.imageIcon-active {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 1.25rem;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-list-items .list-items-container .listitems-item .list-item.imageIcon-active {
    grid-auto-flow: unset;
    grid-gap: unset;
  }
}
.vweb-particle-list-items .list-items-container .listitems-item .image-icon-container .image-icon-block {
  display: inline-block;
  padding: 1.25rem;
  border-radius: 50em;
}
.vweb-particle-list-items .list-items-container .listitems-item .image-icon-container .image-icon-block .image-color-white {
  filter: invert(1);
}
.vweb-particle-list-items .list-items-container .listitems-item h2, .vweb-particle-list-items .list-items-container .listitems-item h3, .vweb-particle-list-items .list-items-container .listitems-item h4 {
  margin: 0 0 1rem;
}
.vweb-particle-list-items .list-items-container .listitems-item p {
  margin: 0 0 1.25rem;
}
@media only all and (max-width: 30rem) {
  .vweb-particle-list-items .list-items-container .listitems-item p {
    line-height: 1.6;
  }
}
.vweb-particle-list-items .list-items-container .listitems-item .buttonArea {
  gap: 1.25rem;
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  width: calc(100% - 5rem);
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-list-items .list-items-container .listitems-item .buttonArea {
    flex-direction: column;
    width: 100%;
    left: 0;
    grid-gap: 0.625rem;
    height: 6rem;
    justify-content: flex-end !important;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-list-items .list-items-container .listitems-item .buttonArea .btn {
    display: block;
    width: calc(100% - 5rem);
  }
}
.vweb-particle-list-items .list-items-container .listitems-item.blockURLActive {
  padding: 0 !important;
  top: 0;
}
.vweb-particle-list-items .list-items-container .listitems-item.blockURLActive:hover {
  box-shadow: none;
  top: 0.5rem;
}
.vweb-particle-list-items .list-items-container .listitems-item.blockURLActive a {
  padding: 2.5rem;
  width: 100%;
  height: 100%;
}
.vweb-particle-list-items .list-items-container .listitems-item.blockURLActive:not(.bg-none) a {
  padding-top: 3rem;
}
.vweb-particle-medication-list .medication-list-container {
  margin-bottom: 1.25rem;
}
@media only all and (min-width: 60rem) {
  .vweb-particle-medication-list .medication-list-container {
    margin-bottom: 2.5rem;
  }
}
.vweb-particle-medication-list .list-medications {
  border-top: 1px solid #ccd2dc;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-medication-list .list-medications {
    border: none;
  }
}
.vweb-particle-medication-list .list-medications li {
  border-bottom: 1px solid #ccd2dc;
  padding: 0.375rem 0;
  display: grid;
  grid-template-columns: 20rem 20rem auto;
  grid-gap: 1.25rem;
  line-height: 1.4;
  padding: 0.5rem 0;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-medication-list .list-medications li {
    grid-template-columns: 15rem 15rem auto;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-particle-medication-list .list-medications li {
    grid-template-columns: 12rem 12rem auto;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-medication-list .list-medications li {
    grid-template-columns: 1fr;
    grid-gap: 0;
    border: 1px solid #bdc4d1;
    padding: 1.25rem;
    padding-left: 0.625rem;
    margin-bottom: 0.625rem;
    border-radius: 0.8125rem;
  }
}
.vweb-particle-medication-list .list-medications li > div {
  display: flex;
  align-items: flex-start;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-medication-list .list-medications li > div {
    margin-bottom: 0.25rem;
  }
}
.vweb-particle-medication-list .list-medications li span {
  padding: 0.25rem 0;
  display: inline-block;
  line-height: 1.4;
}
.vweb-particle-medication-list .list-medications li span.medication {
  padding: 0.25rem 0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-medication-list .list-medications li span.medication {
    color: #343c35;
  }
}
.vweb-particle-medication-list .list-medications li span.medication.marked-knmp-advice {
  background: #c0e463;
  border-radius: 6px;
}
@media only all and (min-width: 48rem) {
  .vweb-particle-medication-list .list-medications li .med-item-title {
    display: none;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-medication-list .list-medications li .med-brand, .vweb-particle-medication-list .list-medications li .med-desc {
    font-size: 0.875rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-medication-list .list-medications li .med-brand, .vweb-particle-medication-list .list-medications li .med-desc {
    display: grid;
    grid-template-columns: 6.25rem auto;
    padding-left: 0.625rem;
  }
}
.vweb-particle-medication-list .list-med-heading {
  display: grid;
  grid-template-columns: 20rem 20rem auto;
  grid-gap: 1.25rem;
  line-height: 1.4;
  padding: 0.5rem 0;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-medication-list .list-med-heading {
    grid-template-columns: 15rem 15rem auto;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-particle-medication-list .list-med-heading {
    grid-template-columns: 12rem 12rem auto;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-medication-list .list-med-heading {
    display: none;
  }
}
.vweb-particle-accordion {
  margin-bottom: 3.75rem;
}
.vweb-particle-accordion .acc-main-title {
  margin-bottom: 1.25rem;
}
.vweb-particle-accordion .accordion {
  border-top: 1px solid #b9c3ba;
  border-bottom: 1px solid #b9c3ba;
}
.vweb-particle-accordion .accordion-item {
  background: none;
  border-color: #b9c3ba;
}
.vweb-particle-accordion .accordion-item .accordion-header {
  margin: 0;
  font-family: "roboto slab", sans-serif;
}
.vweb-particle-accordion .accordion-item .accordion-button, .vweb-particle-accordion .accordion-item .accordion-button:focus {
  background: none;
  padding: 1.25rem 3.75rem;
  white-space: normal;
  box-shadow: unset;
  color: #343c35;
  position: relative;
  line-height: 1.2;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-accordion .accordion-item .accordion-button, .vweb-particle-accordion .accordion-item .accordion-button:focus {
    padding-right: 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-accordion .accordion-item .accordion-button, .vweb-particle-accordion .accordion-item .accordion-button:focus {
    padding-right: 1.25rem;
  }
}
.vweb-particle-accordion .accordion-item .accordion-button::before, .vweb-particle-accordion .accordion-item .accordion-button:focus::before {
  content: "";
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  color: #94c021;
  font-size: 2rem;
  position: absolute;
  top: 0.75rem;
  left: 0.875rem;
}
.vweb-particle-accordion .accordion-item .accordion-button.collapsed::before, .vweb-particle-accordion .accordion-item .accordion-button:focus.collapsed::before {
  content: "";
}
.vweb-particle-accordion .accordion-item .accordion-button::after, .vweb-particle-accordion .accordion-item .accordion-button:focus::after {
  content: none;
}
.vweb-particle-accordion .accordion-item .accordion-body {
  padding: 0 3.75rem 2.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-accordion .accordion-item .accordion-body {
    padding-right: 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-accordion .accordion-item .accordion-body {
    padding-right: 1.25rem;
  }
}
.vweb-particle-accordion .acc-arrow-up {
  display: flex;
  justify-content: flex-end;
  padding: 1rem 0 0.25rem;
}
.vweb-particle-img-text-block .block-main .grid-container {
  grid-gap: 0;
}
.vweb-particle-img-text-block .block-main .grid-container .grid-item {
  display: flex;
  align-items: center;
}
.vweb-particle-img-text-block .block-main .grid-container .grid-item.block-img-container {
  justify-content: flex-end;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .block-main .grid-container .grid-item.block-img-container {
    justify-content: center;
  }
}
.vweb-particle-img-text-block .block-main .block-image {
  padding-right: 5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .block-main .block-image {
    padding-right: 0;
  }
}
.vweb-particle-img-text-block .block-main .block-text {
  max-width: 37.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .block-main .block-text {
    max-width: none;
  }
}
.vweb-particle-img-text-block .block-main .block-text .block-footnote {
  font-size: 0.875rem;
  opacity: 0.8;
}
.vweb-particle-img-text-block .imgtxt-block-style2 {
  padding-top: 0 !important;
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .grid-container .grid-item.block-img-container {
  align-items: flex-start;
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .grid-container .grid-item.block-txt-container {
  align-items: flex-start;
  background: #ffffff;
  height: auto;
  border-bottom-right-radius: 2.75rem;
  margin-bottom: 2.5rem;
}
@media only all and (min-width: 60rem) {
  .vweb-particle-img-text-block .imgtxt-block-style2 .block-main .grid-container .grid-item.block-txt-container {
    position: relative;
    left: -12rem;
    top: 5rem;
    width: calc(100% + 12rem);
    min-height: 420px;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style2 .block-main .grid-container .grid-item.block-txt-container {
    margin-bottom: 0;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-image {
  height: 31.25rem;
  margin-bottom: -5rem;
  padding: 0;
  margin-right: 5rem;
  background: #ffffff;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-image {
    margin: 0;
    max-height: 25rem;
    width: 100%;
    border-top-left-radius: 2.75rem;
    overflow: hidden;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-image {
    height: 20rem;
    margin: 0;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text {
  max-width: none;
  padding: 5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text {
    padding: 2.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text {
    padding: 1.875rem;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text p {
  margin-top: 0;
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text .blockimgtxt-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text .blockimgtxt-wrapper {
    flex-direction: column;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text .blockimgtxt-wrapper.blockimg-position-center {
  flex-direction: column;
}
.vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text .blockimgtxt-wrapper.blockimg-position-img-right {
  flex-direction: row-reverse;
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style2 .block-main .block-text .blockimgtxt-wrapper.blockimg-position-img-right {
    flex-direction: column-reverse;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style3 .block-main {
  position: relative;
}
.vweb-particle-img-text-block .imgtxt-block-style3 .block-main .grid-container {
  grid-template-columns: auto 50rem;
  direction: rtl;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .grid-container {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 100rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .grid-container {
    grid-template-columns: auto 58.75rem;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style3 .block-main .grid-container .grid-item.block-img-container {
  justify-content: flex-start;
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .grid-container .grid-item.block-img-container {
    order: 2;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .grid-container .grid-item.block-txt-container {
    order: 1;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-image {
  z-index: 3;
  background: #ffffff;
  padding: 0;
}
@media only all and (min-width: 60rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-image {
    position: absolute;
    right: 0;
    width: 30rem;
    height: 30rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-image {
    width: 25rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-image {
    width: 100%;
    height: 25rem;
    border-bottom-right-radius: 2.75rem;
    overflow: hidden;
  }
}
@media (min-width: 100rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-image {
    width: 41.25rem;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
}
.vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-text {
  direction: ltr;
  background: #ffffff;
  width: 100%;
  max-width: none;
  min-height: 42.5rem;
  padding: 7.5rem 12rem 7.5rem 3.75rem;
  border-top-left-radius: 2.75rem;
  position: relative;
  z-index: 2;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-text {
    padding: 5rem 20rem 5rem 3rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-text {
    padding: 5rem 3.75rem;
    min-height: unset;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-text {
    padding: 3.75rem 2.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-text {
    padding: 2.5rem 1.875rem;
  }
}
@media (min-width: 100rem) {
  .vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-text {
    padding-right: 16.25rem;
  }
}
.vweb-particle-img-text-block .imgtxt-block-style3 .block-main .block-text::after {
  content: "";
  width: 100%;
  height: 2.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #96c121;
  background-image: url('../../images/pangenix-style-green-min.webp');
  background-repeat: no-repeat;
  background-position: left;
}
.vweb-pangenix-theme a, .vweb-pangenix-theme a:before, .vweb-pangenix-theme a:after, .vweb-pangenix-theme a i, .vweb-pangenix-theme a span, .vweb-pangenix-theme button, .vweb-pangenix-theme button.carousel-control-prev, .vweb-pangenix-theme button.carousel-control-next, .vweb-pangenix-theme img, .vweb-pangenix-theme h3, .vweb-pangenix-theme h4, .vweb-pangenix-theme #buttonToTop, .vweb-pangenix-theme .g-menu-item-container, .vweb-pangenix-theme .g-menu-item-content, .vweb-pangenix-theme #g-navigation .item-button, .vweb-pangenix-theme #g-navigation .item-home, .vweb-pangenix-theme input, .vweb-pangenix-theme label, .vweb-pangenix-theme label::before, .vweb-pangenix-theme .blockURLActive, .vweb-pangenix-theme .g-main-nav .g-toplevel > li .g-menu-item-container, .vweb-pangenix-theme .g-menu-parent-indicator::after, .vweb-pangenix-theme .tool-tip, .vweb-pangenix-theme .tool-tip svg, .vweb-pangenix-theme .tooltiptext, .vweb-pangenix-theme #prod-features-list {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme .g-container {
    width: 90.625rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme #g-main .platform-content {
    padding: 0;
  }
  .vweb-pangenix-theme #g-main .platform-content > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .vweb-pangenix-theme #g-main .platform-content > .row > .col {
    padding: 0;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme [class*="size-"] {
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.vweb-pangenix-theme #g-feature.section-fullwidth {
  padding: 0;
}
.vweb-pangenix-theme #g-feature.section-fullwidth > .g-container {
  width: 100%;
}
.vweb-pangenix-theme .grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.25rem;
}
.vweb-pangenix-theme .grid-container.oneblock {
  grid-template-columns: repeat(1, 1fr);
}
.vweb-pangenix-theme .grid-container.twoblocks {
  grid-template-columns: repeat(2, 1fr);
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .grid-container.twoblocks {
    grid-template-columns: repeat(1, 1fr);
  }
}
.vweb-pangenix-theme .grid-container.threeblocks {
  grid-template-columns: repeat(3, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme .grid-container.threeblocks {
    grid-template-columns: repeat(2, 1fr);
  }
  .vweb-pangenix-theme .grid-container.threeblocks .grid-item:nth-child(3n+3) {
    grid-column: span 2;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .grid-container.threeblocks {
    grid-template-columns: repeat(1, 1fr);
  }
}
.vweb-pangenix-theme .grid-container.fourblocks {
  grid-template-columns: repeat(4, 1fr);
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .grid-container.fourblocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .grid-container.fourblocks {
    grid-template-columns: repeat(1, 1fr);
  }
}
.vweb-pangenix-theme .grid-container.fiveblocks {
  grid-template-columns: repeat(5, 1fr);
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .grid-container.fiveblocks {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .grid-container.fiveblocks {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .grid-container.fiveblocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
.vweb-pangenix-theme .grid-container.sixblocks {
  grid-template-columns: repeat(6, 1fr);
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .grid-container.sixblocks {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .grid-container.sixblocks {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .grid-container.sixblocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
.vweb-pangenix-theme .grid-container.small-gap {
  grid-gap: 0.625rem;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .grid-container.large-gap {
    grid-gap: 2.5rem;
  }
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.page-layout-half #g-container-main > .g-container > .g-grid > .g-block.size-65, .vweb-pangenix-theme.page-layout-half #g-container-main > .g-container > .g-grid > .g-block.size-35 {
    flex: 0 50%;
    width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-layout-half #g-container-main > .g-container > .g-grid > .g-block.size-65, .vweb-pangenix-theme.page-layout-half #g-container-main > .g-container > .g-grid > .g-block.size-35 {
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.vweb-pangenix-theme #g-container-main, .vweb-pangenix-theme #g-feature-twocolumns {
  background: #ffffff;
  position: relative;
}
.vweb-pangenix-theme #g-container-main::before, .vweb-pangenix-theme #g-feature-twocolumns::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2d4166;
  background: -webkit-linear-gradient(left, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  background: -o-linear-gradient(left, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  background: linear-gradient(to right, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  opacity: 0.2;
}
.vweb-pangenix-theme #g-container-main > .g-container, .vweb-pangenix-theme #g-feature-twocolumns > .g-container {
  position: relative;
  z-index: 2;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme #g-container-main > .g-container > .g-grid > .g-block.size-65, .vweb-pangenix-theme #g-feature-twocolumns > .g-container > .g-grid > .g-block.size-65 {
    flex: 0 60%;
    width: 60%;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme #g-container-main > .g-container > .g-grid > .g-block.size-35, .vweb-pangenix-theme #g-feature-twocolumns > .g-container > .g-grid > .g-block.size-35 {
    flex: 0 40%;
    width: 40%;
  }
}
.vweb-pangenix-theme [class*="maxwidth-"] {
  margin: 0 auto;
}
.vweb-pangenix-theme .maxwidth-75rem {
  max-width: 75rem;
}
.vweb-pangenix-theme .maxwidth-60rem {
  max-width: 60rem;
}
.vweb-pangenix-theme .maxwidth-48rem {
  max-width: 48rem;
}
.vweb-pangenix-theme .maxwidth-30rem {
  max-width: 30rem;
}
.vweb-pangenix-theme.g-error main {
  display: none;
}
.vweb-pangenix-theme.g-error .hero-404 .carousel-content-area h1.big {
  font-size: 10rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-error .hero-404 .carousel-content-area h1.big {
    font-size: 8rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-terms #g-container-main .g-block.size-65 {
    order: 2;
  }
}
.vweb-pangenix-theme.page-healthcare-providers #g-featurearticles {
  background: #ffffff;
  position: relative;
}
.vweb-pangenix-theme.page-healthcare-providers #g-featurearticles::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2d4166;
  background: -webkit-linear-gradient(top left, rgba(45, 65, 102, 0.2) 0%, #2d4166 100%);
  background: -o-linear-gradient(top left, rgba(45, 65, 102, 0.2) 0%, #2d4166 100%);
  background: linear-gradient(to bottom right, rgba(45, 65, 102, 0.2) 0%, #2d4166 100%);
  opacity: 0.2;
  z-index: 1;
}
.vweb-pangenix-theme.page-healthcare-providers #g-featurearticles > .g-container {
  position: relative;
  z-index: 2;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-healthcare-providers #g-showcasegradient {
    padding: 5rem 0;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-healthcare-providers #g-showcasegradient .showcase-image {
    padding-bottom: 2.5rem;
  }
}
.vweb-pangenix-theme.page-healthcare-providers #g-showcasegradient .showcase-image .mod-custom {
  width: 100%%;
  height: 20rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-healthcare-providers #g-showcasegradient .showcase-image .mod-custom {
    position: absolute;
    width: 35%;
    top: 0;
    right: 1.563rem;
    height: 100%;
  }
}
.vweb-pangenix-theme.page-healthcare-providers #g-showcasegradient .showcase-image .mod-custom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  border-top-left-radius: 2.75rem;
  border-bottom-right-radius: 2.75rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-requestform #g-container-main {
    padding-bottom: 0;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-requestform #g-container-main #g-main {
    padding-bottom: 0;
  }
}
.vweb-pangenix-theme.page-requestform .requestdnapaspoort-form .formContainer {
  padding: 2.5rem;
  background: #ffffff;
  border-radius: 1.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-requestform .requestdnapaspoort-form .formContainer {
    position: relative;
    border-radius: 0;
    padding: 0;
  }
  .vweb-pangenix-theme.page-requestform .requestdnapaspoort-form .formContainer::before {
    content: "";
    background: #ffffff;
    border-radius: 1.5rem;
    width: calc(100% + 5rem);
    height: calc(100% + 2.5rem);
    position: absolute;
    left: -2.5rem;
    z-index: -1;
  }
}
.vweb-pangenix-theme.page-eligibilityquery.view-eligibility #g-container-main #g-main > .g-grid:first-of-type .platform-content {
  box-shadow: none;
  background: none;
  padding: 0;
}
.vweb-pangenix-theme.page-eligibilityquery .quickscanquery-form {
  padding: 4rem 7.5rem 6rem;
  border-radius: 1.5rem;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.15);
  box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.15);
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-eligibilityquery .quickscanquery-form {
    padding: 2.5rem 2rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-eligibilityquery .quickscanquery-form {
    padding: 2rem 1.25rem;
  }
}
.vweb-pangenix-theme.page-eligibilityquery .quickscanquery-form > h2 {
  font-size: 2rem;
  padding-left: 2.5rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-eligibilityquery .quickscanquery-form > h2 {
    font-size: 1.5rem;
    padding-left: 0;
  }
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme.page-eligibilityquery .quickscanquery-form .formContainer {
    padding: 2.5rem;
    border-radius: 1.5rem;
    background-color: #edeff3;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-eligibilityquery .quickscanquery-form .formContainer > .row > div {
    padding-left: 0;
  }
}
.vweb-pangenix-theme.page-eligibilityquery .medprofile-form-container {
  padding-bottom: 2.5rem;
}
.vweb-pangenix-theme.page-eligibilityquery .medprofile-form-container .form-nav {
  height: 3.75rem;
  position: relative;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-eligibilityquery .medprofile-form-container .form-nav {
    height: auto;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-eligibilityquery .medprofile-form-container .form-nav .mpform-nav-prev {
    position: relative !important;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-eligibilityquery .medprofile-form-container .form-nav #yes_medication .btn-blue {
    width: 100%;
    text-align: center;
  }
}
.vweb-pangenix-theme #g-hero {
  position: relative;
  background: #0a0a0a;
}
.vweb-pangenix-theme #g-hero .dl-contact address {
  font-style: normal;
}
.vweb-pangenix-theme #g-hero .dl-contact a {
  border-color: transparent;
}
.vweb-pangenix-theme #g-hero .dl-contact a:hover {
  border-color: #ffffff;
}
.vweb-pangenix-theme #g-hero .product-carousel-hero .carousel-content-area {
  justify-content: flex-start;
  padding-top: 7.5rem;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme #g-hero .product-carousel-hero .carousel-content-area {
    max-width: 47.5rem;
    padding-top: 0;
    justify-content: center;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-hero .product-carousel-hero .carousel-content-area {
    padding-top: 6.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme #g-hero .product-carousel-hero .carousel-content-area {
    padding-top: 3.75rem;
  }
}
.vweb-pangenix-theme.view-article .article-info {
  margin-top: 0;
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #bdc4d1;
}
.vweb-pangenix-theme.view-article .article-info dd {
  margin: 0;
}
.vweb-pangenix-theme.view-article .article-info dd > span {
  display: none;
}
.vweb-pangenix-theme.view-article .com-content-article .float-end {
  display: none;
}
.vweb-pangenix-theme.view-article .com-content-article ol {
  padding-left: 2.5rem;
}
.vweb-pangenix-theme.view-article .com-content-article ol li {
  line-height: 1.5;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.vweb-pangenix-theme.view-article .com-content-article ol li::marker {
  color: #87af1e;
}
.vweb-pangenix-theme.view-article .com-content-article ul {
  margin-left: 2.5rem;
}
.vweb-pangenix-theme.view-article .com-content-article ul li {
  line-height: 1.5;
  padding-bottom: 0.5rem;
}
.vweb-pangenix-theme.view-article .com-content-article ul li::marker {
  color: #87af1e;
}
.vweb-pangenix-theme.view-article .com-content-article .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.vweb-pangenix-theme.view-article .com-content-article .list-check {
  margin: 0;
}
.vweb-pangenix-theme.view-article .com-content-article .list-check li {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0.5rem 0 0.5rem 3rem;
}
.vweb-pangenix-theme.view-article .com-content-article .list-check li::before {
  content: "";
  font-family: "Material Symbols Outlined";
  font-weight: 200;
  color: #94c021;
  font-size: 2.5rem;
  width: 2.5rem;
  height: 70px;
  position: absolute;
  left: -4px;
  top: -14px;
}
.vweb-pangenix-theme.view-article .com-content-article .list-check li p {
  margin: 0.5rem 0;
  line-height: 1.65;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content .page-header h1 {
  font-size: 2.5rem;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content .com-content-article__body h2 {
  font-size: 1.75rem;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content .com-content-article__body h3 {
  font-size: 1.5rem;
  margin-bottom: -0.5rem;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content .com-content-article__body h3.h4 {
  font-size: 1.25rem;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content .com-content-article__body h4 {
  font-size: 1.25rem;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-centered .article-main-content > div {
  max-width: 60rem;
  margin: 0 auto;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-centered .article-main-content > div.blog-article-feature-image {
  max-width: none;
  margin-bottom: 2.5rem;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-centered .page-header h1 {
  font-size: 2.5rem;
  text-align: center;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-centered .page-header h1 {
    font-size: 2rem;
  }
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-centered .article-info {
  text-align: center;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default h1 {
  line-height: 1;
  font-size: 1.5rem;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default h1 {
    font-size: 2rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default h1 {
    font-size: 2.5rem;
  }
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default .article-main {
    padding-right: 3.75rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default .article-main {
    padding-right: 5rem;
  }
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default .com-content-article__body {
  position: relative;
  padding-bottom: 5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default .com-content-article__body {
    margin-bottom: 2.5rem;
  }
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default .com-content-article__body::before {
  content: "";
  background: #ffffff;
  position: absolute;
  top: -7.5rem;
  left: -2.5rem;
  width: calc(100% + 5rem);
  height: calc(100% + 7.5rem);
  z-index: -1;
}
.vweb-pangenix-theme.view-article .com-content-article.blog-article-content.blog-article-default .com-content-article__body::after {
  content: "";
  width: calc(100% + 5rem);
  height: 2.5rem;
  position: absolute;
  bottom: 0;
  left: -2.5rem;
  background-color: #96c121;
  background-image: url('../../images/pangenix-style-green-min.webp');
  background-repeat: no-repeat;
  background-position: left;
}
.vweb-pangenix-theme.view-article .com-content-article.content-simple-article .article-info {
  display: none;
}
.vweb-pangenix-theme #g-newsletter {
  background: #2d4166;
  background: -webkit-linear-gradient(left, #2d4166 0%, #a1bf37 100%);
  background: -o-linear-gradient(left, #2d4166 0%, #a1bf37 100%);
  background: linear-gradient(to right, #2d4166 0%, #a1bf37 100%);
  color: #ffffff;
  padding: 3.5rem 0 2rem;
  position: relative;
}
.vweb-pangenix-theme #g-newsletter::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../../images/pangenix-bg-pattern-min.png');
  background-repeat: no-repeat;
  background-size: 1800px;
  background-position: left top;
  opacity: 0.5;
  z-index: 1;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme #g-newsletter::before {
    background-size: 100%;
  }
}
.vweb-pangenix-theme #g-newsletter > .g-container {
  position: relative;
  z-index: 2;
}
.vweb-pangenix-theme #g-newsletter h2 {
  color: #ffffff;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module {
  max-width: 47.5rem;
  margin: 0 auto;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module h1, .vweb-pangenix-theme #g-newsletter .newsletter-form-module h2, .vweb-pangenix-theme #g-newsletter .newsletter-form-module h3, .vweb-pangenix-theme #g-newsletter .newsletter-form-module h4, .vweb-pangenix-theme #g-newsletter .newsletter-form-module h5 {
  color: #ffffff;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .row .col-md-7, .vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .row .col-md-8 {
  padding-right: 0;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .row .col-md-3, .vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .row .col-md-2 {
  padding-left: 0;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .row:last-of-type {
  display: none;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-intro-text {
  padding-bottom: 0.5rem;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-email > label {
  display: none;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-email input {
  border: none;
  border-radius: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  height: 3.5rem;
  padding-left: 2rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-email input {
    border-radius: 30px;
  }
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-submit .btn {
  padding-left: 0;
  padding-right: 0.5rem;
  width: 100%;
  height: 3.5rem;
  font-size: 1.125rem;
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-submit .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-submit .btn:hover {
  background: #2d4166;
  border-color: #2d4166;
  color: #ffffff;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-privacy-consent label {
  font-family: "kanit", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  padding-left: 1.5rem;
  position: relative;
  margin-left: 0.5rem;
  line-height: 1.4;
  margin-top: 0.5rem;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-privacy-consent input[type=checkbox] + label:before, .vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-privacy-consent input[type=checkbox] + span:before {
  font-size: 1.125rem;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: -1px;
}
.vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-privacy-consent input[type=checkbox] + label:hover, .vweb-pangenix-theme #g-newsletter .newsletter-form-module .form-newsletter .rsform-block-privacy-consent input[type=checkbox]:checked + label {
  color: #ffffff;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.view-category.page-blog .blog .blog-items {
    grid-gap: 2.5rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme.view-category.page-blog .blog .blog-items {
    grid-template-columns: 1fr 1fr;
  }
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item {
  position: relative;
  padding-bottom: 4.75rem;
  justify-content: flex-start;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item figure {
  height: 15rem;
  margin-top: 0;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item figure a {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: #ffffff;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item figure a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.9;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item figure a:hover img {
  transform: scale(1.125);
  opacity: 1;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item .item-content {
  padding: 0 2rem 0.625rem;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item .page-header h2 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item .article-info {
  font-size: 0.875rem;
  margin-top: 0;
  display: none;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item .article-info dd > span {
  display: none;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item p {
  margin-top: 0;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item p.readmore {
  position: absolute;
  bottom: 1.125rem;
  left: 2rem;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item p.readmore .btn {
  color: #0a0a0a;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #2d4166, #a1bf37) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  padding: 0.5rem 1.25rem;
  font-size: 1rem;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item p.readmore .btn:hover {
  color: #0a0a0a;
  background: #94c021;
  border-color: #94c021;
}
.vweb-pangenix-theme.view-category.page-blog .blog .blog-item p.readmore .btn span {
  display: none;
}
.vweb-pangenix-theme.view-category.page-research .blog .blog-items {
  grid-gap: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #bdc4d1;
}
.vweb-pangenix-theme.view-category.page-research .blog .blog-item {
  display: grid;
  grid-template-columns: 1fr;
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #bdc4d1;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.view-category.page-research .blog .blog-item {
    grid-template-columns: 20rem auto;
  }
}
.vweb-pangenix-theme.view-category.page-research .blog .blog-item .item-content {
  padding: 1.25rem 0 0;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.view-category.page-research .blog .blog-item .item-content {
    padding: 0 2rem 0.625rem;
  }
}
.vweb-pangenix-theme.view-category.page-research .blog .blog-item figure {
  margin-bottom: 0;
  height: 17.5rem;
}
.vweb-pangenix-theme.view-category.page-research .blog .blog-item .page-header h2 {
  font-size: 2rem;
}
.vweb-pangenix-theme.view-category.page-research .blog .blog-item p.readmore {
  position: relative;
  bottom: auto;
  left: 0;
  margin: 0;
}
.vweb-pangenix-theme.view-article.page-blog #g-main {
  padding-top: 0;
}
.vweb-pangenix-theme.view-article.page-blog figure {
  margin: 0;
  background: #ffffff;
  text-align: center;
}
.vweb-pangenix-theme.view-article.page-blog figure img {
  opacity: 0.9;
}
.vweb-pangenix-theme.view-article.page-blog .blog-article-feature-image {
  margin-bottom: 2.5rem;
}
.vweb-pangenix-theme.view-article.page-blog .blog-tags-container {
  padding-top: 1.25rem;
  border-top: 1px solid #bdc4d1;
}
.vweb-pangenix-theme.view-article.page-blog .blog-tags-container ul {
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.view-article.page-blog .blog-article-sidebar {
    padding-top: 2.5rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container {
    grid-gap: 2.5rem;
  }
}
.vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item {
  position: relative;
  padding-bottom: 6rem;
  border-radius: 1.5rem;
  border: 1px solid #dbdfe6;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item {
    padding-bottom: 1.875rem;
  }
}
.vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .item-image {
  height: 17.5rem;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .item-image a {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: #ffffff;
  background: rgba(45, 65, 102, 0.2);
}
.vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .item-image a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.8;
}
.vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .item-image a:hover img {
  transform: scale(1.125);
  opacity: 1;
}
.vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .readmore {
  position: absolute;
  bottom: 1.5rem;
  left: 2rem;
  padding-bottom: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .readmore {
    position: relative;
    bottom: auto;
    left: 1.875rem;
    padding: 0.625rem 0;
  }
}
.vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .item-content h3 {
  margin-left: 2rem;
  margin-right: 2rem;
  font-size: 1.25rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .item-content h3 {
    margin-left: 1.875rem;
    margin-right: 1.875rem;
  }
}
.vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .item-content p {
  margin: 1rem 2rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .vweb-mod-blogfeed .blogfeed-container .blogfeed-item .item-content p {
    margin: 1rem 1.875rem;
  }
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container {
  grid-gap: 2.5rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container {
    grid-gap: 5rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 75rem) and (max-width: 99.938rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container {
    grid-gap: 2.5rem;
  }
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .item-image {
  height: 410px;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 75rem) and (max-width: 99.938rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .item-image {
    height: 470px;
  }
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .item-image a {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: #ffffff;
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .item-image a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.85;
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .item-image a:hover img {
  transform: scale(1.125);
  opacity: 1;
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-featured {
  padding-bottom: 2rem;
  border-bottom: 1px solid #bdc4d1;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-featured {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-featured .item-content p {
  margin-top: 0.5rem;
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .researchfeed-item {
  margin-bottom: 2.5rem;
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content {
  display: grid;
  grid-template-columns: 160px auto;
  grid-gap: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content {
    grid-template-columns: 120px auto;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content {
    grid-template-columns: 90px auto;
    grid-gap: 1rem;
  }
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content .item-image {
  height: 110px;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content .item-image {
    height: 120px;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content .item-image {
    height: 90px;
  }
}
@media (min-width: 75rem) and (max-width: 99.938rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content .item-image {
    height: 130px;
  }
}
.vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content h3 {
  font-size: 1.375rem;
  margin-top: 0.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content h3 {
    margin-top: 0;
  }
}
@media (min-width: 75rem) and (max-width: 99.938rem) {
  .vweb-pangenix-theme .vweb-mod-researchfeed .researchfeed-container .researchfeed-list .item-content h3 {
    font-size: 1.25rem;
  }
}
.vweb-pangenix-theme .tags .btn-info {
  border: 2px solid transparent;
  background: #b9c3ba;
}
.vweb-pangenix-theme .tags .btn-info:hover {
  background: #ffffff;
}
.vweb-pangenix-theme.page-blog .pagination__wrapper .pagination {
  align-items: center;
  justify-content: center;
  font-family: "kanit", sans-serif;
  padding-top: 2.5rem;
  margin-top: 2.5rem;
  border-top: 1px dashed #b9c3ba;
}
.vweb-pangenix-theme.page-blog .pagination__wrapper .pagination .page-link {
  background: none;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
}
.vweb-pangenix-theme.page-blog .pagination__wrapper .pagination li a {
  background: none;
  border: none;
  color: #0a0a0a;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.page-blog .pagination__wrapper .pagination li a:hover {
    color: #5197b9;
  }
}
.vweb-pangenix-theme.page-blog .pagination__wrapper .pagination li.page-item.active .page-link {
  background: #2d4166;
  color: #ffffff;
}
.vweb-pangenix-theme.page-blog .pagination__wrapper .pagination li.disabled {
  opacity: 0.5;
}
.vweb-pangenix-theme .testimonial-container {
  grid-gap: 2.5rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .testimonial-container {
    grid-gap: 2.5rem 5rem;
  }
}
.vweb-pangenix-theme .testimonial-item {
  padding: 2.5rem 4rem 1.5rem;
  justify-content: flex-start;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .testimonial-item {
    padding: 2.5rem 1.875rem 1.5rem;
    font-size: 0.875rem;
  }
}
.vweb-pangenix-theme .testimonial-item .item-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  padding: 2.5rem 0 7.5rem;
  height: 100%;
}
.vweb-pangenix-theme .testimonial-item .item-content .testimonial-quote {
  position: relative;
}
.vweb-pangenix-theme .testimonial-item .item-content .testimonial-quote::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -46px;
  width: 33px;
  height: 33px;
  background-image: url('../../images/pangenix-quote_start-min.png');
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  opacity: 0.8;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .testimonial-item .item-content .testimonial-quote::before {
    left: -10px;
  }
}
.vweb-pangenix-theme .testimonial-item .item-content .testimonial-quote p {
  margin: 0;
  position: relative;
  z-index: 2;
}
.vweb-pangenix-theme .testimonial-item .item-content .testimonial-author {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5.5rem;
  padding-top: 0.9375rem;
  border-top: 2px solid #e7ebe7;
  width: 100%;
  line-height: 1.4;
}
.vweb-pangenix-theme .testimonial-item .item-content .testimonial-author::before {
  content: "";
  position: absolute;
  background: url('../../images/pangenix-emblem-min.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  width: 80px;
  height: 67px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.vweb-pangenix-theme .testimonial-item .item-content .testimonial-author h3 {
  font-size: 1rem;
}
.vweb-pangenix-theme .testimonial-item .item-content .testimonial-author h3 span {
  color: #343b34;
  font-size: 1rem;
  font-weight: 500;
}
.vweb-pangenix-theme .testimonial-item .item-content .testimonial-author .testimonial-author-jobtitle {
  font-size: 0.875rem;
  opacity: 0.75;
  font-family: "kanit", sans-serif;
  font-weight: 300;
}
.vweb-pangenix-theme.page-testimonials .blog-testimonials .grid-container {
  grid-gap: 2.5rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-testimonials .blog-testimonials .grid-container {
    grid-gap: 2.5rem 5rem;
  }
}
.vweb-pangenix-theme.page-testimonials .blog-testimonials .testimonial-item {
  padding: 2.5rem 4rem 1.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-testimonials .blog-testimonials .testimonial-item {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0.625rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-testimonials .blog-testimonials .testimonial-item {
    padding: 2.5rem 1.875rem 1.5rem;
    font-size: 0.875rem;
  }
}
.vweb-pangenix-theme.page-testimonials .blog-testimonials .testimonial-item .testimonial-item-image {
  display: flex;
  align-items: center;
  display: none;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-testimonials .blog-testimonials .testimonial-item .testimonial-item-image {
    justify-content: center;
    padding: 0.5rem 0;
  }
}
.vweb-pangenix-theme.page-testimonials .blog-testimonials .testimonial-item .item-image {
  margin: 0;
  width: 160px;
  height: 160px;
  border-radius: 80px;
  border: 6px solid #ffffff;
  -webkit-box-shadow: 0px 8px 22px 4px rgba(44, 53, 61, 0.1);
  box-shadow: 0px 8px 22px 4px rgba(44, 53, 61, 0.1);
}
.vweb-pangenix-theme.page-testimonials .blog-testimonials .testimonial-item .item-image img {
  filter: grayscale(1);
}
.vweb-pangenix-theme.page-testimonials .blog-testimonials .testimonial-item .item-content .page-header {
  display: none;
}
.vweb-pangenix-theme #g-reviews {
  padding: 3.75rem 0;
}
.vweb-pangenix-theme #g-reviews .testimonial-feed {
  max-width: 48rem;
  margin: 0 auto;
  text-align: center;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme #g-reviews .testimonial-feed {
    max-width: inherit;
    width: 100%;
  }
}
.vweb-pangenix-theme #g-reviews .testimonial-feed .carousel .carousel-indicators {
  margin: 0;
}
.vweb-pangenix-theme #g-reviews .testimonial-feed .carousel .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: transparent;
  border: 2px solid #94c021;
  opacity: 1;
  margin-right: 4px;
  margin-left: 4px;
}
.vweb-pangenix-theme #g-reviews .testimonial-feed .carousel .carousel-indicators [data-bs-target].active {
  background-color: #94c021;
}
.vweb-pangenix-theme #g-reviews .testimonial-feed .carousel .testimonial-item .item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 25rem;
  padding-bottom: 1.25rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme #g-reviews .testimonial-feed .carousel .testimonial-item .item-content {
    min-height: 28rem;
  }
}
.vweb-pangenix-theme #g-reviews .testimonial-feed .carousel .testimonial-item .item-content .testimonial-quote {
  top: -1.25rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme #g-reviews .testimonial-feed .carousel .testimonial-item .item-content .testimonial-quote {
    top: 0.7rem;
  }
}
.vweb-pangenix-theme #g-breadcrumbs .g-content {
  padding-bottom: 0;
}
.vweb-pangenix-theme .breadcrumb {
  background: none;
  font-size: 0.875rem;
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .breadcrumb {
    padding-top: 0 !important;
    font-size: 0.75rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .breadcrumb > li {
    padding: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.125rem;
  }
}
.vweb-pangenix-theme .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  color: #94c021;
  padding-right: 0.25rem;
  font-size: 1.25rem;
  position: relative;
  top: -0.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0;
  }
}
.vweb-pangenix-theme .breadcrumb a {
  color: #2d4166;
  border-color: #2d4166;
}
.vweb-pangenix-theme .breadcrumb a:hover {
  border-color: transparent;
}
.vweb-pangenix-theme .breadcrumb .breadcrumb-item.active span {
  position: relative;
  max-width: 25rem;
  overflow: hidden;
  height: 1.5rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .breadcrumb .breadcrumb-item.active span {
    max-width: 10rem;
  }
}
#kit-product .number {
  display: flex;
  align-items: center;
}
#kit-product .number > span, #kit-product .number > input {
  height: 2.75rem;
}
#kit-product .number > span {
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #dbdfe6;
  color: #0a0a0a;
  cursor: pointer;
}
#kit-product .number > span.minus {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
#kit-product .number > span.plus {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
#kit-product .number input {
  border-radius: 0;
  text-align: center;
  width: 5rem;
  border-color: #dbdfe6;
}
.vweb-pangenix-theme .sidebarCart {
  width: 100%;
  visibility: visible;
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme .sidebarCart {
    width: 640px;
  }
}
.vweb-pangenix-theme .sidebarCart .offcanvas-header {
  padding: 5rem 2.5rem 0;
}
.vweb-pangenix-theme .sidebarCart .offcanvas-header .offcanvas-title {
  font-size: 2.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .sidebarCart .offcanvas-header .offcanvas-title {
    font-size: 2rem;
  }
}
.vweb-pangenix-theme .sidebarCart .offcanvas-header .btn-close {
  opacity: 1;
  margin-right: 0;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .sidebarCart .offcanvas-header .btn-close:hover {
    opacity: 0.5;
  }
}
.vweb-pangenix-theme .sidebarCart .offcanvas-body {
  padding: 2.5rem 3rem;
  position: relative;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .sidebarCart .offcanvas-body {
    padding: 2.25rem 2.5rem;
  }
}
.vweb-pangenix-theme .sbcart-product-container, .vweb-pangenix-theme .checkoutcart-product-container {
  display: grid;
  grid-template-columns: 10rem auto;
  border-top: 1px solid #dbdfe6;
  grid-gap: 1.25rem;
  min-height: 10rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .sbcart-product-container, .vweb-pangenix-theme .checkoutcart-product-container {
    grid-template-columns: 1fr;
  }
}
.vweb-pangenix-theme .sbcart-product-container .prod-image, .vweb-pangenix-theme .checkoutcart-product-container .prod-image {
  background: rgba(106, 150, 80, 0.25);
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .sbcart-product-container .prod-image, .vweb-pangenix-theme .checkoutcart-product-container .prod-image {
    display: none;
  }
}
.vweb-pangenix-theme .sbcart-product-container .prod-content, .vweb-pangenix-theme .checkoutcart-product-container .prod-content {
  position: relative;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-main, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-main {
  position: relative;
  padding-right: 2rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-main, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-main {
    padding-right: 0;
  }
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-main .prod-remove, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-main .prod-remove {
  background: none;
  color: #cd5b1b;
  position: absolute;
  right: 0;
  top: 1.25rem;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-name, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-name {
  font-family: "roboto slab", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  padding-top: 1.25rem;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-desc, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-desc {
  font-size: 0.875rem;
  line-height: 1.4;
  padding-top: 0.25rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .sbcart-product-container .prod-content .prod-desc, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-desc {
    margin-bottom: 0.5rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .sbcart-product-container .prod-content .prod-price, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-price {
    margin: 0;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .sbcart-product-container .prod-content .prod-price, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-price {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price {
  display: grid;
  grid-template-columns: auto 5rem;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #343c35;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change input, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change input {
  border: none;
  width: 2.5rem;
  text-align: center;
  font-family: "roboto slab", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 0 0.25rem 0.25rem;
  height: 2.5rem;
  margin: 0.25rem;
  line-height: 1;
  box-shadow: unset;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change input:active, .vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change input:focus, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change input:active, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change input:focus {
  background: #eaecf0;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change input::-webkit-outer-spin-button, .vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change input::-webkit-inner-spin-button, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change input::-webkit-outer-spin-button, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change input[type=number], .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change input[type=number] {
  -moz-appearance: textfield;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change .number span, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change .number span {
  font-size: 0.875rem;
  color: #0a0a0a;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  border: 2px solid #dbdfe6;
  cursor: pointer;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change .number span:hover, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change .number span:hover {
    border-color: #bdc4d1;
  }
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-amount-change .number span i, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-amount-change .number span i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.vweb-pangenix-theme .sbcart-product-container .prod-content .prod-data-price .prod-price, .vweb-pangenix-theme .checkoutcart-product-container .prod-content .prod-data-price .prod-price {
  text-align: right;
}
.vweb-pangenix-theme .sbcart-product-submit {
  border-top: 1px solid #dbdfe6;
}
@media (min-height: 60rem) {
  .vweb-pangenix-theme .sbcart-product-submit {
    position: absolute;
    width: calc(100% - 6rem);
    bottom: 5rem;
  }
}
.vweb-pangenix-theme .sbcart-product-submit .sbcart-prod-submit-prices .sbcart-product-prices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  color: #343c35;
  padding: 0.625rem 0 2.5rem;
  line-height: 1.1;
}
.vweb-pangenix-theme .sbcart-product-submit .sbcart-prod-submit-prices .sbcart-product-prices dt, .vweb-pangenix-theme .sbcart-product-submit .sbcart-prod-submit-prices .sbcart-product-prices dd {
  padding: 0.25rem 0;
}
.vweb-pangenix-theme .sbcart-product-submit .sbcart-prod-submit-prices .sbcart-product-prices dt {
  font-weight: 400;
}
.vweb-pangenix-theme .sbcart-product-submit .sbcart-prod-submit-prices .sbcart-product-prices dd {
  text-align: right;
}
.vweb-pangenix-theme .sbcart-product-submit .sbcart-prod-submit-prices .sbcart-product-prices .prod-price-total {
  font-weight: 600;
  font-size: 1.25rem;
  padding-top: 1.25rem;
}
.vweb-pangenix-theme .sbcart-product-submit .sbcart-prod-submit-prices .sbcart-product-prices .prod-price-total em {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  padding-top: 0.375rem;
}
.vweb-pangenix-theme .sbcart-product-submit .btn.btn-sbcart {
  width: 100%;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .sbcart-product-submit .btn.btn-sbcart {
    padding: 0.85rem 2rem 1.2rem;
  }
}
.vweb-pangenix-theme .sbcart-product-submit .btn.btn-sbcart i {
  font-size: 1.25rem;
  position: relative;
  top: 0.25rem;
  padding-left: 0.25rem;
}
.vweb-pangenix-theme.view-checkout #g-header {
  z-index: 9993;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.view-checkout #g-main {
    padding-bottom: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .com-dnaprofile h1 {
    font-size: 1.75rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkout-goback {
  font-size: 0.875rem;
}
.vweb-pangenix-theme .com-dnaprofile .checkout-goback a {
  border-color: transparent;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.vweb-pangenix-theme .com-dnaprofile .checkout-goback a i {
  font-size: 1rem;
}
.vweb-pangenix-theme .com-dnaprofile .heading-container {
  border-bottom: 1px solid #b9c3ba;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile .heading-container {
    padding-top: 0 !important;
    margin-bottom: 0.625rem !important;
  }
}
.vweb-pangenix-theme .com-dnaprofile .heading-container .heading-secure {
  font-size: 0.875rem;
  text-align: right;
}
.vweb-pangenix-theme .com-dnaprofile .heading-container .heading-secure i {
  font-size: 1rem;
  color: #94c021;
  position: relative;
  top: 2px;
}
.vweb-pangenix-theme .com-dnaprofile .checkout-form legend {
  width: 100%;
  position: relative;
}
.vweb-pangenix-theme .com-dnaprofile .checkout-form legend h2 {
  font-size: 1.5rem;
  border-bottom: 1px solid #b9c3ba;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkout-form legend h2 {
    font-size: 1.25rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkout-form legend .note-required {
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkout-form .checkoutform-footer {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkout-form .checkoutform-footer {
    left: 0;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkout-form .checkoutform-footer .control-group {
  margin: 0;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkout-form .checkoutform-footer .control-group {
    order: 2;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkout-form .checkoutform-footer .control-group {
    padding: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkout-form .checkoutform-footer .control-group .btn {
    font-size: 1.125rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkout-form .checkoutform-footer .checkout-goback-col {
    order: 1;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkout-form .checkoutform-footer .checkout-goback {
  display: none !important;
}
.vweb-pangenix-theme .com-dnaprofile .passwordcontainer {
  border-bottom: 1px solid #b9c3ba;
  padding-bottom: 2rem;
  border: 1px solid #b9c3ba;
  padding: 0 2rem 2.5rem;
  border-radius: 1.5rem;
  border-top-left-radius: 0;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-product-container {
    grid-template-columns: 1fr;
    grid-gap: 0.625rem;
    min-height: inherit;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-product-container {
    grid-template-columns: 1fr;
    grid-gap: 0.625rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-product-container {
    padding-top: 0 !important;
    min-height: inherit;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-product-container .prod-image img {
    width: 100px;
    height: 100px;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-product-container .prod-image img {
    width: 100px;
    height: 100px;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-product-container .prod-data-main {
    padding-right: 0;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-product-container .prod-name em {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  color: #6d7077;
  margin-left: 0.25rem;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features ul > li {
  padding: 0.25rem 0 0.625rem 1.875rem;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features ul > li {
    font-size: 0.8125rem;
    padding: 0.15rem 0 0.5rem 1.5rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features ul > li::before {
  font-size: 1.5rem;
  width: 1.75rem;
  top: -2px;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features ul > li::before {
    font-size: 1.25rem;
    width: 1.5rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block {
  position: relative;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .prod-featureslist-title {
  margin-bottom: 0.375rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .prod-featureslist-title {
    font-size: 0.875rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .toggle-prod-featureslist {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2rem;
  width: auto;
  cursor: pointer;
  z-index: 2;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .toggle-prod-featureslist {
    position: relative;
    padding-left: 0.25rem;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .toggle-prod-featureslist::before {
  content: "Bekijk de lijst";
  font-size: 1rem;
  font-family: "kanit", sans-serif;
  font-weight: 500;
  color: #343b34;
  padding-right: 0.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .toggle-prod-featureslist::before {
    content: none;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .toggle-prod-featureslist:after {
  content: "R";
  font-family: "pangenixMaterialSymbols";
  font-style: normal;
  font-weight: normal;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #94c021;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  padding-top: 3px;
  top: 3px;
  position: relative;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .toggle-prod-featureslist.show::before {
  content: "Verberg";
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .toggle-prod-featureslist.show::before {
    content: none;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block .toggle-prod-featureslist.show::after {
  content: "Q";
  padding-top: 0;
  top: 0;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block #prod-features-list {
  opacity: 1;
  height: 19rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block #prod-features-list {
    height: 21rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block #prod-features-list {
    height: auto;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block #prod-features-list {
    height: auto;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block #prod-features-list {
    height: 18rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block #prod-features-list.list-hide {
  opacity: 0;
  height: 0;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block.show-list {
  display: none;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block.show-list {
    display: block;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block.list-hidden {
  display: block;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-features .prod-features-block.list-hidden {
    display: none;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container {
  border-top: 1px solid #dbdfe6;
  background: #ffffff;
  position: relative;
  z-index: 1;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container .checkoutcart-product-prices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  color: #343c35;
  padding: 0.625rem 0;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container .checkoutcart-product-prices {
    padding-bottom: 1.25rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container .checkoutcart-product-prices dt {
  font-weight: 400;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container .checkoutcart-product-prices dd {
  text-align: right;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container .checkoutcart-product-prices .prod-price-total {
  font-weight: 600;
  font-size: 1.25rem;
  padding-top: 1.25rem;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container .checkoutcart-product-prices .prod-price-total em {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
}
.vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container .small {
  line-height: 1.25;
  padding-top: 0.625rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile .checkoutcart-prod-prices-container .small {
    font-size: 0.75rem;
    padding-top: 0;
    padding-bottom: 0.25rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout {
    padding-bottom: 7.5rem;
    position: relative;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout {
    padding-bottom: 6.5rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile.checkout .grid-container {
  grid-gap: 2.5rem;
}
.vweb-pangenix-theme .com-dnaprofile.checkout .grid-container.heading-container {
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.25rem;
}
.vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  height: 100%;
}
.vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper {
  padding: 2.5rem;
  margin-left: 3.75rem;
  position: sticky;
  top: 2.5rem;
  top: 10rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper {
    margin-left: 0;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper {
    margin-left: 0;
    padding: 1rem 2.5rem 1rem;
    border: 1px solid #dbdfe6;
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100%;
    padding-top: 1rem;
    border-radius: unset;
    -webkit-box-shadow: 0px 8px 30px 14px rgba(45, 65, 102, 0.12);
    box-shadow: 0px 8px 30px 14px rgba(45, 65, 102, 0.12);
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper {
    padding: 0.5rem 1rem 0.5rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container .link-to-checkout {
  display: none;
}
.vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container i.checkoutcart-icon {
  display: none;
  background: #94c021;
  color: #0a0a0a;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container i.checkoutcart-icon {
    display: block;
    font-size: 1.25rem;
    margin-right: 0.5rem;
    position: absolute;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.75rem;
    background: #94c021;
    box-shadow: 0px -1px 1px 0px #dbdfe6;
    left: 1.25rem;
    top: -2.5rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container i.checkoutcart-icon::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1rem;
    font-style: normal;
    color: #94c021;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container i.checkoutcart-icon {
    left: -0.75rem;
    top: -3.25rem;
    font-size: 1.5rem;
    width: 3.25rem;
    height: 3.25rem;
    left: 0.75rem;
    top: -2rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container i.checkoutcart-icon::after {
  color: #0a0a0a;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container {
    margin-bottom: 0.625rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container::before {
    font-family: "pangenixicons";
    font-weight: normal;
    font-size: 1.25rem;
    margin-right: 0.5rem;
    position: absolute;
    top: -3.75rem;
    left: -1.125rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.75rem;
    background: #ffffff;
    box-shadow: 0px -1px 1px 0px #dbdfe6;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container .link-to-checkout {
    display: inline-block;
    float: right;
    padding: 0.25rem;
    font-size: 1rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container .link-to-checkout a {
    font-family: "roboto slab", sans-serif;
  }
}
@media only all and (max-width: 59.99rem) and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container::before {
    left: -0.75rem;
    top: -3.25rem;
    font-size: 1.5rem;
    width: 3.25rem;
    height: 3.25rem;
  }
}
.vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-title-container .checkoutcart-title {
  color: #343b34;
  font-weight: 500;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-product-container {
    min-height: unset;
    grid-template-columns: 1fr;
    margin-bottom: 0.625rem !important;
    padding-top: 0.625rem !important;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-image {
    padding: 0.625rem;
    display: none;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-image img {
    width: 60px;
    height: 60px;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-content {
    position: relative;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-content .prod-data-main {
    padding-right: 3.25rem;
    padding-bottom: 0.25rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-content .prod-name {
    padding-top: 0.25rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-content p {
    margin: 0;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-content p.prod-desc {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-content .prod-name em {
    font-size: 0.75rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-content p {
    font-size: 0.875rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .prod-content .prod-desc {
    display: none;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-prod-prices-container {
    padding-top: 0.75rem !important;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-product-prices {
    font-size: 1rem;
    line-height: 1.4;
    padding: 0 0 1.25rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-product-prices dt:first-of-type {
    display: none;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-product-prices dd:first-of-type {
    position: absolute;
    right: 2.5rem;
    top: auto;
    bottom: 8rem;
    display: none;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-product-prices .prod-price-total {
    padding-top: 0;
    font-size: 1rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-product-prices {
    grid-template-columns: 9.5rem auto;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper .checkoutcart-product-prices dd:first-of-type {
    bottom: auto;
    top: 4.5rem;
    right: 1.25rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.fixme {
    width: 495px;
    width: 30.9375rem;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.fixme {
    width: 620px;
    width: 38.75rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.fixme {
    width: 435px;
    width: 27.1875rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.closed {
    height: 0;
    padding: 0;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.closed > div, .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.closed .checkoutcart-title-container > span {
    opacity: 0;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.closed .checkoutcart-title-container .checkoutcart-icon {
    top: -4.5rem;
    left: 0.5rem;
    z-index: 99999;
    width: 4rem;
    height: 4rem;
    border: 2px solid #aeb7c7;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.closed .checkoutcart-title-container .checkoutcart-icon::before {
    position: relative;
    top: 4px;
    font-size: 1.75rem;
  }
  .vweb-pangenix-theme .com-dnaprofile.checkout .checkoutcart .checkoutcart-wrapper.closed .checkoutcart-title-container .checkoutcart-icon::after {
    content: "";
    bottom: auto;
    top: 6px;
  }
}
.vweb-pangenix-theme.page-checkout #g-page-surround {
  overflow: visible;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-checkout #g-page-surround {
    padding-bottom: 14rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-checkout #g-page-surround {
    padding-bottom: 11rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-checkout #g-footerbottom-totop .footerbottom-totop .button-totop.show {
    bottom: 15rem;
    display: none;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-checkout #g-footerbottom-totop .footerbottom-totop .button-totop.show {
    bottom: 12.5rem;
  }
}
.vweb-pangenix-theme.page-checkout .checkout .pg-payment-methods {
  gap: 0.3rem;
}
.vweb-pangenix-theme.page-checkout .checkout .pg-payment-methods a {
  width: 100%;
  height: 100%;
}
.vweb-pangenix-theme.page-checkout .checkout .pg-payment-methods .payment-method {
  display: flex;
  width: 3.5rem;
  height: 2.5rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-checkout .cc-revoke {
    z-index: 1;
  }
}
.vweb-pangenix-theme.page-order-successful .order-successful-message, .vweb-pangenix-theme.page-order-successful .order-notification-message, .vweb-pangenix-theme.page-order-notification .order-successful-message, .vweb-pangenix-theme.page-order-notification .order-notification-message {
  position: relative;
  margin-top: 7.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-order-successful .order-successful-message, .vweb-pangenix-theme.page-order-successful .order-notification-message, .vweb-pangenix-theme.page-order-notification .order-successful-message, .vweb-pangenix-theme.page-order-notification .order-notification-message {
    margin-top: 5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-order-successful .order-successful-message, .vweb-pangenix-theme.page-order-successful .order-notification-message, .vweb-pangenix-theme.page-order-notification .order-successful-message, .vweb-pangenix-theme.page-order-notification .order-notification-message {
    margin-top: 3rem;
  }
}
.vweb-pangenix-theme.page-order-successful .order-successful-message .block, .vweb-pangenix-theme.page-order-successful .order-notification-message .block, .vweb-pangenix-theme.page-order-notification .order-successful-message .block, .vweb-pangenix-theme.page-order-notification .order-notification-message .block {
  padding: 0 5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-order-successful .order-successful-message .block, .vweb-pangenix-theme.page-order-successful .order-notification-message .block, .vweb-pangenix-theme.page-order-notification .order-successful-message .block, .vweb-pangenix-theme.page-order-notification .order-notification-message .block {
    padding: 0 3rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-order-successful .order-successful-message .block, .vweb-pangenix-theme.page-order-successful .order-notification-message .block, .vweb-pangenix-theme.page-order-notification .order-successful-message .block, .vweb-pangenix-theme.page-order-notification .order-notification-message .block {
    padding: 0 2.5rem;
  }
}
.vweb-pangenix-theme.page-order-successful .order-successful-message .order-success-icon, .vweb-pangenix-theme.page-order-successful .order-successful-message .order-notification-success-icon, .vweb-pangenix-theme.page-order-successful .order-successful-message .order-notification-info-icon, .vweb-pangenix-theme.page-order-successful .order-notification-message .order-success-icon, .vweb-pangenix-theme.page-order-successful .order-notification-message .order-notification-success-icon, .vweb-pangenix-theme.page-order-successful .order-notification-message .order-notification-info-icon, .vweb-pangenix-theme.page-order-notification .order-successful-message .order-success-icon, .vweb-pangenix-theme.page-order-notification .order-successful-message .order-notification-success-icon, .vweb-pangenix-theme.page-order-notification .order-successful-message .order-notification-info-icon, .vweb-pangenix-theme.page-order-notification .order-notification-message .order-success-icon, .vweb-pangenix-theme.page-order-notification .order-notification-message .order-notification-success-icon, .vweb-pangenix-theme.page-order-notification .order-notification-message .order-notification-info-icon {
  position: absolute;
  top: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.vweb-pangenix-theme.page-order-successful .order-successful-message .order-success-icon i, .vweb-pangenix-theme.page-order-successful .order-successful-message .order-notification-success-icon i, .vweb-pangenix-theme.page-order-successful .order-successful-message .order-notification-info-icon i, .vweb-pangenix-theme.page-order-successful .order-notification-message .order-success-icon i, .vweb-pangenix-theme.page-order-successful .order-notification-message .order-notification-success-icon i, .vweb-pangenix-theme.page-order-successful .order-notification-message .order-notification-info-icon i, .vweb-pangenix-theme.page-order-notification .order-successful-message .order-success-icon i, .vweb-pangenix-theme.page-order-notification .order-successful-message .order-notification-success-icon i, .vweb-pangenix-theme.page-order-notification .order-successful-message .order-notification-info-icon i, .vweb-pangenix-theme.page-order-notification .order-notification-message .order-success-icon i, .vweb-pangenix-theme.page-order-notification .order-notification-message .order-notification-success-icon i, .vweb-pangenix-theme.page-order-notification .order-notification-message .order-notification-info-icon i {
  font-size: 4rem;
  color: #94c021;
  background: #ffffff;
  border-radius: 50%;
  width: 6.5rem;
  height: 6.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.vweb-pangenix-theme.page-order-successful .order-successful-message h1, .vweb-pangenix-theme.page-order-successful .order-notification-message h1, .vweb-pangenix-theme.page-order-notification .order-successful-message h1, .vweb-pangenix-theme.page-order-notification .order-notification-message h1 {
  padding: 1.25rem 0 0.625rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-order-successful .order-successful-message h1, .vweb-pangenix-theme.page-order-successful .order-notification-message h1, .vweb-pangenix-theme.page-order-notification .order-successful-message h1, .vweb-pangenix-theme.page-order-notification .order-notification-message h1 {
    padding: 0;
  }
}
.body-overlay {
  background: rgba(10, 10, 10, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
  display: block;
}
@media only all and (min-width: 60rem) {
  .body-overlay {
    display: none;
  }
}
.body-overlay.hidden {
  display: none;
}
@media only all and (max-width: 59.99rem) {
  body.checkoutcart-active {
    overflow-y: hidden;
  }
  body.checkoutcart-active #g-header {
    z-index: 2;
  }
  body.checkoutcart-active .body-overlay {
    opacity: 1;
  }
}
.vweb-pangenix-theme.page-faq .hero .carousel-content-area {
  justify-content: flex-start;
  padding-top: 10rem;
}
.vweb-pangenix-theme.page-faq .faq-searchfield-container {
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  width: 75rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.page-faq .faq-searchfield-container {
    width: 60rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-faq .faq-searchfield-container {
    width: 100%;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.page-faq .faq-searchfield-container {
    width: 90.625rem;
  }
}
.vweb-pangenix-theme.page-faq .faq-searchfield-container .faq-searchfield {
  width: 40rem;
  width: 43.126rem;
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-faq .faq-searchfield-container .faq-searchfield {
    width: calc(100% - 1.563rem);
  }
}
.vweb-pangenix-theme.page-faq .faq-searchfield-container .faq-searchfield p {
  color: #ffffff;
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
}
.vweb-pangenix-theme.page-faq .faq-searchfield-container .searcharea-container {
  background: rgba(7, 32, 60, 0.25);
  padding: 1.25rem;
  border-radius: 22px;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-faq .faq-searchfield-container .searcharea-container {
    padding: 0.625rem;
    border-radius: 0.625rem;
  }
}
.vweb-pangenix-theme.page-faq #g-container-main {
  padding-bottom: 0;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-faq .feature-twocolumns-sidebar .platform-content {
    padding-right: 2.5rem;
  }
}
.vweb-pangenix-theme.page-faq .faq-quicknav ul li {
  border-bottom: 1px solid #e7ebe7;
}
.vweb-pangenix-theme.page-faq .faq-quicknav ul li a {
  color: #343c35;
  font-family: "kanit", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.625rem 1.25rem;
  margin: 0.25rem 0;
  border: none;
  border-radius: 2.5rem;
  background: transparent;
  display: block;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.page-faq .faq-quicknav ul li a:hover {
    background: #d4dbd5;
  }
}
.vweb-pangenix-theme.page-faq .faq-quicknav ul li:last-of-type {
  border: none;
}
.vweb-pangenix-theme.page-home {
  background: #ffffff;
}
.vweb-pangenix-theme.page-home::before {
  content: none;
}
.vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel .carousel-content .carousel-content-area {
  height: 80%;
}
.vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel.carousel-homepage .carousel-content-text {
  position: relative;
}
.vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel.carousel-homepage .carousel-content-text::after {
  content: "";
  width: 60px;
  height: 160px;
  position: absolute;
  top: 4rem;
  left: 2.5rem;
  background-image: url('../../images/pgx-arrow-green2.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0.7;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel.carousel-homepage .carousel-content-text::after {
    width: 153px;
    height: 250px;
    top: 4rem;
    left: 2.5rem;
    background-image: url('../../images/pgx-arrow-green.webp');
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel.carousel-homepage .carousel-content-text::after {
    top: 5.5rem;
    width: 50px;
    height: 140px;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel.carousel-homepage .carousel-content-text::after {
    top: 2.5rem;
    left: 1.25rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel.carousel-homepage .carousel-content-text::after {
    width: 50px;
    height: 140px;
    left: 1.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel.carousel-homepage .carousel-content-text::after {
    left: 0;
    width: 45px;
    height: 120px;
    width: 30px;
    height: 80px;
  }
}
@media (max-width: 25rem) {
  .vweb-pangenix-theme.page-home #g-hero .vweb-particle-carousel.carousel-homepage .carousel-content-text::after {
    top: 5rem;
  }
}
.vweb-pangenix-theme.page-home #g-featurefloat, .vweb-pangenix-theme.page-home #g-container-main {
  background: #ffffff;
  position: relative;
}
.vweb-pangenix-theme.page-home #g-featurefloat::before, .vweb-pangenix-theme.page-home #g-container-main::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2d4166;
  background: -webkit-linear-gradient(top left, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  background: -o-linear-gradient(top left, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  background: linear-gradient(to bottom right, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  background: #2d4166;
  background: -webkit-linear-gradient(left, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  background: -o-linear-gradient(left, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  background: linear-gradient(to right, #2d4166 0%, #5e785f 60%, #a1bf37 100%);
  opacity: 0.2;
}
.vweb-pangenix-theme.page-home #g-container-main .com-content-article {
  max-width: 60rem;
  margin: 0 auto;
  text-align: center;
  padding-top: 1.25rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-home #g-container-main .com-content-article {
    padding-top: 0;
  }
}
.vweb-pangenix-theme.page-home #g-container-main .home-grid-target-audience {
  position: relative;
  z-index: 2;
  max-width: 60rem;
  margin: 0 auto;
  margin-top: -200px;
  margin-bottom: 2.5rem;
}
.vweb-pangenix-theme.page-home #g-container-main .home-grid-target-audience .bg-pangenix-emblem::before {
  top: auto;
  transform: translateX(-50%);
  bottom: 20px;
}
.vweb-pangenix-theme.page-home .product-block-home {
  position: relative;
  z-index: 3;
  max-width: 60rem;
  margin: -12.5rem auto 0;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-home .product-block-home {
    margin: -15rem 0.625rem 0;
  }
}
.vweb-pangenix-theme.page-home #g-featurebg-white-1 {
  padding: 0.625rem 0;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .home-pg-productprocess {
    margin-bottom: 1.25rem !important;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container {
    padding-top: 3rem;
  }
}
.vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container {
  grid-template-columns: 1fr;
}
.vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps {
  max-width: 40rem;
  margin: 0 auto;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps {
    max-width: none;
  }
}
.vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps .productprocess-steps {
  padding: 0;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps .productprocess-steps {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1.25rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps .productprocess-steps .productprocess-step {
    grid-template-columns: 1fr;
    text-align: center;
    padding-bottom: 0;
    grid-gap: 0;
    display: flex;
    flex-direction: column;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-icon {
    margin-bottom: 1.25rem;
  }
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-icon::after {
    transform: none;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: -30px;
    width: 30px;
    height: 35px;
  }
}
.vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-txt h4 {
  font-size: 1.25rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-steps .productprocess-steps .productprocess-step .pp-step-txt h4 {
    line-height: 1;
    padding-bottom: 0.625rem;
  }
}
.vweb-pangenix-theme.page-home .home-pg-productprocess .productprocess-container .grid-container .grid-productprocess-text {
  display: none;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-home .about-cta-box {
    margin-top: 6rem;
  }
}
.vweb-pangenix-theme.page-home .about-cta-box .about-cta-box-item .gridblock-item {
  padding: 5rem 2rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-home .about-cta-box .about-cta-box-item .gridblock-item {
    padding: 3rem 1.25rem;
  }
}
.vweb-pangenix-theme.page-home .about-cta-box .buttonArea {
  position: relative;
  width: 100%;
  left: auto;
  bottom: auto;
  margin-top: 1rem;
  height: auto;
}
.vweb-pangenix-theme.page-home .about-cta-box .buttonArea .btn {
  width: 100%;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.g-simple::before {
    top: 0;
    height: 100%;
  }
}
.vweb-pangenix-theme.g-simple #g-header {
  height: 140px;
  max-width: unset;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.g-simple #g-header {
    height: 100px;
    padding: 0.25rem 2.5rem !important;
  }
}
.vweb-pangenix-theme.g-simple #g-header > .g-grid {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.vweb-pangenix-theme.g-simple #g-header #g-logo {
  justify-content: center;
}
.vweb-pangenix-theme.g-simple #g-header #g-logo .pangenix-logo {
  width: 300px;
  margin-top: 0;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.g-simple #g-header #g-logo .pangenix-logo {
    width: 250px;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-simple #g-header #g-logo .pangenix-logo {
    width: 225px;
  }
}
.vweb-pangenix-theme.g-product .hero .vweb-particle-carousel .carousel-content-area {
  max-width: 47.5rem;
}
.vweb-pangenix-theme.g-product #g-featurefloat {
  position: relative;
  background: #ffffff;
}
.vweb-pangenix-theme.g-product .product-block-hero {
  position: relative;
  max-width: 50rem;
  width: 50rem;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -17.5rem;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.g-product .product-block-hero {
    position: absolute;
    left: calc(50% + 2.5rem);
    top: -720px;
    max-width: 41.25rem;
    height: 720px;
    display: flex;
    align-items: center;
    margin: 0;
    transform: none;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.g-product .product-block-hero {
    width: calc(100% - 3rem);
    max-width: unset;
  }
}
@media (max-width: 22.5rem) {
  .vweb-pangenix-theme.g-product .product-block-hero {
    margin-top: -15rem;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.g-product .product-block-hero .block {
    background: rgba(255, 255, 255, 0.95) !important;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.g-product .vweb-particle-product-pricing.productpricing-style-fullwidth img {
    margin-left: -2.5rem;
  }
}
.vweb-pangenix-theme.g-product .product-pakket-order-button {
  background: #eaecf0;
}
.vweb-pangenix-theme.g-product #g-featurebg-grey {
  background: #ffffff;
  position: relative;
}
.vweb-pangenix-theme.g-product #g-featurebg-grey::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2d4166;
  background: -webkit-linear-gradient(top left, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  background: -o-linear-gradient(top left, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  background: linear-gradient(to bottom right, #2d4166 0%, rgba(45, 65, 102, 0) 100%);
  opacity: 0.2;
  z-index: 1;
}
.vweb-pangenix-theme.g-product #g-featurebg-grey > .g-container {
  position: relative;
  z-index: 2;
}
.vweb-pangenix-theme.g-product #g-featureprocess {
  background: #e7ebe7;
}
.vweb-pangenix-theme.g-product .mod-process-footer {
  padding-top: 2.5rem;
  padding-bottom: 4rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer {
    padding-bottom: 0;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .grid-twoblocks {
    margin-top: 0;
    margin-bottom: 1.25rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .grid-twoblocks {
    flex: 0 0 auto;
    width: 100%;
  }
}
.vweb-pangenix-theme.g-product .mod-process-footer .gridblock-item {
  padding: 2.5rem 3.75rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .gridblock-item {
    padding: 2.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .gridblock-item {
    padding: 2.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .gridblock-item {
    padding: 1.875rem;
  }
}
.vweb-pangenix-theme.g-product .mod-process-footer .process-footer-step {
  display: grid;
  grid-template-columns: 6.25rem auto;
  grid-gap: 1.25rem;
  border: 1px solid #bdc4d1;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .process-footer-step {
    margin-right: 0.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .process-footer-step {
    grid-template-columns: 5rem auto;
  }
}
.vweb-pangenix-theme.g-product .mod-process-footer .process-footer-step .image-icon-container {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
}
.vweb-pangenix-theme.g-product .mod-process-footer .process-footer-step .image-icon-container .image-icon-block {
  padding: 0;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .process-footer-step .image-icon-container .image-icon-block img {
    width: 80px !important;
    height: 80px !important;
  }
}
.vweb-pangenix-theme.g-product .mod-process-footer .process-footer-step .step-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.25;
}
.vweb-pangenix-theme.g-product .mod-process-footer .process-footer-step .step-text h4 .subtitle {
  font-size: 1rem;
  padding-bottom: 0.25rem;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.g-product .mod-process-footer .process-footer-faq {
    margin-left: 0.5rem;
  }
}
.vweb-pangenix-theme.g-product .mod-process-footer .process-footer-faq .faq-text {
  line-height: 1.5;
}
.vweb-pangenix-theme.g-product .mod-process-footer .process-footer-faq .faq-text p {
  margin-bottom: 1rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.g-product #g-featurebg-grey {
    padding-top: 0;
  }
}
.vweb-pangenix-theme.g-productdetail #g-container-main #g-main {
  padding-top: 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-productdetail #g-container-main #g-main {
    padding-bottom: 0;
  }
}
.vweb-pangenix-theme.g-productdetail .productpage-updates-block {
  grid-template-columns: 7.5rem auto;
  grid-gap: 1.25rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.g-productdetail .productpage-updates-block {
    grid-template-columns: 1fr;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-productdetail .productpage-updates-block {
    grid-template-columns: 1fr;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.g-productdetail .productpage-updates-block .image {
    justify-content: center;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-productdetail .productpage-updates-block .image {
    justify-content: center;
  }
}
.vweb-pangenix-theme.g-productdetail .productpage-updates-block .image img {
  width: 120px;
}
.vweb-pangenix-theme.g-productdetail .productpage-results-block {
  grid-template-columns: 7.5rem auto;
  grid-gap: 1.25rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.g-productdetail .productpage-results-block {
    grid-template-columns: 1fr;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-productdetail .productpage-results-block {
    grid-template-columns: 1fr;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.g-productdetail .productpage-results-block .image {
    justify-content: center;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-productdetail .productpage-results-block .image {
    justify-content: center;
  }
}
.vweb-pangenix-theme.g-productdetail .productpage-results-block .image img {
  width: 120px;
}
.vweb-pangenix-theme.g-productdetail #g-featurebg-grey {
  background: #ffffff;
  position: relative;
}
.vweb-pangenix-theme.g-productdetail #g-featurebg-grey::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2d4166;
  background: -webkit-linear-gradient(top left, rgba(45, 65, 102, 0.2) 0%, #2d4166 100%);
  background: -o-linear-gradient(top left, rgba(45, 65, 102, 0.2) 0%, #2d4166 100%);
  background: linear-gradient(to bottom right, rgba(45, 65, 102, 0.2) 0%, #2d4166 100%);
  opacity: 0.2;
  z-index: 1;
}
.vweb-pangenix-theme.g-productdetail #g-featurebg-grey > .g-container {
  position: relative;
  z-index: 2;
}
.vweb-pangenix-theme.g-productdetail #g-showcase::before {
  opacity: 0.25;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.g-productdetail .btn.btn-primary {
    font-size: 1.125rem;
  }
}
.vweb-pangenix-theme.g-custom .individuals-1-in-4 .block-text h2 {
  font-size: 3rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.g-custom .individuals-1-in-4 .block-text h2 {
    font-size: 2.5rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.g-custom .individuals-1-in-4 .block-text h2 {
    font-size: 2rem;
  }
}
.vweb-pangenix-theme.g-custom .individuals-1-in-4 .block-text h2 .nr-bubble {
  width: 3.75rem;
  height: 3.75rem;
  position: relative;
  display: inline-block;
  font-weight: 500;
}
.vweb-pangenix-theme.g-custom .individuals-1-in-4 .block-text h2 .nr-bubble::before {
  content: "";
  position: absolute;
  width: 3.75rem;
  height: 3.75rem;
  background: #f2d6c6;
  border-radius: 2rem;
  z-index: 1;
  left: 0;
}
.vweb-pangenix-theme.g-custom .individuals-1-in-4 .block-text h2 .nr-bubble .number {
  position: relative;
  z-index: 2;
  font-style: normal;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.g-custom .individuals-for-whom .block-image {
    height: 620px;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.g-custom .individuals-for-whom .block-image img {
    object-position: right;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.g-custom .individuals-for-whom .block-main .grid-item.block-txt-container {
    min-height: 540px;
  }
}
.vweb-pangenix-theme.g-custom.page-individuals #g-featurebg-customgrey {
  padding-bottom: 15.5rem;
}
.vweb-pangenix-theme.g-custom.page-individuals #g-featurebg-white-2 {
  position: relative;
  z-index: 2;
}
.vweb-pangenix-theme.g-custom.page-individuals #g-featurebg-white-3 {
  padding: 1.25rem 0;
}
.vweb-pangenix-theme.g-custom.page-individuals .individuals-3-blocks-mod {
  margin-top: -22.5rem;
}
.vweb-pangenix-theme.g-custom.page-individuals .individuals-3-blocks-mod .gridblocks-container .gridblock-item .image-icon-container {
  text-align: center;
}
.vweb-pangenix-theme.g-custom.page-individuals .individuals-3-blocks-mod .gridblocks-container .gridblock-item .subtitle {
  padding-bottom: 0.625rem;
}
.vweb-pangenix-theme.g-custom.page-individuals .individuals-3-blocks-mod .gridblocks-container .gridblock-item p {
  line-height: 1.75;
  margin-bottom: 0;
}
.vweb-pangenix-theme.g-custom.page-about #g-main {
  padding-bottom: 0;
}
.vweb-pangenix-theme.g-custom.page-about .com-content-article {
  margin: 0 auto;
  max-width: 60rem;
}
.vweb-pangenix-theme.g-custom.page-about .com-content-article .page-header {
  text-align: center;
}
.vweb-pangenix-theme.page-account .account-access.com-users-login, .vweb-pangenix-theme.page-account .account-access.com-users-reset, .vweb-pangenix-theme.page-account .account-access.com-users-reset-confirm, .vweb-pangenix-theme.page-account .account-access.com-users-reset-complete, .vweb-pangenix-theme.page-account .account-access.com-users-remind, .vweb-pangenix-theme.page-account .account-access.com-users-registration {
  max-width: 30rem;
  margin: 0 auto;
}
.vweb-pangenix-theme.page-account .account-access.com-users-reset, .vweb-pangenix-theme.page-account .account-access.com-users-reset-complete, .vweb-pangenix-theme.page-account .account-access.com-users-remind, .vweb-pangenix-theme.page-account .account-access.com-users-registration {
  max-width: 40rem;
}
.vweb-pangenix-theme.page-account .account-access .account-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 1.25rem 0.625rem;
}
.vweb-pangenix-theme.page-account .account-access .account-header h1 {
  font-size: 2.5rem;
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-account .account-access .account-header h1 {
    font-size: 2rem;
  }
}
.vweb-pangenix-theme.page-account .account-access .account-header .heading-secure {
  font-size: 0.875rem;
}
.vweb-pangenix-theme.page-account .account-access .account-header .heading-secure i {
  font-size: 1rem;
  color: #94c021;
  position: relative;
  top: 2px;
}
.vweb-pangenix-theme.page-account .account-access .account-form {
  padding: 2rem 3rem 2.5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-account .account-access .account-form {
    padding: 2rem 1.875rem 2.5rem;
  }
}
.vweb-pangenix-theme.page-account .account-access .account-form form legend {
  font-size: 1rem;
  padding-top: 0.625rem;
}
.vweb-pangenix-theme.page-account .account-access .account-form form .control-group {
  margin: 1rem 0 0;
  padding-bottom: 0.5rem;
  position: relative;
}
.vweb-pangenix-theme.page-account .account-access .account-form form label .star {
  display: none;
}
.vweb-pangenix-theme.page-account .account-access .account-form form label .form-control-feedback {
  position: absolute;
  bottom: -0.75rem;
  color: #dc3545;
  font-style: italic;
  font-family: "kanit", sans-serif;
  font-weight: 400;
  line-height: 1.1;
}
.vweb-pangenix-theme.page-account .account-access .account-form form .has-danger input {
  border-color: #dc3545;
}
.vweb-pangenix-theme.page-account .account-access .account-form form .com-users-login__remember {
  padding-top: 0.625rem;
}
.vweb-pangenix-theme.page-account .account-access .account-form form .password-group .text-center {
  text-align: left !important;
  font-size: 0.875rem;
}
.vweb-pangenix-theme.page-account .account-access .account-form form #jform_com_fields_gender-lbl .form-control-feedback {
  height: 1.875rem;
}
.vweb-pangenix-theme.page-account .account-access .account-form form #jform_com_fields_gender {
  padding-bottom: 0.75rem;
}
.vweb-pangenix-theme.page-account .account-access .account-footer .account-options-list {
  border-top: 1px solid #b9c3ba;
  border-bottom: 1px solid #b9c3ba;
  padding: 1.25rem 0;
  font-size: 0.875rem;
}
.vweb-pangenix-theme.page-account .account-access .account-footer .account-options-list li {
  padding: 0.25rem 0;
}
.vweb-pangenix-theme.page-account .account-access .account-footer .account-option-register {
  display: flex;
  flex-direction: column;
  padding: 0.625rem 5rem;
  gap: 0.625rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-account .account-access .account-footer .account-option-register {
    padding: 0.625rem 1.25rem;
  }
}
.vweb-pangenix-theme.page-account .account-access .account-footer .account-option-register strong {
  font-weight: 500;
  text-align: center;
}
.vweb-pangenix-theme.page-account .account-access .account-footer .account-goback {
  border-top: 1px solid #b9c3ba;
  padding: 1.25rem;
  font-size: 0.875rem;
  margin-top: 1.25rem;
}
.vweb-pangenix-theme.page-account .account-access .account-footer .account-goback a {
  border-color: transparent;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.vweb-pangenix-theme.page-account .account-access .account-footer .account-goback a i {
  font-size: 1rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-account .account-access.com-users-reset .account-header, .vweb-pangenix-theme.page-account .account-access.com-users-reset-complete .account-header, .vweb-pangenix-theme.page-account .account-access.com-users-remind .account-header, .vweb-pangenix-theme.page-account .account-access.com-users-registration .account-header {
    flex-direction: column;
    align-items: unset;
    gap: 0.25rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-account .account-access.com-users-login .account-header, .vweb-pangenix-theme.page-account .account-access.com-users-reset-confirm .account-header {
    flex-direction: column;
    align-items: unset;
    gap: 0.25rem;
  }
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme.page-account .account-access.com-users-remind .account-header h1 {
    font-size: 2.25rem;
  }
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form label .star {
  display: inline-block;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form fieldset legend {
  font-size: 1.3rem;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form .field-spacer {
  padding: 0;
  margin: 0;
  text-align: right;
  top: -1.5rem;
  margin-bottom: -1.5rem;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form .field-spacer .text label {
  font-weight: 400;
  opacity: 0.8;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form .consent-fieldset {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5rem;
  padding: 1.875rem 0 0.625rem;
  border-top: 1px dashed #b9c3ba;
  margin-top: 1.25rem;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form .consent-check-field {
  display: flex;
  gap: 0.5rem;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form .consent-check-field .control-label {
  line-height: 1.1;
  font-size: 0.875rem;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form .consent-check-field a {
  border: none;
  cursor: pointer;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form .consent-check-field a label {
  cursor: pointer;
}
.vweb-pangenix-theme.page-account .account-access.com-users-registration .account-form form .consent-check-field .controls {
  display: flex;
}
.vweb-pangenix-theme.page-accountdashboard #g-container-main #g-sidebar, .vweb-pangenix-theme.page-accountdashboard #g-container-main #g-main {
  padding-top: 0;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-accountdashboard #g-container-main #g-sidebar .g-content {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard #g-container-main #g-main .platform-content {
  padding: 3rem;
  border-radius: 1.5rem;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.15);
  box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.15);
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard #g-container-main #g-main .platform-content {
    padding: 2.5rem 2rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard #g-container-main #g-main .platform-content {
    padding: 2rem 1.25rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-nav {
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-right: 1.25rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-nav {
    padding-right: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-nav li {
  padding: 0;
}
.vweb-pangenix-theme.page-accountdashboard .account-nav li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.75rem;
  font-family: "kanit", sans-serif;
  font-weight: 400;
  border: none;
  color: #343c35;
  padding: 0 1.25rem;
  line-height: 1;
  border-radius: 3rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-nav li a::before {
  font-size: 1.5rem;
  width: 2rem;
  flex: 0 0 2rem;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-nav li a:hover::before {
    color: #94c021;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-nav li a {
    height: 3rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-nav li.active a {
  font-weight: 500;
  background: #ffffff;
}
.vweb-pangenix-theme.page-accountdashboard .account-nav li.active a::before {
  color: #94c021;
}
.vweb-pangenix-theme.page-accountdashboard .account-nav li:first-child {
  border-top: 1px solid #b9c3ba;
  padding-top: 1.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-nav li:last-child {
  border-top: 1px solid #b9c3ba;
  padding-top: 1rem;
  margin-top: 1.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard dl.dl-horizontal {
  margin-top: 0;
  display: grid;
  grid-template-columns: 13rem auto;
  grid-gap: 0.625rem 1.25rem;
  margin-bottom: 0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard dl.dl-horizontal {
    grid-template-columns: 8rem auto;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard dl.dl-horizontal {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard dl.dl-horizontal dt, .vweb-pangenix-theme.page-accountdashboard .account-dashboard dl.dl-horizontal dd {
  display: flex;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard dl.dl-horizontal dt {
  color: #0a0a0a;
  font-family: "kanit", sans-serif;
  line-height: 1.25;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard dl.dl-horizontal dd {
  line-height: 1.4;
  margin: 0;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard dl.dl-horizontal dd {
    margin-bottom: 0.625rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-db-header.grid-container {
  grid-template-columns: repeat(2, 1fr);
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-db-header.grid-container {
    grid-template-columns: 1fr;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-db-header.grid-container .page-header {
    order: 2;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core .legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core h3, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core .h4, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom .legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom h3, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom .h4, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit .legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit h3, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit .h4, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .account-db-delete legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .account-db-delete .legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .account-db-delete h3, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .account-db-delete .h4 {
  color: #0a0a0a;
  font-family: "kanit", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  border-bottom: 1px solid #dbdfe6;
  padding-top: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.5;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .account-db-delete legend {
  width: 100%;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core dl.dl-horizontal dt, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core dl.dl-horizontal dd, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom dl.dl-horizontal dt, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom dl.dl-horizontal dd, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit dl.dl-horizontal dt, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit dl.dl-horizontal dd, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .account-db-delete dl.dl-horizontal dt, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .account-db-delete dl.dl-horizontal dd {
  align-items: center;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core {
  position: relative;
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core {
    min-height: 11.25rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core .account-registered-info {
  padding: 1.5rem 2rem 1rem;
  background: #edeff3;
  border-radius: 1.5rem;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin: 1.25rem 0 0.625rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core .account-registered-info {
    padding: 1.25rem 1.25rem 0.75rem;
  }
}
@media (min-width: 100rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core .account-registered-info {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 22rem;
    margin: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core .account-registered-info dl {
  grid-template-columns: 1fr;
  grid-gap: 0;
  margin: 0;
  line-height: 1.4;
  font-size: 0.875rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__core .account-registered-info dd {
  padding-bottom: 0.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom.users-profile-custom-fields-2 legend, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile .com-users-profile__custom.users-profile-custom-fields-2 > p {
  display: none;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit legend {
  margin-bottom: 0.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit .control-group {
  margin: 1rem 0;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit form > .controls {
  background: #edeff3;
  border-radius: 1.5rem;
  padding: 2.5rem 2.5rem 1.875rem;
  margin-top: 3rem !important;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit form > .controls {
    padding: 2.5rem 1.25rem 1.875rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.com-users-profile__edit form > .controls button {
  margin-bottom: 0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate {
    margin-left: -2rem;
    margin-right: -2rem;
    border-radius: 0;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate .pgx-testtube-sample {
  width: 35rem;
  margin: 1.25rem auto 0;
  align-items: center;
  background: rgba(84, 120, 95, 0.8);
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate .pgx-testtube-sample::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 210px;
  width: 59px;
  height: 99px;
  background-image: url('../../images/pgx-arrow.webp');
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate .pgx-testtube-sample {
    width: 100%;
  }
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate .pgx-testtube-sample::after {
    left: 200px;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate .pgx-testtube-sample {
    margin-top: 0;
    width: 100%;
  }
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate .pgx-testtube-sample::after {
    left: 50%;
    transform: translateX(-50%);
    width: 42px;
    height: 70px;
    bottom: -30px;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form {
  max-width: 40rem;
  margin: 1.25rem auto;
  /*
						.verification-code {
							.form-control {
								border-radius: 0.5rem;
								border-color: $accent-color-3;
								border-width: 2px;
								font-size: 1.25rem;
							}
						}
						*/
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form {
    width: 40rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form {
    padding-inline: 1.25rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form {
    padding-inline: 0.625rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form {
    margin-top: 0;
    padding-inline: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form h2 {
  max-width: 30rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form h2 {
    font-size: 1.5rem;
    max-width: none;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form h2 {
    font-size: 1.875rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form h2 {
    font-size: 1.375rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .control-label {
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .control-label label {
  font-size: 1.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .kit-code .form-control, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .verification-code .form-control {
  height: 3.75rem;
  margin: 0 1px;
  padding: 0;
  text-align: center;
  border-radius: 0.5rem;
  text-transform: uppercase;
  border-color: #5e785f;
  border-width: 2px;
  font-size: 1.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .pgx-kitchoice {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .pgx-kitchoice {
    grid-template-columns: 1fr;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .pgx-kitchoice label {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: rgba(84, 120, 95, 0.4);
  align-items: center;
  border-radius: 1rem;
  margin: 0;
  padding: 1rem;
  border: 1px solid #5e785f;
  cursor: pointer;
  text-align: center;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .pgx-kitchoice label h3 {
  margin-block: 0.5rem;
  font-size: 1.125rem !important;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .pgx-kitchoice label .kitchoice-image {
  width: 100%;
  height: 200px;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .pgx-kitchoice label .kitchoice-image {
    height: auto;
    max-height: 120px;
    max-width: 200px;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .kit-activate form .pgx-kitchoice label .kitchoice-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-container {
  display: grid;
  grid-template-columns: 6.25rem auto;
  grid-gap: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-container {
    grid-template-columns: 5rem auto;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-container .accountkit-data-container {
  display: flex;
  align-items: center;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-container .accountkit-data-container .dl-kit-data {
  grid-template-columns: 5rem auto;
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-container .accountkit-data-container .dl-kit-data {
    grid-template-columns: 3.5rem auto;
    grid-gap: 0.625rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-reports .dl-kit-reports {
  grid-template-columns: 18.5rem auto;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-reports .dl-kit-reports {
    grid-template-columns: 1fr;
    grid-gap: 0.25rem;
  }
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-reports .dl-kit-reports dd {
    margin-bottom: 0.625rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-reports .dl-kit-reports .link-icon {
  display: flex;
  gap: 0.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit .accountkit-reports .dl-kit-reports .link-icon i {
  font-size: 1.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit-consult form {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit-consult form {
    flex-direction: column;
    align-items: flex-start;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.my-kit .account-kit-consult form p {
  line-height: 1.2;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-date {
  font-size: 1rem;
  font-weight: 400;
  color: #0a0a0a;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-date strong {
  font-weight: 500;
  font-size: 1.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .dl-order-info {
  grid-template-columns: 7.5rem auto;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .dl-order-info {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .dl-order-info dd {
    margin-bottom: 0.625rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status span {
  color: #0a0a0a;
  margin-right: 0.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status strong {
  font-weight: 600;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status .status-cancelled {
  color: #6d7077;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status .status-being-cancelled {
  color: #dc3545;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status .status-payment {
  color: #cd5b1b;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status .status-processing {
  color: #5197b9;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status .status-delivering {
  color: #592c6c;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status .status-delivered {
  color: #94c021;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-status .status-complete {
  color: #0a0a0a;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders .order-price {
  align-items: center;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard .account-orders dd.order-price {
  margin: 0;
  color: #0a0a0a;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-heading {
  border-bottom: 1px solid #dbdfe6;
  padding: 1.25rem 0 0.625rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-heading .heading {
  color: #343c35;
  font-family: "kanit", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  flex: 1;
  margin: 0;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .btn-edit {
  font-family: "kanit", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  background: none;
  color: #0a0a0a;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .btn-edit i {
  color: #94c021;
  font-size: 1.25rem;
  display: flex;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .btn-edit:hover {
    color: #72941a;
  }
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .btn-edit:hover i {
    color: #72941a;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .pill-label {
  height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.25rem;
  background: #edeff3;
  font-family: "kanit", sans-serif;
  color: #0a0a0a;
  border-radius: 1rem;
  font-size: 0.875rem;
  margin: 0 0.5rem 0.5rem 0;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-overview .medprofile-item {
  margin-bottom: 1.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .select2-container .select2-choice {
  font-family: "kanit", sans-serif;
  font-weight: 400;
  padding: 6px;
  height: 3rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .select2-container .select2-choice .select2-arrow b {
  position: relative;
  top: 6px;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-med-data-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.625rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-med-data-container {
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.5rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-med-data-container .meddata-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-med-data-container .meddata-grid {
    grid-template-columns: 1fr;
    grid-gap: 0.625rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-data-list {
  margin: 0 0 0.625rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-data-list dt {
  font-family: "kanit", sans-serif;
  font-weight: 500;
  color: #343c35;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .mp-data-list dd {
  margin: 0;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps {
  box-sizing: border-box;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-top: 0.625rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item {
  display: flex;
  flex-basis: 0;
  flex: 0 0 100%;
  flex-direction: column;
  margin-bottom: 2.25rem;
  max-width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item {
    flex: 1;
    margin-bottom: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item {
    padding-left: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper {
    flex-direction: row;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper .step-icon {
  display: inline-flex;
  align-items: center;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 1.25rem;
  font-family: "kanit", sans-serif;
  font-weight: 500;
  color: #343c35;
  height: 3rem;
  justify-content: center;
  margin-right: 1rem;
  width: 3rem;
  background: #edeff3;
  box-sizing: border-box;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper .step-icon::after {
  content: "";
  position: absolute;
  height: 1.625rem;
  border: none;
  border-top: 1px dashed #b9c3ba;
  top: 1.375rem;
  left: calc(50% + 2.875rem);
  width: calc(100% - 4.25rem);
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper .step-icon::after {
    left: calc(50% + 2.25rem);
    width: calc(100% - 3rem);
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper .step-icon::after {
    left: calc(50% + 2.5rem);
    width: calc(100% - 3.5rem);
  }
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper .step-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper .step-icon::after {
    height: calc(100% - 2rem);
    left: 1.45rem;
    top: 3.65rem;
    width: 1.625rem;
    border: none;
    border-left: 1px dashed #b9c3ba;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper .step-content {
  flex: 1;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper .step-content {
    flex: unset;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper.step-active .step-icon {
  background: #94c021;
  color: #0a0a0a;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper.step-active .step-icon {
    height: 3.5rem;
    width: 3.5rem;
    margin-top: -0.25rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper.step-active .step-icon::before {
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #94c021;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper.step-active .step-icon::before {
    width: 4rem;
    height: 4rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper.step-active .step-content {
  color: #343c35;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item .step-content-wrapper.step-success .step-icon {
  background: #dbdfe6;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-steps .step .step-item:last-of-type .step-icon::after {
  content: none;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container {
  position: relative;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container {
    padding-bottom: 3rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container {
  width: 100%;
  margin: 0 auto;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container {
    width: 37.5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .btn-group.radio {
    align-items: inherit;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container.mp-ff-sm {
  width: 100%;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container.mp-ff-sm {
    width: 30rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .md-label-btn {
  background: #ffffff;
  padding: 0.875rem 1.5rem 0.875rem 1.25rem;
  border-radius: 1.625rem;
  border: 2px solid #dbdfe6;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .md-label-btn {
    margin-left: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .ts-control {
  padding: 1rem;
  font-family: "kanit", sans-serif;
  font-weight: 400;
  border-radius: 0.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container button.link-style {
  background: none;
  font-size: 0.875rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .medicationbox-legend {
  font-size: 1rem;
  border-top: 1px dashed #b9c3ba;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check {
  position: relative;
  width: 100%;
  height: 7rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #eee;
  border-radius: 1.5rem;
  border: 1px solid #ddd;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-family: "kanit", sans-serif;
  font-weight: 400;
  overflow: hidden;
  margin: 0;
  padding: 2rem 0 0;
  transition: none;
  color: #0a0a0a;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check label::before {
  content: "D";
  font-family: "pgxGMaterialSymbols";
  font-weight: normal;
  position: absolute;
  font-size: 1rem;
  bottom: 0.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check label::after {
  content: "B";
  font-family: "pgxGMaterialSymbols";
  font-weight: normal;
  position: absolute;
  top: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check label::after {
    font-size: 2.25rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check input[type="radio"]:checked + label {
  border-color: #aaa;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check input[type="radio"]:checked + label::before {
  content: "E";
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-1 label {
  background: #f7d7da;
  border-color: #f7d7da;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-1 label::before, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-1 label::after {
  color: #d6343f;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-1 label::after {
  content: "A";
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-1 input[type="radio"]:checked + label {
  border-color: #d6343f;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-2 label {
  background: #f9f3d1;
  border-color: #f9f3d1;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-2 label::before, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-2 label::after {
  color: #e3c320;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-2 label::after {
  content: "B";
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-2 input[type="radio"]:checked + label {
  border-color: #e3c320;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-3 label {
  background: #ebf2d3;
  border-color: #ebf2d3;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-3 label::before, .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-3 label::after {
  color: #91c120;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-3 label::after {
  content: "C";
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .check-effectiveness .form-check.check-effectiveness-3 input[type="radio"]:checked + label {
  border-color: #91c120;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .button-submit .btn {
  width: 20rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-form-fields-container .button-submit .btn {
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .medicationbox .block {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -1.5rem !important;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container label {
  line-height: 1.25;
  display: inline-block;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-ff-block {
  background: #dbdfe6;
  border-radius: 0.375rem;
  padding: 1.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-ff-block .md-label-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  text-align: right;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-container .mp-ff-block .md-label-flex {
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 0.625rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .md-form-nav .btn-nav-next {
    width: 100%;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mpform-nav-prev {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mpform-nav-prev {
    bottom: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mp-fieldsrow label {
  line-height: 1.125;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mp-field-row {
  width: 100%;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mp-field-row {
    width: 70%;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .btn.btn-save {
  font-family: "kanit", sans-serif;
  height: 3rem;
  letter-spacing: 0.5px;
  padding: 0 1.25rem;
  background: #2d4166;
  color: #ffffff;
  border-radius: 0.5rem;
  margin: 0.625rem 0;
  align-items: center;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .btn.btn-save {
    margin: 0;
    margin-left: 1.25rem;
    padding: 0 0.625rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mp-condition {
  background: #ffffff;
  padding: 0 0 0 1.25rem;
  height: 2.5rem;
  display: inline-flex;
  font-size: 1rem;
  font-family: "kanit", sans-serif;
  border-radius: 1.25rem;
  align-items: center;
  color: #0a0a0a;
  margin: 0 0.5rem 0.5rem 0;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mp-condition form {
  display: inline-block;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mp-condition .btn-delete {
  font-size: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.625rem;
  color: #dc3545;
  background: #f8d7da;
  position: relative;
  background: none;
  opacity: 0.8;
  padding: 0.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-form-container .mp-condition .btn-delete:hover {
  opacity: 1;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-title {
  gap: 0.625rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-title h4 {
  font-size: 1.25rem;
  padding-left: 1.875rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-title h4 {
    padding-left: 0.5rem;
    font-size: 1.125rem;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-title .link-icon {
  font-family: "kanit", sans-serif;
  font-weight: 400;
  color: #0a0a0a;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0 0.25rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-title .link-icon i {
  font-size: 1rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .grid-container {
    grid-gap: 0;
  }
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .label {
  font-family: "kanit", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .item-condition {
  position: relative;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .item-condition::after {
  content: ", ";
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .item-condition:last-of-type::after {
  content: none;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block {
  padding: 1.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block i {
  font-size: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block i::before {
  display: flex;
  align-items: flex-start;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block.medeffect-1 {
  background: #f7d7da;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block.medeffect-1 i {
  color: #d6343f;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block.medeffect-2 {
  background: #f9f3d1;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block.medeffect-2 i {
  color: #e3c320;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block.medeffect-3 {
  background: #ebf2d3;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medication-added .medsadded-content .med-effect .block.medeffect-3 i {
  color: #91c120;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-overview .med-effect .block {
  border: 1px solid;
  max-width: 20rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-overview .med-effect .block i {
  font-size: 1.75rem;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-overview .med-effect .block.medeffect-1 {
  border-color: #d6343f;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-overview .med-effect .block.medeffect-2 {
  border-color: #e3c320;
}
.vweb-pangenix-theme.page-accountdashboard .account-dashboard.medical-profile .medprofile-overview .med-effect .block.medeffect-3 {
  border-color: #91c120;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent .list-consent {
  margin: 0;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent .list-consent li {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0.625rem 0;
  margin-left: 1.75rem;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent .list-consent li::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  color: #94c021;
  font-size: 1rem;
  position: absolute;
  left: -1.75rem;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent .list-consent li p {
  margin: 0.5rem 0;
  line-height: 1.65;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent #g-container-main #g-main .platform-content {
  padding: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent #g-container-main #g-main .com-content-article, .vweb-pangenix-theme.page-accountdashboard.page-account-consent #g-container-main #g-main .belowcontent {
  background: #ffffff;
  padding: 3rem;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent #g-container-main #g-main .com-content-article {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  margin-bottom: -1.563rem;
  -webkit-box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.15);
  box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.15);
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent #g-container-main #g-main .belowcontent {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  margin-top: -1.563rem;
  -webkit-box-shadow: 0px 36px 30px 4px rgba(45, 65, 102, 0.15);
  box-shadow: 0px 36px 30px 4px rgba(45, 65, 102, 0.15);
  padding-top: 0;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent .consent-form {
  position: relative;
  top: -1.25rem;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent .consent-form p:first-of-type, .vweb-pangenix-theme.page-accountdashboard.page-account-consent .consent-form .formRed {
  margin-top: 0;
}
.vweb-pangenix-theme.page-accountdashboard.page-account-consent .consent-form .rsfp-signature-footer .btn-secondary {
  padding: 0.5rem 1.25rem;
  line-height: 1.2;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-accountdashboard.page-account-consent .consent-form .row {
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard.page-account-consent .consent-form .col-user, .vweb-pangenix-theme.page-accountdashboard.page-account-consent .consent-form .col-parent {
    padding: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-accountdashboard.page-account-consent .consent-form .col-parent {
    padding-top: 2.5rem;
  }
}
.vweb-pangenix-theme.page-account-deleted .account-deleted-message {
  position: relative;
  margin-top: 7.5rem;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme.page-account-deleted .account-deleted-message {
    margin-top: 5rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-account-deleted .account-deleted-message {
    margin-top: 3rem;
  }
}
.vweb-pangenix-theme.page-account-deleted .account-deleted-message .block {
  padding: 0 5rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme.page-account-deleted .account-deleted-message .block {
    padding: 0 3rem;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-account-deleted .account-deleted-message .block {
    padding: 0 2.5rem;
  }
}
.vweb-pangenix-theme.page-account-deleted .account-deleted-message .account-deleted-icon {
  position: absolute;
  top: -2.75rem;
  left: 50%;
  transform: translateX(-50%);
}
.vweb-pangenix-theme.page-account-deleted .account-deleted-message .account-deleted-icon i {
  font-size: 4rem;
  color: #94c021;
  background: #ffffff;
  border-radius: 50%;
  width: 6.5rem;
  height: 6.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.vweb-pangenix-theme.page-account-deleted .account-deleted-message h1 {
  padding: 1.25rem 0 0.625rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme.page-account-deleted .account-deleted-message h1 {
    padding: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .vweb-particle-carousel .image-lady img {
    object-position: 75% top !important;
  }
}
.vweb-pangenix-theme .grecaptcha-badge {
  z-index: 2;
}
.vweb-pangenix-theme .about-cta-box {
  margin-right: 0;
  padding-right: 0;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme .about-cta-box {
    margin-top: 5.5rem;
  }
  .vweb-pangenix-theme .about-cta-box .about-cta-box-item .gridblock-item {
    padding-top: 5rem;
    padding-bottom: 8rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .about-cta-box {
    padding-left: 0;
    margin-left: 0;
    margin-top: -2.5rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .about-cta-box {
    padding-left: 0;
    margin-left: 0;
    margin-top: -2.5rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme .about-cta-box .about-cta-box-item .buttonArea .btn {
    display: inline-block;
    width: auto;
  }
}
.vweb-pangenix-theme .contact-grid-mod.contactgrid-borderbottom {
  border-bottom: 1px dashed #b9c3ba;
}
.vweb-pangenix-theme .contact-grid-mod.contactgrid-bordertop {
  border-top: 1px dashed #b9c3ba;
}
.vweb-pangenix-theme .contact-grid-mod .vweb-particle-grid-blocks .gridblock-item a {
  padding: 2.5rem 1.25rem 1.25rem !important;
}
@media only all and (max-width: 59.99rem) {
  .vweb-pangenix-theme .contact-grid-mod .vweb-particle-grid-blocks .gridblock-item a {
    padding: 2rem 1.25rem 0.625rem !important;
  }
}
.vweb-pangenix-theme .contact-grid-mod .vweb-particle-grid-blocks .gridblock-item a .image-icon-container {
  margin-bottom: 0 !important;
}
.vweb-pangenix-theme .contact-grid-mod .vweb-particle-grid-blocks .gridblock-item h2 {
  margin-bottom: 0.625rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .contact-grid-mod .vweb-particle-grid-blocks .gridblocks-container .row {
    --bs-gutter-x: 1.25rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme .contact-grid-mod .vweb-particle-grid-blocks .gridblocks-container .row {
    --bs-gutter-x: 1.25rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .contact-grid-mod .vweb-particle-grid-blocks .gridblocks-container .row .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .vweb-pangenix-theme .contact-grid-mod .vweb-particle-grid-blocks .gridblocks-container .row .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
}
.vweb-pangenix-theme .contact-grid-mod.contact-grid-mod-4blocks .gridblock-item h3 {
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
}
.vweb-pangenix-theme .contact-grid-mod.contact-grid-mod-4blocks .gridblock-item p {
  line-height: 1.5;
  font-size: 0.875rem;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .contact-grid-mod.contact-grid-mod-4blocks .gridblocks-container .row .col-12 {
    margin-top: 1.25rem;
  }
}
.vweb-pangenix-theme.page-contact .pangenix-form h2 {
  margin-bottom: 2.5rem;
}
@media only all and (min-width: 75rem) {
  .vweb-pangenix-theme.page-contact #g-container-main .g-block.size-65 {
    flex: 0 55%;
    width: 55%;
  }
  .vweb-pangenix-theme.page-contact #g-container-main .g-block.size-35 {
    flex: 0 45%;
    width: 45%;
  }
}
.vweb-pangenix-theme .mod-complaint-info {
  font-size: 0.875rem;
}
.vweb-pangenix-theme .cc-window {
  font-family: "roboto slab", sans-serif;
  font-weight: 400;
}
.vweb-pangenix-theme .cc-window.cc-banner {
  -webkit-box-shadow: 0px -8px 22px 4px rgba(45, 65, 102, 0.12);
  box-shadow: 0px -8px 22px 4px rgba(45, 65, 102, 0.12);
  display: flex;
  justify-content: center;
  padding: 2.5rem 2rem;
}
.vweb-pangenix-theme .cc-window.cc-banner .cc-message {
  max-width: 960px;
}
.vweb-pangenix-theme .cc-window.cc-banner .cc-message .pg-cookie-message {
  gap: 1.25rem;
  line-height: 1.5;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .cc-window.cc-banner .cc-message .pg-cookie-message {
    flex-direction: column;
  }
}
.vweb-pangenix-theme .cc-window.cc-banner .cc-message .pg-cookie-message img {
  max-width: none;
}
.vweb-pangenix-theme .cc-window.cc-banner .cc-compliance .cc-btn {
  padding: 0.9rem 2rem 1rem;
  border-radius: 2rem;
  font-size: 1rem;
  font-family: "kanit", sans-serif;
  font-weight: 500;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .cc-window.cc-banner .cc-compliance .cc-btn:hover {
    background: #ffffff;
  }
}
.vweb-pangenix-theme .cc-revoke.cc-bottom, .vweb-pangenix-theme .cc-revoke.cc-revoke-bottom {
  left: 1.25rem;
  bottom: 0.625rem;
  height: 3.75rem;
  width: 3.75rem;
  border-radius: 3rem;
  color: #ffffff;
  padding: 0;
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .cc-revoke.cc-bottom, .vweb-pangenix-theme .cc-revoke.cc-revoke-bottom {
    left: 0.625rem;
  }
}
.vweb-pangenix-theme .cc-revoke.cc-bottom::before, .vweb-pangenix-theme .cc-revoke.cc-revoke-bottom::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url('../../images/pangenix_cookie-single_sm-min.webp');
  background-repeat: no-repeat;
  background-size: 2.5rem;
  background-position: center;
}
@media only all and (max-width: 47.99rem) {
  .vweb-pangenix-theme .quickscan-modal .modal {
    top: 0;
    right: 0;
    left: 0;
  }
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog {
  top: 50%;
  transform: translateY(-50%) !important;
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme .quickscan-modal .modal .modal-dialog {
    min-width: 37.5rem;
  }
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-content {
  border-radius: 1.5rem;
  border: none;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-header {
  border: none;
  justify-content: center;
  padding-bottom: 0;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-header .modal-title {
  font-size: 1.5rem !important;
  padding-top: 1.25rem;
  position: relative;
  padding-top: 6.5rem;
  margin-top: 0.625rem !important;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-header .modal-title::before {
  content: "";
  width: 100%;
  height: 5.5rem;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../../../../images/icons/pgx-icon-results_green-min.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-header .btn-close {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-body {
  text-align: center;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-body h3 {
  margin-top: 0 !important;
  line-height: 1.25;
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-body h3 {
    padding: 0 2.5rem !important;
  }
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-body p {
  line-height: 1.5 !important;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-body p:last-of-type {
  margin-bottom: 0 !important;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-footer {
  border: none;
  padding-bottom: 2.5rem;
  justify-content: center;
  flex-direction: column-reverse;
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-footer .closeBtn {
  padding: 0;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #343b34;
  color: #343b34;
  font-family: "roboto slab", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  background: none;
  line-height: 1.5;
  padding-top: 0.25rem;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-footer .closeBtn:hover {
    border-color: transparent;
    color: #cd5b1b;
  }
}
.vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-footer a.btn {
  font-size: 1.125rem;
  line-height: 1.2;
  padding: 1rem 3.5rem 1.15125rem;
  margin-bottom: 0.625rem;
  background: #2d4166;
  border-color: #2d4166;
  color: #ffffff;
  font-weight: 400;
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .quickscan-modal .modal .modal-dialog .modal-footer a.btn:hover {
    background: #ffffff;
    color: #0a0a0a;
  }
}
.vweb-pangenix-theme .mod-article-newsflash > h3 {
  margin-bottom: 0.625rem;
}
@media only all and (min-width: 48rem) {
  .vweb-pangenix-theme .mod-article-newsflash > h3 {
    font-size: 1.75rem;
  }
}
.vweb-pangenix-theme .mod-blogfeed .mod-articlesnews__item {
  margin-bottom: 0.675rem;
}
.vweb-pangenix-theme .mod-blogfeed .blogfeed-item {
  display: grid;
  grid-template-columns: 7.5rem auto;
  grid-gap: 1rem;
  border: none;
  background: #ffffff;
  border-radius: 1rem;
  padding: 0.625rem;
  border: 1px solid #b9c3ba;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .vweb-pangenix-theme .mod-blogfeed .blogfeed-item {
    grid-template-columns: 6.25rem auto;
  }
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .mod-blogfeed .blogfeed-item {
    grid-template-columns: 6.25rem auto;
    grid-gap: 0.625rem;
  }
}
.vweb-pangenix-theme .mod-blogfeed .blogfeed-item .bf-item-image {
  min-height: 6.25rem;
}
.vweb-pangenix-theme .mod-blogfeed .blogfeed-item .bf-item-image figure {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.vweb-pangenix-theme .mod-blogfeed .blogfeed-item .bf-item-image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
}
.vweb-pangenix-theme .mod-blogfeed .blogfeed-item .bf-item-content {
  padding: 0.5rem 0.25rem 0.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vweb-pangenix-theme .mod-blogfeed .blogfeed-item .bf-item-content .newsflash-title {
  font-size: 1.125rem;
  margin: 0 0 0.25rem;
}
@media only all and (max-width: 30rem) {
  .vweb-pangenix-theme .mod-blogfeed .blogfeed-item .bf-item-content .newsflash-title {
    font-size: 1rem;
  }
}
@media only all and (min-width: 60rem) {
  .vweb-pangenix-theme .mod-blogfeed .blogfeed-item:hover {
    border-color: transparent;
  }
  .vweb-pangenix-theme .mod-blogfeed .blogfeed-item:hover .bf-item-image figure img {
    transform: scale(1.125);
    opacity: 1;
  }
}
div.cc-window.cc-center {
  border-radius: 1rem;
  -webkit-box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.12);
  box-shadow: 0px 8px 30px 4px rgba(45, 65, 102, 0.12);
}
.vweb-pangenix-theme.gdpr-prevent-scrolling #g-page-surround::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(10, 10, 10, 0.5);
  z-index: 5;
}
.vweb-pangenix-theme div.cc-window.cc-floating {
  font-family: "roboto slab", sans-serif;
  line-height: 1.6;
  padding: 2.5rem;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}
.vweb-pangenix-theme div.cc-window.cc-floating .cc-cookie-settings-toggle {
  border: none;
  padding: 0.25rem 0.625rem;
  font-size: 0.875rem;
  color: #0a0a0a;
  border-radius: 6px;
  background: #edeff3;
}
.vweb-pangenix-theme div.cc-window.cc-center.cc-center-xtd.cc-window-settings-toggle-xtd {
  padding-bottom: 2.5rem;
}
.vweb-pangenix-theme div.cc-window.cc-floating .cc-compliance .cc-btn {
  font-size: 1.125rem;
  font-weight: 400;
  text-decoration: none;
  border: 2px solid #2d4166;
  padding: 0.625rem 1rem;
  letter-spacing: 0.25px;
  font-family: "kanit", sans-serif;
  background: #2d4166;
  color: #ffffff;
  border-radius: 2rem;
}
@media (min-width: 992px) {
  .vweb-pangenix-theme div.cc-window.cc-floating .cc-compliance .cc-btn:hover {
    background: #ffffff;
    border-color: #2d4166;
    color: #0a0a0a;
  }
}
.vweb-pangenix-theme div.cc-window.cc-floating .cc-message .cc-link {
  background: none;
  position: relative;
  padding-left: 1.25rem;
  font-weight: 500;
  border: none;
}
.vweb-pangenix-theme div.cc-window.cc-floating .cc-message .cc-link::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #94c021;
}
.vweb-pangenix-theme div.cc-window.cc-floating .cc-checkboxes-container div.cc-checkbox-container {
  background: #ffffff;
  border-radius: 1rem;
  border-color: #dbdfe6;
}
.vweb-pangenix-theme div.cc-window.cc-floating .cc-checkboxes-container div.cc-checkbox-container .cc-link {
  border: none;
}
.vweb-pangenix-theme div.cc-window.cc-floating .cc-checkboxes-container div.cc-checkbox-container .cc-checkbox-category-readmore {
  font-weight: 600;
}
.vweb-pangenix-theme div.cc-window.cc-floating .cc-checkboxes-container .cc-settings-label {
  font-weight: 500;
  color: #0a0a0a;
  font-size: 1rem;
  padding-top: 0.625rem;
}
.vweb-pangenix-theme.g-bodyonly::before {
  content: none;
}
.gdpr-fancybox-container .fancybox-content {
  padding: 2.5rem;
  background: #ffffff;
  font-family: "roboto slab", sans-serif;
  font-size: 0.875rem;
  border-radius: 1rem !important;
}
.gdpr-fancybox-container .fancybox-content .cc-cookie-category-list > li {
  font-size: 0.75rem;
}
/*# sourceMappingURL=vweb_pangenix_20.css.map */