/*
----
Main
----
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Orbitron:wght@400..900&family=Outfit:wght@100..900&family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://use.typekit.net/zkm1qmz.css');

@font-face {
    font-family: 'Resotho';
    src: url('https://oxfordglobal.com/hubfs/fonts/Resotho/Resotho-ExtralightItalic.woff2') format('woff2'),
        url('https://oxfordglobal.com/hubfs/fonts/Resotho/Resotho-ExtralightItalic.woff') format('woff'),
        url('https://oxfordglobal.com/hubfs/fonts/Resotho/Resotho-ExtralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Resotho';
    src: url('https://oxfordglobal.com/hubfs/fonts/Resotho/Resotho-Extralight.woff2') format('woff2'),
        url('https://oxfordglobal.com/hubfs/fonts/Resotho/Resotho-Extralight.woff') format('woff'),
        url('https://oxfordglobal.com/hubfs/fonts/Resotho/Resotho-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
/*
----
Theme Settings
----
*/

:root {

    /* 
    Layout 
    */

    --container-max-width: 1350px;
    --wide-container-max-width: 1700px;
    --grid-column-gap: 20px;
    --grid-row-gap: 0px;

    /* 
    Fonts 
    */

    --primary-font-family: 'Space Grotesk', sans-serif;
    --secondary-font-family: 'Space Mono', monospace;
    --tertiery-font-family: 'Open Sans', sans-serif;

    /*
    Color
    */

    --primary-color: #079ECC;
    --primary-light-color: #EBF3F6;
    --primary-light-color-a50: #EBF3F680;
    --primary-light-color-a85: #EBF3F6d9;
    --primary-dark-color: #193D47;
    --primary-dark-color-a50: #193D4780;
    --primary-dark-color-a85: #193D47d9;
    --secondary-color: #F2754E;

    
    --primary-color-a15: #EBF3F6;

}
/*
----
Reset
----
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*
----
Normalize
----
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }
/*
----
Layout
----
*/

/* Layout Flex */

.row-fluid {
  display: flex;
  column-gap: var(--grid-column-gap);
  row-gap: var(--grid-row-gap);
  width: 100%;
  flex-direction: row;
}
.row-fluid > [class*="span"] {
  flex: 1;
}
.row-fluid > .span12 {
  flex-basis: 100%;
  width: 100%;
}
.row-fluid > .span11 {
  flex-basis: 91.66%;
  width: 91.66%;
}
.row-fluid > .span10 {
  flex-basis: 83.33%;
  width: 83.33%;
}
.row-fluid > .span9 {
  flex-basis: 75%;
  width: 75%;
}
.row-fluid > .span8 {
  flex-basis: 66.66%;
  width: 66.66%;
}
.row-fluid > .span7 {
  flex-basis: 58.33%;
  width: 58.33%;
}
.row-fluid > .span6 {
  flex-basis: 50%;
  width: 50%;
}
.row-fluid > .span5 {
  flex-basis: 41.66%;
  width: 41.66%;
}
.row-fluid > .span4 {
  flex-basis: 33.33%;
  width: 33.33%;
}
.row-fluid > .span3 {
  flex-basis: 25%;
  width: 25%;
}
.row-fluid > .span2 {
  flex-basis: 16.66%;
  width: 16.66%;
}
.row-fluid > .span1 {
  flex-basis: 8.33%;
  width: 8.33%;
}
@media (max-width: 767.98px) {
  .row-fluid {
    flex-direction: column;
  }
  .row-fluid > [class*="span"] {
    flex-basis: 100%;
    width: 100%;
  }
}

/* Container */

