/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/**
 * --------------------
 * Bigwig - Site Styles
 * --------------------
 */

/**
 * Root Variables
 * --------------
 */

:root {
  /* Font Families */
  --font-default: 'Made Tommy';
  --font-primary: 'League Spartan';
  --font-secondary: 'Roie';

  /* Font Sizes */
  --font-size-sm: 14px;
  --font-size-default: 16px;
  --font-size-md: 20px;
  --font-size-h1: 32px;
  --font-size-h2: 28px;
  --font-size-h3: 22px;
  --font-size-h4: 18px;
  --font-size-h5: 16px;
  --font-size-h6: 16px;
  --font-size-display-1: 46px;

  /* Border Radius */
  --border-radius-sm: 5px;
  --border-radius-default: 10px;
  --border-radius-lg: 20px;
  --border-radius-max: 999px;

  /* Spaces */
  --space-xs: 2.5px;
  --space-sm: 5px;
  --space-default: 7.5px;
  --space-md: 10px;
  --space-lg: 15px;
  --space-xl: 25px;
  --space-xxl: 40px;

  /* Spaces - Sections */
  --space-sec-sm: 45px;
  --space-sec-default: 45px;
  --space-sec-lg: 60px;
  --space-sec-xl: 75px;

  /* Colours */
  --color-default: #001b48;
  --color-primary: #7aac35;
  --color-primary-light: #afcd86;
  --color-primary-lighter: #bcd59a;
  --color-primary-lightest: #e4eed7;
  --color-secondary: #ebf3e1;
  --color-accent: #547f29;
  --color-grey: #808da3;
  --color-black: #001b48;
  --color-white: #ffffff;
  --color-navy-25: #ccd1da;
  --color-error: #b3261e;

  /* Transitions */
  --transition-duration-quick: 150ms;
  --transition-duration-default: 300ms;
  --transition-duration-slow: 600ms;
  --transition-ease: ease-in-out;
  --transition-cubic: cubic-bezier(0.165, 0.84, 0.44, 1);
  --transition-quick-ease: var(--transition-duration-quick) var(--transition-ease);
  --transition-default-ease: var(--transition-duration-default) var(--transition-ease);
  --transition-slow-ease: var(--transition-duration-slow) var(--transition-ease);
  --transition-quick-cubic: var(--transition-duration-quick) var(--transition-cubic);
  --transition-default-cubic: var(--transition-duration-default) var(--transition-cubic);
  --transition-slow-cubic: var(--transition-duration-slow) var(--transition-cubic);

  /* Aspect Ratios */
  --aspect-21-9: 42.87%;
  --aspect-2-1: 50%;
  --aspect-16-9: 56.25%;
  --aspect-3-2: 66.67%;
  --aspect-4-3: 75%;
  --aspect-5-4: 80%;
  --aspect-1-1: 100%;
  --aspect-4-5: 125%;
  --aspect-3-4: 133.33%;
  --aspect-2-3: 150%;
  --aspect-9-16: 177.78%;
  --aspect-1-2: 200%;
  --aspect-9-21: 233.33%;
  --aspect-71-40: 56.338%;
}

@media (min-width: 1024px) {
  :root {
    /* Font Sizes */
    --font-size-sm: 16px;
    --font-size-default: 18px;
    --font-size-md: 22px;
    --font-size-h1: 40px;
    --font-size-h2: 34px;
    --font-size-h3: 26px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --font-size-display-1: 80px;

    /* Border Radius */
    --border-radius-sm: 10px;
    --border-radius-default: 15px;
    --border-radius-lg: 30px;

    /* Spaces */
    --space-xs: 5px;
    --space-sm: 10px;
    --space-default: 15px;
    --space-md: 20px;
    --space-lg: 30px;
    --space-xl: 50px;
    --space-xxl: 80px;

    /* Spaces - Sections */
    --space-sec-default: 90px;
    --space-sec-lg: 120px;
    --space-sec-xl: 150px;
  }
}


/*
 * Commons
 * -------
 */

.d-none {
  display: none !important;
}


/**
 * Anchors
 * -------
 */

a {
  color: var(--color-accent);
}

.lack-underline,
.lack-underline a {
  text-decoration: unset !important;
  text-underline-offset: unset !important;
  text-decoration-thickness: unset !important;
}


/*
 * Typography - Base
 * -----------------
 */

body {
  font-family: var(--font-default), 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: var(--color-default);
}


/*
 * Typography - Headings
 * ---------------------
 */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  font-weight: 400;
}

h1, .h1 {
  font-size: var(--font-size-h1);
}

h2, .h2 {
  font-size: var(--font-size-h2);
}

h3, .h3 {
  font-size: var(--font-size-h3);
}

h4, .h4 {
  font-size: var(--font-size-h4);
}

h5, .h5 {
  font-size: var(--font-size-h5);
}

h6, .h6 {
  font-size: var(--font-size-h6);
}


/**
 * Typography
 * ----------
 */

.p1 {
  font-size: var(--font-size-md);
  line-height: 1.2;
}

b, strong {
  font-weight: 400 !important;
}

/* Typography - Font Families */
.font-primary {
  font-family: var(--font-primary) !important;
}

.font-secondary {
  font-family: var(--font-secondary) !important;
  text-transform: uppercase !important;
}

/* Typography - Font Weights */
.font-weight-inherit {
  font-weight: inherit !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-default {
  font-weight: 400 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-bold-semi {
  font-weight: 600 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}


/**
 * Containers
 * ----------
 */

/* Desktop Large */
.e-con-boxed {
  --container-max-width: 1400px; /* default desktop */

  padding-right: var(--space-default);
  padding-left: var(--space-default);
}

/* Desktop extra-large (>1920px) */
/* @media (min-width: 1920px) {
  .e-con-boxed {
    --container-max-width: 1400px;
  }
} */

/* Medium desktop */
@media (max-width: 1439px) {
  .e-con-boxed {
    --container-max-width: 1200px;
  }
}

/* Tablet landscape & small laptop */
@media (max-width: 1024px) {
  .e-con-boxed {
    --container-max-width: 960px;
  }
}

/* Tablet portrait */
@media (max-width: 768px) {
  .e-con-boxed {
    --container-max-width: 720px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .e-con-boxed {
    --container-max-width: 100%;
  }
}


/**
 * Spaces
 * ------
 */

.p-xs {
  padding: var(--space-xs);
}

.p-sm {
  padding: var(--space-sm);
}

.p-default {
  padding: var(--space-default);
}

.p-md {
  padding: var(--space-md);
}

.p-lg {
  padding: var(--space-lg);
}

.p-xl {
  padding: var(--space-xl);
}

.p-xxl {
  padding: var(--space-xxl);
}

.px-xs {
  padding-right: var(--space-xs);
  padding-left: var(--space-xs);
}

.px-sm {
  padding-right: var(--space-sm);
  padding-left: var(--space-sm);
}

.px-default {
  padding-right: var(--space-default);
  padding-left: var(--space-default);
}

.px-md {
  padding-right: var(--space-md);
  padding-left: var(--space-md);
}

.px-lg {
  padding-right: var(--space-lg);
  padding-left: var(--space-lg);
}

.px-xl {
  padding-right: var(--space-xl);
  padding-left: var(--space-xl);
}

.px-xxl {
  padding-right: var(--space-xxl);
  padding-left: var(--space-xxl);
}

.py-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

.py-sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

.py-default {
  padding-top: var(--space-default);
  padding-bottom: var(--space-default);
}

.py-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}

.py-lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}

.py-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.py-xxl {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl);
}

.pt-xs {
  padding-top: var(--space-xs);
}

.pt-sm {
  padding-top: var(--space-sm);
}

.pt-default {
  padding-top: var(--space-default);
}

.pt-md {
  padding-top: var(--space-md);
}

.pt-lg {
  padding-top: var(--space-lg);
}

.pt-xl {
  padding-top: var(--space-xl);
}

.pt-xxl {
  padding-top: var(--space-xxl);
}

.pr-xs {
  padding-right: var(--space-xs);
}

.pr-sm {
  padding-right: var(--space-sm);
}

.pr-default {
  padding-right: var(--space-default);
}

.pr-md {
  padding-right: var(--space-md);
}

.pr-lg {
  padding-right: var(--space-lg);
}

.pr-xl {
  padding-right: var(--space-xl);
}

.pr-xxl {
  padding-right: var(--space-xxl);
}

.pb-xs {
  padding-bottom: var(--space-xs);
}

.pb-sm {
  padding-bottom: var(--space-sm);
}

.pb-default {
  padding-bottom: var(--space-default);
}

.pb-md {
  padding-bottom: var(--space-md);
}

.pb-lg {
  padding-bottom: var(--space-lg);
}

.pb-xl {
  padding-bottom: var(--space-xl);
}

.pb-xxl {
  padding-bottom: var(--space-xxl);
}

.pl-xs {
  padding-left: var(--space-xs);
}

.pl-sm {
  padding-left: var(--space-sm);
}

.pl-default {
  padding-left: var(--space-default);
}

.pl-md {
  padding-left: var(--space-md);
}

.pl-lg {
  padding-left: var(--space-lg);
}

.pl-xl {
  padding-left: var(--space-xl);
}

.pl-xxl {
  padding-left: var(--space-xxl);
}

.m-xs {
  padding: var(--space-xs);
}

.m-sm {
  padding: var(--space-sm);
}

.m-default {
  padding: var(--space-default);
}

.m-md {
  padding: var(--space-md);
}

.m-lg {
  padding: var(--space-lg);
}

.m-xl {
  padding: var(--space-xl);
}

.m-xxl {
  padding: var(--space-xxl);
}

.mx-xs {
  padding-right: var(--space-xs);
  padding-left: var(--space-xs);
}

.mx-sm {
  padding-right: var(--space-sm);
  padding-left: var(--space-sm);
}

.mx-default {
  padding-right: var(--space-default);
  padding-left: var(--space-default);
}

.mx-md {
  padding-right: var(--space-md);
  padding-left: var(--space-md);
}

.mx-lg {
  padding-right: var(--space-lg);
  padding-left: var(--space-lg);
}

.mx-xl {
  padding-right: var(--space-xl);
  padding-left: var(--space-xl);
}

.mx-xxl {
  padding-right: var(--space-xxl);
  padding-left: var(--space-xxl);
}

.my-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

.my-sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

.my-default {
  padding-top: var(--space-default);
  padding-bottom: var(--space-default);
}

.my-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}

.my-lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}

.my-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.my-xxl {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl);
}

.mt-xs {
  padding-top: var(--space-xs);
}

.mt-sm {
  padding-top: var(--space-sm);
}

.mt-default {
  padding-top: var(--space-default);
}

.mt-md {
  padding-top: var(--space-md);
}

.mt-lg {
  padding-top: var(--space-lg);
}

.mt-xl {
  padding-top: var(--space-xl);
}

.mt-xxl {
  padding-top: var(--space-xxl);
}

.mr-xs {
  padding-right: var(--space-xs);
}

.mr-sm {
  padding-right: var(--space-sm);
}

.mr-default {
  padding-right: var(--space-default);
}

.mr-md {
  padding-right: var(--space-md);
}

.mr-lg {
  padding-right: var(--space-lg);
}

.mr-xl {
  padding-right: var(--space-xl);
}

.mr-xxl {
  padding-right: var(--space-xxl);
}

.mb-xs {
  padding-bottom: var(--space-xs);
}

.mb-sm {
  padding-bottom: var(--space-sm);
}

.mb-default {
  padding-bottom: var(--space-default);
}

.mb-md {
  padding-bottom: var(--space-md);
}

.mb-lg {
  padding-bottom: var(--space-lg);
}

.mb-xl {
  padding-bottom: var(--space-xl);
}

.mb-xxl {
  padding-bottom: var(--space-xxl);
}

.ml-xs {
  padding-left: var(--space-xs);
}

.ml-sm {
  padding-left: var(--space-sm);
}

.ml-default {
  padding-left: var(--space-default);
}

.ml-md {
  padding-left: var(--space-md);
}

.ml-lg {
  padding-left: var(--space-lg);
}

.ml-xl {
  padding-left: var(--space-xl);
}

.ml-xxl {
  padding-left: var(--space-xxl);
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

/* Spaces - Sections */
.sec-py-sm {
  padding-top: var(--space-sec-sm);
  padding-bottom: var(--space-sec-sm);
}

.sec-py-default {
  padding-top: var(--space-sec-default);
  padding-bottom: var(--space-sec-default);
}

.sec-py-lg {
  padding-top: var(--space-sec-lg);
  padding-bottom: var(--space-sec-lg);
}

.sec-py-xl {
  padding-top: var(--space-sec-xl);
  padding-bottom: var(--space-sec-xl);
}

.sec-pt-sm {
  padding-top: var(--space-sec-sm);
}

.sec-pt-default {
  padding-top: var(--space-sec-default);
}

.sec-pt-lg {
  padding-top: var(--space-sec-lg);
}

.sec-pt-xl {
  padding-top: var(--space-sec-xl);
}

.sec-pb-sm {
  padding-bottom: var(--space-sec-sm);
}

.sec-pb-default {
  padding-bottom: var(--space-sec-default);
}

.sec-pb-lg {
  padding-bottom: var(--space-sec-lg);
}

.sec-pb-xl {
  padding-bottom: var(--space-sec-xl);
}

/**
 * Anchors
 * -------
 */

/* Deskotp */
@media (hover: hover) and (pointer: fine) {
  a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
  }
}


/**
 * Text Column
 * -----------
 */
.text-column-2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

.text-column-gap-xl{
  -webkit-column-gap: var(--space-xl);
     -moz-column-gap: var(--space-xl);
          column-gap: var(--space-xl);
}


/**
 * Menus
 * -----
 */

/* Menus - Toggle */
.navbar-mega-menu .e-n-menu-toggle {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: transparent !important;
}

