/* Normalize, reset */
/*! 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;
  }
  
  /**
   * 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
     ========================================================================== */
  
  /**
   * Add the correct box sizing in Firefox.
   */
  
  hr {
    box-sizing: content-box;
    height: 0;
  }
  
  /**
   * 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
     ========================================================================== */
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, 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;
  }
  
  /* 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 */
  }
  
  /**
   * Remove the inheritance of text transform in Edge and Firefox.
   * 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;
  }
  
  /**
   * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
   */
  
  legend {
    padding: 0;
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * 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 and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
*, 
*:before, 
*:after {
  box-sizing: border-box;
}

figure {
    margin: 0;
}

img {
  max-width: 100%;
  display: block;
}
/* 1. Sticky on scroll */
/* ********************************************** */

html:not(.hs-inline-edit) .sticky-on-scroll.is-sticky .sticky-inner {
  position: fixed;
  left: 0; right: 0;
  z-index: 1001;
}

/* Modal workaround - double position fixed issue */
html:not(.hs-inline-edit) body.modal-open .sticky-on-scroll.is-sticky .sticky-inner {
  position: static;
}

/* Global styles */
@media (min-width: 1024px) {
    html, body {
        width: 100%;
        height: 100%;
    }
    body > .body-wrapper {
        min-height: 100%;
        display: grid;
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 100%;
    }
}

.body-wrapper { overflow: hidden; }
/* AllerDisplay font */
@font-face {
  font-display: swap;
  font-family: AllerDisplay;
  font-style: normal;
  font-weight: 400;
  src: url('//25897583.fs1.hubspotusercontent-eu1.net/hubfs/25897583/raw_assets/public/SAK_2023/fonts/AllerDisplay.ttf') format('truetype')
}

/* Cambay font (700) */
@font-face {
  font-display: swap;
  font-family: CambayBold;
  font-style: normal;
  font-weight: 700;
  src: url('//25897583.fs1.hubspotusercontent-eu1.net/hubfs/25897583/raw_assets/public/SAK_2023/fonts/Cambay-Bold.ttf') format('truetype')')
}

/* Cambay italic font (700) */
@font-face {
  font-display: swap;
  font-family: CambayBoldItalic;
  font-style: normal;
  font-weight: 700;
  src: url('//25897583.fs1.hubspotusercontent-eu1.net/hubfs/25897583/raw_assets/public/SAK_2023/fonts/Cambay-BoldItalic.ttf') format('truetype')
}

/* Cambay italic font (400) */
@font-face {
  font-display: swap;
  font-family: CambayRegular;
  font-style: normal;
  font-weight: 400;
  src: url('//25897583.fs1.hubspotusercontent-eu1.net/hubfs/25897583/raw_assets/public/SAK_2023/fonts/Cambay-Regular.ttf') format('truetype')
}

/* Cambay italic font (400) */
@font-face {
  font-display: swap;
  font-family: CambayItalic;
  font-style: italic;
  font-weight: 400;
  src: url('//25897583.fs1.hubspotusercontent-eu1.net/hubfs/25897583/raw_assets/public/SAK_2023/fonts/Cambay-Italic.ttf') format('truetype')
}

/* Caveat italic font (400) */
@font-face {
  font-display: swap;
  font-family: Caveat;
  font-style: normal;
  font-weight: 400;
  src: url('//25897583.fs1.hubspotusercontent-eu1.net/hubfs/25897583/raw_assets/public/SAK_2023/fonts/caveat-v17-latin-regular.woff2') format('truetype')
}
/* Caveat italic font (600) */
@font-face {
  font-display: swap;
  font-family: Caveat;
  font-style: normal;
  font-weight: 700;
  src: url('//25897583.fs1.hubspotusercontent-eu1.net/hubfs/25897583/raw_assets/public/SAK_2023/fonts/caveat-v17-latin-600.woff2') format('truetype')
}


/* 
    Versatile typography stylesheet

    Table of contents
    1. Headlines
    2. Paragraphs
    3. List

*/


/* 1. Headlines */
/* ********************************************** */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0 0 16px;
  text-transform:lowercase;
}

.subline {
  font-weight: normal;
  display: block;
  margin-bottom: 10px;
}


/* 2. Paragraph */
/* ********************************************** */

p {
  margin: 0 0 16px 0;
}


/* 3. List */
/* ********************************************** */