.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.wide-container {
  max-width: var(--wide-container-max-width);
  margin: 0 auto;
}
.dnd-section > .row-fluid {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.row-fluid-wrapper.dnd-section,
.container-wrapper {
  padding: 10px 10%;
}
@media (min-width: 768px) {
  .row-fluid-wrapper.dnd-section,
  .container-wrapper {
    padding: 50px 50px;
  }
}
/*
----
Helpers
----
*/

/* Margins, padding, border */




.m-x-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.m-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.m-l-0 {
  margin-left: 0px;
}
.m-r-0 {
  margin-right: 0px;
}
.m-t-0 {
  margin-top: 0px;
}
.m-b-0 {
  margin-bottom: 0px;
}
.m-l-neg-0 {
  margin-left: -0px;
}
.m-r-neg-0 {
  margin-right: -0px;
}
.m-t-neg-0 {
  margin-top: -0px;
}
.m-b-neg-0 {
  margin-bottom: -0px;
}
.m-0 {
  margin: 0px;
}
.p-x-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.p-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.p-0 {
  padding: 0px;
}
.b-0 {
  border-width: 0px;
}
.bs-0 {
  border-width: 0px;
  border-style: solid;
}
.r-0 {
  border-radius: 0px;
}
.r-tl-0 {
  border-top-left-radius: 0px;
}
.r-tr-0 {
  border-top-right-radius: 0px;
}
.r-bl-0 {
  border-bottom-left-radius: 0px;
}
.r-br-0 {
  border-bottom-right-radius: 0px;
}

.m-x-1 {
  margin-left: 1px;
  margin-right: 1px;
}
.m-y-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
.m-l-1 {
  margin-left: 1px;
}
.m-r-1 {
  margin-right: 1px;
}
.m-t-1 {
  margin-top: 1px;
}
.m-b-1 {
  margin-bottom: 1px;
}
.m-l-neg-1 {
  margin-left: -1px;
}
.m-r-neg-1 {
  margin-right: -1px;
}
.m-t-neg-1 {
  margin-top: -1px;
}
.m-b-neg-1 {
  margin-bottom: -1px;
}
.m-1 {
  margin: 1px;
}
.p-x-1 {
  padding-left: 1px;
  padding-right: 1px;
}
.p-y-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.p-1 {
  padding: 1px;
}
.b-1 {
  border-width: 1px;
}
.bs-1 {
  border-width: 1px;
  border-style: solid;
}
.r-1 {
  border-radius: 1px;
}
.r-tl-1 {
  border-top-left-radius: 1px;
}
.r-tr-1 {
  border-top-right-radius: 1px;
}
.r-bl-1 {
  border-bottom-left-radius: 1px;
}
.r-br-1 {
  border-bottom-right-radius: 1px;
}

.m-x-2 {
  margin-left: 2px;
  margin-right: 2px;
}
.m-y-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.m-l-2 {
  margin-left: 2px;
}
.m-r-2 {
  margin-right: 2px;
}
.m-t-2 {
  margin-top: 2px;
}
.m-b-2 {
  margin-bottom: 2px;
}
.m-l-neg-2 {
  margin-left: -2px;
}
.m-r-neg-2 {
  margin-right: -2px;
}
.m-t-neg-2 {
  margin-top: -2px;
}
.m-b-neg-2 {
  margin-bottom: -2px;
}
.m-2 {
  margin: 2px;
}
.p-x-2 {
  padding-left: 2px;
  padding-right: 2px;
}
.p-y-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.p-2 {
  padding: 2px;
}
.b-2 {
  border-width: 2px;
}
.bs-2 {
  border-width: 2px;
  border-style: solid;
}
.r-2 {
  border-radius: 2px;
}
.r-tl-2 {
  border-top-left-radius: 2px;
}
.r-tr-2 {
  border-top-right-radius: 2px;
}
.r-bl-2 {
  border-bottom-left-radius: 2px;
}
.r-br-2 {
  border-bottom-right-radius: 2px;
}

.m-x-3 {
  margin-left: 3px;
  margin-right: 3px;
}
.m-y-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.m-l-3 {
  margin-left: 3px;
}
.m-r-3 {
  margin-right: 3px;
}
.m-t-3 {
  margin-top: 3px;
}
.m-b-3 {
  margin-bottom: 3px;
}
.m-l-neg-3 {
  margin-left: -3px;
}
.m-r-neg-3 {
  margin-right: -3px;
}
.m-t-neg-3 {
  margin-top: -3px;
}
.m-b-neg-3 {
  margin-bottom: -3px;
}
.m-3 {
  margin: 3px;
}
.p-x-3 {
  padding-left: 3px;
  padding-right: 3px;
}
.p-y-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.p-3 {
  padding: 3px;
}
.b-3 {
  border-width: 3px;
}
.bs-3 {
  border-width: 3px;
  border-style: solid;
}
.r-3 {
  border-radius: 3px;
}
.r-tl-3 {
  border-top-left-radius: 3px;
}
.r-tr-3 {
  border-top-right-radius: 3px;
}
.r-bl-3 {
  border-bottom-left-radius: 3px;
}
.r-br-3 {
  border-bottom-right-radius: 3px;
}

.m-x-4 {
  margin-left: 4px;
  margin-right: 4px;
}
.m-y-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.m-l-4 {
  margin-left: 4px;
}
.m-r-4 {
  margin-right: 4px;
}
.m-t-4 {
  margin-top: 4px;
}
.m-b-4 {
  margin-bottom: 4px;
}
.m-l-neg-4 {
  margin-left: -4px;
}
.m-r-neg-4 {
  margin-right: -4px;
}
.m-t-neg-4 {
  margin-top: -4px;
}
.m-b-neg-4 {
  margin-bottom: -4px;
}
.m-4 {
  margin: 4px;
}
.p-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.p-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.p-4 {
  padding: 4px;
}
.b-4 {
  border-width: 4px;
}
.bs-4 {
  border-width: 4px;
  border-style: solid;
}
.r-4 {
  border-radius: 4px;
}
.r-tl-4 {
  border-top-left-radius: 4px;
}
.r-tr-4 {
  border-top-right-radius: 4px;
}
.r-bl-4 {
  border-bottom-left-radius: 4px;
}
.r-br-4 {
  border-bottom-right-radius: 4px;
}

.m-x-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.m-y-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-l-neg-5 {
  margin-left: -5px;
}
.m-r-neg-5 {
  margin-right: -5px;
}
.m-t-neg-5 {
  margin-top: -5px;
}
.m-b-neg-5 {
  margin-bottom: -5px;
}
.m-5 {
  margin: 5px;
}
.p-x-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.p-y-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.p-5 {
  padding: 5px;
}
.b-5 {
  border-width: 5px;
}
.bs-5 {
  border-width: 5px;
  border-style: solid;
}
.r-5 {
  border-radius: 5px;
}
.r-tl-5 {
  border-top-left-radius: 5px;
}
.r-tr-5 {
  border-top-right-radius: 5px;
}
.r-bl-5 {
  border-bottom-left-radius: 5px;
}
.r-br-5 {
  border-bottom-right-radius: 5px;
}

.m-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.m-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-l-neg-10 {
  margin-left: -10px;
}
.m-r-neg-10 {
  margin-right: -10px;
}
.m-t-neg-10 {
  margin-top: -10px;
}
.m-b-neg-10 {
  margin-bottom: -10px;
}
.m-10 {
  margin: 10px;
}
.p-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.p-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-10 {
  padding: 10px;
}
.b-10 {
  border-width: 10px;
}
.bs-10 {
  border-width: 10px;
  border-style: solid;
}
.r-10 {
  border-radius: 10px;
}
.r-tl-10 {
  border-top-left-radius: 10px;
}
.r-tr-10 {
  border-top-right-radius: 10px;
}
.r-bl-10 {
  border-bottom-left-radius: 10px;
}
.r-br-10 {
  border-bottom-right-radius: 10px;
}

.m-x-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.m-y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-l-neg-15 {
  margin-left: -15px;
}
.m-r-neg-15 {
  margin-right: -15px;
}
.m-t-neg-15 {
  margin-top: -15px;
}
.m-b-neg-15 {
  margin-bottom: -15px;
}
.m-15 {
  margin: 15px;
}
.p-x-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.p-y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-15 {
  padding: 15px;
}
.b-15 {
  border-width: 15px;
}
.bs-15 {
  border-width: 15px;
  border-style: solid;
}
.r-15 {
  border-radius: 15px;
}
.r-tl-15 {
  border-top-left-radius: 15px;
}
.r-tr-15 {
  border-top-right-radius: 15px;
}
.r-bl-15 {
  border-bottom-left-radius: 15px;
}
.r-br-15 {
  border-bottom-right-radius: 15px;
}

.m-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.m-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-l-neg-20 {
  margin-left: -20px;
}
.m-r-neg-20 {
  margin-right: -20px;
}
.m-t-neg-20 {
  margin-top: -20px;
}
.m-b-neg-20 {
  margin-bottom: -20px;
}
.m-20 {
  margin: 20px;
}
.p-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.p-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.p-20 {
  padding: 20px;
}
.b-20 {
  border-width: 20px;
}
.bs-20 {
  border-width: 20px;
  border-style: solid;
}
.r-20 {
  border-radius: 20px;
}
.r-tl-20 {
  border-top-left-radius: 20px;
}
.r-tr-20 {
  border-top-right-radius: 20px;
}
.r-bl-20 {
  border-bottom-left-radius: 20px;
}
.r-br-20 {
  border-bottom-right-radius: 20px;
}

.m-x-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.m-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.m-l-25 {
  margin-left: 25px;
}
.m-r-25 {
  margin-right: 25px;
}
.m-t-25 {
  margin-top: 25px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-l-neg-25 {
  margin-left: -25px;
}
.m-r-neg-25 {
  margin-right: -25px;
}
.m-t-neg-25 {
  margin-top: -25px;
}
.m-b-neg-25 {
  margin-bottom: -25px;
}
.m-25 {
  margin: 25px;
}
.p-x-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.p-y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.p-25 {
  padding: 25px;
}
.b-25 {
  border-width: 25px;
}
.bs-25 {
  border-width: 25px;
  border-style: solid;
}
.r-25 {
  border-radius: 25px;
}
.r-tl-25 {
  border-top-left-radius: 25px;
}
.r-tr-25 {
  border-top-right-radius: 25px;
}
.r-bl-25 {
  border-bottom-left-radius: 25px;
}
.r-br-25 {
  border-bottom-right-radius: 25px;
}

.m-x-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.m-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-l-neg-30 {
  margin-left: -30px;
}
.m-r-neg-30 {
  margin-right: -30px;
}
.m-t-neg-30 {
  margin-top: -30px;
}
.m-b-neg-30 {
  margin-bottom: -30px;
}
.m-30 {
  margin: 30px;
}
.p-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.p-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-30 {
  padding: 30px;
}
.b-30 {
  border-width: 30px;
}
.bs-30 {
  border-width: 30px;
  border-style: solid;
}
.r-30 {
  border-radius: 30px;
}
.r-tl-30 {
  border-top-left-radius: 30px;
}
.r-tr-30 {
  border-top-right-radius: 30px;
}
.r-bl-30 {
  border-bottom-left-radius: 30px;
}
.r-br-30 {
  border-bottom-right-radius: 30px;
}

.m-x-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.m-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.m-l-40 {
  margin-left: 40px;
}
.m-r-40 {
  margin-right: 40px;
}
.m-t-40 {
  margin-top: 40px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-l-neg-40 {
  margin-left: -40px;
}
.m-r-neg-40 {
  margin-right: -40px;
}
.m-t-neg-40 {
  margin-top: -40px;
}
.m-b-neg-40 {
  margin-bottom: -40px;
}
.m-40 {
  margin: 40px;
}
.p-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.p-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p-40 {
  padding: 40px;
}
.b-40 {
  border-width: 40px;
}
.bs-40 {
  border-width: 40px;
  border-style: solid;
}
.r-40 {
  border-radius: 40px;
}
.r-tl-40 {
  border-top-left-radius: 40px;
}
.r-tr-40 {
  border-top-right-radius: 40px;
}
.r-bl-40 {
  border-bottom-left-radius: 40px;
}
.r-br-40 {
  border-bottom-right-radius: 40px;
}

.m-x-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.m-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m-l-50 {
  margin-left: 50px;
}
.m-r-50 {
  margin-right: 50px;
}
.m-t-50 {
  margin-top: 50px;
}
.m-b-50 {
  margin-bottom: 50px;
}
.m-l-neg-50 {
  margin-left: -50px;
}
.m-r-neg-50 {
  margin-right: -50px;
}
.m-t-neg-50 {
  margin-top: -50px;
}
.m-b-neg-50 {
  margin-bottom: -50px;
}
.m-50 {
  margin: 50px;
}
.p-x-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.p-y-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.p-50 {
  padding: 50px;
}
.b-50 {
  border-width: 50px;
}
.bs-50 {
  border-width: 50px;
  border-style: solid;
}
.r-50 {
  border-radius: 50px;
}
.r-tl-50 {
  border-top-left-radius: 50px;
}
.r-tr-50 {
  border-top-right-radius: 50px;
}
.r-bl-50 {
  border-bottom-left-radius: 50px;
}
.r-br-50 {
  border-bottom-right-radius: 50px;
}


/* Colors */

.color-white {
  color: #FFF !important;
}
.color-black {
  color: #000 !important;
}
.bg-white {
  background-color: #FFF !important;
}
.bg-black {
  background-color: #000 !important;
}
.bg-red {
  background-color: red !important;
}
.bg-yellow {
  background-color: yellow !important;
}
.bg-blue {
  background-color: blue !important;
}
.bg-green {
  background-color: green !important;
}
.bg-primary {
  background-color: var(--primary-color);
}
.bg-primary-light {
  background-color: var(--primary-light-color);
}
.bg-primary-dark {
  background-color: var(--primary-dark-color);
}
.bg-secondary {
  background-color: var(--secondary-color);
}

/* Typography */

.b {
  font-weight: bold;
}
.s-b {
  font-weight: 600;
}
.i {
  font-style: italic;
}
.u {
  text-decoration: underline;
}
.lh-100 {
  line-height: 1rem;
}
.lh-120 {
  line-height: 1.2rem;
}
.lh-140 {
  line-height: 1.4rem;
}
.lh-160 {
  line-height: 1.6rem;
}

/* Gaps */




.g-0,
.gap-0 {
    gap: 0px;
}
.g-c-0,
.gap-column-0 {
    column-gap: 0px;
}
.g-r-0,
.gap-row-0 {
    row-gap: 0px;
}

.g-5,
.gap-5 {
    gap: 5px;
}
.g-c-5,
.gap-column-5 {
    column-gap: 5px;
}
.g-r-5,
.gap-row-5 {
    row-gap: 5px;
}

.g-10,
.gap-10 {
    gap: 10px;
}
.g-c-10,
.gap-column-10 {
    column-gap: 10px;
}
.g-r-10,
.gap-row-10 {
    row-gap: 10px;
}

.g-15,
.gap-15 {
    gap: 15px;
}
.g-c-15,
.gap-column-15 {
    column-gap: 15px;
}
.g-r-15,
.gap-row-15 {
    row-gap: 15px;
}

.g-20,
.gap-20 {
    gap: 20px;
}
.g-c-20,
.gap-column-20 {
    column-gap: 20px;
}
.g-r-20,
.gap-row-20 {
    row-gap: 20px;
}

.g-25,
.gap-25 {
    gap: 25px;
}
.g-c-25,
.gap-column-25 {
    column-gap: 25px;
}
.g-r-25,
.gap-row-25 {
    row-gap: 25px;
}

.g-30,
.gap-30 {
    gap: 30px;
}
.g-c-30,
.gap-column-30 {
    column-gap: 30px;
}
.g-r-30,
.gap-row-30 {
    row-gap: 30px;
}

.g-40,
.gap-40 {
    gap: 40px;
}
.g-c-40,
.gap-column-40 {
    column-gap: 40px;
}
.g-r-40,
.gap-row-40 {
    row-gap: 40px;
}

.g-50,
.gap-50 {
    gap: 50px;
}
.g-c-50,
.gap-column-50 {
    column-gap: 50px;
}
.g-r-50,
.gap-row-50 {
    row-gap: 50px;
}

.g-60,
.gap-60 {
    gap: 60px;
}
.g-c-60,
.gap-column-60 {
    column-gap: 60px;
}
.g-r-60,
.gap-row-60 {
    row-gap: 60px;
}

.g-100,
.gap-100 {
    gap: 100px;
}
.g-c-100,
.gap-column-100 {
    column-gap: 100px;
}
.g-r-100,
.gap-row-100 {
    row-gap: 100px;
}


@media (max-width: 767.98px) {

  .g-sm-0,
  .gap-sm-0 {
      gap: 0px;
  }
  .g-c-sm-0,
  .gap-column-sm-0 {
      column-gap: 0px;
  }
  .g-r-sm-0,
  .gap-row-sm-0 {
      row-gap: 0px;
  }

  .g-sm-5,
  .gap-sm-5 {
      gap: 5px;
  }
  .g-c-sm-5,
  .gap-column-sm-5 {
      column-gap: 5px;
  }
  .g-r-sm-5,
  .gap-row-sm-5 {
      row-gap: 5px;
  }

  .g-sm-10,
  .gap-sm-10 {
      gap: 10px;
  }
  .g-c-sm-10,
  .gap-column-sm-10 {
      column-gap: 10px;
  }
  .g-r-sm-10,
  .gap-row-sm-10 {
      row-gap: 10px;
  }

  .g-sm-15,
  .gap-sm-15 {
      gap: 15px;
  }
  .g-c-sm-15,
  .gap-column-sm-15 {
      column-gap: 15px;
  }
  .g-r-sm-15,
  .gap-row-sm-15 {
      row-gap: 15px;
  }

  .g-sm-20,
  .gap-sm-20 {
      gap: 20px;
  }
  .g-c-sm-20,
  .gap-column-sm-20 {
      column-gap: 20px;
  }
  .g-r-sm-20,
  .gap-row-sm-20 {
      row-gap: 20px;
  }

  .g-sm-25,
  .gap-sm-25 {
      gap: 25px;
  }
  .g-c-sm-25,
  .gap-column-sm-25 {
      column-gap: 25px;
  }
  .g-r-sm-25,
  .gap-row-sm-25 {
      row-gap: 25px;
  }

  .g-sm-30,
  .gap-sm-30 {
      gap: 30px;
  }
  .g-c-sm-30,
  .gap-column-sm-30 {
      column-gap: 30px;
  }
  .g-r-sm-30,
  .gap-row-sm-30 {
      row-gap: 30px;
  }

  .g-sm-40,
  .gap-sm-40 {
      gap: 40px;
  }
  .g-c-sm-40,
  .gap-column-sm-40 {
      column-gap: 40px;
  }
  .g-r-sm-40,
  .gap-row-sm-40 {
      row-gap: 40px;
  }

  .g-sm-50,
  .gap-sm-50 {
      gap: 50px;
  }
  .g-c-sm-50,
  .gap-column-sm-50 {
      column-gap: 50px;
  }
  .g-r-sm-50,
  .gap-row-sm-50 {
      row-gap: 50px;
  }

  .g-sm-60,
  .gap-sm-60 {
      gap: 60px;
  }
  .g-c-sm-60,
  .gap-column-sm-60 {
      column-gap: 60px;
  }
  .g-r-sm-60,
  .gap-row-sm-60 {
      row-gap: 60px;
  }

  .g-sm-100,
  .gap-sm-100 {
      gap: 100px;
  }
  .g-c-sm-100,
  .gap-column-sm-100 {
      column-gap: 100px;
  }
  .g-r-sm-100,
  .gap-row-sm-100 {
      row-gap: 100px;
  }

}
@media (min-width: 768px) and (max-width: 1023.98px) {

  .g-md-0,
  .gap-md-0 {
      gap: 0px;
  }
  .g-c-md-0,
  .gap-column-md-0 {
      column-gap: 0px;
  }
  .g-r-md-0,
  .gap-row-md-0 {
      row-gap: 0px;
  }

  .g-md-5,
  .gap-md-5 {
      gap: 5px;
  }
  .g-c-md-5,
  .gap-column-md-5 {
      column-gap: 5px;
  }
  .g-r-md-5,
  .gap-row-md-5 {
      row-gap: 5px;
  }

  .g-md-10,
  .gap-md-10 {
      gap: 10px;
  }
  .g-c-md-10,
  .gap-column-md-10 {
      column-gap: 10px;
  }
  .g-r-md-10,
  .gap-row-md-10 {
      row-gap: 10px;
  }

  .g-md-15,
  .gap-md-15 {
      gap: 15px;
  }
  .g-c-md-15,
  .gap-column-md-15 {
      column-gap: 15px;
  }
  .g-r-md-15,
  .gap-row-md-15 {
      row-gap: 15px;
  }

  .g-md-20,
  .gap-md-20 {
      gap: 20px;
  }
  .g-c-md-20,
  .gap-column-md-20 {
      column-gap: 20px;
  }
  .g-r-md-20,
  .gap-row-md-20 {
      row-gap: 20px;
  }

  .g-md-25,
  .gap-md-25 {
      gap: 25px;
  }
  .g-c-md-25,
  .gap-column-md-25 {
      column-gap: 25px;
  }
  .g-r-md-25,
  .gap-row-md-25 {
      row-gap: 25px;
  }

  .g-md-30,
  .gap-md-30 {
      gap: 30px;
  }
  .g-c-md-30,
  .gap-column-md-30 {
      column-gap: 30px;
  }
  .g-r-md-30,
  .gap-row-md-30 {
      row-gap: 30px;
  }

  .g-md-40,
  .gap-md-40 {
      gap: 40px;
  }
  .g-c-md-40,
  .gap-column-md-40 {
      column-gap: 40px;
  }
  .g-r-md-40,
  .gap-row-md-40 {
      row-gap: 40px;
  }

  .g-md-50,
  .gap-md-50 {
      gap: 50px;
  }
  .g-c-md-50,
  .gap-column-md-50 {
      column-gap: 50px;
  }
  .g-r-md-50,
  .gap-row-md-50 {
      row-gap: 50px;
  }

  .g-md-60,
  .gap-md-60 {
      gap: 60px;
  }
  .g-c-md-60,
  .gap-column-md-60 {
      column-gap: 60px;
  }
  .g-r-md-60,
  .gap-row-md-60 {
      row-gap: 60px;
  }

  .g-md-100,
  .gap-md-100 {
      gap: 100px;
  }
  .g-c-md-100,
  .gap-column-md-100 {
      column-gap: 100px;
  }
  .g-r-md-100,
  .gap-row-md-100 {
      row-gap: 100px;
  }
  
}
@media (min-width: 1024px) and (max-width: 1365.98px) {

  .g-lg-0,
  .gap-lg-0 {
      gap: 0px;
  }
  .g-c-lg-0,
  .gap-column-lg-0 {
      column-gap: 0px;
  }
  .g-r-lg-0,
  .gap-row-lg-0 {
      row-gap: 0px;
  }

  .g-lg-5,
  .gap-lg-5 {
      gap: 5px;
  }
  .g-c-lg-5,
  .gap-column-lg-5 {
      column-gap: 5px;
  }
  .g-r-lg-5,
  .gap-row-lg-5 {
      row-gap: 5px;
  }

  .g-lg-10,
  .gap-lg-10 {
      gap: 10px;
  }
  .g-c-lg-10,
  .gap-column-lg-10 {
      column-gap: 10px;
  }
  .g-r-lg-10,
  .gap-row-lg-10 {
      row-gap: 10px;
  }

  .g-lg-15,
  .gap-lg-15 {
      gap: 15px;
  }
  .g-c-lg-15,
  .gap-column-lg-15 {
      column-gap: 15px;
  }
  .g-r-lg-15,
  .gap-row-lg-15 {
      row-gap: 15px;
  }

  .g-lg-20,
  .gap-lg-20 {
      gap: 20px;
  }
  .g-c-lg-20,
  .gap-column-lg-20 {
      column-gap: 20px;
  }
  .g-r-lg-20,
  .gap-row-lg-20 {
      row-gap: 20px;
  }

  .g-lg-25,
  .gap-lg-25 {
      gap: 25px;
  }
  .g-c-lg-25,
  .gap-column-lg-25 {
      column-gap: 25px;
  }
  .g-r-lg-25,
  .gap-row-lg-25 {
      row-gap: 25px;
  }

  .g-lg-30,
  .gap-lg-30 {
      gap: 30px;
  }
  .g-c-lg-30,
  .gap-column-lg-30 {
      column-gap: 30px;
  }
  .g-r-lg-30,
  .gap-row-lg-30 {
      row-gap: 30px;
  }

  .g-lg-40,
  .gap-lg-40 {
      gap: 40px;
  }
  .g-c-lg-40,
  .gap-column-lg-40 {
      column-gap: 40px;
  }
  .g-r-lg-40,
  .gap-row-lg-40 {
      row-gap: 40px;
  }

  .g-lg-50,
  .gap-lg-50 {
      gap: 50px;
  }
  .g-c-lg-50,
  .gap-column-lg-50 {
      column-gap: 50px;
  }
  .g-r-lg-50,
  .gap-row-lg-50 {
      row-gap: 50px;
  }

  .g-lg-60,
  .gap-lg-60 {
      gap: 60px;
  }
  .g-c-lg-60,
  .gap-column-lg-60 {
      column-gap: 60px;
  }
  .g-r-lg-60,
  .gap-row-lg-60 {
      row-gap: 60px;
  }

  .g-lg-100,
  .gap-lg-100 {
      gap: 100px;
  }
  .g-c-lg-100,
  .gap-column-lg-100 {
      column-gap: 100px;
  }
  .g-r-lg-100,
  .gap-row-lg-100 {
      row-gap: 100px;
  }
    
}
@media (min-width: 1366px) {

  .g-xl-0,
  .gap-xl-0 {
      gap: 0px;
  }
  .g-c-xl-0,
  .gap-column-xl-0 {
      column-gap: 0px;
  }
  .g-r-xl-0,
  .gap-row-xl-0 {
      row-gap: 0px;
  }

  .g-xl-5,
  .gap-xl-5 {
      gap: 5px;
  }
  .g-c-xl-5,
  .gap-column-xl-5 {
      column-gap: 5px;
  }
  .g-r-xl-5,
  .gap-row-xl-5 {
      row-gap: 5px;
  }

  .g-xl-10,
  .gap-xl-10 {
      gap: 10px;
  }
  .g-c-xl-10,
  .gap-column-xl-10 {
      column-gap: 10px;
  }
  .g-r-xl-10,
  .gap-row-xl-10 {
      row-gap: 10px;
  }

  .g-xl-15,
  .gap-xl-15 {
      gap: 15px;
  }
  .g-c-xl-15,
  .gap-column-xl-15 {
      column-gap: 15px;
  }
  .g-r-xl-15,
  .gap-row-xl-15 {
      row-gap: 15px;
  }

  .g-xl-20,
  .gap-xl-20 {
      gap: 20px;
  }
  .g-c-xl-20,
  .gap-column-xl-20 {
      column-gap: 20px;
  }
  .g-r-xl-20,
  .gap-row-xl-20 {
      row-gap: 20px;
  }

  .g-xl-25,
  .gap-xl-25 {
      gap: 25px;
  }
  .g-c-xl-25,
  .gap-column-xl-25 {
      column-gap: 25px;
  }
  .g-r-xl-25,
  .gap-row-xl-25 {
      row-gap: 25px;
  }

  .g-xl-30,
  .gap-xl-30 {
      gap: 30px;
  }
  .g-c-xl-30,
  .gap-column-xl-30 {
      column-gap: 30px;
  }
  .g-r-xl-30,
  .gap-row-xl-30 {
      row-gap: 30px;
  }

  .g-xl-40,
  .gap-xl-40 {
      gap: 40px;
  }
  .g-c-xl-40,
  .gap-column-xl-40 {
      column-gap: 40px;
  }
  .g-r-xl-40,
  .gap-row-xl-40 {
      row-gap: 40px;
  }

  .g-xl-50,
  .gap-xl-50 {
      gap: 50px;
  }
  .g-c-xl-50,
  .gap-column-xl-50 {
      column-gap: 50px;
  }
  .g-r-xl-50,
  .gap-row-xl-50 {
      row-gap: 50px;
  }

  .g-xl-60,
  .gap-xl-60 {
      gap: 60px;
  }
  .g-c-xl-60,
  .gap-column-xl-60 {
      column-gap: 60px;
  }
  .g-r-xl-60,
  .gap-row-xl-60 {
      row-gap: 60px;
  }

  .g-xl-100,
  .gap-xl-100 {
      gap: 100px;
  }
  .g-c-xl-100,
  .gap-column-xl-100 {
      column-gap: 100px;
  }
  .g-r-xl-100,
  .gap-row-xl-100 {
      row-gap: 100px;
  }
    
}

/* Text alignment */

.center {
    text-align: center;
}
.justify {
    text-align: justify;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

/* Drop Shadow */

.drop-shadow {
  webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.drop-shadow-subtle {
  webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

/* Flex */

.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .flex-row-sm {
    flex-direction: row;
  }
  .flex-column-sm {
    flex-direction: column;
  }
  .flex-sm-1 {
    flex: 1;
  }
  .flex-sm-2 {
    flex: 2;
  }
  .flex-sm-3 {
    flex: 3;
  }
  .flex-sm-4 {
    flex: 4;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-row-md {
    flex-direction: row;
  }
  .flex-column-md {
    flex-direction: column;
  }
  .flex-md-1 {
    flex: 1;
  }
  .flex-md-2 {
    flex: 2;
  }
  .flex-md-3 {
    flex: 3;
  }
  .flex-md-4 {
    flex: 4;
  }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
  .flex-row-lg {
    flex-direction: row;
  }
  .flex-column-lg {
    flex-direction: column;
  }
  .flex-lg-1 {
    flex: 1;
  }
  .flex-lg-2 {
    flex: 2;
  }
  .flex-lg-3 {
    flex: 3;
  }
  .flex-lg-4 {
    flex: 4;
  }
}
@media (min-width: 1366px) {
  .flex-row-xl {
    flex-direction: row;
  }
  .flex-column-xl {
    flex-direction: column;
  }
  .flex-xl-1 {
    flex: 1;
  }
  .flex-xl-2 {
    flex: 2;
  }
  .flex-xl-3 {
    flex: 3;
  }
  .flex-xl-4 {
    flex: 4;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-justify-start {
  justify-content: flex-start;
}
.flex-justify-end {
  justify-content: flex-end;
}
.flex-justify-center {
  justify-content: center;
}
.flex-justify-space-between {
  justify-content: space-between;
}
.flex-justify-space-around {
  justify-content: space-around;
}
.flex-justify-space-evently {
  justify-content: space-evenly;
}
.flex-align-start {
  align-items: flex-start;
}
.flex-align-end {
  align-items: flex-end;
}
.flex-align-center {
  align-items: center;
}
.flex-align-stretch {
  align-items: stretch;
}

@media (max-width: 767.98px) {
  .flex-wrap-sm {
    flex-wrap: wrap;
  }
  .flex-nowrap-sm {
    flex-wrap: nowrap;
  }
  .flex-justify-start-sm {
    justify-content: flex-start;
  }
  .flex-justify-end-sm {
    justify-content: flex-end;
  }
  .flex-justify-center-sm {
    justify-content: center;
  }
  .flex-justify-space-between-sm {
    justify-content: space-between;
  }
  .flex-justify-space-around-sm {
    justify-content: space-around;
  }
  .flex-justify-space-evently-sm {
    justify-content: space-evenly;
  }
  .flex-align-start-sm {
    align-items: flex-start;
  }
  .flex-align-end-sm {
    align-items: flex-end;
  }
  .flex-align-center-sm {
    align-items: center;
  }
  .flex-align-stretch-sm {
    align-items: stretch;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-wrap-md {
    flex-wrap: wrap;
  }
  .flex-nowrap-md {
    flex-wrap: nowrap;
  }
  .flex-justify-start-md {
    justify-content: flex-start;
  }
  .flex-justify-end-md {
    justify-content: flex-end;
  }
  .flex-justify-center-md {
    justify-content: center;
  }
  .flex-justify-space-between-md {
    justify-content: space-between;
  }
  .flex-justify-space-around-md {
    justify-content: space-around;
  }
  .flex-justify-space-evently-md {
    justify-content: space-evenly;
  }
  .flex-align-start-md {
    align-items: flex-start;
  }
  .flex-align-end-md {
    align-items: flex-end;
  }
  .flex-align-center-md {
    align-items: center;
  }
  .flex-align-stretch-md {
    align-items: stretch;
  }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
  .flex-wrap-lg {
    flex-wrap: wrap;
  }
  .flex-nowrap-lg {
    flex-wrap: nowrap;
  }
  .flex-justify-start-lg {
    justify-content: flex-start;
  }
  .flex-justify-end-lg {
    justify-content: flex-end;
  }
  .flex-justify-center-lg {
    justify-content: center;
  }
  .flex-justify-space-between-lg {
    justify-content: space-between;
  }
  .flex-justify-space-around-lg {
    justify-content: space-around;
  }
  .flex-justify-space-evently-lg {
    justify-content: space-evenly;
  }
  .flex-align-start-lg {
    align-items: flex-start;
  }
  .flex-align-end-lg {
    align-items: flex-end;
  }
  .flex-align-center-lg {
    align-items: center;
  }
  .flex-align-stretch-lg {
    align-items: stretch;
  }
}
@media (min-width: 1366px) {
    .flex-wrap-xl {
    flex-wrap: wrap;
  }
  .flex-nowrap-xl {
    flex-wrap: nowrap;
  }
  .flex-justify-start-xl {
    justify-content: flex-start;
  }
  .flex-justify-end-xl {
    justify-content: flex-end;
  }
  .flex-justify-center-xl {
    justify-content: center;
  }
  .flex-justify-space-between-xl {
    justify-content: space-between;
  }
  .flex-justify-space-around-xl {
    justify-content: space-around;
  }
  .flex-justify-space-evently-xl {
    justify-content: space-evenly;
  }
  .flex-align-start-xl {
    align-items: flex-start;
  }
  .flex-align-end-xl {
    align-items: flex-end;
  }
  .flex-align-center-xl {
    align-items: center;
  }
  .flex-align-stretch-xl {
    align-items: stretch;
  }
}

/* Grid */

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: min-content;
}

.grid > .span12,
.grid > .span-12 {
  grid-column: span 12;
}

.grid > .span11,
.grid > .span-11 {
  grid-column: span 11;
}

.grid > .span10,
.grid > .span-10 {
  grid-column: span 10;
}

.grid > .span9,
.grid > .span-9 {
  grid-column: span 9;
}

.grid > .span8,
.grid > .span-8 {
  grid-column: span 8;
}

.grid > .span7,
.grid > .span-7 {
  grid-column: span 7;
}

.grid > .span6,
.grid > .span-6 {
  grid-column: span 6;
}

.grid > .span5,
.grid > .span-5 {
  grid-column: span 5;
}

.grid > .span4,
.grid > .span-4 {
  grid-column: span 4;
}

.grid > .span3,
.grid > .span-3 {
  grid-column: span 3;
}

.grid > .span2,
.grid > .span-2 {
  grid-column: span 2;
}

.grid > .span1,
.grid > .span-1 {
  grid-column: span 1;
}

@media (max-width: 767px) {
  
  .grid > .span12-sm,
  .grid > .span-12-sm {
    grid-column: span 12;
  }
  
  .grid > .span11-sm,
  .grid > .span-11-sm {
    grid-column: span 11;
  }
  
  .grid > .span10-sm,
  .grid > .span-10-sm {
    grid-column: span 10;
  }
  
  .grid > .span9-sm,
  .grid > .span-9-sm {
    grid-column: span 9;
  }
  
  .grid > .span8-sm,
  .grid > .span-8-sm {
    grid-column: span 8;
  }
  
  .grid > .span7-sm,
  .grid > .span-7-sm {
    grid-column: span 7;
  }
  
  .grid > .span6-sm,
  .grid > .span-6-sm {
    grid-column: span 6;
  }
  
  .grid > .span5-sm,
  .grid > .span-5-sm {
    grid-column: span 5;
  }
  
  .grid > .span4-sm,
  .grid > .span-4-sm {
    grid-column: span 4;
  }
  
  .grid > .span3-sm,
  .grid > .span-3-sm {
    grid-column: span 3;
  }
  
  .grid > .span2-sm,
  .grid > .span-2-sm {
    grid-column: span 2;
  }
  
  .grid > .span1-sm,
  .grid > .span-1-sm {
    grid-column: span 1;
  }
  
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  
  .grid > .span12-md,
  .grid > .span-12-md {
    grid-column: span 12;
  }
  
  .grid > .span11-md,
  .grid > .span-11-md {
    grid-column: span 11;
  }
  
  .grid > .span10-md,
  .grid > .span-10-md {
    grid-column: span 10;
  }
  
  .grid > .span9-md,
  .grid > .span-9-md {
    grid-column: span 9;
  }
  
  .grid > .span8-md,
  .grid > .span-8-md {
    grid-column: span 8;
  }
  
  .grid > .span7-md,
  .grid > .span-7-md {
    grid-column: span 7;
  }
  
  .grid > .span6-md,
  .grid > .span-6-md {
    grid-column: span 6;
  }
  
  .grid > .span5-md,
  .grid > .span-5-md {
    grid-column: span 5;
  }
  
  .grid > .span4-md,
  .grid > .span-4-md {
    grid-column: span 4;
  }
  
  .grid > .span3-md,
  .grid > .span-3-md {
    grid-column: span 3;
  }
  
  .grid > .span2-md,
  .grid > .span-2-md {
    grid-column: span 2;
  }
  
  .grid > .span1-md,
  .grid > .span-1-md {
    grid-column: span 1;
  }
  
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
  
  .grid > .span12-lg,
  .grid > .span-12-lg {
    grid-column: span 12;
  }
  
  .grid > .span11-lg,
  .grid > .span-11-lg {
    grid-column: span 11;
  }
  
  .grid > .span10-lg,
  .grid > .span-10-lg {
    grid-column: span 10;
  }
  
  .grid > .span9-lg,
  .grid > .span-9-lg {
    grid-column: span 9;
  }
  
  .grid > .span8-lg,
  .grid > .span-8-lg {
    grid-column: span 8;
  }
  
  .grid > .span7-lg,
  .grid > .span-7-lg {
    grid-column: span 7;
  }
  
  .grid > .span6-lg,
  .grid > .span-6-lg {
    grid-column: span 6;
  }
  
  .grid > .span5-lg,
  .grid > .span-5-lg {
    grid-column: span 5;
  }
  
  .grid > .span4-lg,
  .grid > .span-4-lg {
    grid-column: span 4;
  }
  
  .grid > .span3-lg,
  .grid > .span-3-lg {
    grid-column: span 3;
  }
  
  .grid > .span2-lg,
  .grid > .span-2-lg {
    grid-column: span 2;
  }
  
  .grid > .span1-lg,
  .grid > .span-1-lg {
    grid-column: span 1;
  }
  
}
@media (min-width: 1366px) {
  
  .grid > .span12-xl,
  .grid > .span-12-xl {
    grid-column: span 12;
  }
  
  .grid > .span11-xl,
  .grid > .span-11-xl {
    grid-column: span 11;
  }
  
  .grid > .span10-xl,
  .grid > .span-10-xl {
    grid-column: span 10;
  }
  
  .grid > .span9-xl,
  .grid > .span-9-xl {
    grid-column: span 9;
  }
  
  .grid > .span8-xl,
  .grid > .span-8-xl {
    grid-column: span 8;
  }
  
  .grid > .span7-xl,
  .grid > .span-7-xl {
    grid-column: span 7;
  }
  
  .grid > .span6-xl,
  .grid > .span-6-xl {
    grid-column: span 6;
  }
  
  .grid > .span5-xl,
  .grid > .span-5-xl {
    grid-column: span 5;
  }
  
  .grid > .span4-xl,
  .grid > .span-4-xl {
    grid-column: span 4;
  }
  
  .grid > .span3-xl,
  .grid > .span-3-xl {
    grid-column: span 3;
  }
  
  .grid > .span2-xl,
  .grid > .span-2-xl {
    grid-column: span 2;
  }
  
  .grid > .span1-xl,
  .grid > .span-1-xl {
    grid-column: span 1;
  }
  
}

/* Order */

.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
@media (max-width: 767.98px) {  
  .order-1-sm {
    order: 1;
  }
  .order-2-sm {
    order: 2;
  }
  .order-3-sm {
    order: 3;
  }
  .order-4-sm {
    order: 4;
  }
  .order-5-sm {
    order: 5;
  }
  .order-6-sm {
    order: 6;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .order-1-md {
    order: 1;
  }
  .order-2-md {
    order: 2;
  }
  .order-3-md {
    order: 3;
  }
  .order-4-md {
    order: 4;
  }
  .order-5-md {
    order: 5;
  }
  .order-6-md {
    order: 6;
  }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
  .order-1-lg {
    order: 1;
  }
  .order-2-lg {
    order: 2;
  }
  .order-3-lg {
    order: 3;
  }
  .order-4-lg {
    order: 4;
  }
  .order-5-lg {
    order: 5;
  }
  .order-6-lg {
    order: 6;
  }
}
@media (min-width: 1366px) {
  .order-1-xl {
    order: 1;
  }
  .order-2-xl {
    order: 2;
  }
  .order-3-xl {
    order: 3;
  }
  .order-4-xl {
    order: 4;
  }
  .order-5-xl {
    order: 5;
  }
  .order-6-xl {
    order: 6;
  }
}

/* Position */

.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}

/* Postion Offsets */




.top-0 {
  top: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.right-0 {
  right: 0px;
}

.top-5 {
  top: 5px;
}
.bottom-5 {
  bottom: 5px;
}
.left-5 {
  left: 5px;
}
.right-5 {
  right: 5px;
}

.top-10 {
  top: 10px;
}
.bottom-10 {
  bottom: 10px;
}
.left-10 {
  left: 10px;
}
.right-10 {
  right: 10px;
}

.top-15 {
  top: 15px;
}
.bottom-15 {
  bottom: 15px;
}
.left-15 {
  left: 15px;
}
.right-15 {
  right: 15px;
}

.top-20 {
  top: 20px;
}
.bottom-20 {
  bottom: 20px;
}
.left-20 {
  left: 20px;
}
.right-20 {
  right: 20px;
}

.top-25 {
  top: 25px;
}
.bottom-25 {
  bottom: 25px;
}
.left-25 {
  left: 25px;
}
.right-25 {
  right: 25px;
}

.top-30 {
  top: 30px;
}
.bottom-30 {
  bottom: 30px;
}
.left-30 {
  left: 30px;
}
.right-30 {
  right: 30px;
}


/* Width */




.w-0 {
  width: 0%;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}


/* Responsive Image */

.img-fluid {
  width: 100%;
  height: auto;
}

/* Responsive Text Size */

.text-120 {
  font-size: 1.2em;
}
.text-110 {
  font-size: 1.1em;
}
.text-100 {
  font-size: 1em;
}
.text-90 {
  font-size: 0.9em;
}
.text-80 {
  font-size: 0.8em;
}
.text-70 {
  font-size: 0.7em;
}

@media (max-width: 767.98px) {
  .text-120-sm {
    font-size: 1.2em;
  }
  .text-110-sm {
    font-size: 1.1em;
  }
  .text-100-sm {
    font-size: 1em;
  }
  .text-90-sm {
    font-size: 0.9em;
  }
  .text-80-sm {
    font-size: 0.8em;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .text-120-md {
    font-size: 1.2em;
  }
  .text-110-md {
    font-size: 1.1em;
  }
  .text-100-md {
    font-size: 1em;
  }
  .text-90-md {
    font-size: 0.9em;
  }
  .text-80-md {
    font-size: 0.8em;
  }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
  .text-120-lg {
    font-size: 1.2em;
  }
  .text-110-lg {
    font-size: 1.1em;
  }
  .text-100-lg {
    font-size: 1em;
  }
  .text-90-lg {
    font-size: 0.9em;
  }
  .text-80-lg {
    font-size: 0.8em;
  }
}
@media (min-width: 1366px) {
  .text-120-xl {
    font-size: 1.2em;
  }
  .text-110-xl {
    font-size: 1.1em;
  }
  .text-100-xl {
    font-size: 1em;
  }
  .text-90-xl {
    font-size: 0.9em;
  }
  .text-80-xl {
    font-size: 0.8em;
  }
}

/* Last Child margin & padding */

.bottom-mp-fix > :last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/* Visibilty Classes */

.hide {
    display: none;
}
.force-hide {
    display: none !important;
}
.show {
    display: block;
}
.force-show {
    display: block !important;
}
@media (max-width: 767.98px) {
    .hide-sm {
        display: none !important;
    }
    .show-sm {
        display: inherit !important;
    }    
}
@media (min-width: 768px) and (max-width: 1023.98px) {
    .hide-md {
        display: none !important;
    }
    .show-md {        
        display: inherit !important;
    }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
    .hide-lg {
        display: none !important;
    }
    .show-lg {        
        display: inherit !important;
    }
}
@media (min-width: 1366px) {
    .hide-xl {
        display: none !important;
    }
    .show-xl {        
        display: inherit !important;
    }
}
.z-i-2 {
z-index: 2;
}
/*
----
Typography
----
*/

body {
  font-family: var(--primary-font-family);
}
a {
  text-decoration: none;
}
.primary-font {
  font-family: var(--primary-font-family);
}
.secondary-font {
  font-family: var(--secondary-font-family);
}
.tertiery-font {
  font-family: var(--tertiery-font-family);
}

/* Reset margins for common text tags */

h1, h2, h3, h4, h5, h6, h7, p, ul, ol {
  margin: 0;
}

.text-bottom-gap h1, 
.text-bottom-gap h2, 
.text-bottom-gap h3, 
.text-bottom-gap h4, 
.text-bottom-gap h5, 
.text-bottom-gap h6, 
.text-bottom-gap h7, 
.text-bottom-gap p, 
.text-bottom-gap ul, 
.text-bottom-gap ol {
  margin-bottom: 1em;
}

.text-gap h1, 
.text-gap h2, 
.text-gap h3, 
.text-gap h4, 
.text-gap h5, 
.text-gap h6, 
.text-gap h7, 
.text-gap p, 
.text-gap ul, 
.text-gap ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

.text-no-gap h1, 
.text-no-gap h2, 
.text-no-gap h3, 
.text-no-gap h4, 
.text-no-gap h5, 
.text-no-gap h6, 
.text-no-gap h7, 
.text-no-gap p, 
.text-no-gap ul, 
.text-no-gap ol {
  margin-top: 0;
  margin-bottom: 0;
}

/* Button */

.button {
  color: #FFF;
  background-color: var(--secondary-color);
  padding: 15px 40px;
  border-radius: 2em;
  display: inline-block;
}
.button:hover {
  filter: brightness(105%);
}
.button-disabled {
  color: #EEE;
  background-color: #AAAAAA;
  font-style: italic;
  padding: 15px 40px;
  border-radius: 2em;
  display: inline-block;
}
.button-small {
  color: #FFF;
  font-size: 0.9em;
  background-color: var(--secondary-color);
  padding: 10px 25px;
  border-radius: 2em;
  display: inline-block;
}
.button-extra-small {
  color: #FFF;
  font-size: 0.7em;
  background-color: var(--secondary-color);
  padding: 6px 16px;
  border-radius: 2em;
  display: inline-block;
}

/* Misc Styles */

.left-lined-paragraph {
  border-style: solid;
  padding-left: 15px;
  border-width: 0px 0px 0px 4px;
  border-color: var(--primary-color);
}

.subject-bullet {
  font-size: 0.8em;
  padding: 4px 10px;
  margin: 1px 5px 0 0;
  border-radius: 20px;
  white-space: nowrap;
  background-color: var(--primary-light-color);
  color: var(--primary-dark-color)
}

/* Headings Style */

.heading-smallcaps {
  font-family: var(--secondary-font-family);
  text-transform: uppercase;
}

/* Font Sizes & Color */

* {
  line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.25em;
}
body {
  color: var(--primary-dark-color);
}

.body-smaller {
  line-height: 1.4em;
}
.heading-large {
  font-weight: 700;
}
.heading-large.light {
  font-weight: 500;
}
.heading-medium {
  font-weight: 700;
}
.heading-small {
  font-weight: 700;
}
.heading-small-n-b {
  font-weight: 400;
}
.heading-smallcaps {
  letter-spacing: 2px;
  font-weight: 500;
}

@media (max-width: 767.98px) {
  body {
    font-size: 16px;
  }
  .body-smaller {
    font-size: 13px;
  }
  .heading-smallcaps {
    font-size: 14px;
  }
  .heading-large {
    font-size: 33px;
  }
  .heading-medium {
    font-size: 22px;
  }
  .heading-small {
    font-size: 18px;
  }
  .heading-small-n-b {
    font-size: 18px;
  }
  .button {
    font-size: 16px;
  }
  .button-disabled {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  body {
    font-size: 18px;
  }
  .body-smaller {
    font-size: 15px;
  }
  .heading-smallcaps {
    font-size: 14px;
  }
  .heading-large {
    font-size: 39px;
  }
  .heading-medium {
    font-size: 28px;
  }
  .heading-small {
    font-size: 22px;
  }
  .heading-small-n-b {
    font-size: 22px;
  }
  .button {
    font-size: 16px;
  }
  .button-disabled {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
  body {
    font-size: 19px;
  }
  .body-smaller {
    font-size: 15px;
  }
  .heading-smallcaps {
    font-size: 14px;
  }
  .heading-large {
    font-size: 50px;
  }
  .heading-medium {
    font-size: 32px;
  }
  .heading-small {
    font-size: 26px;
  }
  .heading-small-n-b {
    font-size: 23px;
  }
  .button {
    font-size: 16px;
  }
  .button-disabled {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  body {
    font-size: 20px;
  }
  .body-smaller {
    font-size: 16px;
  }
  .heading-smallcaps {
    font-size: 15px;
  }
  .heading-large {
    font-size: 58px;
  }
  .heading-medium {
    font-size: 38px;
  }
  .heading-small {
    font-size: 32px;
  }
  .heading-small-n-b {
    font-size: 28px;
  }
  .button {
    font-size: 18px;
  }
  .button-disabled {
    font-size: 18px;
  }
}
/*
----
Theme Overrides
----
*/

html {
  scroll-behavior: smooth;
}
.hs-inline-edit header.website-header {
  position: static !important;
}
header.website-header {
  z-index: 50;
  position: absolute;
  top: 0;
  width: 100%;
}
header.website-header .navbar {
  position: relative;
  background-color: transparent;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 767px) {
  header.website-header.solid .navbar {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  }
}
header.website-header.transparent-negative-absolute {
  position: absolute;
  top: 0;
}
header.website-header.permanently-solid .navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
header.website-header .navbar .navbar-logo .navbar-logo-link {
  display: block;
}
header.website-header .notice {
  background-color: #ffebb6;
  color: black;
  font-size: 12px;
  font-weight: 500;
  padding: 3px;
  position: sticky;
  z-index: 2;
}
header.website-header .navbar .navbar-logo .navbar-logo-link .navbar-logo-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 55px;
  object-fit: contain;
}
header.website-header .navbar .navbar-nav .navbar-nav-toggle {
  display: none;
  color: #436EAA;
  border: 1px solid #436EAA;
  border-radius: 5px;  
}
header.website-header.transparent-negative-absolute .navbar .navbar-nav .navbar-nav-toggle {
  color: #FFF;
  border-color: #FFF;
}
header.website-header .navbar .navbar-nav .navbar-nav-toggle .toggle-icons {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header.website-header .navbar .navbar-nav .navbar-nav-toggle .toggle-icons .toggle-close {
  display: none;
}
header.website-header .navbar .navbar-nav .navbar-nav-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item .navbar-nav-item-link {
  color: var(--primary-dark-color);
  display: block;
  font-size: 16px;
}
@media (min-width: 768px) {
  header.website-header.transparent-negative-absolute .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item .navbar-nav-item-link {
    color: #FFF;
  }
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item .navbar-nav-item-link:hover {
  color: var(--primary-color);
}
@media (min-width: 768px) {
  header.website-header.transparent-negative-absolute .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item .navbar-nav-item-link:hover {
    color: #FFF;
  }
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item .navbar-nav-item-link i {
  color: var(--primary-color);
  display: inline;
  margin-left: 10px;
  font-size: 0.75em;
}
@media (min-width: 768px) {
  header.website-header.transparent-negative-absolute .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item .navbar-nav-item-link i {
    color: #FFF;
  }
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav {
  display: none;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown {
  display: none;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 15px 15px 15px 15px;
  list-style: none;
  padding: 0;
  position: absolute;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  transition: opacity .3s;
  opacity: 0;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown li {
  transition: background-color 0.3s ease;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown li:not(:last-child) {
  border-bottom-style: solid;
  border-bottom-color: #EBF3F6;
  border-bottom-width: 1px;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown li:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown li:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown li:hover {
    background-color: #B1D9EC;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown li a {
  color: #1A3D47;
  padding: 10px 20px;
  font-size: 18px;
  display: block;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item:hover > .navbar-dropdown,
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown:hover {
  display: flex;
  opacity: 1;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item:hover > .navbar-subnav,
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav:hover {
  display: flex; 
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding-bottom: 10px;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .subnav-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .subnav-item-content h3 {
  margin-bottom: 10px;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .subnav-item-content .subject-areas p {
  margin: 10px 0;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .subnav-item.divider {
  padding-bottom: 10px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--primary-light-color);
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .subnav-item a {
  color: var(--primary-dark-color);
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-graphics { 
  display: none;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-graphics .subnav-image {
  display: block;
  width: 100%;
  height: 255px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  margin-left: -40px;
  object-fit: cover;
  object-position: center;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .event-pills {
  display: flex;
  flex-direction: column;
  gap: 10px;  
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .event-pills .pill {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 10px 10px 12px 15px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  border: 2px solid #FFF;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .event-pills .pill:hover {
  border: 2px solid var(--primary-color);
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .top-divider {
  margin: 5px 0;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: var(--primary-color-a15);
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-cover {
  display: none;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .sponsor-resource .resource-cover {
  display: none;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-content .resource-heading {
  margin: 0;
  font-size: 1.2em;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-content .resource-abstract {
  margin-top: 5px;
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-content .resource-date {
  font-weight: bold;
}
header.website-header .header-search {
}
footer.website-footer {
  padding: 20px;
}
footer.website-footer .footer-columns {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
footer.website-footer .footer-columns .footer-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #1A3D47;
}
footer.website-footer .footer-columns .footer-column .site-logo-link .site-logo {
  width: 100%;
  max-width: 120px;
}
footer.website-footer .footer-columns .footer-column a {
  color: #1A3D47;
}
footer.website-footer .footer-columns .footer-column h3 {
  margin-bottom: 0;
}
footer.website-footer .footer-columns .footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer.website-footer .footer-columns .footer-column ul li {
  padding: 0;
  margin: 0;
}
footer.website-footer .footer-bottom {
  font-size: 15px;
}
footer.website-footer .footer-bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer.website-footer .footer-bottom ul li {
  padding: 0;
  margin: 0;
}
footer.website-footer .footer-bottom ul.social-links li a {
  font-size: 40px;
  color: #079ECC;
}
footer.website-footer .footer-bottom a {
  color: #1a3d47; 
}
.resource-single .header {
  padding-top: 110px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .resource-single .header {
    padding-top: 140px;
  }
}
.resource-single .header .header-container {
  display: flex;
  gap: 100px;
}
.resource-single .header .header-container .header-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  align-items: flex-start;
}
.resource-single .header .header-container .header-content .category {
  font-family: var(--secondary-font-family);
  text-transform: uppercase;
}
.resource-single .header .header-container .header-content .share-wrapper .share {
  color: #fff;
  background-color: #42A297;
  border-radius: 20px;
  padding: 10px 20px;
  display: flex;
  gap: 20px;
  width: fit-content;
}
.resource-single .header .header-container .header-content .share-wrapper .share .share-links {
  display: flex;
  gap: 10px;
}
.resource-single .header .header-container .header-content .share-wrapper .share .share-links .share-link {
  color: #FFF;
}
.resource-single .header .header-container .header-graphic {
  display: none;
}
@media (min-width: 1024px) {
  .resource-single .header .header-container .header-graphic {
    display: block;
    margin-right: -50px;
  }  
}
.resource-single .header .header-container .header-graphic .header-graphic-image {
  width: 100%;
  height: 100%;
  max-height: 600px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1800px) {
  .resource-single .header .header-container .header-graphic {
    margin-right: 0;
  }  
  .resource-single .header .header-container .header-graphic .header-graphic-image {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px; 
  }
}
.resource-single .content {
  display: flex;
  gap: 40px;
}
.resource-single .content .content-body {
  flex: 2;
}
.resource-single .content .content-body .content-body-footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.resource-single .content .content-body .content-body-footer .author-info {
  margin-top: 20px;
  padding: 40px;
  border-radius: 40px;
  background-color: #EAF0F7;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.resource-single .content .content-body .content-body-footer .author-info .author-photo {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.resource-single .content .content-body .content-body-footer .author-info .author-photo .author-photo-image {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.resource-single .content .content-body .content-body-footer .author-info .author-about {
  flex: 2;
}
@media (min-width: 1024px) {
  .resource-single .content .content-body .content-body-footer .author-info {
    flex-direction: row;
    padding: 40px;
    border-radius: 40px;
    gap: 40px;
  }
}
.resource-single .content .content-body .content-body-footer .rating-wrapper .rating {
  background-color: #EAF0F8;
  border-radius: 20px;
  padding: 10px 20px;
  display: flex;
  gap: 20px;
  width: fit-content;
}
.resource-single .content .content-body .content-body-footer .rating-wrapper .rating .rating-links {
  display: flex;
  gap: 10px;
}
.resource-single .content .content-body .content-body-footer .rating-wrapper .rating .rating-links .rating-link {

}
.resource-single .content .content-sidebar {
  display: none;
}
@media (min-width: 768px) {
  .resource-single .content .content-sidebar {
    display: block;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .resource-single .content .content-sidebar .related-articles {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .resource-single .content .content-sidebar .related-articles .article {
    border: 1px solid #F1F1F1;
    border-radius: 20px;
    overflow: hidden;
  }
  .resource-single .content .content-sidebar .related-articles .article .cover-graphic {
    
  }
  .resource-single .content .content-sidebar .related-articles .article .cover-graphic .cover-graphic-image {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .resource-single .content .content-sidebar .related-articles .article .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
  }
  .resource-single .content .content-sidebar .related-articles .article .content a {
    color: var(--primary-dark-color);
  }
  .resource-single .content .content-sidebar .related-articles .article .content .abstract {
    font-size: 14px;
  }
  .resource-single .content .content-sidebar .related-articles .article .content .read-more .read-more-link {
    font-size: 14px;
    color: var(--secondary-color);
    text-decoration: underline;
    text-transform: uppercase;
  }
  .resource-single .content .content-sidebar .related-online-activities {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .resource-single .content .content-sidebar .related-online-activities .online-activity {
    padding:  10px 0px 10px 18px;
    border-left: 2px solid var(--secondary-color);
  }
  .resource-single .content .content-sidebar .related-online-activities .online-activity a {
    color: var(--primary-dark-color);
  }
}
.newsletter-cta {
  background-color: var(--primary-light-color);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 80px;
}
@media (max-width: 767.98px) {
  header.website-header .navbar .navbar-nav .navbar-nav-items {
    display: none;
    position: absolute;
    left: 0;
    background-color: #FFF;
    width: 100%;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    padding: 0 10px;
    z-index: 50;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item {
    border-bottom: 1px solid #E2E9F3;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item:last-child {
    border-bottom-style: none;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > a {
    padding: 10px 0;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-toggle {
    display: block;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown {
    position: relative;
    box-shadow: none;
  }      
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown > li:first-child {
    border-top: 1px solid #ebf3f6;
    border-radius: 0;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-dropdown > li > a {
    font-size: 14px;
    padding: 10px;
  }
}
@media (min-width: 768px) {
  header.website-header {  
    position: fixed;
  }
  header.website-header .navbar {
    padding: 20px;
  }
  header.website-header .navbar .navbar-logo .navbar-logo-link .navbar-logo-image {
    max-height: 35px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items {
    display: flex !important;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-nav-item-link {
    line-height: 60px;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-nav-item-link i {
    margin-left: 0px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav {
    background-color: #FFF;
    padding: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    overflow-y: scroll;
    max-height: 70vh;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items {
    flex: 4;
    gap: 40px;
    flex-direction: row;
    padding-bottom: 0;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items > .subnav-item.divider {
    padding-right: 40px;
    padding-bottom: 0px;
    border-bottom-style: none;
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: var(--primary-color-a15);
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .event-pills {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .event-pills .pill {
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
    padding: 8px 10px 10px 10px;
  }
  footer.website-footer .footer-columns {
    flex-direction: row;
    gap: 40px;
  }
  footer.website-footer .footer-columns .footer-column .site-logo-link .site-logo {
    max-width: 180px;
  }
}
@media (min-width: 1024px) {
  .resource-single .content {
    display: flex;
    gap: 100px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .event-pills .pill .pill-rollover .event-ctas {
    justify-content: space-between;
    flex-direction: row;
  }
  header.website-header .navbar .navbar-logo .navbar-logo-link .navbar-logo-image {
    max-height: 55px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item .navbar-nav-item-link {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-nav-item-link i {
    margin-left: 5px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-cover {
    display: block;
    flex: 1;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .sponsor-resource .resource-cover {
    display: block;
    flex: 1;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-cover .resource-cover-link {
    position: relative;
    display: block;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-cover .resource-cover-link::after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-cover .resource-cover-link .resource-cover-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 50%;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .sponsor-resource .resource-cover .sponsor-resource-cover-link .sponsor-resource-cover-image {
    
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: 50% 50%;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .sponsor-resource .resource-cover .sponsor-resource-cover-link .sponsor-resource-bubble-image {
    
    width: 100%;
    height: 150px;
    object-fit: contain;
    object-position: 50% 50%;
    background-color: var(--primary-color);
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource .resource-content {
    flex: 3;    
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .resource-content .resource-heading {
    font-size: 1.1em;
    line-height: 1.2em;
  }
}
@media (min-width: 1366px) {
  
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item .navbar-nav-item-link {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-graphics {
    display: block;
    flex: 1;
  }
  header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .event-pills .pill .pill-rollover .event-ctas {
    font-size: 0.8em;    
  }
  footer.website-footer {
    padding: 3% 11% 1% 11%;
  }
}

/* Updated Header */

.website-header .other-resources {
  font-size: 0.9em;
  font-weight: 600;
}
.website-header .navbar-brands .current-brand {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.website-header .navbar-brands .current-brand.logo-link {
  height: 100%;
}
.website-header .navbar-brands .current-brand.logo-link .logo-image {
  max-height: 60px;
  height: 60px;
  width: auto;
}
.website-header.transparent-negative-absolute .navbar-brands .current-brand.logo-link .logo-image {
  filter: drop-shadow(3px 2px 6px rgb(0 0 0 / 0.5));
}
.website-header .navbar-brands .current-brand.logo-link i.dropdown {
  color: var(--primary-color);
  display: none;
}
.website-header.transparent-negative-absolute .navbar-brands .current-brand.logo-link i.dropdown {
  color: #FFF;
}
.website-header .navbar-brands .brands {
  display: none;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
  left: 0;
  padding: 40px;
  position: absolute;
  width: 100%;    
  gap: 20px;
  flex-direction: column;
}
.website-header .navbar-brands .brands .intro {
  flex: 1;  
}
.website-header .navbar-brands .brands .items {
  flex: 2;
  gap: 20px;
  display: flex;
}
.website-header .navbar-brands .brands .items .item {
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
  border: 2px solid #FFF;
  flex: 1;
}
.website-header .navbar-brands .brands .items .item.active-item {
  border: 2px solid var(--secondary-color);
}
.website-header .navbar-brands .brands .items .item:hover {
  border: 2px solid var(--primary-color);
}
.website-header .navbar-brands .brands .items .item .logo-link {
  display: flex;
  height: 100%;
  line-height: 0;
  align-items: center;
  justify-content: center;
}
.website-header .navbar-brands .brands .items .primary-brand .logo-link {
  padding: 0 10px;
}
.website-header .navbar-brands .brands .items .item .logo-link .logo-image {
  width: 100%;
  padding: 10px;
}
.website-header .navbar .navbar-button {
  background-color: var(--secondary-color);
  color: #fff;
  border-radius: 2em;
  display: inline-block;
  font-size: .9em;
  padding: 10px 25px;
}
@media (min-width: 768px) {
  .website-header .navbar-brands:hover .brands {
    display: flex;
  }
  .website-header .navbar-brands .current-brand {
    gap: 5px;
  }
  .website-header .navbar-brands .current-brand.logo-link .logo-image {
    max-width: 140px;
  }
  .website-header .navbar-brands .current-brand.logo-link i.dropdown {
    display: block;
  }
}
@media (min-width: 1024px) {
  .website-header .navbar .navbar-button {
    padding: 15px 40px;
  }
  .website-header .navbar-brands .brands {
    flex-direction: row;
  }  
  .website-header .navbar-brands .current-brand.logo-link .logo-image {
    max-width: 190px;
  }
}
@media (min-width: 1366px) {
  .website-header .navbar-brands .current-brand {
    gap: 10px;
  }
  .website-header .navbar-brands .current-brand.logo-link .logo-image {
    max-width: 310px;
  }
  .website-header .navbar-brands .brands .items .item .logo-link .logo-image {
    padding: 20px;
  }  
}

header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .sponsor-resource {
  display: flex;
  align-items: center;
  border: solid var(--primary-color) 2px;
  border-radius: 7px;
  background: var(--primary-light-color);
}
header.website-header .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-subnav > .subnav-items .resources .sponsor-resource:hover {
  background: #ffffff;
}

/* DND Rich Text Editor */

.widget-type-rich_text h1, 
.widget-type-rich_text h2, 
.widget-type-rich_text h3, 
.widget-type-rich_text h4, 
.widget-type-rich_text h5, 
.widget-type-rich_text h6, 
.widget-type-rich_text h7, 
.widget-type-rich_text p, 
.widget-type-rich_text ul, 
.widget-type-rich_text ol {
  margin-bottom: 1em;
}

/*
Change BG color for hero section
*/

.hero_dnd_area {
  background-color: var(--primary-light-color);
}
.hero_dnd_area.dark_bg {
  background-color: var(--primary-dark-color);
}

/*
Error Pages
*/
.error-page {
  background-color: var(--primary-light-color);
}

.error-page:before {
  color: #FFFFFF;
}

/*
Event Page padding (to accommodate for floating nav)
*/
@media (min-width: 1700px) and (max-width: 1920px) {  
  body.event-page .dnd_area .dnd-section > .row-fluid {
    padding-right: 110px;
  }
}

@media (min-width: 1024px) and (max-width: 1700px) {  
  body.event-page .dnd_area .dnd-section > .row-fluid {
    padding-right: 220px;
  }
}

/*
Event v2024 & v2025 Templates - reset of the above Event Page padding
*/
@media (min-width: 1700px) and (max-width: 1920px) {  
  body.event-v2024-no-sidebar .dnd_area .dnd-section > .row-fluid {
    padding-right: 0;
  }
  body.event-v2025 .dnd_area .dnd-section > .row-fluid {
    padding-right: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1700px) {  
  body.event-v2024-no-sidebar .dnd_area .dnd-section > .row-fluid {
    padding-right: 0;
  }
  body.event-v2025 .dnd_area .dnd-section > .row-fluid {
    padding-right: 0;
  }
}

/* Set color to A tag that is direct descendant of a .flex or .grid to --primary-dark-color */

.grid > a, 
.flex > a {
  color: var(--primary-dark-color);
}

/* Hubspot Form */

/*
Hubspot Form
*/

/*
.hs_cos_wrapper_type_form fieldset {
	max-width: 100% !important;
}
.hs_cos_wrapper_type_form fieldset .hs-form-field legend {
	font-size: 12px;
	margin-top: -9px;
	margin-bottom: 5px;
	color: #6280a1;
}
.hs_cos_wrapper_type_form fieldset .hs-dependent-field .hs-form-field {
	margin-bottom: 15px;
}
.hs_cos_wrapper_type_form .hs-form-field > label {
	display: block;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 18px;
	font-family: var(--e-global-typography-38e365a-font-family ), Sans-serif;
	font-weight: 500;
	color: var(--e-global-color-30c1d07 );
    line-height: 1.4em;
}
.hs_cos_wrapper_type_form .hs-form-field ul.hs-error-msgs {
	padding: 0;
}
.hs_cos_wrapper_type_form .hs-form-field ul.hs-error-msgs li {
	margin-top: -8px;
	font-size: 12px;
	font-weight: 600;
	color: var(--e-global-color-e6203d3);
	list-style: none;
	line-height: 1.2em;
}
.hs_cos_wrapper_type_form > fieldset {
	margin-bottom: 20px;
}
.hs_cos_wrapper_type_form > fieldset.form-columns-2 > div:first-child {
	padding-right: 20px;
}
.hs_cos_wrapper_type_form > fieldset.form-columns-2 > div:last-child {
	padding-left: 20px;
}

body[data-elementor-device-mode="mobile"] .hs_cos_wrapper_type_form > fieldset.form-columns-2 > div:last-child {
	padding-left: 0px;
}
body[data-elementor-device-mode="mobile"] .hs_cos_wrapper_type_form > fieldset.form-columns-2 > div:first-child {
	padding-right: 0px;
}

.hs_cos_wrapper_type_form > fieldset.form-columns-2 div.input,
.hs_cos_wrapper_type_form > fieldset.form-columns-1 div.input {
	margin-right: 0;
}
.hs_cos_wrapper_type_form > fieldset.form-columns-1 input[type=text].hs-input,
.hs_cos_wrapper_type_form > fieldset.form-columns-1 textarea.hs-input {
	width: 100%;
}
.hs_cos_wrapper_type_form .hs-form-field .hs-input { 
		font-size: 16px;
		font-family: var(--e-global-typography-38e365a-font-family ), Sans-serif;
		padding: 7px 12px;
    border-width: 0px 0px 2px 0px;
		border-color: #dddddd;
    border-radius: 0px;
    line-height: 1.5em;
		margin-bottom: 10px;
}
.hs_cos_wrapper_type_form .hs-form-field .hs-input:focus { 
  outline:none;
		border-color: var(--e-global-color-27d3dbb );
}
.hs_cos_wrapper_type_form ul.inputs-list {
	padding: 0;
}
.hs_cos_wrapper_type_form ul.inputs-list > li {
	margin-top: 4px;
	list-style: none;
}
.hs_cos_wrapper_type_form ul.inputs-list > li input {
	margin-right: 8px;
}
.hs_cos_wrapper_type_form .hs-submit .hs-button {
	font-family: var( --e-global-typography-38e365a-font-family );
	font-weight: 600;
	background-color: var(--e-global-color-27d3dbb );
	line-height: 1em;
	padding: 15px 30px;
	border-radius: 30px;
	border-style: solid;
  border-width: 2px;
	border-color: var(--e-global-color-27d3dbb );
	color: var(--e-global-color-30c1d07 );
}
.hs_cos_wrapper_type_form .hs-submit .hs-button:hover {
	background-color: #fff;
	border-style: solid;
  border-width: 2px;
}
.hs_cos_wrapper_type_form .hs-submit {
	margin-top: 20px;
}
.hs_cos_wrapper_type_form h1 {
	font-size: 2rem;
    margin-bottom: 0.5rem;
}
.hs_cos_wrapper_type_form b {
	font-weight: 500;
}
.hs_cos_wrapper_type_form a {
	color: #4081A9;
    text-decoration: underline !important;
}
.hs_cos_wrapper_type_form a:hover {
    text-decoration: none !important;
}
.hs_cos_wrapper_type_form .legal-consent-container {
	font-size: 12px;
	color: #808080;
	margin-top: 10px;
}
.hs_cos_wrapper_type_form .hs-form-required {
		color: var(--e-global-color-30c1d07 );
	margin-left: 4px;
}
.hs_cos_wrapper_type_form .hs_recaptcha {
	margin: 12px 0;
	float: right;
}
*/

/* og-button */

.og-button {
  color: #193d47;  
  border-radius: 50px 50px 50px 50px;
  border: 1px solid #079ecc;
  padding: 15px 40px 15px 40px;
  background-color: #00E49E00;
  font-weight: 500;
  font-size: 18px;
  transition: background 0.25s ease;
}
.og-button:hover {
  background-color: #FFFFFF;
}
.og-button.primary {
  background-color: #079ecc;
}
.og-button.primary:hover {
  background-color: #FFFFFF;
}

/* Event 2025 Header */
header.website-header.event-v2025 {
  position: relative;
}
header.website-header.event-v2025 .navbar {
  background-color: #000;
}
header.website-header.event-v2025 .navbar-brands .current-brand.logo-link i.dropdown {
  color: #FFF;
}
header.website-header.event-v2025 .navbar .navbar-button {
  background-color: #000;
  border: 2px solid #FFF;
  padding: 2px 25px;
}
header.website-header.event-v2025 .navbar .navbar-nav .navbar-nav-toggle {
    border: 1px solid #FFF;
    border-radius: 5px;
    color: #FFF;
}
header.website-header.event-v2025 .navbar-brands .current-brand.logo-link .logo-image {
    max-height: 40px;
}
@media (min-width: 768px) {
    header.website-header.event-v2025 .navbar {
        padding: 10px 20px;
    }
    header.website-header.event-v2025 .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-nav-item-link {
        line-height: 40px;
        color: #FFF;
    }
    header.website-header.event-v2025 .navbar .navbar-nav .navbar-nav-items > .navbar-nav-item > .navbar-nav-item-link > i {
        color: #FFF;
    }
}

/* Event 2025 Template */
body.event-v2025 #main-content .header_dnd_area {
  position: absolute;
  width: 100%;
}
html.hs-inline-edit body.event-v2025 #main-content .header_dnd_area {
  position: relative;
}
/*
Brand Colors - Old Brands
*/

/*
Brand Colors
*/

body.biologics {
  --primary-color: #1A7ED3;
  --primary-light-color: #E8F3FC;
  --primary-light-color-a50: #E8F3FC80;
  --primary-light-color-a85: #E8F3FCd9;
  --primary-dark-color: #092264;
  --primary-dark-color-a50: #09226480;
  --primary-dark-color-a85: #092264d9;
  --secondary-color: #e1ae41;
}
body.biomarkers {
  --primary-color: #416FAA;
  --primary-light-color: #EBF3FC;
  --primary-light-color-a50: #EBF3FC80;
  --primary-light-color-a85: #E8F3FCd9;
  --primary-dark-color: #224472;
  --primary-dark-color-a50: #22447280;
  --primary-dark-color-a85: #224472d9;
  --secondary-color: #5B9F97;
}
body.cell {
  --primary-color: #6759CE;
  --primary-light-color: #ededf7;
  --primary-light-color-a50: #ededf780;
  --primary-light-color-a85: #ededf7d9;
  --primary-dark-color: #003455;
  --primary-dark-color-a50: #00345580;
  --primary-dark-color-a85: #003455d9;
  --secondary-color: #845AE0;
}
body.discovery {
  --primary-color: #44AA9D;
  --primary-light-color: #eaf1f0;
  --primary-light-color-a50: #eaf1f080;
  --primary-light-color-a85: #eaf1f0d9;
  --primary-dark-color: #0C493D;
  --primary-dark-color-a50: #0C493D80;
  --primary-dark-color-a85: #0C493Dd9;
  --secondary-color: #C0346B;
}
body.formulation {
  --primary-color: #5FB066;
  --primary-light-color: #eff6ef;
  --primary-light-color-a50: #eff6ef80;
  --primary-light-color-a85: #eff6efd9;
  --primary-dark-color: #244E25;
  --primary-dark-color-a50: #244E2580;
  --primary-dark-color-a85: #244E25d9;
  --secondary-color: #64CFBF;
}
body.immuno {
  --primary-color: #CE8CBE;
  --primary-light-color: #f1ecf0;
  --primary-light-color-a50: #f1ecf080;
  --primary-light-color-a85: #f1ecf0d9;
  --primary-dark-color: #4D2368;
  --primary-dark-color-a50: #4D236880;
  --primary-dark-color-a85: #4D2368d9;
  --secondary-color: #F55F6F;
}
body.omics {
  --primary-color: #00636E;
  --primary-light-color: #ebf3f4;
  --primary-light-color-a50: #ebf3f480;
  --primary-light-color-a85: #ebf3f4d9;
  --primary-dark-color: #004144;
  --primary-dark-color-a50: #00414480;
  --primary-dark-color-a85: #004144d9;
  --secondary-color: #A6458C;
}

/*
Brand Colors - New Brands
*/

body.precision-medicine {
  --primary-color: #418899;
  --primary-light-color: #e6fcff;
  --primary-light-color-a50: #e6fcff80;
  --primary-light-color-a85: #e6fcffd9;
  --primary-dark-color: #0c424f;
  --primary-dark-color-a50: #0c424f80;
  --primary-dark-color-a85: #0c424fd9;
  --secondary-color: #34c9e2;
  --primary-font-family: 'Space Grotesk', sans-serif;
  --secondary-font-family: 'Space Mono', monospace;
  --tertiery-font-family: 'Open Sans', sans-serif;
}
body.precision-medicine .website-header.transparent-negative-absolute .navbar-brands .current-brand.logo-link .logo-image {
  filter: none;
}
body.discovery-development {
  --primary-color: #018391;
  --primary-light-color: #ecf8f9;
  --primary-light-color-a50: #ecf8f980;
  --primary-light-color-a85: #ecf8f9d9;
  --primary-dark-color: #004b4f;
  --primary-dark-color-a50: #004b4f80;
  --primary-dark-color-a85: #004b4fd9;
  --secondary-color: #cc487e;
  --primary-font-family: 'Space Grotesk', sans-serif;
  --secondary-font-family: 'Space Mono', monospace;
  --tertiery-font-family: 'Open Sans', sans-serif;
}
body.nextgen-biomed {
  --primary-color: #205312;
  --primary-light-color: #E4F4EB;
  --primary-light-color-a50: #E4F4EB80;
  --primary-light-color-a85: #E4F4EBd9;
  --primary-dark-color: #00271d;
  --primary-dark-color-a50: #00271d80;
  --primary-dark-color-a85: #00271dd9;
  --secondary-color: #83c121;
  --primary-font-family: 'Outfit', sans-serif;
  --secondary-font-family: 'Space Mono', monospace;
  --tertiery-font-family: 'Open Sans', sans-serif;
}