@media (max-width: 1024px) {
  .navbar-mega-menu nav.e-n-menu .e-n-menu-heading {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
    background-color: var(--e-global-color-secondary);
    border-bottom-left-radius: var(--border-radius-lg);
    border-bottom-right-radius: var(--border-radius-lg);
  }

  .navbar-mega-menu nav.e-n-menu .e-n-menu-wrapper::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    height: 100vh;
    opacity: 0;
    pointer-events: none;
  }

  .navbar-mega-menu .e-n-menu-toggle[aria-expanded="true"] + .e-n-menu-wrapper::after {
    opacity: 1;
    -webkit-transition: opacity var(--transition-default-ease);
    transition: opacity var(--transition-default-ease);
  }

  .navbar-mega-menu nav.e-n-menu .e-n-menu-wrapper {
    overflow: visible !important;
  }

  .navbar-mega-menu nav.e-n-menu .e-n-menu-wrapper > .e-n-menu-heading {
    padding-left: 7.5px;
    padding-right: 7.5px;
    z-index: 1;
  }

  .navbar-mega-menu nav.e-n-menu .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
  }
}

@media (max-width: 767px) {
  .navbar-mega-menu nav.e-n-menu .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item {
    max-width: 720px;
  }
}

@media (min-width: 1024px) {
  .navbar-mega-menu .e-n-menu-content::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    height: 100vh;
    opacity: 0;
    pointer-events: none;
  }

  .navbar-mega-menu .e-n-menu-content.e-active::after {
    opacity: 1;
    -webkit-transition: opacity var(--transition-default-ease);
    transition: opacity var(--transition-default-ease);
  }

  .navbar-mega-menu .elementor-nav-menu {
    position: relative;
  }

  .navbar-mega-menu .menu-item.menu-item-has-children {
    position: unset;
  }

  .navbar-mega-menu .menu-item > .sub-menu {
    top: 0 !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0px !important;
    width: 100% !important;
    background-color: transparent;
  }

  .navbar-mega-menu .menu-item > .sub-menu[aria-expanded="true"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.navbar-mega-menu > nav > .e-n-menu-wrapper > ul > li > .e-n-menu-title,
.navbar-mega-menu > nav > .e-n-menu-wrapper > ul > li > .e-n-menu-title > .e-n-menu-title-container > .e-n-menu-title-text {
  cursor: pointer !important;
}

.navbar-mega-menu > nav > .e-n-menu-wrapper > ul > li > .e-n-menu-title > a {
  text-decoration: none !important;
}


/**
 * Mega Menu
 * ---------
 */

.menu-type-mega {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: calc(var(--space-default) * -1);
  padding: 0 var(--space-lg);
  padding-bottom: var(--space-xl);
  font-family: var(--font-default);
  font-weight: 300;
}

@media (min-width: 768px) {
  .menu-type-mega {
    padding: 0;
    padding-bottom: var(--space-xl);
  }
}

@media (min-width: 1025px) {
  .menu-type-mega {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-xl);
  }
}

.menu-type-mega > li.menu-item-mega,
.menu-type-mega > li.mega-menu-cta {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (min-width: 1025px) {
  .menu-type-mega > li.menu-item-mega,
  .menu-type-mega > li.mega-menu-cta {
    width: 25%;
  }

  .menu-type-mega > li.menu-item-has-grand-children {
    width: 50%;
  }
}

.menu-type-mega a {
  color: var(--color-black);
}

.menu-type-mega a.label-only {
  pointer-events: none;
}

.menu-type-mega > li.menu-item-mega,
.menu-type-mega > li.mega-menu-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--space-default);
}

.menu-type-mega .menu-item-title-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.menu-type-mega .menu-item-title-wrapper > .mega-menu-toggler {
  display: none;
}

.menu-type-mega > li.menu-item-mega .menu-item-top-title {
  font-family: var(--font-secondary);
  text-transform: uppercase;
  font-weight: 400;
}

.menu-type-mega .mega-menu-panel {
  margin-bottom: var(--space-sm);
}

.menu-type-mega .menu-item-top-title,
.menu-type-mega .mega-menu-section__header > a,
.menu-type-mega .mega-menu-section__items > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

.menu-type-mega .mega-menu-section__items > li {
  list-style-type: none;
}

.menu-type-mega .mega-menu-section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.menu-type-mega .mega-menu-toggler {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
  border-radius: unset !important;
  padding: var(--space-xs) !important;
  font-size: 0.8em;
  color: inherit !important;
  background: unset !important;
}

@media (min-width: 1025px) {
  .menu-type-mega .mega-menu-toggler {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

.menu-type-mega .mega-menu-section:hover .mega-menu-section__title {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  color: var(--color-accent);
}

.menu-type-mega .menu-item-cta {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

.menu-type-mega .mega-menu-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 1024px) {
  .menu-type-mega .mega-menu-cta {
    display: none !important;
  }
}

.menu-type-mega .mega-menu-cta__img {
  border-radius: var(--border-radius-default);
  margin-bottom: var(--space-default);
  width: 100%;
  max-width: 400px;
}

.menu-type-mega .mega-menu-cta__btn {
  margin-top: var(--space-sm);
}

@media (max-width: 1024px) {
  .menu-type-mega .mega-menu-section__header .mega-menu-toggler {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform var(--transition-default-cubic);
    transition: -webkit-transform var(--transition-default-cubic);
    transition: transform var(--transition-default-cubic);
    transition: transform var(--transition-default-cubic), -webkit-transform var(--transition-default-cubic);
  }

  .menu-type-mega .mega-menu-section__header .mega-menu-toggler[aria-expanded="true"] {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .menu-type-mega .mega-menu-section__items {
    padding-left: var(--space-lg);
    -webkit-transition: var(--transition-default-cubic);
    transition: var(--transition-default-cubic);
    -webkit-transition-property: visibility, height;
    transition-property: visibility, height;
  }

  .menu-type-mega .mega-menu-section__items:not(.expanded) {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    height: 0;
  }

  .menu-type-mega .mega-menu-section__items.expanded {
    pointer-events: default;
    opacity: 1;
    visibility: visible;
    height: auto;
  }
}

@media (min-width: 1025px) {
  .menu-type-mega > li.menu-item-has-grand-children .mega-menu-panel {
    position: relative;
    width: 50%;
  }

  .menu-type-mega .mega-menu-section__items {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .menu-type-mega .mega-menu-section:hover .mega-menu-section__items,
  .menu-type-mega .mega-menu-section.is-open .mega-menu-section__items {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/* Livestock Menu(3 level menu handling  */
@media (min-width: 1025px) {
  .menu-livestock > li.menu-item-has-grand-children .mega-menu-panel {
    width: 180px;
  }

  .menu-livestock .mega-menu-section__items {
    width: max-content;
    padding-left: var(--space-md);
  }

  .menu-livestock .mega-menu-section:hover .mega-menu-section__items .mega-menu-section__items {
    opacity: 0; 
    visibility: hidden; 
    pointer-events: none;
  }

  .menu-livestock .mega-menu-section__header > a,
  .menu-livestock .mega-menu-section__items > li > a {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm);
  }

  .menu-livestock .mega-menu-section__items > li {
    margin-bottom: 0;
  }
}

/**
 * Lists
 * -----
 */

ul:not([class]),
ol:not([class]) {
  margin-bottom: var(--space-default);
}

li {
    margin-bottom: var(--space-sm);
}


/**
 * Style - List Style
 * ----------
 */

.bullet-green li::marker {
    color: var(--color-accent);
}

.bullet-white li::marker {
    color: var(--color-white);
}


/**
 * Videos
 * ------
 */

.video-border-radius {
  border-radius: var(--space-lg);
}


/**
 * Counters
 * --------
 */

.counter-text-center {
  text-align: center;
  text-wrap: balance;
}


/**
 * Buttons
 * -------
 */

.btn a,
a.btn,
a.elementor-button {
  text-decoration: none !important;
}

.btn-icon-lg .elementor-button-icon {
  font-size: 2em;
}

.btn-icon-default .elementor-button-content-wrapper,
.btn-icon-lg .elementor-button-content-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn-no-padding .elementor-button {
  padding: 0 !important;
}

.btn-icon-default .elementor-button-icon {
  height: 1em;
}

p.btn.has-arrow-end a,
a.btn.has-arrow-end,
.elementor-widget-button.has-arrow-end .elementor-button-text {
  color: var(--color-accent) !important;
  -webkit-transition: color var(--transition-quick-ease);
  transition: color var(--transition-quick-ease);
}

p.btn.has-arrow-end a:hover,
a.btn.has-arrow-end:hover,
.elementor-widget-button.has-arrow-end .elementor-button-text:hover {
  color: var(--color-default) !important;
}

p.btn.has-arrow-end a::after,
a.btn.has-arrow-end::after,
.elementor-widget-button.has-arrow-end .elementor-button-text::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.5em;
  font: var(--fa-font-solid);
  content: '\f054';
}

/* Buttons - Outline */
.elementor-widget-button.btn-outline .elementor-button {
  border: 1px solid var(--color-accent) !important;
  width: 100% !important;
  color: var(--color-accent) !important;
  background-color: transparent !important;
  -webkit-transition: var(--transition-quick-ease);
  transition: var(--transition-quick-ease);
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.elementor-widget-button.btn-outline .elementor-button:hover {
  color: var(--color-white) !important;
  background-color: var(--color-accent) !important;
}

.elementor-widget-button.btn-tag .elementor-button {
  pointer-events: none;
  cursor: default;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}


/**
 * Link List
 * ---------
 */

.link-list li.elementor-icon-list-item {
  border-top: 1px solid var(--color-accent);
}

.link-list li.elementor-icon-list-item:last-child {
  border-bottom: 1px solid var(--color-accent);
}

.link-list a {
  text-decoration: none !important;
}

.link-list .elementor-icon-list-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  -ms-flex-wrap: nowrap; 
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) 0;
  font-weight: 400 !important;
  width: 100%;
  -webkit-transition: var(--transition-quick-ease) !important;
  transition: var(--transition-quick-ease) !important;
  -webkit-transition-property: color, background-color !important;
  transition-property: color, background-color !important;
  color: var(--color-default);
  background-color: transparent;
}

.link-list a:hover .elementor-icon-list-text {
  color: var(--color-accent);
  background-color: var(--color-secondary);
}

.link-list .elementor-icon-list-text::after {
  margin-left: auto;
  content: "\f105";
  font: var(--fa-font-solid) !important;
  color: var(--color-accent);
  text-decoration: none !important;
}

/* Link List - Document Icon */
.link-list.icon-document .elementor-icon-list-text::after {
  content: '';
  margin-left: auto;
  display: inline-block;
  flex: 0 0 auto;
  width: 1.2em;
  height: 1.2em;
  background-color: var(--color-accent);
  -webkit-mask-image: url(../icons/icon-download-green.svg);
          mask-image: url(../icons/icon-download-green.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}


/**
 * Icon List
 * ---------
 */

.icon-list-icon-right .elementor-icon-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 40px;
}

.icon-list-icon-right .elementor-icon-list-icon {
  margin-left: 10px;
  margin-right: 0;
}


/**
 * Gallery
 * -------
 */

.gallery-contain .elementor-gallery-item__image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/**
 * Footer
 * ------
 */

@media (max-width: 767px) {
  .footer-logo-gallery {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    max-width: 300px !important;
  }
}

footer .elementor-nav-menu--main .elementor-nav-menu ul {
  display: none !important;
}

footer a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

/**
 * Masonry
 * -------
 */

@media (min-width: 1024px) {
  .uneven-masonry .elementor-posts-masonry div.e-loop-item:nth-of-type(even) {
    -webkit-transform: translateY(var(--space-xxl));
        -ms-transform: translateY(var(--space-xxl));
            transform: translateY(var(--space-xxl));
  }

  .uneven-masonry .elementor-posts-masonry .e-loop-item,
  .uneven-masonry .elementor-posts-masonry .e-loop-item > .elementor-element {
    height: 100%;
  }
}


/**
 * Featured Tabs
 * -------------
 */

@media (min-width: 773px) {
  .featured-tab {
    --tab-img-height: 200px;
    padding-top: var(--tab-img-height);
  }

  .featured-tab .e-n-tabs-heading {
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    border-radius: var(--border-radius-max);
    padding: var(--space-xs);
    background-color: var(--color-white);
  }

  .featured-tab button.e-n-tab-title {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .featured-tab button.e-n-tab-title::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: calc(100% + var(--space-xs));
    width: 100%;
    height: var(--tab-img-height);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
  }

  .featured-tab button.e-n-tab-title[aria-selected="true"]::before {
    -webkit-filter: none;
            filter: none;
  }

  .featured-tab button#beef-cattle::before {
    height: calc(var(--tab-img-height) * 0.8);
    background-image: url("/wp-content/uploads/2026/08/beef_cattle.png");
  }

  .featured-tab button#dairy-cattle::before {
    height: calc(var(--tab-img-height) * 0.8);
    background-image: url("/wp-content/uploads/2026/08/dairy_cattle.png");
  }

  .featured-tab button#goats::before {
    height: calc(var(--tab-img-height) * 0.7);
    background-image: url("/wp-content/uploads/2026/08/goat.png");
  }

  .featured-tab button#sheep::before {
    height: calc(var(--tab-img-height) * 0.65);
    background-image: url("/wp-content/uploads/2026/08/sheep.png");
  }

  .featured-tab button#horses::before {
    background-image: url("/wp-content/uploads/2026/08/horse.png");
  }
}

@media (min-width: 1024px) {
  .featured-tab {
    --tab-img-height: 300px;
  }
}


/**
* LiveStock type menu
* -------------------
*/
.livestock-type-menu .elementor-widget-n-menu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

.livestock-type-menu .elementor-widget-n-menu > li {
    width: 100%;
}


/**
 * Dynamic Card Layout
 * -------------------
 */

@media (min-width: 576px) {
  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: a;
  }

  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: b;
  }

  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: c;
  }

  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: d;
  }

  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: e;
  }

  .dynamic-card-layout .elementor-grid {
                grid-template-areas: 
      "a a"
      "b c"
      "d e";
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(1) {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-radius: var(--border-radius-default);
    padding: var(--space-lg);
  }

  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(1) > .e-con,
  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(1) .elementor-widget-image,
  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(1) .elementor-widget-image > a {
    position: unset;
  }

  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(1) .elementor-widget-image > a::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
  }

  .dynamic-card-layout .elementor-grid .e-loop-item:nth-of-type(1) .elementor-heading-title {
    width: 65%;
    color: var(--color-white);
  }
}