.list-check ul > li > ul,
.custom-list ul > li > ul {
  margin: 0.5rem 0;
}

.list-check ul,
.custom-list ul {
  list-style: none;
  padding-left: 28px;
}
.list-check ul li,
.custom-list ul li {
  position: relative;
  margin-bottom: 6px;
}
.list-check ul li:before,
.custom-list ul li:before {
  position: absolute;
  content: '';
  background-size: 16px;
  width: 16px; height: 16px;
  margin-left: -28px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23660066" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>')
}
.custom-list.color-white ul li:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>')
}

.custom-list.right-long ul li:before {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M334.5 414c8.8 3.8 19 2 26-4.6l144-136c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6s-14.5 12.5-14.5 22l0 72L32 192c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l288 0 0 72c0 9.6 5.7 18.2 14.5 22z"/></svg>')
}
/* 
    Versatile forms stylesheet

    Table of contents
    1. Inputs, textarea
    2. Legal consent
    3. Submit
    4. Custom select
    5. Custom checkboxes, radio btns
    6. Form validation (errors)
    7. Form layout (columns)
    8. Form Richtext

*/

/* 1. Inputs */
/* ********************************************** */

form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='file'],
form input[type='search'],
form textarea,
textarea,
.address-input,
select {
  width: 100%!important;
  line-height:1;
}

.hs-fieldtype-textarea.hs-input,
textarea {
  resize: none!important;
  min-height: 120px;
}

fieldset{
  max-width:100% !important;
}

.hs-form-checkbox:not(:last-of-type) > label,
.hs-form-radio:not(:last-of-type) > label{
  margin-bottom:.5rem
}

.hs-form-field label span {
  font-weight: bold;
}

.hs-form-field legend {
  font-size: 13px;
  margin-bottom: 0.25rem;
  margin-top: 0.5rem;
}


/* 2. Legal consent */
/* ********************************************** */

.hs-form .inputs-list {
  list-style: none;
  padding: 0;
}
.inputs-list label > span:nth-child(2),
.legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left:0 !important;
  width: calc(100% - 1.5rem);
  padding-left: 0.5rem;
  cursor: pointer;
  font-weight: normal!important;
}


/* 3. Submit */
/* ********************************************** */

.hs-form .hs-submit {
  margin-top: 32px;
  text-align: center;
}
@media (max-width: 767px) {
  .hs-form .hs-submit {
    margin-top: 16px;
  }
}



/* 4. Custom select */
/* ********************************************** */

select, option{
  display:none;
}
form .dropdown-header{
  height: auto;
  display: inline-block;
  width: 100%;
  transition:all .3s ease-in;
  position: relative;
  cursor: pointer;
}
form .dropdown-header:after {
  content: "";
  position: absolute;
  transition: transform .4s;
  top: 50%; transform: translateY(-50%);
  right: 16px;
  width: 16px; height: 16px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="%23b6ada5" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>')
}
form .dropdown-header.slide-down:after {
  transform: translateY(-50%) rotate(180deg);
}
form .input.dropdown_select .hs-input.error + .dropdown-header {
  margin-bottom: 0;
}
form .dropdown-header.slide-down{
  margin-bottom: 8px;
}
ul.dropdown-list{
  margin-top:0;
}
ul.inputs-list,
ul.dropdown-list{
  list-style:none;
}
ul.inputs-list li label{
  display:flex;
  flex-direction:row;
}

.hs-fieldtype-select:not(.multistep-select-choice) ul.dropdown-list {
    background: #fff;
    padding: 0.5rem;
    border-radius:19px;
    height:100%;
    width:auto;
    position:relative;
    top:0;
}
.MuiAutocomplete-popper.MuiPopperUnstyled-root {
  border-radius: 19px!important;
  margin-top: 0.5rem!important;
}

ul.dropdown-list li{
  padding: 0.5rem 0.5rem;
}

ul.dropdown-list li:hover,
ul.dropdown-list li:focus,
ul.dropdown-list li.selected {
  border-radius:10px;
  cursor: pointer;
}


/* 5. Custom checkboxes, radio btns */
/* ********************************************** */

.hs-form .inputs-list.multi-container {
  margin-top: 8px;
  margin-bottom: 32px;
}

input[type="checkbox"], 
.hs-input[type="checkbox"]{
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  display:inline-block;
  width: 1.5rem !important;
  height: 1.5rem !important;
  position:relative;
  top:0;
  border-radius: 6px;
  border:1px solid #660066;
  cursor: pointer;
}

