/* Neutral */


/* Primary */







/* Secondary */











/* Colors */
.color-white {
  color: #ffffff; 
}
.color-aqua {
  color:#89D9E0; 
}
.color-teal {
  color:#2BC4D0; 
}
.color-dark-blue {
  color:#0637BF; 
}
.color-blue {
  color:#0061D2; 
}
.color-text {
  color:#000000;
}
.color-black {
  color:#000000; 
}
.color-grey {
  color:#6E7375; 
}
.color-neon {
  color:#4EDFA0; 
}
.color-violet {
  color:#A248D7; 
}
.color-purple {
  color:#3D0D57; 
}
.color-orange {
  color:#FF6C09; 
}
.color-gold {
  color:#FBC110; 
}
.color-pomelo {
  color:#D94966; 
}
.color-light-neon {
  color:#C0F4DE; 
}
.color-light-violet {
  color:#DFBFF1; 
}
.color-light-mint {
  color:#C1ECEF; 
}
.color-light-blue {
  color:#C4CDF8; 
}
.color-light-grey {
  color:#B1B1B1; 
}
/* Background Colors */
.bg-white {
  background-color:#ffffff; 
}
.bg-aqua {
  background-color:#89D9E0; 
}
.bg-teal {
  background-color:#2BC4D0; 
}
.bg-dark-blue {
  background-color:#0637BF; 
}
.bg-blue {
  background-color:#0061D2; 
}
.bg-black {
  background-color:#000000; 
}
.bg-grey {
  background-color:#6E7375; 
}
.bg-neon {
  background-color:#4EDFA0; 
}
.bg-violet {
  background-color:#A248D7; 
}
.bg-purple {
  background-color:#3D0D57; 
}
.bg-orange {
  background-color:#FF6C09; 
}
.bg-gold {
  background-color:#FBC110; 
}
.bg-pomelo {
  background-color:#D94966; 
}
.bg-light-neon {
  background-color:#C0F4DE; 
}
.bg-light-violet {
  background-color:#DFBFF1; 
}
.bg-light-mint {
  background-color:#C1ECEF; 
}
.bg-light-blue {
  background-color:#C4CDF8; 
}
.bg-light-grey {
  background-color:#B1B1B1; 
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-weight:800; 
  line-height:1.2;
}
h1, h2, h3, h4, h5, h6, p, span, small, strong {
  color: #000000;
}
h1 {
  font-size: 4rem;
}
h2 {
  font-size: 3.5rem;
}
h3 {
  font-size: 3rem;
  letter-spacing:unset;
}
h4 {
  font-size: 2rem;
}
h5 {
  font-size: 1.5rem;
}
h6 {
  font-size: 1rem;
}
p {
  font-size:1.1rem;
  line-height: 1.3em; 
  margin-bottom:1em;
}
.h1-xl {
  font-size:5rem;
}
.text-large {
  font-size:1.5rem;
}
.text-large-xl {
  font-size:1.75rem; 
}
.text-small {
  font-size:0.875rem;
  font-weight:500;
}
.text-nowrap {
  white-space:nowrap; 
}

/* List items */
.ul-list, .ol-list {
  list-style: none;
  padding:0;
}
.ol-list {
  counter-reset: my-counter;
}
.ul-list > li, .ol-list > li {
  position:relative; 
  font-size:1rem;
  padding-left:2.5em;
  color:#000000;
  margin-bottom:1em;
}
.ul-list > li::before {
  content: '';
  position:absolute;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  left:0;
  top:50%;
  transform:translateY(-50%);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="%232BC4D0"><circle cx="16" cy="16" r="16" fill="%232BC4D0"/><path d="M22 12L13.75 21L10 16.9091" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.ul-list-unchecked > li::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="%23ffffff" stroke="%234E4E4E"><circle cx="16" cy="16" r="15.5"/></svg>');
}
.ul-list-unchecked > li:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="%2389D9E0"><circle cx="16" cy="16" r="16"/></svg>'); 
}
.ol-list li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  display: inline-block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  line-height:1.5em;
  text-align: center;
  border-radius: 50%;
  background:#FBC110;
  color:#fff;
  font-weight: 800;
}
.ol-list-subtle li::before {
  background:#FFF7DF;
  color:#FBC110;
}
/* Buttons */
.play-btn, .play-btn-sm {
  cursor:pointer; 
}
.play-btn:hover > rect, .play-btn-sm:hover > rect {
  fill: #923441;
}
.btn-text {
  color:#000000;
  font-size:1.25rem;
  line-height:1.2;
  margin-bottom:1.4rem;
  display:inline-block;
}
.btn-text-large {
  font-size:1.5rem; 
}
.btn-text-small {
  font-size:0.875rem;
  font-weight:500;
}
.hs-button {
  font-size:1.375rem;
  line-height:30px;
  background:#FBC110;
  color: #000000;
  font-style: normal;
  text-decoration: none;
  padding: 0.6em 1.75em;
  display: inline-flex;
  align-items:center;
  gap:1.25rem;
  font-weight: 800;
  text-transform: uppercase;
  border:3px solid transparent;
  cursor:pointer;
}
.hs-button:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #FBC110;
  text-decoration:none;
}
.hs-button-sm {
  font-size:0.875rem; 
  padding: 0.75em 1.425em;
  line-height:1em;
  gap:0.75rem;
}
.btn-outline-arrow {
  background:transparent;
  border-color:#000000;
}
.btn-outline-arrow:hover {
  background:#000000;
  color:#fff;
}
.btn-outline-arrow:hover > svg path {
  stroke:#fff;
}
.btn-text-arrow {
  padding: 0.6em 0;
  background:transparent;
  color:#0061D2;
}
.btn-text-arrow:hover {
  background:transparent;
  color:#000000;
}
.btn-text-arrow:hover > svg path {
  stroke:#000000;
}
.footer__copyright span {
  color:#fff !important;
@media (max-width:1024px) {
  .h1-xl {
    font-size:4rem;
  }
  h1 {
    font-size: 3.5rem;
  }
  h2 {
    font-size:3rem; 
  }
  h3 {
    font-size: 2.5rem;
  }
  h4 {
    font-size: 1.75rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
  .text-large {
    font-size:1.25rem;
  }
  .text-large-xl {
    font-size:1.5rem; 
  }
}
@media (max-width:767px) {
  .h1-xl {
    font-size:3.5rem;
  }
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size:2.5rem; 
  }
  h3 {
    font-size: 2rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
  p, .btn-text {
    font-size:1rem;
  }
  .text-large, .btn-text-large, .btn-text {
    margin-bottom:1em !important; 
  }
  .text-large-xl {
    font-size:1.25rem; 
  }
  .hs-button:not(.hs-button-sm) {
    font-size: 1.25rem;
    padding: 1.1rem 1.75rem;
    line-height: 1em;
  }
  .ul-list > li::before, .ol-list > li::before {
    width: 1.25em;
    height: 1.25em;
  }
  .ol-list > li::before {
    line-height:1.25em; 
  }
}
@media screen and (min-width: 767px) {
  body {
    font-size: 16px;
  }
}
@media (max-width:575.98px) {
  .h1-xl {
    font-size:3rem;
  }
  h1 {
    font-size: 2.75rem;
  }
  h2 {
    font-size:2.25rem; 
  }
  h3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
  .hs-button:not(.hs-button-sm) {
    font-size: 1rem;
    padding: 0.85rem 1.5rem;
  }
  .text-large, .btn-text-large {
    font-size:1rem;
  }
}