@media (min-width: 1200px) {
  .dynamic-card-layout .elementor-grid {
                grid-template-areas: 
      "b a a d"
      "c a a e";
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


/**
 * Header
 * ------
 */

.hide-on-scroll-header {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: transform;
  z-index: 999;
}

.hide-on-scroll-header.header-hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}


/**
 * Accordions
 * ----------
 */

div.elementor-widget-n-accordion {
  --n-accordion-title-font-size: var(--font-size-default);
  --n-accordion-title-justify-content: space-between;
  --n-accordion-title-icon-order: 12;
  --n-accordion-border-color: var(--color-grey);
  --n-accordion-item-title-distance-from-content: 0px;
  --n-accordion-padding: var(--space-md) 0;
  --n-accordion-border-radius: var(--border-radius-default);
  --n-accordion-icon-size: 1em;
  --n-accordion-title-normal-color: var(--color-default);
  --n-accordion-title-hover-color: var(--color-accent);
  --n-accordion-title-active-color: var(--color-white);
  --n-accordion-icon-normal-color: var(--n-accordion-title-normal-color);
  --n-accordion-icon-hover-color: var(--n-accordion-title-hover-color);
  --n-accordion-icon-active-color: var(--n-accordion-title-active-color);
  --n-accordion-icon-gap: 0 var(--space-default);
}

.elementor-widget-n-accordion .e-n-accordion-item {
  overflow: hidden !important;
  border-color: var(--n-accordion-border-color) !important;
  border-style: var(--n-accordion-border-style) !important;
  border-width: var(--n-accordion-border-width) !important;
  border-radius: var(--n-accordion-border-radius) !important;
}

.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child) {
  --n-accordion-item-title-space-between: var(--space-default);
}

.elementor-widget-n-accordion .e-n-accordion-item-title {
  border: none !important;
  border-radius: unset !important;
  font-weight: 500 !important;
  -webkit-transition: var(--transition-quick-ease) !important;
  transition: var(--transition-quick-ease) !important;
  -webkit-transition-property: color, background-color !important;
  transition-property: color, background-color !important;
}

.elementor-widget-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title {
  background-color: var(--color-primary);
}

.elementor-widget-n-accordion .e-n-accordion-item-title-text {
  font-size: var(--font-size-default) !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title + div {
  border: none !important;
  padding: var(--n-accordion-padding) !important;
  font-size: var(--font-size-default) !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title + div p:last-child {
  margin-bottom: 0;
}

/* Accordions - Fading Line */
.elementor-widget-n-accordion.accordion-with-fading-line .e-n-accordion {
  --n-accordion-border-width: 0;
}

.elementor-widget-n-accordion.accordion-with-fading-line .e-n-accordion-item:not(:last-child) {
  --n-accordion-item-title-space-between: 0;
}

.elementor-widget-n-accordion.accordion-with-fading-line .e-n-accordion-item {
  border-top: 1px solid var(--color-accent) !important;
  border-radius: unset !important;
}

.elementor-widget-n-accordion.accordion-with-fading-line .e-n-accordion-item:last-child {
  border-bottom: 1px solid var(--n-accordion-border-color) !important;
}

/* .elementor-widget-n-accordion.accordion-with-fading-line .e-n-accordion-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(
        linear,
        left top, right top,
        from(transparent),
        color-stop(10%, #ccc),
        color-stop(20%, #ccc),
        color-stop(40%, #ccc),
        color-stop(80%, #ccc),
        color-stop(40%, #ccc),
        color-stop(20%, #ccc),
        color-stop(10%, #ccc),
        to(transparent)
    );
    background: linear-gradient(
        to right,
        transparent,
        #ccc 10%,
        #ccc 20%,
        #ccc 40%,
        #ccc 80%,
        #ccc 40%,
        #ccc 20%,
        #ccc 10%,
        transparent
    );
} */

/**
 * Background
 * ----------
 */

@media (min-width : 768px) {
  .e-con-boxed .background-overflow-left::before{
      left: calc((50vw - 100%) * -1);
      width: 50vw;
      background-size: cover !important;
      background-position: left bottom;
      border-radius: 0 0 var(--border-radius-lg);
  }
}

/*
* Contact Page - Contact Form
* ==================================
*/

.contact-us-form-container .elementor-form-fields-wrapper ::-webkit-input-placeholder{
  color:var(--color-accent);
}

.contact-us-form-container .elementor-form-fields-wrapper ::-moz-placeholder{
  color:var(--color-accent);
}

.contact-us-form-container .elementor-form-fields-wrapper :-ms-input-placeholder{
  color:var(--color-accent);
}

.contact-us-form-container .elementor-form-fields-wrapper ::-ms-input-placeholder{
  color:var(--color-accent);
}

.contact-us-form-container .elementor-form-fields-wrapper ::placeholder{
  color:var(--color-accent);
}

.contact-us-form-container .elementor-field-group .elementor-field{
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--color-accent);
}

.contact-us-form-container .elementor-form-fields-wrapper label{
  padding-left:var(--space-default);
}
.contact-us-form-container .elementor-form-fields-wrapper .elementor-field-type-textarea textarea{
  padding-left: var(--space-default);
  padding-top: var(--space-default);
}


/*
* Search Page
* ==================================
*/
.search-result-title{
  font-family: var(--font-primary);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2em;
  color: var(--color-accent);
}

@media (max-width:1024px) {
  .search-result-title{
    font-size: 32px;
  }
}

.search-form-container .search-form label{
  padding-right: var(--space-default);
}
.search-form-container .search-form  .search-field{
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--color-accent);
  max-width: 600px;
  width: 50vw;
}

/*
* Product Page - Accordion Element
* ==================================
*/

.product-features-tab .elementor-widget-n-accordion .e-n-accordion-item {
  border-style: none !important;
}


.product-features-tab .elementor-widget-n-accordion.inline-accordion  .e-n-accordion-item-title {
  padding: 0px;
  background-color: transparent !important;
}

.product-features-tab .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon svg {
  fill: none !important;
}

/**
 * Product's Benefits Layout
 * ------------------------------------
 */

.product-benefits {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.benefit-card {
    padding: 30px;
}

.benefit-heading {
    margin-bottom: 15px;
}


/**
 * Products Page - aco icon
 * ------------------------------------
 */
 .aco-icon .elementor-icon-box-wrapper .elementor-icon-box-title {
  padding-bottom: var(--space-lg);
}

.aco-icon .elementor-icon-box-wrapper .elementor-icon-box-description {
  margin-top:auto;
  font-size: 10px;
}


/**
 * Products Page - LivestockType Picker
 * ------------------------------------
 */

.cattle-accordion .elementor-widget-icon svg {
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

/* Header should be clickable */
.cattle-accordion .accordion-item {
    cursor: pointer;
}

 /* Content closed */
.cattle-accordion .accordion-container > .elementor-widget-text-editor {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease, padding-bottom 0.3s ease;
    transition: max-height 0.3s ease, padding-bottom 0.3s ease;
    padding-bottom: 0;
}

/* Content open */
.cattle-accordion .accordion-container.is-open
> .elementor-widget-text-editor {
    max-height: 500px;
    padding-bottom: var(--space-sm);
}

/* Link inside content */
.cattle-accordion .accordion-container
> .elementor-widget-text-editor a {
    display: block;
}

/* Rotate chevron */
.cattle-accordion .accordion-container.is-open
.elementor-widget-icon svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* Popover arrow for the toggle picker */
@media (min-width: 773px) {
  .livestock-picker .e-n-tab-title[aria-selected="true"]::after {
    content: "";
    position: absolute;
    clip-path: polygon(50% 0%, 0 50%, 100% 50%);
    height: 3em;
    width: 3em;
    bottom: -3.5em;
    background-color: var(--color-default);
  }
}

@media (max-width: 772px) {
  .livestock-picker .e-n-tabs-heading{
    background-color: var(--color-white);
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    border-radius: var(--border-radius-lg);
  }
}

.product-benefits{
  color:var(--color-white);
  font-family: var(--font-default);
}

/* Single Product Page - Active ingredients */
@media(min-width: 768px) {
  .active-ingredients-section .active-ingredients-carousel .swiper{
    width: calc(100% + (100vw - 100% * 0.35 / 0.65 - 100%) / 2) !important;
  }
  .active-ingredients-section .active-ingredients-carousel .swiper-wrapper .elementor-widget-button{
    margin-top: auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}

@media( min-width: 1024px ) {
  .active-ingredients-section .active-ingredients-carousel .swiper {
    width: calc((100% + 2em) + (100vw - (100% + 4em) * 0.3 / 0.7 - (100% + 4em)) / 2) !important;
    padding-right: calc(50vw - (500% + 34em) / 7);
  }
}

@media(max-width: 767px) {
  .active-ingredients-section .active-ingredients-carousel-container {
    overflow: hidden;
    margin-left: calc((100vw - 100%) / -2);
    margin-right: calc((100vw - 100%) / -2);
    padding-left: calc((100vw - 100%) / 2);
    padding-right: calc((100vw - 100%) / 2);
    width: 100vw;
  }

  .active-ingredients-section .active-ingredients-carousel .swiper {
    overflow: visible;
    margin: 0;
    width: 75vw !important;
  }
}

.active-ingredients-carousel .swiper-slide .e-con-boxed{
  padding: var(--space-lg);
}

.slider-title-plain{
  font-size: clamp(60px, calc(50px + 3vw), 80px);
  height: 96px;
  scrollbar-width: none;
  overflow-x: auto;
}

.active-ingredients-section .active-ingredients-carousel .swiper-wrapper .elementor-widget-button .elementor-button {
    width: 100%;
    text-wrap: balance;
}

/* Single Product Page - Swiper button */
.active-ingredients-carousel .elementor-swiper-button{
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 40px;
    height:40px;

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;

    border-radius:50%;
    border:3px solid var(--color-accent);

    cursor:pointer;
    -webkit-transition:.3s;
    transition:.3s;
}

.active-ingredients-carousel .elementor-swiper-button-prev{
    background:#fff;

}

.active-ingredients-carousel .elementor-swiper-button-next{
    background:var(--color-accent);
}

.active-ingredients-carousel .elementor-swiper-button svg{
    width:18px;
    height:18px;
}

.active-ingredients-carousel .elementor-swiper-button-prev svg{
    fill:var(--color-accent) !important;
}

.active-ingredients-carousel .elementor-swiper-button-next svg{
    fill:#fff;
}
.active-ingredients-carousel .elementor-swiper-button{
    position:relative;
}
.active-ingredients-carousel{
    position:relative;
}

.active-ingredients-carousel .elementor-widget-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}

.active-ingredients-carousel .e-n-carousel{
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1;
}

.active-ingredients-carousel .elementor-swiper-button-prev,
.active-ingredients-carousel .elementor-swiper-button-next{
    margin-top:30px;
}

.active-ingredients-carousel .elementor-widget-container{
    display:-ms-grid;
    display:grid;
}

.active-ingredients-carousel .elementor-swiper-button-prev{
  border: 1px solid var(--color-accent) !important;
}

/* Single Product Page - Product feature Tab */
.product-features-tab > .e-n-tabs > .e-n-tabs-heading{
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  border-radius: var(--border-radius-lg);
  padding: var(--space-xs);
  background-color: var(--color-secondary);
  max-width: 1000px;
}

.product-features-tab > .e-n-tabs > .e-n-tabs-heading{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap: 1em;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 95%;
}

@media (max-width: 700px) {
  .product-features-tab > .e-n-tabs > .e-n-tabs-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: var(--border-radius-lg);
  }
}

.product-features-tab > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-wrap: balance;
}

/* Single Product Page - Dose rate Tab */
.product-features-tab .dose-rate-tab .e-n-tabs-heading{
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.dose-rate-tab .e-n-tabs-heading button#dose-rates-tab-cattle {
  background: var(--color-accent) !important;
}

.dose-rate-tab .e-n-tabs-heading button#dose-rates-tab-goats {
  background: var(--color-default) !important;
}

.dose-rate-tab .table-container{
  overflow-x: auto;
  width: 100%;
}

.dose-rate-tab table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--color-white);
  border-radius: 12px;
  overflow: hidden;
  background-color: transparent;
}

.dose-rate-tab th,
.dose-rate-tab td {
  background-color: transparent;
  color: var(--color-white);
  font-size: var(--font-size-default);
  border-right: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
}

.dose-rate-tab th {
    font-weight: 500;
    text-align: left;
}

.dose-rate-tab td {
    font-weight: 300;
    line-height: 130%;
}

/* Remove the right border from the last column */
.dose-rate-tab th:last-child,
.dose-rate-tab td:last-child {
    border-right: none;
}

/* Remove the bottom border from the last row */
.dose-rate-tab tr:last-child td {
    border-bottom: none;
}

/* Single Product Page - Target analysis Tab */
.target-analysis-container table{
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--color-accent);
    border-radius: var(--border-radius-default);
    font-size: var(--font-size-default);
    font-family: var(--font-default);
}

/* Header */
.target-analysis-container thead th {
    color: var(--color-default);
    border-bottom: 1px solid var(--color-accent);
    background: var(--color-secondary);
}

/* Body cells */
.target-analysis-container tbody td {
    color: var(--color-default);
    font-weight: 300;
    line-height: 1.3;
    border-bottom: 1px solid var(--color-default);
}

.target-analysis-container tbody th,
.target-analysis-container tbody td {
    background-color: var(--color-white) !important;
    color: var(--color-default);
    border-right: 1px solid var(--color-accent);
    border-bottom: 1px solid var(--color-accent);
}

.target-analysis-container th:first-child,
.target-analysis-container td:first-child {
    width: 50%;
}

.target-analysis-container td:nth-child(2) {
    width: 35%;
    text-align: right;
}

.target-analysis-container th:last-child,
.target-analysis-container td:last-child {
    width: 15%;
}


