:root body{
    /* colors */
        /* neutral */
        --bg-base:          #FAFAFA;
        --text:             #364153;
        --off-black:        #101828;
        --primary-dark:     #1E293B;
        --accent-dark:      #1E293B;
        --white:            #FFFFFF;
        --off-white:        #F8F9FC;
        --outline-light:    #AAB9CF;
        --outline-light-2:  #DDDBD7;
        /* accents */
        --acc-p:#D00000; --acc-p-l:#FEE9EB; --acc-p-m:#EEC2D1; --acc-p-h:#980D00;
        --acc-1:#FF4F80; --acc-1-l:#FEE9F2; --acc-1-m:#FDB7D2; --acc-1-h:#E80029;
        --acc-2:#FFB53A; --acc-2-l:#FFFDF5; --acc-2-m:#FDE8D5; --acc-2-h:#C87D32;
        --acc-3:#FF6200; --acc-3-l:#FEF6F0; --acc-3-m:#F6D0C0; --acc-3-h:#C25100;
        --acc-4:#08BF4E; --acc-4-l:#ECF8EF; --acc-4-m:#B4EAC3; --acc-4-h:#026930;
        --acc-5:#1447E6; --acc-5-l:#8BA8E9; --acc-5-m:#8BA8E9; --acc-5-h:#0A2BC2;
        --acc-6:#782A94; --acc-6-l:#F0E2F8; --acc-6-m:#rel; --acc-6-h:#300A3A;
    
    /* sizing */
    --xxxs: .125rem; /* 2px */ 
    --xxs : .25rem;  /* 4px */ 
    --xs  : .5rem;   /* 8px */ 
    --s   : .75rem;  /* 12px */ 
    --m   : 1rem;    /* 16px */ 
    --l   : 1.5rem;  /* 24px */ 
    --xl  : 2rem;    /* 32px */ 
    --xxl : 2.5rem;  /* 40px */
    --xxxl: 4rem;    /* 64px */
    overflow-x:clip;
}


.dnd-section.row-depth-1 > .row-fluid {
  max-width: var(--container-width);
  padding: 0;
}
.row-fluid {
  width: 100%;
  margin: 0 auto;
}
main{
  padding: 0 2rem;
}
#hero{
    padding:0;
}
.bg-white { background: var(--white);}
body {
    color: var(--text); 
    font-size: 16px;
}
h1, .h1, h2.jumbo{
    color: var(--primary-dark);
    font-size: 3em;
    line-height: 1.25em;
    font-weight: 300;
    }
h2, .h2, h3.jumbo{
    color: var(--primary-dark);
    font-size: 1.75em;
    line-height: 1.5em;
    font-weight: 300;
    }
h3, .h3, h4.jumbo{
    color: var(--primary-dark);
    font-size: 1.125em;
    line-height: 1.5em;
    font-weight: 500;
    }
h4, .h4, h5.jumbo{
    color: var(--primary-dark);
    font-size: 1.125em;
    line-height: 1.5em;
    font-weight: 500;
    }

.hs_cos_wrapper {
  width: 100%;
}
.txt-small {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    font-weight:300;
}
.label{
    font-style: normal;
    background: var(--txt-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:.75em;
    line-height:1em;
    letter-spacing:0.2px;
    font-weight:400;
}
.label.jumbo{ 
    font-size:1rem;
}
#hero{
    padding: var(--element-sizes-section-padding-compensated, 120px) 0 var(--padding-3xl, 64px) 0;
}
#hero, .gradient-bg{
    background: radial-gradient(183.48% 102.36% at 28.16% 100%, #FBF7F7 0%, rgba(251, 247, 247, 0.00) 100%), linear-gradient(98deg, #F9FAFB 0%, #FBF9F6 100%);
}
:is(#hero, .gradient-bg) > div {
  position: relative;
  z-index: 1;
}
#hero .row-fluid > .span6{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#hero .row-fluid > .span5{
    position:relative;
}
#hero .rel{
    position:unset;
}
#hero .rel img.fill{
    position: absolute;
        inset: 0;
        top: 50%;
    transform: translateY(-50%);
}