input[type="checkbox"]:checked:after, 
.hs-input[type="checkbox"]:checked:after{
  border-radius: 6px;
  background:#660066;
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  z-index: 1;
}
input[type="checkbox"]:checked:before, 
.hs-input[type="checkbox"]:checked:before{
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>')
}

input[type="radio"]{
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  display:inline-block;
  width: 1.5rem!important;
  height: 1.5rem!important;
  position: relative;
  top: 0;
  border-radius:100px;
  cursor: pointer;
}
input[type="radio"]:before{
  position:absolute;
  content:'';
  width: 100% !important;
  height: 100% !important;
  border-radius:100px;
  border: 1px solid;
}
input[type="radio"]:checked:after{
  position:absolute;
  content: '';
  border-radius:100px;
  margin: 0.25rem;
  width: calc(100% - 0.5rem);
  height: calc(100% - 0.5rem);
}


/* 6. Form validation (errors) */
/* ********************************************** */

.hs-error-msgs.inputs-list {
  margin-top: 8px;
}
.hs-error-msg {
  font-size: 14px;
}


/* 7. Form layout (columns) */
/* ********************************************** */

@media (min-width: 768px) {
  .form-columns-3 .hs-form-field {
    width: 33.3%!important
  }
}
@media (max-width: 767px) {
  .hs-form fieldset .input {
    margin-right: 0!important;
  }
}


/* 8. Form Richtext */
/* ********************************************** */

.hs-form .hs-richtext hr {
  margin-bottom: 1rem;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  border: none;
  box-shadow: none;
  background: #000;
}

@media (max-width: 767px) {
  .hs-form .hs-richtext h3 {
    text-align: center;  
  }
}
/* 
Versatile buttons stylesheet

Table of contents
1. Button

*/

.btn, .hs-button {
  text-decoration: none;
  display: inline-block;
  width: auto;
  border: none;
  text-align: center;
  cursor: pointer;
  min-width: 80px;
  outline: none;
  border-width: 1px;
  border-style: solid;
} 

/* Button with icon */
.btn.icon-button.icon-left:before, 
.btn.icon-button.icon-right:before { 
  top: 50%;
  transform: translateY(-50%);
}

.btn.btn-outline-white {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn.btn-outline-white:hover,
.btn.btn-outline-white:focus {
  background: #fff;
}


/* Fixed buttons */
.fixed-button{
  position:fixed;
  top: auto;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index:99999;
}
.fixed-button .btn{
  padding: 0.25rem;
  min-width: auto;
}
@media (min-width: 1024px) {
  .fixed-button {
    top:50vh;
    right:4rem;
  }
}

@media (min-width: 1024px) {
  .fixed-button .btn{
    padding: 1rem;
  }
}

.fixed-button img.fixed-icon{
  width:3rem;
  height:3rem;
}

.fixed-button .label-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width:auto;
  transition: all .4s ease-in-out;
}

.fixed-button .label-wrapper a:hover{
 margin-right:0;
}

.fixed-button a .button-label{
  width:0;
  opacity:0;
  margin-top:4px;
  margin-left:0;
  transition: all .4s ease-in-out;
  white-space:nowrap;
}
.fixed-button a:hover .button-label{
  width: auto;
  opacity:1;
  margin-left:1rem;
}

.btn.text-link {
  text-decoration: underline;
  border: none;
  padding: 0;
  background: transparent;
  font-weight: normal;
  min-width: auto;
}
/* 1. Swiper Pagination */
/* ********************************************** */

.swiper .swiper-pagination {
  bottom: 0;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 100%;
  cursor: pointer;
  opacity: 1;
  margin: 0 8px;
}
@media (max-width: 767px) {
  .swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px;
  }
}