/* Vertical column borders */
.target-analysis-container th:not(:last-child),
.target-analysis-container td:not(:last-child) {
    border-right: 1px solid var(--color-accent);
}

/* Remove bottom border from last row */
.target-analysis-container tbody tr:last-child td {
    border-bottom: none;
}


.livestock-picker-section > .e-con-inner {
    z-index: 1;
}

.livestock-picker-section::after {
  width: 100%;
  top: 270px;
  left: 0px;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 0;
  background-color: var(--color-secondary);
  clip-path: polygon(0% 21.936%, 0% 21.936%, 0.56% 21.271%, 1.125% 20.626%, 1.694% 20.002%, 2.267% 19.399%, 2.845% 18.816%, 3.427% 18.255%, 4.014% 17.715%, 4.605% 17.196%, 5.2% 16.7%, 5.8% 16.226%, 5.8% 16.226%, 9.013% 14.07%, 12.388% 12.456%, 15.925% 11.383%, 19.624% 10.853%, 23.486% 10.863%, 27.509% 11.415%, 31.695% 12.507%, 36.043% 14.14%, 40.554% 16.313%, 45.227% 19.026%, 45.227% 19.026%, 49.89% 21.744%, 54.378% 23.933%, 58.689% 25.592%, 62.823% 26.723%, 66.781% 27.323%, 70.562% 27.394%, 74.167% 26.935%, 77.594% 25.946%, 80.846% 24.426%, 83.92% 22.377%, 83.92% 22.377%, 85.683% 20.914%, 87.412% 19.277%, 89.106% 17.467%, 90.767% 15.484%, 92.392% 13.329%, 93.984% 11.004%, 95.54% 8.507%, 97.062% 5.84%, 98.548% 3.005%, 100% 0%, 100% 100%, 0% 100%, 0% 21.936%);
}

.clip-path-swoosh-top,
.clip-path-swoosh-top-reverse,
.clip-path-swoosh-bottom,
.clip-path-swoosh-bottom-reverse {
  --curve-height: 8vw;
}

.clip-path-swoosh-top {
  clip-path: polygon(0.000% calc(var(--curve-height) * 0.000000), 0.863% calc(var(--curve-height) * 0.065916), 1.738% calc(var(--curve-height) * 0.130225), 2.623% calc(var(--curve-height) * 0.192122), 3.520% calc(var(--curve-height) * 0.250804), 4.427% calc(var(--curve-height) * 0.307878), 5.343% calc(var(--curve-height) * 0.362540), 6.269% calc(var(--curve-height) * 0.415595), 7.204% calc(var(--curve-height) * 0.465434), 8.147% calc(var(--curve-height) * 0.512862), 9.098% calc(var(--curve-height) * 0.558682), 10.056% calc(var(--curve-height) * 0.601286), 11.022% calc(var(--curve-height) * 0.642283), 11.993% calc(var(--curve-height) * 0.680868), 12.971% calc(var(--curve-height) * 0.717042), 13.955% calc(var(--curve-height) * 0.750804), 14.943% calc(var(--curve-height) * 0.782154), 15.936% calc(var(--curve-height) * 0.811897), 16.934% calc(var(--curve-height) * 0.839228), 17.935% calc(var(--curve-height) * 0.864148), 18.941% calc(var(--curve-height) * 0.885852), 19.950% calc(var(--curve-height) * 0.905949), 20.962% calc(var(--curve-height) * 0.924437), 21.977% calc(var(--curve-height) * 0.939711), 22.993% calc(var(--curve-height) * 0.953376), 24.011% calc(var(--curve-height) * 0.965434), 25.030% calc(var(--curve-height) * 0.975884), 26.051% calc(var(--curve-height) * 0.983923), 27.072% calc(var(--curve-height) * 0.990354), 28.094% calc(var(--curve-height) * 0.995177), 29.117% calc(var(--curve-height) * 0.998392), 30.139% calc(var(--curve-height) * 1.000000), 31.162% calc(var(--curve-height) * 1.000000), 32.185% calc(var(--curve-height) * 0.999196), 33.207% calc(var(--curve-height) * 0.995981), 34.229% calc(var(--curve-height) * 0.992765), 35.251% calc(var(--curve-height) * 0.987138), 36.273% calc(var(--curve-height) * 0.980707), 37.294% calc(var(--curve-height) * 0.973473), 38.314% calc(var(--curve-height) * 0.964630), 39.333% calc(var(--curve-height) * 0.954984), 40.352% calc(var(--curve-height) * 0.944534), 41.370% calc(var(--curve-height) * 0.932476), 42.388% calc(var(--curve-height) * 0.919614), 43.404% calc(var(--curve-height) * 0.905949), 44.419% calc(var(--curve-height) * 0.891479), 45.434% calc(var(--curve-height) * 0.875402), 46.448% calc(var(--curve-height) * 0.859325), 47.460% calc(var(--curve-height) * 0.841640), 48.472% calc(var(--curve-height) * 0.823955), 49.483% calc(var(--curve-height) * 0.804662), 50.492% calc(var(--curve-height) * 0.785370), 51.501% calc(var(--curve-height) * 0.765273), 52.509% calc(var(--curve-height) * 0.743569), 53.515% calc(var(--curve-height) * 0.721865), 54.521% calc(var(--curve-height) * 0.699357), 55.526% calc(var(--curve-height) * 0.676849), 56.532% calc(var(--curve-height) * 0.654341), 57.539% calc(var(--curve-height) * 0.633441), 58.548% calc(var(--curve-height) * 0.612540), 59.557% calc(var(--curve-height) * 0.592444), 60.568% calc(var(--curve-height) * 0.573151), 61.579% calc(var(--curve-height) * 0.555466), 62.591% calc(var(--curve-height) * 0.537781), 63.605% calc(var(--curve-height) * 0.520900), 64.619% calc(var(--curve-height) * 0.505627), 65.635% calc(var(--curve-height) * 0.490354), 66.651% calc(var(--curve-height) * 0.476688), 67.668% calc(var(--curve-height) * 0.463826), 68.686% calc(var(--curve-height) * 0.451768), 69.704% calc(var(--curve-height) * 0.440514), 70.724% calc(var(--curve-height) * 0.430868), 71.744% calc(var(--curve-height) * 0.422026), 72.765% calc(var(--curve-height) * 0.413987), 73.786% calc(var(--curve-height) * 0.407556), 74.808% calc(var(--curve-height) * 0.401929), 75.830% calc(var(--curve-height) * 0.397910), 76.853% calc(var(--curve-height) * 0.395498), 77.875% calc(var(--curve-height) * 0.393891), 78.898% calc(var(--curve-height) * 0.393891), 79.921% calc(var(--curve-height) * 0.394695), 80.943% calc(var(--curve-height) * 0.397106), 81.965% calc(var(--curve-height) * 0.401125), 82.987% calc(var(--curve-height) * 0.407556), 84.008% calc(var(--curve-height) * 0.414791), 85.028% calc(var(--curve-height) * 0.423633), 86.047% calc(var(--curve-height) * 0.434084), 87.064% calc(var(--curve-height) * 0.446945), 88.080% calc(var(--curve-height) * 0.460611), 89.094% calc(var(--curve-height) * 0.477492), 90.106% calc(var(--curve-height) * 0.495177), 91.115% calc(var(--curve-height) * 0.516077), 92.120% calc(var(--curve-height) * 0.537781), 93.123% calc(var(--curve-height) * 0.562701), 94.121% calc(var(--curve-height) * 0.589228), 95.115% calc(var(--curve-height) * 0.618167), 96.104% calc(var(--curve-height) * 0.649518), 97.087% calc(var(--curve-height) * 0.683280), 98.065% calc(var(--curve-height) * 0.720257), 99.036% calc(var(--curve-height) * 0.758842), 100.000% calc(var(--curve-height) * 0.799839), 100% 100%, 0 100%);
}

.clip-path-swoosh-top-reverse {
  clip-path: polygon(0.000% calc(var(--curve-height) * 0.799839), 0.964% calc(var(--curve-height) * 0.758842), 1.935% calc(var(--curve-height) * 0.720257), 2.913% calc(var(--curve-height) * 0.683280), 3.896% calc(var(--curve-height) * 0.649518), 4.885% calc(var(--curve-height) * 0.618167), 5.879% calc(var(--curve-height) * 0.589228), 6.877% calc(var(--curve-height) * 0.562701), 7.880% calc(var(--curve-height) * 0.537781), 8.885% calc(var(--curve-height) * 0.516077), 9.894% calc(var(--curve-height) * 0.495177), 10.906% calc(var(--curve-height) * 0.477492), 11.920% calc(var(--curve-height) * 0.460611), 12.936% calc(var(--curve-height) * 0.446945), 13.953% calc(var(--curve-height) * 0.434084), 14.972% calc(var(--curve-height) * 0.423633), 15.992% calc(var(--curve-height) * 0.414791), 17.013% calc(var(--curve-height) * 0.407556), 18.035% calc(var(--curve-height) * 0.401125), 19.057% calc(var(--curve-height) * 0.397106), 20.079% calc(var(--curve-height) * 0.394695), 21.102% calc(var(--curve-height) * 0.393891), 22.125% calc(var(--curve-height) * 0.393891), 23.147% calc(var(--curve-height) * 0.395498), 24.170% calc(var(--curve-height) * 0.397910), 25.192% calc(var(--curve-height) * 0.401929), 26.214% calc(var(--curve-height) * 0.407556), 27.235% calc(var(--curve-height) * 0.413987), 28.256% calc(var(--curve-height) * 0.422026), 29.276% calc(var(--curve-height) * 0.430868), 30.296% calc(var(--curve-height) * 0.440514), 31.314% calc(var(--curve-height) * 0.451768), 32.332% calc(var(--curve-height) * 0.463826), 33.349% calc(var(--curve-height) * 0.476688), 34.365% calc(var(--curve-height) * 0.490354), 35.381% calc(var(--curve-height) * 0.505627), 36.395% calc(var(--curve-height) * 0.520900), 37.409% calc(var(--curve-height) * 0.537781), 38.421% calc(var(--curve-height) * 0.555466), 39.432% calc(var(--curve-height) * 0.573151), 40.443% calc(var(--curve-height) * 0.592444), 41.452% calc(var(--curve-height) * 0.612540), 42.461% calc(var(--curve-height) * 0.633441), 43.468% calc(var(--curve-height) * 0.654341), 44.474% calc(var(--curve-height) * 0.676849), 45.479% calc(var(--curve-height) * 0.699357), 46.485% calc(var(--curve-height) * 0.721865), 47.491% calc(var(--curve-height) * 0.743569), 48.499% calc(var(--curve-height) * 0.765273), 49.508% calc(var(--curve-height) * 0.785370), 50.517% calc(var(--curve-height) * 0.804662), 51.528% calc(var(--curve-height) * 0.823955), 52.540% calc(var(--curve-height) * 0.841640), 53.552% calc(var(--curve-height) * 0.859325), 54.566% calc(var(--curve-height) * 0.875402), 55.581% calc(var(--curve-height) * 0.891479), 56.596% calc(var(--curve-height) * 0.905949), 57.612% calc(var(--curve-height) * 0.919614), 58.630% calc(var(--curve-height) * 0.932476), 59.648% calc(var(--curve-height) * 0.944534), 60.667% calc(var(--curve-height) * 0.954984), 61.686% calc(var(--curve-height) * 0.964630), 62.706% calc(var(--curve-height) * 0.973473), 63.727% calc(var(--curve-height) * 0.980707), 64.749% calc(var(--curve-height) * 0.987138), 65.771% calc(var(--curve-height) * 0.992765), 66.793% calc(var(--curve-height) * 0.995981), 67.815% calc(var(--curve-height) * 0.999196), 68.838% calc(var(--curve-height) * 1.000000), 69.861% calc(var(--curve-height) * 1.000000), 70.883% calc(var(--curve-height) * 0.998392), 71.906% calc(var(--curve-height) * 0.995177), 72.928% calc(var(--curve-height) * 0.990354), 73.949% calc(var(--curve-height) * 0.983923), 74.970% calc(var(--curve-height) * 0.975884), 75.989% calc(var(--curve-height) * 0.965434), 77.007% calc(var(--curve-height) * 0.953376), 78.023% calc(var(--curve-height) * 0.939711), 79.038% calc(var(--curve-height) * 0.924437), 80.050% calc(var(--curve-height) * 0.905949), 81.059% calc(var(--curve-height) * 0.885852), 82.065% calc(var(--curve-height) * 0.864148), 83.066% calc(var(--curve-height) * 0.839228), 84.064% calc(var(--curve-height) * 0.811897), 85.057% calc(var(--curve-height) * 0.782154), 86.045% calc(var(--curve-height) * 0.750804), 87.029% calc(var(--curve-height) * 0.717042), 88.007% calc(var(--curve-height) * 0.680868), 88.978% calc(var(--curve-height) * 0.642283), 89.944% calc(var(--curve-height) * 0.601286), 90.902% calc(var(--curve-height) * 0.558682), 91.853% calc(var(--curve-height) * 0.512862), 92.796% calc(var(--curve-height) * 0.465434), 93.731% calc(var(--curve-height) * 0.415595), 94.657% calc(var(--curve-height) * 0.362540), 95.573% calc(var(--curve-height) * 0.307878), 96.480% calc(var(--curve-height) * 0.250804), 97.377% calc(var(--curve-height) * 0.192122), 98.262% calc(var(--curve-height) * 0.130225), 99.137% calc(var(--curve-height) * 0.065916), 100.000% calc(var(--curve-height) * 0.000000), 100% 100%, 0 100%);
}