.row-fluid-wrapper.cta-section {
  position:relative;
}
.row-fluid-wrapper.cta-section > div > div > .row-depth-1{
  min-height:20px;
}
.row-fluid-wrapper.cta-section > div > div > .row-depth-1:nth-child(2){
  z-index: 2;
  background: var(--white);
  border-radius: var(--xl);
  position:relative;
  box-shadow: -20px -20px 80px 0 rgba(255, 181, 58, 0.12), 20px 20px 80px -24px rgba(255, 79, 128, 0.08);
}
.bg-img,
.bg_img{
    pointer-events: none;
}
.cta-section .bg-img,
.cta-section .bg_img{
    width:unset;
    inset: revert;
    bottom:0;
    height:150%;
}
.main-row-0-background-color,
.main-row-1-background-color,
.main-row-2-background-color,
.main-row-3-background-color,
.main-row-4-background-color,
.main-row-6-background-color,
.main-row-7-background-color,
.main-row-8-background-color,
.main-row-9-background-color
{
    position:relative;
    z-index:2;
}
@media (max-width: 768px) {
    #hero .rel img.fill{
        position: unset;
            inset: unset;
            top: unset;
        transform: unset;
        width: 80vw;
        margin: 0 auto;
    }
    #hero .row-fluid > .span5{
        width:100%;
    }
    #hero .span5 .hs_cos_wrapper {
        width:100%;
    }
    #hero .image-container{
        display: flex;
        justify-content: center;
    }
    #hero{
        padding: 0 2rem;
    }
}


@media screen and (max-width: 767px) {

  h1, .h1, h2.jumbo{
    font-size: calc(2.05rem * 0.85);
    line-height: 1.2;
  }

  h2, .h2 h3.jumbo{
    font-size: calc(2.5rem * 0.85);
    line-height: 1.2;
  }

  h3, .h3 h4.jumbo{
    font-size: calc(1.5rem * 0.85);
    line-height: 1.25;
  }

  h4, .h4 h5.jumbo{
    font-size: calc(1.25rem * 0.85);
    line-height: 1.3;
  }

  .label {
    font-size: calc(0.875rem * 0.85);
  }

    .label.jumbo {
    font-size: calc(1.25rem * 0.85);
    white-space: nowrap;
    width: max-content;
    margin: 2rem auto;
  }

  #agenda ol > li::before,
  #agenda ol > li > :is(span strong, span, strong) {
    font-size: calc(1.5rem * 0.85);
    line-height: 1.25;
  }
    #hero p {
    font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) {
.dnd-section{
  padding-left:0!important;
  padding-right:0!important;
}
main{
  width:100vw!important;
  max-width:100vw!important;
}
.grid{
  display:flex!important;
  flex-direction: column!important;
}
main{
  padding: 0 2rem;
}
section{
  width:100%;
  max-width: 100%; 
}
img, .label{ max-width: 100%;}
  .label.jumbo {
    font-size: calc(1.25rem * 0.85);
    white-space: unset;
    width: max-content;
    margin: 2rem auto;
  }
@media screen and (max-width: 480px) {

  :root {
    --l  : 1rem;
    --xl : 1.25rem;
  }


  h1, .h1, h2.jumbo {
    font-size: calc(2.05rem * 0.75);
    line-height: 1.2;
  }

  h2, .h2, h3.jumbo {
    font-size: calc(2.5rem * 0.75);
    line-height: 1.2;
  }

  h3, .h3, h4.jumbo {
    font-size: calc(1.5rem * 0.75);
    line-height: 1.25;
  }

  h4, .h4, h5.jumbo {
    font-size: calc(1.25rem * 0.75);
    line-height: 1.3;
  }

  .label {
    font-size: calc(0.875rem * 0.75);
  }

  .label.jumbo {
    font-size: calc(1.25rem * 0.75);
  }

  #agenda ol > li::before,
  #agenda ol > li > :is(span strong, span, strong) {
    font-size: calc(1.5rem * 0.75);
    line-height: 1.25;
  }

  #agenda ol {
    padding-left: 1.25rem;
  }
}