/* Utilities */
/* 
    Versatile theme helper classes

    Table of contents 
    1. Colors
    2. Alignment 
    3. Font weight
    4. Display helper classes
    5. Spacing classes (padding, margin)

*//* 1. Colors */
/* ********************************************** */ 
  .bg-white {
    background-color: rgba(255, 255, 255, 1.0);
  }
  .color-white {
    color: #FFFFFF!important;
  }
  .fill-white {
    fill: #FFFFFF!important;
  }
   
  .bg-black {
    background-color: rgba(0, 0, 0, 1.0);
  }
  .color-black {
    color: #000000!important;
  }
  .fill-black {
    fill: #000000!important;
  }
   
  .bg-main-gradient {
    background-color: rgba(#null, 0.0);
  }
  .color-main-gradient {
    color: !important;
  }
  .fill-main-gradient {
    fill: !important;
  }
   
  .bg-second-gradient {
    background-color: rgba(#null, 0.0);
  }
  .color-second-gradient {
    color: !important;
  }
  .fill-second-gradient {
    fill: !important;
  }
   
  .bg-secondary {
    background-color: rgba(162, 255, 0, 1.0);
  }
  .color-secondary {
    color: #a2ff00!important;
  }
  .fill-secondary {
    fill: #a2ff00!important;
  }
   
  .bg-tertiary {
    background-color: rgba(255, 229, 153, 1.0);
  }
  .color-tertiary {
    color: #FFE599!important;
  }
  .fill-tertiary {
    fill: #FFE599!important;
  }
   
  .bg-primary {
    background-color: rgba(0, 103, 61, 1.0);
  }
  .color-primary {
    color: #00673d!important;
  }
  .fill-primary {
    fill: #00673d!important;
  }
   
  .bg-light-grey {
    background-color: rgba(240, 239, 237, 1.0);
  }
  .color-light-grey {
    color: #f0efed!important;
  }
  .fill-light-grey {
    fill: #f0efed!important;
  }
   
  .bg-dark-grey {
    background-color: rgba(240, 239, 237, 1.0);
  }
  .color-dark-grey {
    color: #f0efed!important;
  }
  .fill-dark-grey {
    fill: #f0efed!important;
  }
   
  .bg-grey {
    background-color: rgba(240, 239, 237, 1.0);
  }
  .color-grey {
    color: #f0efed!important;
  }
  .fill-grey {
    fill: #f0efed!important;
  }
   
  .bg-negative {
    background-color: rgba(220, 53, 69, 1.0);
  }
  .color-negative {
    color: #dc3545!important;
  }
  .fill-negative {
    fill: #dc3545!important;
  }
   
  .bg-success {
    background-color: rgba(40, 167, 69, 1.0);
  }
  .color-success {
    color: #28a745!important;
  }
  .fill-success {
    fill: #28a745!important;
  }
   
  .bg-warning {
    background-color: rgba(255, 193, 7, 1.0);
  }
  .color-warning {
    color: #ffc107!important;
  }
  .fill-warning {
    fill: #ffc107!important;
  }
   
  .bg-info {
    background-color: rgba(23, 162, 184, 1.0);
  }
  .color-info {
    color: #17a2b8!important;
  }
  .fill-info {
    fill: #17a2b8!important;
  }
  .primary-gradient-bg{
  
    background: rgba(63, 116, 37,1.0);
  background: -moz-radial-gradient(circle, rgba(63, 116, 37,1.0) 0%, rgba(63, 116, 37,0.79) 100%);
  background: -webkit-radial-gradient(circle, rgba(63, 116, 37,1.0) 0%, rgba(63, 116, 37,0.79) 100%);
  background: radial-gradient(circle, rgba(63, 116, 37,1.0) 0%, rgba(63, 116, 37,0.79) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(63, 116, 37,1.0)",endColorstr="rgba(63, 116, 37,0.79)",GradientType=1);
  
}

.secondary-gradient-bg {
  
    background: rgba(162, 255, 0,0.2);
  background: -moz-radial-gradient(circle, rgba(162, 255, 0,0.2) 0%, rgba(165, 197, 0,0.0) 25%);
  background: -webkit-radial-gradient(circle, rgba(162, 255, 0,0.2) 0%, rgba(165, 197, 0,0.0) 25%);
  background: radial-gradient(circle, rgba(162, 255, 0,0.2) 0%, rgba(165, 197, 0,0.0) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(162, 255, 0,0.2)",endColorstr="rgba(165, 197, 0,0.0)",GradientType=1);
  
}
.primary-gradient-bg-top-left{
  
    background: rgba(63, 116, 37,1.0);
  background: -moz-radial-gradient(circle at top left, rgba(63, 116, 37,1.0) 0%, rgba(63, 116, 37,0.79) 25%);
  background: -webkit-radial-gradient(circle at top left, rgba(63, 116, 37,1.0) 0%, rgba(63, 116, 37,0.79) 25%);
  background: radial-gradient(circle at top left, rgba(63, 116, 37,1.0) 0%, rgba(63, 116, 37,0.79) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(63, 116, 37,1.0)",endColorstr="rgba(63, 116, 37,0.79)",GradientType=1);
  
}

.secondary-gradient-bg-top-left{
  
    background: rgba(162, 255, 0,0.2);
  background: -moz-radial-gradient(circle at top left, rgba(162, 255, 0,0.2) 0%, rgba(165, 197, 0,0.0) 25%);
  background: -webkit-radial-gradient(circle at top left, rgba(162, 255, 0,0.2) 0%, rgba(165, 197, 0,0.0) 25%);
  background: radial-gradient(circle at top left, rgba(162, 255, 0,0.2) 0%, rgba(165, 197, 0,0.0) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(162, 255, 0,0.2)",endColorstr="rgba(165, 197, 0,0.0)",GradientType=1);
  
}
/* 2. Alignment */
/* ********************************************** */

.text-left,
.align-left {
    text-align: left; 
}
.text-center,
.align-center {
    text-align: center;
}
.text-right,
.align-right {
    text-align: right;
}
@media (max-width: 767px) {
   .text-sm-left,
   .align-sm-left {
       text-align: left;
    }
   .text-sm-center,
   .align-sm-center {
       text-align: center;
    }
   .text-sm-right,
   .align-sm-right {
       text-align: right;
   }
}


/* 3. Font weight */
/* ********************************************** */

.font-thin {
    font-weight: 100!important;
}
.font-extralight {
    font-weight: 200!important;
}
.font-light {
    font-weight: 300!important;
}
.font-normal,
.font-regular {
    font-weight: 400!important;
}
.font-medium {
    font-weight: 500!important;
}
.font-semibold {
    font-weight: 600!important;
}
.font-bold {
    font-weight: 700!important;
}
.font-extrabold {
    font-weight: 800!important;
}
.font-black {
    font-weight: 900!important;
}


/* 4. Display helper classes */
/* ********************************************** */

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

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

.d-inline-block {
  display: inline-block !important;
}

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.order-first {
  order: -1 !important;
}
.order-last {
  order: 6 !important;
}
.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .align-sm-self-auto {
  align-self: auto !important;
}

.align-sm-self-start {
  align-self: flex-start !important;
}

.align-sm-self-end {
  align-self: flex-end !important;
}

.align-sm-self-center {
  align-self: center !important;
}

.align-sm-self-baseline {
  align-self: baseline !important;
}

.align-sm-self-stretch {
  align-self: stretch !important;
}
}

@media (min-width: 768px) {
  .order-md-first {
    order: -1 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .align--md-self-auto {
  align-self: auto !important;
}

.align--md-self-start {
  align-self: flex-start !important;
}

.align--md-self-end {
  align-self: flex-end !important;
}

.align--md-self-center {
  align-self: center !important;
}

.align--md-self-baseline {
  align-self: baseline !important;
}

.align--md-self-stretch {
  align-self: stretch !important;
}
}

@media (min-width: 992px) {
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .align-lg-self-auto {
  align-self: auto !important;
}

.align-lg-self-start {
  align-self: flex-start !important;
}

.align-lg-self-end {
  align-self: flex-end !important;
}

.align-lg-self-center {
  align-self: center !important;
}

.align-lg-self-baseline {
  align-self: baseline !important;
}

.align-lg-self-stretch {
  align-self: stretch !important;
}
}

@media (min-width: 1200px) {
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .align-xl-self-auto {
  align-self: auto !important;
}

.align-xl-self-start {
  align-self: flex-start !important;
}

.align-xl-self-end {
  align-self: flex-end !important;
}

.align-xl-self-center {
  align-self: center !important;
}

.align-xl-self-baseline {
  align-self: baseline !important;
}

.align-xl-self-stretch {
  align-self: stretch !important;
}
}

@media (min-width: 1400px) {
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .align-xxl-self-auto {
  align-self: auto !important;
  }

.align-xxl-self-start {
  align-self: flex-start !important;
}

.align-xxl-self-end {
  align-self: flex-end !important;
}

.align-xxl-self-center {
  align-self: center !important;
}

.align-xxl-self-baseline {
  align-self: baseline !important;
}

.align-xxl-self-stretch {
  align-self: stretch !important;
}
}

.left-sm{
margin-right:auto;
}
.center-sm{
margin: 0 auto;
}
.right-sm{
margin-left:auto;
}

@media screen and (min-width:1024px){
.left-lg{
margin-right:auto;
}
.center-lg{
margin: 0 auto;
}
.right-lg{
margin-left:auto;
}
}
/* 5. Spacing classes (padding, margin) */
/* ********************************************** */


/* margins - size 0px */
.mt-0 {
  margin-top: 0px!important;
}
.mb-0 {
  margin-bottom: 0px!important;
}
.ml-0 {
  margin-left: 0px!important;
}
.mr-0 {
  margin-right: 0px!important;
}

/* margins - size 16px */
.mt-1 {
  margin-top: 16px!important;
}
.mb-1 {
  margin-bottom: 16px!important;
}
.ml-1 {
  margin-left: 16px!important;
}
.mr-1 {
  margin-right: 16px!important;
}

/* margins - size 32px */
.mt-2 {
  margin-top: 32px!important;
}
.mb-2 {
  margin-bottom: 32px!important;
}
.ml-2 {
  margin-left: 32px!important;
}
.mr-2 {
  margin-right: 32px!important;
}

/* margins - size 48px */
.mt-3 {
  margin-top: 48px!important;
}
.mb-3 {
  margin-bottom: 48px!important;
}
.ml-3 {
  margin-left: 48px!important;
}
.mr-3 {
  margin-right: 48px!important;
}

/* margins - size 64px */
.mt-4 {
  margin-top: 64px!important;
}
.mb-4 {
  margin-bottom: 64px!important;
}
.ml-4 {
  margin-left: 64px!important;
}
.mr-4 {
  margin-right: 64px!important;
}

/* margins - size 80px */
.mt-5 {
  margin-top: 80px!important;
}
.mb-5 {
  margin-bottom: 80px!important;
}
.ml-5 {
  margin-left: 80px!important;
}
.mr-5 {
  margin-right: 80px!important;
}



/* paddings - size 0px */
.pt-0 {
  padding-top: 0px!important;
}
.pb-0 {
  padding-bottom: 0px!important;
}
.pl-0 {
  padding-left: 0px!important;
}
.pr-0 {
  padding-right: 0px!important;
}

/* paddings - size 16px */
.pt-1 {
  padding-top: 16px!important;
}
.pb-1 {
  padding-bottom: 16px!important;
}
.pl-1 {
  padding-left: 16px!important;
}
.pr-1 {
  padding-right: 16px!important;
}

/* paddings - size 32px */
.pt-2 {
  padding-top: 32px!important;
}
.pb-2 {
  padding-bottom: 32px!important;
}
.pl-2 {
  padding-left: 32px!important;
}
.pr-2 {
  padding-right: 32px!important;
}

/* paddings - size 48px */
.pt-3 {
  padding-top: 48px!important;
}
.pb-3 {
  padding-bottom: 48px!important;
}
.pl-3 {
  padding-left: 48px!important;
}
.pr-3 {
  padding-right: 48px!important;
}

/* paddings - size 64px */
.pt-4 {
  padding-top: 64px!important;
}
.pb-4 {
  padding-bottom: 64px!important;
}
.pl-4 {
  padding-left: 64px!important;
}
.pr-4 {
  padding-right: 64px!important;
}

/* paddings - size 80px */
.pt-5 {
  padding-top: 80px!important;
}
.pb-5 {
  padding-bottom: 80px!important;
}
.pl-5 {
  padding-left: 80px!important;
}
.pr-5 {
  padding-right: 80px!important;
}



/* margins mobile - size 0px */
@media (max-width: 767px) {
  .mt-sm-0 {
    margin-top: 0px!important;
  }
  .mb-sm-0 {
    margin-bottom: 0px!important;
  }
  .ml-sm-0 {
    margin-left: 0px!important;
  }
  .mr-sm-0 {
    margin-right: 0px!important;
  }
}

/* margins mobile - size 16px */
@media (max-width: 767px) {
  .mt-sm-1 {
    margin-top: 16px!important;
  }
  .mb-sm-1 {
    margin-bottom: 16px!important;
  }
  .ml-sm-1 {
    margin-left: 16px!important;
  }
  .mr-sm-1 {
    margin-right: 16px!important;
  }
}

/* margins mobile - size 32px */
@media (max-width: 767px) {
  .mt-sm-2 {
    margin-top: 32px!important;
  }
  .mb-sm-2 {
    margin-bottom: 32px!important;
  }
  .ml-sm-2 {
    margin-left: 32px!important;
  }
  .mr-sm-2 {
    margin-right: 32px!important;
  }
}

/* margins mobile - size 48px */
@media (max-width: 767px) {
  .mt-sm-3 {
    margin-top: 48px!important;
  }
  .mb-sm-3 {
    margin-bottom: 48px!important;
  }
  .ml-sm-3 {
    margin-left: 48px!important;
  }
  .mr-sm-3 {
    margin-right: 48px!important;
  }
}

/* margins mobile - size 64px */
@media (max-width: 767px) {
  .mt-sm-4 {
    margin-top: 64px!important;
  }
  .mb-sm-4 {
    margin-bottom: 64px!important;
  }
  .ml-sm-4 {
    margin-left: 64px!important;
  }
  .mr-sm-4 {
    margin-right: 64px!important;
  }
}

/* margins mobile - size 80px */
@media (max-width: 767px) {
  .mt-sm-5 {
    margin-top: 80px!important;
  }
  .mb-sm-5 {
    margin-bottom: 80px!important;
  }
  .ml-sm-5 {
    margin-left: 80px!important;
  }
  .mr-sm-5 {
    margin-right: 80px!important;
  }
}



/* paddings mobile - size 0px */
@media (max-width: 767px) {
  .pt-sm-0 {
    padding-top: 0px!important;
  }
  .pb-sm-0 {
    padding-bottom: 0px!important;
  }
  .pl-sm-0 {
    padding-left: 0px!important;
  }
  .pr-sm-0 {
    padding-right: 0px!important;
  }
}

/* paddings mobile - size 16px */
@media (max-width: 767px) {
  .pt-sm-1 {
    padding-top: 16px!important;
  }
  .pb-sm-1 {
    padding-bottom: 16px!important;
  }
  .pl-sm-1 {
    padding-left: 16px!important;
  }
  .pr-sm-1 {
    padding-right: 16px!important;
  }
}

/* paddings mobile - size 32px */
@media (max-width: 767px) {
  .pt-sm-2 {
    padding-top: 32px!important;
  }
  .pb-sm-2 {
    padding-bottom: 32px!important;
  }
  .pl-sm-2 {
    padding-left: 32px!important;
  }
  .pr-sm-2 {
    padding-right: 32px!important;
  }
}

/* paddings mobile - size 48px */
@media (max-width: 767px) {
  .pt-sm-3 {
    padding-top: 48px!important;
  }
  .pb-sm-3 {
    padding-bottom: 48px!important;
  }
  .pl-sm-3 {
    padding-left: 48px!important;
  }
  .pr-sm-3 {
    padding-right: 48px!important;
  }
}

/* paddings mobile - size 64px */
@media (max-width: 767px) {
  .pt-sm-4 {
    padding-top: 64px!important;
  }
  .pb-sm-4 {
    padding-bottom: 64px!important;
  }
  .pl-sm-4 {
    padding-left: 64px!important;
  }
  .pr-sm-4 {
    padding-right: 64px!important;
  }
}

/* paddings mobile - size 80px */
@media (max-width: 767px) {
  .pt-sm-5 {
    padding-top: 80px!important;
  }
  .pb-sm-5 {
    padding-bottom: 80px!important;
  }
  .pl-sm-5 {
    padding-left: 80px!important;
  }
  .pr-sm-5 {
    padding-right: 80px!important;
  }
}


/* Layout */
/* 
    Versatile bootstrap based grid

    Table of contents 
    1. Row
    2. Columns 

*/


/* 1. Row */
/* ********************************************** */

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}

/* No gutters */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}


/* 2. Columns */
/* ********************************************** */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding: 16px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* Grid (Small)*/
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Grid (Medium) */
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Grid (Large) */
@media (min-width: 1024px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* CSS variables */
    
:root {
    --column-gap: 2.13%;
    --column-width-multiplier: 8.333;
}

/* Column Grid Spacing */
.row-fluid-wrapper.dnd-section > .row-fluid > .dnd-module,
.row-fluid .dnd-column {
  padding: 0 16px;
}

/* Full width section spacing */
.row-fluid-wrapper.dnd-section[class*="force-full-width-section"] > .row-fluid > .dnd-module,
.row-fluid-wrapper.dnd-section[class*="force-full-width-section"] .dnd-column {
  padding: 0;
}

    
/* Mobile layout */
    
.row-fluid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
    

    .row-fluid .span1,
    .row-fluid .span2,
    .row-fluid .span3,
    .row-fluid .span4,
    .row-fluid .span5,
    .row-fluid .span6,
    .row-fluid .span7,
    .row-fluid .span8,
    .row-fluid .span9,
    .row-fluid .span10,
    .row-fluid .span11,
    .row-fluid .span12{
      min-height: 1px;
      width: 100%;
}
    
/* Desktop layout */
    
@media (min-width: 768px) {
    .row-fluid {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    
        .row-fluid .span1 {
          width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span2 {
          width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span3 {
          width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span4 {
          width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span5 {
          width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span6 {
          width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span7 {
          width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span8 {
          width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span9 {
          width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span10 {
          width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
        }
    
        .row-fluid .span11 {
          width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
        }
    
}

/* Global partials */
/* 
    Versatile header stylesheet

    Table of contents 


*/

/* Header (mobile nav) */
/* ********************************************** */

body.nav-open .header {
  transition: none;
  background: #fff!important;
}


/* Header (transparent) */
/* ********************************************** */

.header-offset {
  margin-top: 80px;
}
.header-sticky {
  min-height: 80px;
  position: fixed;
  top: 0; left: 0; right: 0;
  background: #fff;
  z-index: 1001;
}
@media (min-width: 1024px) {
  .header-offset {
    margin-top: 126px;
  }
  .header-sticky {
    min-height: 126px;
  }
  .hs-landing-page.header-offset {
    margin-top: 100px;
  }
}

  .hs-landing-page.header-offset .header-container,
  .hs-landing-page.header-offset .header-container .row > .col {
    padding-top: 0;
    padding-bottom: 0;
  }


/* Header (transparent) */
/* ********************************************** */

.header-transparent {
  background: transparent;
  transition: .3s background;
}
.header-transparent.bg-white {
  background: #fff;
}

.header-wrapper.header-transparent {
  position: absolute;
  top: 0; left: 0; right: 0;
  width: 100%;
  background: transparent; 
  z-index: 101;
}


/* Header (LP) */
/* ********************************************** */

.header-offset .lp-header.lp-sticky {
  position: fixed;
  z-index: 9999;
}
.header-offset .lp-header {
  position: absolute;
  top: 0; left: 0; right: 0;
}
/* 
    Versatile footer stylesheet
*/


/* Footer (Menu, Links, Buttons) */
/* ********************************************** */

.footer-wrapper, 
.footer-wrapper p,
.footer-wrapper a,
.footer-wrapper .btn {
  font-size: 16px;
}
.footer-wrapper a {
  text-decoration: none;
}
.footer-wrapper .col-heading {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 16px;
}
.footer-wrapper .footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-wrapper .footer-menu ul > li {
  margin-bottom: 16px;
}
.footer-wrapper .footer-menu ul > li:last-child {
  margin-bottom: 0;
}
.footer-wrapper .button-container {
  margin-bottom: 0.5rem;
}
.footer-wrapper .button-container .btn-outline {
  border-color: #881E88;
  color: #fff;
  padding: 6px 20px;
  font-weight: 400;
}
.footer-wrapper .button-container .btn-outline:hover,
.footer-wrapper .button-container .btn-outline:focus {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}

.footer-wrapper address {
  font-style: normal;
  margin-right: 2rem;
}
.footer-wrapper address p {
  margin: 0;
}
@media (max-width: 767px) {
  .footer-wrapper address {
    margin-right: 0rem;
  }
}


/* Footer (Bottom) */
/* ********************************************** */

.footer-inner-bottom {
  padding: 16px 0;
}
.footer-wrapper .copyright {
  margin: 0;
}
.footer-wrapper .meta-nav {
  padding-top: 0;
}

.footer-wrapper .meta-nav ul{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding-inline-start: 0px;
}

.footer-wrapper ul li a{
  text-decoration:none;
}

@media (min-width: 768px) {
  .footer-wrapper .meta-nav ul{
    flex-direction: row;
    gap:2rem;
    justify-content: flex-end;
  }
  .footer-wrapper .meta-nav {
    padding-top: 16px;
  }
}