.clip-path-swoosh-bottom {
  clip-path: polygon(0 0, 100% 0, 100.000% calc(100% - calc(var(--curve-height) * 0.000000)), 99.137% calc(100% - calc(var(--curve-height) * 0.065916)), 98.262% calc(100% - calc(var(--curve-height) * 0.130225)), 97.377% calc(100% - calc(var(--curve-height) * 0.192122)), 96.480% calc(100% - calc(var(--curve-height) * 0.250804)), 95.573% calc(100% - calc(var(--curve-height) * 0.307878)), 94.657% calc(100% - calc(var(--curve-height) * 0.362540)), 93.731% calc(100% - calc(var(--curve-height) * 0.415595)), 92.796% calc(100% - calc(var(--curve-height) * 0.465434)), 91.853% calc(100% - calc(var(--curve-height) * 0.512862)), 90.902% calc(100% - calc(var(--curve-height) * 0.558682)), 89.944% calc(100% - calc(var(--curve-height) * 0.601286)), 88.978% calc(100% - calc(var(--curve-height) * 0.642283)), 88.007% calc(100% - calc(var(--curve-height) * 0.680868)), 87.029% calc(100% - calc(var(--curve-height) * 0.717042)), 86.045% calc(100% - calc(var(--curve-height) * 0.750804)), 85.057% calc(100% - calc(var(--curve-height) * 0.782154)), 84.064% calc(100% - calc(var(--curve-height) * 0.811897)), 83.066% calc(100% - calc(var(--curve-height) * 0.839228)), 82.065% calc(100% - calc(var(--curve-height) * 0.864148)), 81.059% calc(100% - calc(var(--curve-height) * 0.885852)), 80.050% calc(100% - calc(var(--curve-height) * 0.905949)), 79.038% calc(100% - calc(var(--curve-height) * 0.924437)), 78.023% calc(100% - calc(var(--curve-height) * 0.939711)), 77.007% calc(100% - calc(var(--curve-height) * 0.953376)), 75.989% calc(100% - calc(var(--curve-height) * 0.965434)), 74.970% calc(100% - calc(var(--curve-height) * 0.975884)), 73.949% calc(100% - calc(var(--curve-height) * 0.983923)), 72.928% calc(100% - calc(var(--curve-height) * 0.990354)), 71.906% calc(100% - calc(var(--curve-height) * 0.995177)), 70.883% calc(100% - calc(var(--curve-height) * 0.998392)), 69.861% calc(100% - calc(var(--curve-height) * 1.000000)), 68.838% calc(100% - calc(var(--curve-height) * 1.000000)), 67.815% calc(100% - calc(var(--curve-height) * 0.999196)), 66.793% calc(100% - calc(var(--curve-height) * 0.995981)), 65.771% calc(100% - calc(var(--curve-height) * 0.992765)), 64.749% calc(100% - calc(var(--curve-height) * 0.987138)), 63.727% calc(100% - calc(var(--curve-height) * 0.980707)), 62.706% calc(100% - calc(var(--curve-height) * 0.973473)), 61.686% calc(100% - calc(var(--curve-height) * 0.964630)), 60.667% calc(100% - calc(var(--curve-height) * 0.954984)), 59.648% calc(100% - calc(var(--curve-height) * 0.944534)), 58.630% calc(100% - calc(var(--curve-height) * 0.932476)), 57.612% calc(100% - calc(var(--curve-height) * 0.919614)), 56.596% calc(100% - calc(var(--curve-height) * 0.905949)), 55.581% calc(100% - calc(var(--curve-height) * 0.891479)), 54.566% calc(100% - calc(var(--curve-height) * 0.875402)), 53.552% calc(100% - calc(var(--curve-height) * 0.859325)), 52.540% calc(100% - calc(var(--curve-height) * 0.841640)), 51.528% calc(100% - calc(var(--curve-height) * 0.823955)), 50.517% calc(100% - calc(var(--curve-height) * 0.804662)), 49.508% calc(100% - calc(var(--curve-height) * 0.785370)), 48.499% calc(100% - calc(var(--curve-height) * 0.765273)), 47.491% calc(100% - calc(var(--curve-height) * 0.743569)), 46.485% calc(100% - calc(var(--curve-height) * 0.721865)), 45.479% calc(100% - calc(var(--curve-height) * 0.699357)), 44.474% calc(100% - calc(var(--curve-height) * 0.676849)), 43.468% calc(100% - calc(var(--curve-height) * 0.654341)), 42.461% calc(100% - calc(var(--curve-height) * 0.633441)), 41.452% calc(100% - calc(var(--curve-height) * 0.612540)), 40.443% calc(100% - calc(var(--curve-height) * 0.592444)), 39.432% calc(100% - calc(var(--curve-height) * 0.573151)), 38.421% calc(100% - calc(var(--curve-height) * 0.555466)), 37.409% calc(100% - calc(var(--curve-height) * 0.537781)), 36.395% calc(100% - calc(var(--curve-height) * 0.520900)), 35.381% calc(100% - calc(var(--curve-height) * 0.505627)), 34.365% calc(100% - calc(var(--curve-height) * 0.490354)), 33.349% calc(100% - calc(var(--curve-height) * 0.476688)), 32.332% calc(100% - calc(var(--curve-height) * 0.463826)), 31.314% calc(100% - calc(var(--curve-height) * 0.451768)), 30.296% calc(100% - calc(var(--curve-height) * 0.440514)), 29.276% calc(100% - calc(var(--curve-height) * 0.430868)), 28.256% calc(100% - calc(var(--curve-height) * 0.422026)), 27.235% calc(100% - calc(var(--curve-height) * 0.413987)), 26.214% calc(100% - calc(var(--curve-height) * 0.407556)), 25.192% calc(100% - calc(var(--curve-height) * 0.401929)), 24.170% calc(100% - calc(var(--curve-height) * 0.397910)), 23.147% calc(100% - calc(var(--curve-height) * 0.395498)), 22.125% calc(100% - calc(var(--curve-height) * 0.393891)), 21.102% calc(100% - calc(var(--curve-height) * 0.393891)), 20.079% calc(100% - calc(var(--curve-height) * 0.394695)), 19.057% calc(100% - calc(var(--curve-height) * 0.397106)), 18.035% calc(100% - calc(var(--curve-height) * 0.401125)), 17.013% calc(100% - calc(var(--curve-height) * 0.407556)), 15.992% calc(100% - calc(var(--curve-height) * 0.414791)), 14.972% calc(100% - calc(var(--curve-height) * 0.423633)), 13.953% calc(100% - calc(var(--curve-height) * 0.434084)), 12.936% calc(100% - calc(var(--curve-height) * 0.446945)), 11.920% calc(100% - calc(var(--curve-height) * 0.460611)), 10.906% calc(100% - calc(var(--curve-height) * 0.477492)), 9.894% calc(100% - calc(var(--curve-height) * 0.495177)), 8.885% calc(100% - calc(var(--curve-height) * 0.516077)), 7.880% calc(100% - calc(var(--curve-height) * 0.537781)), 6.877% calc(100% - calc(var(--curve-height) * 0.562701)), 5.879% calc(100% - calc(var(--curve-height) * 0.589228)), 4.885% calc(100% - calc(var(--curve-height) * 0.618167)), 3.896% calc(100% - calc(var(--curve-height) * 0.649518)), 2.913% calc(100% - calc(var(--curve-height) * 0.683280)), 1.935% calc(100% - calc(var(--curve-height) * 0.720257)), 0.964% calc(100% - calc(var(--curve-height) * 0.758842)), 0.000% calc(100% - calc(var(--curve-height) * 0.799839)));
}

.clip-path-swoosh-bottom-reverse {
  clip-path: polygon(0 0, 100% 0, 100.000% calc(100% - calc(var(--curve-height) * 0.799839)), 99.036% calc(100% - calc(var(--curve-height) * 0.758842)), 98.065% calc(100% - calc(var(--curve-height) * 0.720257)), 97.087% calc(100% - calc(var(--curve-height) * 0.683280)), 96.104% calc(100% - calc(var(--curve-height) * 0.649518)), 95.115% calc(100% - calc(var(--curve-height) * 0.618167)), 94.121% calc(100% - calc(var(--curve-height) * 0.589228)), 93.123% calc(100% - calc(var(--curve-height) * 0.562701)), 92.120% calc(100% - calc(var(--curve-height) * 0.537781)), 91.115% calc(100% - calc(var(--curve-height) * 0.516077)), 90.106% calc(100% - calc(var(--curve-height) * 0.495177)), 89.094% calc(100% - calc(var(--curve-height) * 0.477492)), 88.080% calc(100% - calc(var(--curve-height) * 0.460611)), 87.064% calc(100% - calc(var(--curve-height) * 0.446945)), 86.047% calc(100% - calc(var(--curve-height) * 0.434084)), 85.028% calc(100% - calc(var(--curve-height) * 0.423633)), 84.008% calc(100% - calc(var(--curve-height) * 0.414791)), 82.987% calc(100% - calc(var(--curve-height) * 0.407556)), 81.965% calc(100% - calc(var(--curve-height) * 0.401125)), 80.943% calc(100% - calc(var(--curve-height) * 0.397106)), 79.921% calc(100% - calc(var(--curve-height) * 0.394695)), 78.898% calc(100% - calc(var(--curve-height) * 0.393891)), 77.875% calc(100% - calc(var(--curve-height) * 0.393891)), 76.853% calc(100% - calc(var(--curve-height) * 0.395498)), 75.830% calc(100% - calc(var(--curve-height) * 0.397910)), 74.808% calc(100% - calc(var(--curve-height) * 0.401929)), 73.786% calc(100% - calc(var(--curve-height) * 0.407556)), 72.765% calc(100% - calc(var(--curve-height) * 0.413987)), 71.744% calc(100% - calc(var(--curve-height) * 0.422026)), 70.724% calc(100% - calc(var(--curve-height) * 0.430868)), 69.704% calc(100% - calc(var(--curve-height) * 0.440514)), 68.686% calc(100% - calc(var(--curve-height) * 0.451768)), 67.668% calc(100% - calc(var(--curve-height) * 0.463826)), 66.651% calc(100% - calc(var(--curve-height) * 0.476688)), 65.635% calc(100% - calc(var(--curve-height) * 0.490354)), 64.619% calc(100% - calc(var(--curve-height) * 0.505627)), 63.605% calc(100% - calc(var(--curve-height) * 0.520900)), 62.591% calc(100% - calc(var(--curve-height) * 0.537781)), 61.579% calc(100% - calc(var(--curve-height) * 0.555466)), 60.568% calc(100% - calc(var(--curve-height) * 0.573151)), 59.557% calc(100% - calc(var(--curve-height) * 0.592444)), 58.548% calc(100% - calc(var(--curve-height) * 0.612540)), 57.539% calc(100% - calc(var(--curve-height) * 0.633441)), 56.532% calc(100% - calc(var(--curve-height) * 0.654341)), 55.526% calc(100% - calc(var(--curve-height) * 0.676849)), 54.521% calc(100% - calc(var(--curve-height) * 0.699357)), 53.515% calc(100% - calc(var(--curve-height) * 0.721865)), 52.509% calc(100% - calc(var(--curve-height) * 0.743569)), 51.501% calc(100% - calc(var(--curve-height) * 0.765273)), 50.492% calc(100% - calc(var(--curve-height) * 0.785370)), 49.483% calc(100% - calc(var(--curve-height) * 0.804662)), 48.472% calc(100% - calc(var(--curve-height) * 0.823955)), 47.460% calc(100% - calc(var(--curve-height) * 0.841640)), 46.448% calc(100% - calc(var(--curve-height) * 0.859325)), 45.434% calc(100% - calc(var(--curve-height) * 0.875402)), 44.419% calc(100% - calc(var(--curve-height) * 0.891479)), 43.404% calc(100% - calc(var(--curve-height) * 0.905949)), 42.388% calc(100% - calc(var(--curve-height) * 0.919614)), 41.370% calc(100% - calc(var(--curve-height) * 0.932476)), 40.352% calc(100% - calc(var(--curve-height) * 0.944534)), 39.333% calc(100% - calc(var(--curve-height) * 0.954984)), 38.314% calc(100% - calc(var(--curve-height) * 0.964630)), 37.294% calc(100% - calc(var(--curve-height) * 0.973473)), 36.273% calc(100% - calc(var(--curve-height) * 0.980707)), 35.251% calc(100% - calc(var(--curve-height) * 0.987138)), 34.229% calc(100% - calc(var(--curve-height) * 0.992765)), 33.207% calc(100% - calc(var(--curve-height) * 0.995981)), 32.185% calc(100% - calc(var(--curve-height) * 0.999196)), 31.162% calc(100% - calc(var(--curve-height) * 1.000000)), 30.139% calc(100% - calc(var(--curve-height) * 1.000000)), 29.117% calc(100% - calc(var(--curve-height) * 0.998392)), 28.094% calc(100% - calc(var(--curve-height) * 0.995177)), 27.072% calc(100% - calc(var(--curve-height) * 0.990354)), 26.051% calc(100% - calc(var(--curve-height) * 0.983923)), 25.030% calc(100% - calc(var(--curve-height) * 0.975884)), 24.011% calc(100% - calc(var(--curve-height) * 0.965434)), 22.993% calc(100% - calc(var(--curve-height) * 0.953376)), 21.977% calc(100% - calc(var(--curve-height) * 0.939711)), 20.962% calc(100% - calc(var(--curve-height) * 0.924437)), 19.950% calc(100% - calc(var(--curve-height) * 0.905949)), 18.941% calc(100% - calc(var(--curve-height) * 0.885852)), 17.935% calc(100% - calc(var(--curve-height) * 0.864148)), 16.934% calc(100% - calc(var(--curve-height) * 0.839228)), 15.936% calc(100% - calc(var(--curve-height) * 0.811897)), 14.943% calc(100% - calc(var(--curve-height) * 0.782154)), 13.955% calc(100% - calc(var(--curve-height) * 0.750804)), 12.971% calc(100% - calc(var(--curve-height) * 0.717042)), 11.993% calc(100% - calc(var(--curve-height) * 0.680868)), 11.022% calc(100% - calc(var(--curve-height) * 0.642283)), 10.056% calc(100% - calc(var(--curve-height) * 0.601286)), 9.098% calc(100% - calc(var(--curve-height) * 0.558682)), 8.147% calc(100% - calc(var(--curve-height) * 0.512862)), 7.204% calc(100% - calc(var(--curve-height) * 0.465434)), 6.269% calc(100% - calc(var(--curve-height) * 0.415595)), 5.343% calc(100% - calc(var(--curve-height) * 0.362540)), 4.427% calc(100% - calc(var(--curve-height) * 0.307878)), 3.520% calc(100% - calc(var(--curve-height) * 0.250804)), 2.623% calc(100% - calc(var(--curve-height) * 0.192122)), 1.738% calc(100% - calc(var(--curve-height) * 0.130225)), 0.863% calc(100% - calc(var(--curve-height) * 0.065916)), 0.000% calc(100% - calc(var(--curve-height) * 0.000000)));
}

@media (min-width: 1025px) {
  .clip-path-swoosh {
    clip-path: polygon( 100% 21.936%,100% 21.936%,99.44% 21.271%,98.875% 20.626%,98.306% 20.002%,97.733% 19.399%,97.155% 18.816%,96.573% 18.255%,95.986% 17.715%,95.395% 17.196%,94.8% 16.7%,94.2% 16.226%,94.2% 16.226%,90.987% 14.07%,87.612% 12.456%,84.075% 11.383%,80.376% 10.853%,76.514% 10.863%,72.491% 11.415%,68.305% 12.507%,63.957% 14.14%,59.446% 16.313%,54.773% 19.026%,54.773% 19.026%,50.11% 21.744%,45.622% 23.933%,41.311% 25.592%,37.177% 26.723%,33.219% 27.323%,29.438% 27.394%,25.833% 26.935%,22.406% 25.946%,19.154% 24.426%,16.08% 22.377%,16.08% 22.377%,14.317% 20.914%,12.588% 19.277%,10.894% 17.467%,9.233% 15.484%,7.608% 13.329%,6.016% 11.004%,4.46% 8.507%,2.938% 5.84%,1.452% 3.005%,0% 0%,0% 100%,100% 100%,100% 21.936% );
  }
}

@media (min-width: 768px) {
  .clip-path-swoosh-reverse {
    clip-path: polygon(0% 21.936%, 0% 21.936%, 0.56% 21.271%, 1.125% 20.626%, 1.694% 20.002%, 2.267% 19.399%, 2.845% 18.816%, 3.427% 18.255%, 4.014% 17.715%, 4.605% 17.196%, 5.2% 16.7%, 5.8% 16.226%, 5.8% 16.226%, 9.013% 14.07%, 12.388% 12.456%, 15.925% 11.383%, 19.624% 10.853%, 23.486% 10.863%, 27.509% 11.415%, 31.695% 12.507%, 36.043% 14.14%, 40.554% 16.313%, 45.227% 19.026%, 45.227% 19.026%, 49.89% 21.744%, 54.378% 23.933%, 58.689% 25.592%, 62.823% 26.723%, 66.781% 27.323%, 70.562% 27.394%, 74.167% 26.935%, 77.594% 25.946%, 80.846% 24.426%, 83.92% 22.377%, 83.92% 22.377%, 85.683% 20.914%, 87.412% 19.277%, 89.106% 17.467%, 90.767% 15.484%, 92.392% 13.329%, 93.984% 11.004%, 95.54% 8.507%, 97.062% 5.84%, 98.548% 3.005%, 100% 0%, 100% 100%, 0% 100%, 0% 21.936%);
  }
}

@media (min-width: 1025px) {
  .our-founder-section .floating-card {
    max-width: 550px;
  }
}

/* Single Product Page - Application Method Section */
.product-features-tab .application-method-tab .e-n-tabs-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.product-features-tab .application-method-tab .e-n-tabs-heading .e-n-tab-title {
  text-wrap: balance;
  text-transform: none;
  line-height: 22px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 24%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-features-tab .application-method-tab .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text{
  font-size: var(--font-size-default);
}

@media (max-width: 767px) {
  .product-features-tab .application-method-tab .e-n-tabs-heading .e-n-tab-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: none !important;
    padding: var(--space-default) ;
  }
  
  .product-features-tab .application-method-tab .e-n-tabs-heading {
    gap: var(--space-default);
  }
}

@media (max-width: 1024px) {
  .product-features-tab .application-method-tab .e-n-tabs-heading .e-n-tab-title {
    padding: var(--space-default) ;
    font-size: var(--font-size-sm);
  }
}


/**
 * Brand Logo Slider
 * -----------------
 */

.brand-logo-slider img {
  width: auto !important;
  max-width: unset !important;
}

/* .elementor-widget-container .e-load-more-spinner {
  display: none;
} */


/**
 * Term Lists
 * ----------
 */

.liq-terms {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 120px var(--space-default) 1fr;
  grid-template-columns: 120px 1fr;
  -webkit-column-gap: var(--space-default);
     -moz-column-gap: var(--space-default);
          column-gap: var(--space-default);
  margin: 0;
}

.liq-terms dt,
.liq-terms dd {
  margin: 0;
  padding: var(--space-lg) 0;
  border-bottom: 1px solid var(--color-navy-25);
}

.liq-terms dt {
  font-weight: 500;
}

@media (max-width: 767px) {

  .liq-terms {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .liq-terms dt {
    padding-bottom: 0;
    border-bottom: 0;
  }
}


/**
 * Legal Documents
 * ---------------
 */

/* The site sets every strong to 400, which would hide the clause numbers. */
.liq-legal strong {
  font-weight: 500 !important;
}

/* A fixed gap after the number, so 1.1 and 10.1 are spaced alike. */
.liq-legal .liq-legal__num {
  margin-right: 0.3em;
}

.liq-legal .liq-legal__item {
  padding-left: 40px;
}


/**
 * Style - Table Style - White
 * ----------
 */
.table-white table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--color-white);
  border-radius: 12px;
  overflow: hidden;
  background-color: transparent;
}

.table-white th,
.table-white td {
  background-color: transparent;
  color: var(--color-white);
  font-size: var(--font-size-default);
  border-right: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
}

.table-white th {
    font-weight: 500;
    text-align: left;
}

.table-white td {
    font-weight: 300;
    line-height: 130%;
}

/* Remove the right border from the last column */
.table-white th:last-child,
.table-white td:last-child {
    border-right: none;
}

/* Remove the bottom border from the last row */
.table-white tr:last-child td {
    border-bottom: none;
}

/**
 * Style - Table Style - Secondary Green And White (sw)
 * ----------------------------------------------------
 */

.table-sw table{
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--color-accent);
    border-radius: var(--border-radius-default);
    font-size: var(--font-size-default);
    font-family: var(--font-default);
}

/* Header */
.table-sw thead th {
    color: var(--color-default);
    border-bottom: 1px solid var(--color-accent);
    background: var(--color-secondary);
}

/* Body cells */
.table-sw tbody td {
    color: var(--color-default);
    font-weight: 300;
    line-height: 1.3;
    border-bottom: 1px solid var(--color-default);
}

.table-sw tbody th,
.table-sw tbody td {
    background-color: var(--color-white) !important;
    color: var(--color-default);
    border-right: 1px solid var(--color-accent);
    border-bottom: 1px solid var(--color-accent);
}

.table-sw th:not(:last-child),
.table-sw td:not(:last-child) {
    border-right: 1px solid var(--color-accent);
}

.table-sw tbody tr:last-child td {
    border-bottom: none;
}

/**
 * Style - Table Style - Primary Green And White (pw)
 * --------------------------------------------------
 */

.table-pw table{
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--color-accent);
    border-radius: var(--border-radius-default);
    font-size: var(--font-size-default);
    font-family: var(--font-default);
}

/* Header */
.table-pw thead th {
    color: var(--color-white);
    border-bottom: 1px solid var(--color-accent);
    background: var(--color-primary);
}

/* Body cells */
.table-pw tbody td {
    color: var(--color-default);
    font-weight: 300;
    line-height: 1.3;
    border-bottom: 1px solid var(--color-default);
}

.table-pw tbody th,
.table-pw tbody td {
    background-color: var(--color-white) !important;
    color: var(--color-default);
    border-right: 1px solid var(--color-accent);
    border-bottom: 1px solid var(--color-accent);
}

.table-pw th:not(:last-child),
.table-pw td:not(:last-child) {
    border-right: 1px solid var(--color-accent);
}

.table-pw tbody tr:last-child td {
    border-bottom: none;
}


/**
 * Cards - Insight
 * ---------------
 */

.card-insight .elementor-widget-image {
  width: 100%;
}

.card-insight .img-wrapper a {
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: var(--border-radius-default);
  padding-top: var(--aspect-4-3);
  height: 0;
}

.card-insight .img-wrapper img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform var(--transition-slow-cubic);
  transition: -webkit-transform var(--transition-slow-cubic);
  transition: transform var(--transition-slow-cubic);
  transition: transform var(--transition-slow-cubic), -webkit-transform var(--transition-slow-cubic);
}

.card-insight .img-wrapper a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}


/**
 * Input - Postcode
 * ----------------
 */

@media (hover: hover) and (pointer: fine) {
  a.input-postcode:hover {
    text-decoration: unset;
    text-underline-offset: unset;
    text-decoration-thickness: unset;
  }
}


/**
 * Gravity Forms
 * -------------
 */

.gform-theme--foundation form {
  --gf-local-bg-color: var(--color-accent);
}

.gform-theme--foundation form {
  --gf-form-gap-x: 0.5em;
  --gf-form-gap-y: 1.5em;
}

.gform-theme--foundation .gform-grid-row {
  --gf-field-gap-y: 1.5em;
}

/* Gravity Forms - Labels and Inputs */
.gform-theme--foundation form .gfield_label,
.gform-theme--foundation form .gfield--type-name .gform-field-label {
  display: none;
}

.gform-theme--foundation form .gfield_label {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 500;
  color: var(--color-accent);
}

.gform-theme--foundation form input[type=date], 
.gform-theme--foundation form input[type=email], 
.gform-theme--foundation form input[type=number], 
.gform-theme--foundation form input[type=password], 
.gform-theme--foundation form input[type=search], 
.gform-theme--foundation form input[type=tel], 
.gform-theme--foundation form input[type=text], 
.gform-theme--foundation form input[type=time], 
.gform-theme--foundation form input[type=url], 
.gform-theme--foundation form select, 
.gform-theme--foundation form textarea {
  padding: 0.2em 1.25em;
  border-radius: 1.5em;
  border: 1px solid var(--color-accent);
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  height: unset;
}

.gform-theme--foundation form input[type=date]::-webkit-input-placeholder, .gform-theme--foundation form input[type=email]::-webkit-input-placeholder, .gform-theme--foundation form input[type=number]::-webkit-input-placeholder, .gform-theme--foundation form input[type=password]::-webkit-input-placeholder, .gform-theme--foundation form input[type=search]::-webkit-input-placeholder, .gform-theme--foundation form input[type=tel]::-webkit-input-placeholder, .gform-theme--foundation form input[type=text]::-webkit-input-placeholder, .gform-theme--foundation form input[type=time]::-webkit-input-placeholder, .gform-theme--foundation form input[type=url]::-webkit-input-placeholder, .gform-theme--foundation form select::-webkit-input-placeholder, .gform-theme--foundation form textarea::-webkit-input-placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

.gform-theme--foundation form input[type=date]::-moz-placeholder, .gform-theme--foundation form input[type=email]::-moz-placeholder, .gform-theme--foundation form input[type=number]::-moz-placeholder, .gform-theme--foundation form input[type=password]::-moz-placeholder, .gform-theme--foundation form input[type=search]::-moz-placeholder, .gform-theme--foundation form input[type=tel]::-moz-placeholder, .gform-theme--foundation form input[type=text]::-moz-placeholder, .gform-theme--foundation form input[type=time]::-moz-placeholder, .gform-theme--foundation form input[type=url]::-moz-placeholder, .gform-theme--foundation form select::-moz-placeholder, .gform-theme--foundation form textarea::-moz-placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

.gform-theme--foundation form input[type=date]:-ms-input-placeholder, .gform-theme--foundation form input[type=email]:-ms-input-placeholder, .gform-theme--foundation form input[type=number]:-ms-input-placeholder, .gform-theme--foundation form input[type=password]:-ms-input-placeholder, .gform-theme--foundation form input[type=search]:-ms-input-placeholder, .gform-theme--foundation form input[type=tel]:-ms-input-placeholder, .gform-theme--foundation form input[type=text]:-ms-input-placeholder, .gform-theme--foundation form input[type=time]:-ms-input-placeholder, .gform-theme--foundation form input[type=url]:-ms-input-placeholder, .gform-theme--foundation form select:-ms-input-placeholder, .gform-theme--foundation form textarea:-ms-input-placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

.gform-theme--foundation form input[type=date]::-ms-input-placeholder, .gform-theme--foundation form input[type=email]::-ms-input-placeholder, .gform-theme--foundation form input[type=number]::-ms-input-placeholder, .gform-theme--foundation form input[type=password]::-ms-input-placeholder, .gform-theme--foundation form input[type=search]::-ms-input-placeholder, .gform-theme--foundation form input[type=tel]::-ms-input-placeholder, .gform-theme--foundation form input[type=text]::-ms-input-placeholder, .gform-theme--foundation form input[type=time]::-ms-input-placeholder, .gform-theme--foundation form input[type=url]::-ms-input-placeholder, .gform-theme--foundation form select::-ms-input-placeholder, .gform-theme--foundation form textarea::-ms-input-placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

.gform-theme--foundation form input[type=date]::placeholder, 
.gform-theme--foundation form input[type=email]::placeholder, 
.gform-theme--foundation form input[type=number]::placeholder, 
.gform-theme--foundation form input[type=password]::placeholder, 
.gform-theme--foundation form input[type=search]::placeholder, 
.gform-theme--foundation form input[type=tel]::placeholder, 
.gform-theme--foundation form input[type=text]::placeholder, 
.gform-theme--foundation form input[type=time]::placeholder, 
.gform-theme--foundation form input[type=url]::placeholder, 
.gform-theme--foundation form select::placeholder, 
.gform-theme--foundation form textarea::placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

/* Gravity Forms - Textareas */
.gform-theme--foundation form .gfield--type-textarea .gfield_label {
  display: block;
  padding-left: 1.25em;
}

.gform-theme--foundation form .gfield--type-textarea textarea {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

/* Gravity Forms - Submit Buttons */
.gform-theme--foundation form .gform_button {
  padding: 0.5em 1.5em !important;
  border-radius: 1.5em !important;
  font-family: var(--font-secondary) !important;
  font-size: var(--font-size-xs) !important;
  text-transform: uppercase !important;
  background-color: var(--color-accent) !important;
}

.gform-theme--foundation form .gform_button:hover {
  background-color: var(--color-primary) !important;
}

/* Gravity Forms - Validation Errors */
.gform-theme--framework div.gform_validation_errors {
  display: none;
}

.gform-theme--framework form .gfield_description:where(:not(.gform-theme__disable,.gform-theme__disable *):not(.gform-theme__disable-framework,.gform-theme__disable-framework *)) {
  font-family: var(--font-default);
  font-size: var(--font-size-xs);
  font-weight: 300;
}

/* Gravity Forms - Confirmation Messages */
.gform-theme--framework .gform_confirmation_message {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
}


/**
 * Gravity Forms - Stockist
 * ------------------------
 */
.gform-theme--foundation form.gform-stockist-application {
	--gf-form-gap-x: var(--space-md);
	--gf-form-gap-y: var(--space-md);
}

.gform-theme--foundation form.gform-stockist-application .gform-grid-row {
	--gf-field-gap-x: var(--space-md);
	--gf-field-gap-y: var(--space-md);
}

.gform-theme--foundation form.gform-stockist-application .gfield .gfield_label,
.gform-theme--foundation form.gform-stockist-application .gfield .gform-field-label--type-sub {
	display: block;
	margin: 0 0 var(--space-sm);
	padding: 0 var(--space-default);
	font-family: var(--font-default);
	font-size: var(--font-size-sm);
	font-weight: 500;
	line-height: 1.4;
	color: var(--color-accent);
}

.gform-theme--foundation form.gform-stockist-application .gfield legend.gfield_label_before_complex {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.gform-theme--foundation form.gform-stockist-application .gfield_label .gfield_required {
	display: inline-block;
	margin-left: var(--space-xs);
	font-size: inherit;
	color: var(--color-error);
}

.gform-theme--foundation form.gform-stockist-application .gfield_label .gfield_required .gfield_required {
	margin-left: 0;
}

.gform-theme--foundation form.gform-stockist-application .gfield_label .gfield_required .gfield_required_text {
	font-size: 0;
}

.gform-theme--foundation form.gform-stockist-application .gfield_label .gfield_required .gfield_required_text::after {
	content: "*";
	font-size: var(--font-size-sm);
}

.gform-theme--foundation form.gform-stockist-application .gfield_contains_required .gform-grid-col:not(.address_line_2) > .gform-field-label--type-sub::after {
	content: "*";
	display: inline-block;
	margin-left: var(--space-sm);
	color: var(--color-error);
}

.gform-theme--foundation form.gform-stockist-application input,
.gform-theme--foundation form.gform-stockist-application select {
	min-height: 40px;
	line-height: normal;
	color: var(--color-default);
	box-shadow: none;
}

.gform-theme--foundation form.gform-stockist-application input[type=checkbox] {
	min-height: 1rem;
}

.gform-theme--foundation form.gform-stockist-application select {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 2.5em;
	line-height: 38px;
	background-position: right 1.25em center;
}

.gform-theme--foundation form.gform-stockist-application input:focus-visible,
.gform-theme--foundation form.gform-stockist-application select:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(122, 172, 53, 0.25);
}

.gform-theme--foundation form.gform-stockist-application .gform_footer {
	margin-top: var(--space-lg);
}

.gform-theme--foundation form.gform-stockist-application .gform_button {
	width: 100% !important;
	padding: 1em 1.5em !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: var(--font-size-sm) !important;
	font-weight: 400 !important;
}

.gform-theme--foundation form.gform-stockist-application .gfield_error input,
.gform-theme--foundation form.gform-stockist-application .gfield_error select {
	border-color: var(--color-error);
}

.gform-theme--foundation form.gform-stockist-application .gfield_description {
	padding: 0 var(--space-default);
	font-size: var(--font-size-sm);
}

.gform-theme--foundation form.gform-stockist-application .gfield_validation_message {
	color: var(--color-error);
}

@media (max-width: 640px) {
	.gform-theme--foundation form.gform-stockist-application .gform-grid-row > .gform-grid-col {
		flex: 1 1 100%;
	}
}


/**
 * Ultimate Member - Forms
 * -----------------------
 */

.um span.um-req {
  color: var(--color-error) !important;
}

.um .um-form .um-field-label label {
  padding-right: 1em;
  padding-left: 1em;
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 500;
  color: var(--color-accent);
}

/* Ultimate Member - Forms - Fields */
.um .um-form {
  --um-field-padding-y: 0.2em;
  --um-field-padding-x: 1.25em;
  --um-field-radius: 1.5em;
  --um-field-border-color: var(--color-accent);
  --um-field-line-height: 38px;
}

.um .um-form form input[type=date],
.um .um-form form input[type=email],
.um .um-form form input[type=number],
.um .um-form form input[type=password],
.um .um-form form input[type=search],
.um .um-form form input[type=tel],
.um .um-form form input[type=text],
.um .um-form form input[type=time],
.um .um-form form input[type=url],
.um .um-form form textarea {
  padding: var(--um-field-padding-y) var(--um-field-padding-x) !important;
  border: 1px solid var(--um-field-border-color) !important;
  border-radius: var(--um-field-radius) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  font-weight: 300;
  line-height: var(--um-field-line-height);
  height: unset;
  color: var(--color-default) !important;
  background-color: var(--color-white) !important;
}

.um .um-form form input[type=date]:focus,
.um .um-form form input[type=email]:focus,
.um .um-form form input[type=number]:focus,
.um .um-form form input[type=password]:focus,
.um .um-form form input[type=search]:focus,
.um .um-form form input[type=tel]:focus,
.um .um-form form input[type=text]:focus,
.um .um-form form input[type=time]:focus,
.um .um-form form input[type=url]:focus,
.um .um-form form textarea:focus {
  border-color: var(--um-field-border-color) !important;
}

.um .um-form form input::-webkit-input-placeholder, .um .um-form form textarea::-webkit-input-placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

.um .um-form form input::-moz-placeholder, .um .um-form form textarea::-moz-placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

.um .um-form form input:-ms-input-placeholder, .um .um-form form textarea:-ms-input-placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

.um .um-form form input::-ms-input-placeholder, .um .um-form form textarea::-ms-input-placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

.um .um-form form input::placeholder,
.um .um-form form textarea::placeholder {
  font-family: var(--font-default);
  font-size: var(--font-size-default);
  font-weight: 300;
  color: var(--color-accent);
}

/* Ultimate Member - Forms - Textareas */
.um .um-form form textarea {
  padding-top: 0.75em !important;
  padding-bottom: 0.75em !important;
}

.um .um-form input[type=submit].um-button, 
.um .um-form input[type=submit].um-button:focus {
  padding: 1em 1.5em !important;
  border-radius: 1.5em !important;
  font-family: var(--font-secondary) !important;
  font-size: var(--font-size-xs) !important;
  text-transform: uppercase !important;
  background-color: var(--color-accent) !important;
  width: 100% !important;
}

.um .um-form input[type=submit].um-button:hover {
  background-color: var(--color-primary) !important;
}

/* Ultimate Member - Forms - Dropdowns */
.um .um-form .um-field .select2.select2-container .select2-selection {
  padding: var(--um-field-padding-y) var(--um-field-padding-x) !important;
  border: 1px solid var(--um-field-border-color) !important;
  border-radius: var(--um-field-radius) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  font-weight: 300 !important;
  line-height: var(--um-field-line-height) !important;
  min-height: 40px !important;
  height: auto !important;
  color: var(--color-default) !important;
  background: var(--color-white) !important;
}

.um .um-form .um-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: block !important;
  padding-left: 0 !important;
  padding-right: var(--um-field-padding-x) !important;
  font: inherit !important;
  color: inherit !important;
  line-height: 1.75 !important;
}

.um .um-form .um-field .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--color-accent) !important;
}

.um .um-form .um-field .select2.select2-container .select2-selection .select2-selection__arrow {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  width: calc(var(--um-field-padding-x) * 2) !important;
  right: 0 !important;
}

.um .um-form .um-field .select2.select2-container .select2-selection .select2-selection__arrow:before {
  content: '\f078' !important;
  font: var(--fa-font-regular) !important;
  font-size: var(--font-size-sm) !important;
  line-height: 1 !important;
  height: auto !important;
  min-width: 0 !important;
  margin: auto !important;
  color: var(--color-accent) !important;
  -webkit-transition: -webkit-transform var(--transition-quick-ease) !important;
  transition: -webkit-transform var(--transition-quick-ease) !important;
  transition: transform var(--transition-quick-ease) !important;
  transition: transform var(--transition-quick-ease), -webkit-transform var(--transition-quick-ease) !important;
}

.um .um-form .um-field .select2.select2-container .select2-selection[aria-expanded="true"] .select2-selection__arrow:before {
  -webkit-transform: rotate(180deg) !important;
      -ms-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
}

.um .um-form .um-field .select2-container--default .select2-selection--single .select2-selection__clear {
  top: 8px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: auto !important;
  font-size: 0 !important;
  line-height: inherit !important;
  color: var(--color-grey) !important;
}

.um .um-form .um-field .select2-container--default .select2-selection--single .select2-selection__clear:before {
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important;
  content: '\f00d' !important;
  font: var(--fa-font-regular) !important;
  font-size: var(--font-size-sm) !important;
}

/* Ultimate Member - Forms - Dropdown panel */
.um .um-form .um-field .select2-container.select2-container--open .select2-dropdown {
  margin-top: 0.5em !important;
  padding: var(--um-field-padding-y) 0 !important;
  border: 1px solid var(--um-field-border-color) !important;
  border-radius: var(--um-field-radius) !important;
  overflow: hidden !important;
  background-color: var(--color-white) !important;
}

.um .um-form .um-field .select2-container.select2-container--open .select2-dropdown .select2-results li {
  margin: 0 !important;
  padding: var(--um-field-padding-y) var(--um-field-padding-x) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-sm) !important;
  font-weight: 300 !important;
  line-height: normal !important;
  color: var(--color-default) !important;
}

.um .um-form .um-field .select2-dropdown .select2-results li.select2-results__option[aria-selected="true"] {
  background-color: var(--color-primary-lightest) !important;
  color: var(--color-accent) !important;
}

.um .um-form .um-field .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted {
  background-color: var(--color-secondary) !important;
  color: var(--color-default) !important;
}

/* The search box only appears on fields with more than ten options. */
.um .um-form .um-field .select2-container--default .select2-search--dropdown {
  padding: var(--um-field-padding-y) calc(var(--um-field-padding-x) * 0.5) !important;
}

.um .um-form .um-field .select2-container--default .select2-search--dropdown .select2-search__field {
  padding: var(--um-field-padding-y) var(--um-field-padding-x) !important;
  border: 1px solid var(--color-navy-25) !important;
  border-radius: var(--um-field-radius) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  font-weight: 300 !important;
  line-height: normal !important;
  color: var(--color-default) !important;
}

/* Ultimate Member - Forms - Checkboxes */
.um-field-checkbox .um-field-checkbox-option {
  color: var(--color-default) !important;
}

.um-field-checkbox .um-field-checkbox-state i::before {
  font: var(--fa-font-light) !important;
  content: "\f0c8";
  color: var(--color-accent);
}

.um-field-checkbox input:checked + .um-field-checkbox-state i::before {
  font: var(--fa-font-light) !important;
  content: "\f14a";
}

/* Ultimate Member - Forms - Buttons */
.um .um-button {
  border-radius: 1.5em !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-transform: uppercase !important;
}

.um .um-button.um-alt {
  border: 1px solid var(--color-accent) !important;
  color: var(--color-accent) !important;
  background-color: transparent !important;
  -webkit-transition: var(--transition-quick-ease);
  transition: var(--transition-quick-ease);
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.um .um-button.um-alt:hover {
  color: var(--color-white) !important;
  background-color: var(--color-accent) !important;
}


/**
 * Popups
 * ------
 */

.elementor-popup-modal .dialog-message {
  max-height: 90vh !important;
}


/**
 * Tables
 * ------
 */

.liq-datatable {
  width: 100%;
  border: 1px solid var(--color-default);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--border-radius-default);
  overflow: hidden;
}

.liq-datatable th,
.liq-datatable td {
  padding: var(--space-sm) var(--space-md);
  border-right: 1px solid var(--color-default);
  border-bottom: 1px solid var(--color-default);
  font-size: var(--font-size-sm);
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  vertical-align: top;
}

.liq-datatable th {
  font-weight: 500;
}

.liq-datatable th:last-child,
.liq-datatable td:last-child {
  border-right: 0;
}

.liq-datatable tbody tr:last-child td {
  border-bottom: 0;
}

.liq-datatable--tight-first th:first-child,
.liq-datatable--tight-first td:first-child {
  width: 22%;
}



/**
 * Tables - horizontal scroll
 * --------------------------
 */

.liq-datatable-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {

  .liq-datatable {
    min-width: 560px;
  }

  .liq-datatable--wide {
    min-width: 780px;
  }
}


/**
 * Numbered Steps
 * --------------
 */

/**
 * Numbered Steps - practical steps grid on the Deficiency page
 */
.liq-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-md);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.liq-step__number {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  color: var(--color-accent);
}


/**
 * Link Lists
 * ----------
 */

/**
 * Link Lists - "want to dive deeper" list on the Deficiency page
 */
.liq-link-list a {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.liq-link-list a:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {

  .liq-link-list a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--space-sm) !important;
  }
}


/**
 * Ultimate Member - Login
 * -----------------------
 */

div.um:not(.um-admin) {
  margin-bottom: 0 !important;
}

.um-login .um-field-checkbox {
  margin-bottom: var(--space-md) !important;
}

.um-login .um-link-alt {
  font-weight: 400 !important;
  color: var(--color-accent) !important;
}


/**
 * Ultimate Member - Register
 * --------------------------
 */

.um-register .um-col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--space-md);
}

.um-register .um-field {
  padding-top: 0;
  width: 100%;
}

.um-register .um-field[data-key="confidentiality"] .um-field-label {
  display: none;
}

.um-register .um-field[data-key="confidentiality"] .um-field-checkbox {
  width: 100%;
}

.um-register .um-field[data-key="confidentiality"] .um-field-checkbox-option a {
  color: var(--color-accent);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.um-register .um-field[data-key="confidentiality"] .um-field-checkbox-option a:hover {
  color: var(--color-default);
}

.um-register .um-field[data-key="confidentiality"] .um-field-checkbox-option a:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (min-width: 768px) {
  .um-register .um-field[data-key="business_name"],
  .um-register .um-field[data-key="abn"],
  .um-register .um-field[data-key="first_name"],
  .um-register .um-field[data-key="last_name"],
  .um-register .um-field[data-key="phone_number"],
  .um-register .um-field[data-key="suburb"],
  .um-register .um-field[data-key="user_password"],
  .um-register .um-field[data-key="confirm_user_password"] {
    width: calc(50% - (var(--space-md) / 2)) !important;
  }

  .um-register .um-field[data-key="suburb"],
  .um-register .um-field[data-key="state"],
  .um-register .um-field[data-key="postcode"] {
    width: calc(33.333% - (var(--space-md) / 1.5)) !important;
  }
}


/**
 * Breadcrumbs
 * -----------
 */

#breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-family: var(--font-default), sans-serif;
  font-size: var(--font-size-sm);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-grey);
}

#breadcrumbs > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-sm) 0.4em;
}

#breadcrumbs svg {
  font-size: 0.8em;
  line-height: 1;
  color: var(--color-grey);
}

#breadcrumbs a {
  color: var(--color-accent);
  text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus-visible {
  text-decoration: underline;
}

#breadcrumbs .breadcrumb_last {
  color: var(--color-default);
  font-weight: 500;
}


/**
 * Images
 * ------
 */

.aspect-4-3,
.aspect-16-9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aspect-4-3 img {
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
     object-fit: cover;
}

.aspect-16-9 img {
  aspect-ratio: 16 / 9;
  -o-object-fit: cover;
     object-fit: cover;
}




/**
 * Account Nav
 * -----------
 *
 * @note: The control sits inside an Elementor Shortcode widget in the header,
 *        so the kit's own button and link typography reaches it. The resets
 *        below are what keep it from inheriting the uppercase nav treatment.
 */

.bw-account {
  position: relative;
  display: inline-block;
  font-family: var(--font-default);
  vertical-align: middle;
}

.bw-account .bw-account__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--border-radius-max) !important;
  background-color: var(--color-default) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: var(--color-white) !important;
  font-family: var(--font-default) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: -webkit-box-shadow var(--transition-quick-ease);
  transition: box-shadow var(--transition-quick-ease);
}

.bw-account--guest .bw-account__toggle i {
  font-size: 1rem;
  line-height: 1;
}

.bw-account .bw-account__toggle:hover,
.bw-account .bw-account__toggle[aria-expanded="true"] {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45) !important;
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45) !important;
}

.bw-account .bw-account__toggle:focus-visible,
.bw-account .bw-account__menu a:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: 2px;
}

.bw-account__menu {
  position: absolute;
  top: calc(100% + var(--space-sm));
  right: 0;
  z-index: 100;
  width: 232px;
  padding: 0;
  border-radius: var(--border-radius-default);
  background-color: var(--color-white);
  -webkit-box-shadow: 0 8px 24px rgba(0, 27, 72, 0.16);
          box-shadow: 0 8px 24px rgba(0, 27, 72, 0.16);
  overflow: hidden;
  text-align: left;
}

.bw-account__menu[hidden] {
  display: none;
}

.bw-account__who {
  padding: var(--space-default) var(--space-md);
  border-bottom: 1px solid var(--color-primary-lightest);
}

.bw-account__who-name,
.bw-account__who-email {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bw-account__who-name {
  color: var(--color-default);
  font-size: var(--font-size-sm);
  font-weight: 500;
  line-height: 1.3;
}

.bw-account__who-email {
  margin-top: 2px;
  color: var(--color-grey);
  font-size: 12px;
  line-height: 1.3;
}

.bw-account .bw-account__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bw-account .bw-account__list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bw-account .bw-account__menu a {
  display: block;
  padding: var(--space-sm) var(--space-md) !important;
  border: 0;
  background: none;
  color: var(--color-default) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-sm) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  -webkit-transition: background-color var(--transition-quick-ease);
  transition: background-color var(--transition-quick-ease);
}

.bw-account .bw-account__menu a:hover {
  background-color: var(--color-secondary);
  color: var(--color-default) !important;
}

.bw-account .bw-account__menu .bw-account__logout {
  border-top: 1px solid var(--color-primary-lightest) !important;
  color: var(--color-accent) !important;
  font-weight: 500 !important;
}

.bw-account .bw-account__menu .bw-account__logout:hover {
  background-color: var(--color-secondary);
  color: var(--color-accent) !important;
}




/**
 * Ultimate Member - Account
 * -------------------------
 *
 * @note: The Forms section above owns inputs, labels and buttons. Green labels
 *        and the accent submit button are deliberate there, leave them alone.
 *
 *        Layout is scoped to :not(.uimob*) because UM's script measures the
 *        widget and adds uimob340/500/800 to it. The stacked sizes have their
 *        own section below. Colours and the avatar are not scoped.
 */

.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-form form {
  /* Not on .um itself: UM's script measures that element to pick its uimob
     class, so capping it there would trip uimob800 and undo all of this. */
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--space-xl);
}

.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-side {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  float: none !important;
  width: 232px !important;
  margin: 0 !important;
}

.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  float: none !important;
  width: auto !important;
  min-width: 0;
  max-width: 460px;
  margin: 0 !important;
  padding: 0 !important;
}

.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-clear {
  display: none;
}

/* Ultimate Member - Account - Identity */

.um.um-account .um-account-meta {
  margin: 0 0 var(--space-lg) !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  text-align: left;
}

.um.um-account .um-account-meta-img {
  margin: 0 0 var(--space-md) !important;
}

.um.um-account .bw-um-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 96px;
  height: 96px;
  margin: 0;
  border-radius: var(--border-radius-max);
  background-color: var(--color-default);
  color: var(--color-white);
  font-family: var(--font-default);
  font-size: var(--font-size-h3);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}

.um.um-account .um-account-name a {
  color: var(--color-default) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.um.um-account .um-account-profile-link {
  display: none;
}

/* Ultimate Member - Account - Tabs */

/* The grey block is on the li, not the link. */
.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-side ul,
.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-side ul li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: none !important;
  list-style: none;
}

.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-link {
  display: block;
  /* UM hard-sets height: 30px on this anchor. */
  height: auto !important;
  padding: var(--space-default) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--color-primary-lightest) !important;
  background: none !important;
  color: var(--color-default) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: left;
  text-decoration: none !important;
  transition: color var(--transition-quick-ease);
}

.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-link:hover,
.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-link.current {
  color: var(--color-accent) !important;
}

.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-link.current {
  font-weight: 500 !important;
}

.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-icon,
.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-icontip,
.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-arrow {
  display: none !important;
}

/* Floated in UM's stylesheet, which collapses the row it sits in. */
.um.um-account:not(.uimob340):not(.uimob500):not(.uimob800) .um-account-title {
  display: inline !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: inherit !important;
  line-height: inherit !important;
}

/* Ultimate Member - Account - Tab heading */

.um.um-account .um-account-heading {
  margin: 0 0 var(--space-lg) !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--color-default) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-h3) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

.um.um-account .um-account-heading i {
  display: none !important;
}


/**
 * Ultimate Member - Back link
 * ---------------------------
 */

.um.um-account .bw-um-back {
  display: inline-block;
  margin: 0 0 var(--space-lg);
  color: var(--color-accent) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-sm) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color var(--transition-quick-ease);
}

.um.um-account .bw-um-back i {
  margin-right: var(--space-sm);
  font-size: 0.9em;
}

.um.um-account .bw-um-back:hover {
  color: var(--color-default) !important;
}


/**
 * Ultimate Member - Notices
 * -------------------------
 *
 * @note: Not scoped to the account page. The same notice is what login,
 *        register and password reset show.
 */

.um p.um-notice {
  position: relative;
  margin: 0 0 var(--space-lg) !important;
  padding: var(--space-md) var(--space-xxl) var(--space-md) var(--space-md) !important;
  border: 1px solid transparent;
  border-radius: var(--border-radius-default);
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  line-height: 1.4 !important;
}

.um p.um-notice.success {
  border-color: var(--color-primary-light);
  background: var(--color-secondary) !important;
  color: var(--color-accent) !important;
}

.um p.um-notice.err {
  border-color: var(--color-error);
  background: var(--color-white) !important;
  color: var(--color-error) !important;
}

.um p.um-notice a {
  color: inherit;
}

.um p.um-notice i {
  top: 50% !important;
  right: var(--space-md) !important;
  height: auto !important;
  margin-top: -0.5em;
  color: inherit;
  font-size: 24px !important;
  line-height: 1 !important;
}


/**
 * Ultimate Member - Account, tablet and phone
 * -------------------------------------------
 *
 * @note: uimob800 is UM's tablet mode, where it folds the sidebar into a 10%
 *        icon rail with no room for the name or the labels. Use the stacked
 *        accordion it already shows on phones instead, so there are two
 *        layouts to reason about rather than three.
 */

.um.um-account.uimob800 .um-account-side {
  display: none !important;
}

/* The accordion row already names the section. */
.um.um-account.uimob800 .um-account-heading {
  display: none !important;
}

.um.um-account.uimob800 .um-form form > .um-account-meta,
.um.um-account.uimob800 .um-account-nav {
  display: block !important;
}

.um.um-account.uimob800 .um-account-main {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

/* At this size UM boxes every anchor in the identity block: a full-width
   bordered panel around the avatar, and another around the name. */
.um.um-account.uimob800 .um-account-meta a {
  display: inline-block !important;
  overflow: visible !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Ultimate Member - Account - Stacked nav */

.um.um-account .um-account-nav a {
  height: auto !important;
  padding: var(--space-md) var(--space-xl) var(--space-md) 34px !important;
  border-bottom: 1px solid var(--color-primary-lightest) !important;
  color: var(--color-default) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.um.um-account .um-account-nav a.current {
  color: var(--color-accent) !important;
  font-weight: 500 !important;
}

.um.um-account .um-account-nav span.ico {
  top: 50% !important;
  width: 20px !important;
  margin-top: -0.5em;
  color: inherit;
  font-size: 18px !important;
  line-height: 1 !important;
}

.um.um-account .um-account-nav span.arr {
  top: 50% !important;
  right: 0 !important;
  margin-top: -0.5em;
  color: inherit;
  font-size: 20px !important;
  line-height: 1 !important;
  transition: transform var(--transition-quick-ease);
}

/* UM's script toggles .current on the link as the panel opens and closes. */
.um.um-account .um-account-nav a.current span.arr {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}


/**
 * Ultimate Member - Account, which back link shows
 * ------------------------------------------------
 *
 * @note: Both are printed, one is shown. See bw_um_account_back_link().
 */

.um.um-account .bw-um-back--top {
  display: none;
}

.um.um-account.uimob340 .bw-um-back--aside,
.um.um-account.uimob500 .bw-um-back--aside,
.um.um-account.uimob800 .bw-um-back--aside {
  display: none !important;
}

.um.um-account.uimob340 .bw-um-back--top,
.um.um-account.uimob500 .bw-um-back--top,
.um.um-account.uimob800 .bw-um-back--top {
  display: inline-block !important;
}


/**
 * Ultimate Member - Locked account fields
 * ---------------------------------------
 */

/* Same geometry as an input so the rows line up, filled and given a quieter
   border than the accent one so it does not read as a field you can type in.
   Ultimate Member disables the username input on the account tab, so it gets
   the same treatment. */
.um.um-account .bw-field-locked,
.um.um-account input.um-form-field[disabled] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: calc(var(--um-field-line-height) + 2px);
  margin: 0 !important;
  padding: 0 var(--um-field-padding-x) !important;
  border: 1px solid var(--color-primary-light) !important;
  border-radius: var(--um-field-radius);
  background-color: var(--color-secondary) !important;
  color: var(--color-default) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  font-weight: 300 !important;
  line-height: var(--um-field-line-height) !important;
}

/* Safari fades a disabled input's text whatever colour is set. */
.um.um-account input.um-form-field[disabled] {
  -webkit-text-fill-color: var(--color-default);
  opacity: 1;
  cursor: default;
}

/* A field nobody can edit does not ask to be filled in. */
.um.um-account .um-field:has(input[disabled]) .um-req {
  display: none;
}

/* UM renders its own dropdowns through select2, which the Forms section above
   styles. A plain select is not covered by any of it. */
.um.um-account select.um-form-field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: calc(var(--um-field-line-height) + 2px);
  padding: 0 var(--um-field-padding-x) !important;
  padding-right: 2.75em !important;
  border: 1px solid var(--um-field-border-color) !important;
  border-radius: var(--um-field-radius) !important;
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23001b48' stroke-width='1.5' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25em center;
  background-size: 12px 8px;
  color: var(--color-default);
  font-family: var(--font-default) !important;
  font-size: var(--font-size-default) !important;
  /* A select takes the browser's own weight rather than inheriting, so it comes
     out heavier than the inputs beside it. 300 is what the Forms section sets. */
  font-weight: 300 !important;
  line-height: var(--um-field-line-height);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.um.um-account select.um-form-field option {
  font-weight: 300;
}

.um.um-account select.um-form-field:focus {
  border-color: var(--um-field-border-color) !important;
  outline: none;
}

.um.um-account .bw-field-note {
  margin: var(--space-md) 0 0 !important;
  color: var(--color-grey) !important;
  font-family: var(--font-default) !important;
  font-size: var(--font-size-sm) !important;
  line-height: 1.4 !important;
}

.um.um-account .bw-field-note a {
  color: var(--color-accent) !important;
  text-decoration: underline !important;
}