:root {
             --primary: #37ca37;
             --secondary: #188bf6;
             --white: #ffffff;
             --gray: #cbd5e0;
             --black: #000000;
             --red: #e93d3d;
             --orange: #f6ad55;
             --yellow: #faf089;
             --green: #9ae6b4;
             --teal: #81e6d9;
             --malibu: #63b3ed;
             --indigo: #757BBD;
             --purple: #d6bcfa;
             --pink: #fbb6ce;
             --transparent: transparent;
             --overlay: rgba(0, 0, 0, 0.5);
             --color-m5i3v64t: #1a5e87;
             --color-m5i4xm5y: #ffa500;
             --color-m5i4y70u: #27baea;
             --color-m5i50ded: #8fd5d3;
             --color-m5i8oped: rgba(0, 0, 0, 0.54);
             --color-m5i8owxo: rgba(0, 0, 0, 0.27);
             --color-m5japwdh: #f3f3f3;
             --color-m7t6xf5v: #f4f9fd;
             --color-m7t7fo08: #f1f1f1;
             --color-m7t7w1z2: 2c2c2c;
             --color-m7t7wkxr: #2c2c2c;
             --color-lyrjldj8: rgba(255, 255, 255, 0.40);
             --color-m7tnbp2a: #E6C200;
             --color-m7tnc046: #009639;
             --color-mb9jns3n: #f5f5f5;
             --color-feyyelhr: #1d5f87ff;
             --color-bgcgaqhs: #203243ff;
             --color-nwvfcuyb: #4c7f9fff;
             --color-yolautzu: #38bdedff;
             --color-jpwjoper: #69ccf0ff;
             --arial: 'Arial';
             --lato: 'Lato';
             --open-sans: 'Open Sans';
             --montserrat: 'Montserrat';
             --roboto: 'Roboto';
             --inter: 'Inter';
             --abel: 'Abel';
             --poppins: 'Poppins';
             --anton: 'Anton';
             --playfair-display: 'Playfair Display';
             --ubuntu: 'Ubuntu';
             --plus-jakarta-sans: 'Plus Jakarta Sans';
             --headlinefont: 'Plus Jakarta Sans';
             --contentfont: 'Inter';
             --text-color: #000000;
             --link-color: #188bf6;
         }

         .bg-fixed {
             bottom: 0;
             top: 0;
             left: 0;
             right: 0;
             position: fixed;
             overflow: auto;
             background-color: var(--white)
         }

         .drop-zone-draggable .hl_main_popup {
             box-shadow: none;
             padding: 20px;
             margin-top: 0;
             border-color: var(--gray);
             border-width: 10px;
             border-style: solid;
             background-color: var(--white);
             width: 720px
         }



         .drop-zone-draggable .row-I0anITcMkL {
             margin: 0 auto
         }

         .drop-zone-draggable .row-I0anITcMkL {
             box-shadow: none;
             padding: 0;
             background-color: var(--transparent);
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             width: 100%
         }


         .drop-zone-draggable .col--P1KBwEgX2 {
             box-shadow: none;
             padding: 10px 5px;
             background-color: var(--transparent);
             width: 100%;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             margin: 0
         }

         .drop-zone-draggable #heading-dDopMDdHJn {
             margin: 0
         }

         .drop-zone-draggable .cheading-dDopMDdHJn {
             font-family: var(--headlinefont);
             background-color: var(--transparent);
             color: var(--color-m5i3v64t);
             icon-color: var(--text-color);
             font-weight: 400;
             box-shadow: none;
             padding: 0;
             opacity: 1;
             text-shadow: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             line-height: 1.3em;
             letter-spacing: 0;
             text-align: center
         }



         .drop-zone-draggable #sub-heading-Vnk4AYUZKR {
             margin: 0
         }

         .drop-zone-draggable .csub-heading-Vnk4AYUZKR {
             font-family: var(--headlinefont);
             background-color: var(--transparent);
             color: var(--color-m5i4xm5y);
             icon-color: var(--text-color);
             font-weight: 400;
             box-shadow: none;
             padding: 10px 0 0;
             opacity: 1;
             text-shadow: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             line-height: 1.3em;
             letter-spacing: 0;
             text-align: center
         }



         .drop-zone-draggable #paragraph-XsFB_dVUTE {
             margin: 0
         }

         .drop-zone-draggable .cparagraph-XsFB_dVUTE {
             font-family: var(--contentfont);
             background-color: var(--transparent);
             color: var(--color-m7t7wkxr);
             icon-color: var(--text-color);
             font-weight: medium;
             box-shadow: none;
             padding: 10px 0 0;
             opacity: 1;
             text-shadow: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             line-height: 1.3em;
             letter-spacing: 0;
             text-align: center
         }



         .drop-zone-draggable .button-YlcBZzyp1a {
             margin: 30px 0 0;
             text-align: center
         }

         .drop-zone-draggable .cbutton-YlcBZzyp1a {
             font-family: var(--headlinefont);
             background-color: var(--color-m5i4y70u);
             color: var(--white);
             secondary-color: var(--white);
             text-decoration: none;
             padding: 15px 40px;
             border-color: var(--transparent);
             border-width: 1px;
             border-style: solid;
             letter-spacing: 0;
             text-transform: none;
             width: auto%;
             box-shadow: 0 0 5px 2px #7070705c;
             text-shadow: none
         }


         #hl_main_popup.popup-body {
             position: absolute !important;
             left: 50% !important;
             bottom: auto !important;
             transform: translate(-50%, 0) !important;
             right: auto !important;
             box-shadow: none;
             padding: 20px;
             margin-top: 0;
             border-color: var(--gray);
             border-width: 10px;
             border-style: solid;
             background-color: var(--white);
             width: 720px
         }

         .--mobile #hl_main_popup.popup-body {
             width: 380px !important
         }

         @media screen and (min-width:0px) and (max-width:480px) {
             #hl_main_popup.popup-body {
                 width: 380px !important
             }
         }

         #col--P1KBwEgX2>.inner {
             flex-direction: column;
             justify-content: center;
             align-items: inherit;
             flex-wrap: nowrap
         }

         .heading-dDopMDdHJn {
             font-weight: 900
         }

         .heading-dDopMDdHJn a,
         .heading-dDopMDdHJn a * {
             color: var(--link-color);
             text-decoration: none
         }

         .heading-dDopMDdHJn a u,
         .heading-dDopMDdHJn a:hover {
             text-decoration: underline
         }

         .heading-dDopMDdHJn a s {
             text-decoration: line-through
         }

         @media screen and (min-width:0px) and (max-width:480px) {

             .heading-dDopMDdHJn h1,
             .heading-dDopMDdHJn h2,
             .heading-dDopMDdHJn h3,
             .heading-dDopMDdHJn h4,
             .heading-dDopMDdHJn h5,
             .heading-dDopMDdHJn h6,
             .heading-dDopMDdHJn ul li,
             .heading-dDopMDdHJn.text-output {
                 font-size: 34px !important;
                 font-weight: 900
             }
         }

         @media screen and (min-width:481px) and (max-width:10000px) {

             .heading-dDopMDdHJn h1,
             .heading-dDopMDdHJn h2,
             .heading-dDopMDdHJn h3,
             .heading-dDopMDdHJn h4,
             .heading-dDopMDdHJn h5,
             .heading-dDopMDdHJn h6,
             .heading-dDopMDdHJn ul li,
             .heading-dDopMDdHJn.text-output {
                 font-size: 3rem !important;
                 font-weight: 900
             }
         }

         .heading-dDopMDdHJn.text-output h1:first-child:before,
         .heading-dDopMDdHJn.text-output h2:first-child:before,
         .heading-dDopMDdHJn.text-output h3:first-child:before,
         .heading-dDopMDdHJn.text-output h4:first-child:before,
         .heading-dDopMDdHJn.text-output h5:first-child:before,
         .heading-dDopMDdHJn.text-output h6:first-child:before,
         .heading-dDopMDdHJn.text-output p:first-child:before {
             color: var(--text-color);
             content: '\';
 font-family: '';
             margin-right: 5px;
             font-weight: 700
         }

         .sub-heading-Vnk4AYUZKR {
             font-weight: 700
         }

         .sub-heading-Vnk4AYUZKR a,
         .sub-heading-Vnk4AYUZKR a * {
             color: var(--link-color);
             text-decoration: none
         }

         .sub-heading-Vnk4AYUZKR a u,
         .sub-heading-Vnk4AYUZKR a:hover {
             text-decoration: underline
         }

         .sub-heading-Vnk4AYUZKR a s {
             text-decoration: line-through
         }

         @media screen and (min-width:0px) and (max-width:480px) {

             .sub-heading-Vnk4AYUZKR h1,
             .sub-heading-Vnk4AYUZKR h2,
             .sub-heading-Vnk4AYUZKR h3,
             .sub-heading-Vnk4AYUZKR h4,
             .sub-heading-Vnk4AYUZKR h5,
             .sub-heading-Vnk4AYUZKR h6,
             .sub-heading-Vnk4AYUZKR ul li,
             .sub-heading-Vnk4AYUZKR.text-output {
                 font-size: 23px !important;
                 font-weight: 700
             }
         }

         @media screen and (min-width:481px) and (max-width:10000px) {

             .sub-heading-Vnk4AYUZKR h1,
             .sub-heading-Vnk4AYUZKR h2,
             .sub-heading-Vnk4AYUZKR h3,
             .sub-heading-Vnk4AYUZKR h4,
             .sub-heading-Vnk4AYUZKR h5,
             .sub-heading-Vnk4AYUZKR h6,
             .sub-heading-Vnk4AYUZKR ul li,
             .sub-heading-Vnk4AYUZKR.text-output {
                 font-size: 1.8rem !important;
                 font-weight: 700
             }
         }

         .sub-heading-Vnk4AYUZKR.text-output h1:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h2:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h3:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h4:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h5:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h6:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output p:first-child:before {
             color: var(--text-color);
             content: '\';
 font-family: '';
             margin-right: 5px;
             font-weight: 700
         }

         .paragraph-XsFB_dVUTE {
             font-weight: 500
         }

         .paragraph-XsFB_dVUTE a,
         .paragraph-XsFB_dVUTE a * {
             color: var(--link-color);
             text-decoration: none
         }

         .paragraph-XsFB_dVUTE a u,
         .paragraph-XsFB_dVUTE a:hover {
             text-decoration: underline
         }

         .paragraph-XsFB_dVUTE a s {
             text-decoration: line-through
         }

         @media screen and (min-width:0px) and (max-width:480px) {

             .paragraph-XsFB_dVUTE h1,
             .paragraph-XsFB_dVUTE h2,
             .paragraph-XsFB_dVUTE h3,
             .paragraph-XsFB_dVUTE h4,
             .paragraph-XsFB_dVUTE h5,
             .paragraph-XsFB_dVUTE h6,
             .paragraph-XsFB_dVUTE ul li,
             .paragraph-XsFB_dVUTE.text-output {
                 font-size: 18px !important;
                 font-weight: 500
             }
         }

         @media screen and (min-width:481px) and (max-width:10000px) {

             .paragraph-XsFB_dVUTE h1,
             .paragraph-XsFB_dVUTE h2,
             .paragraph-XsFB_dVUTE h3,
             .paragraph-XsFB_dVUTE h4,
             .paragraph-XsFB_dVUTE h5,
             .paragraph-XsFB_dVUTE h6,
             .paragraph-XsFB_dVUTE ul li,
             .paragraph-XsFB_dVUTE.text-output {
                 font-size: 1.35rem !important;
                 font-weight: 500
             }
         }

         .paragraph-XsFB_dVUTE.text-output h1:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h2:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h3:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h4:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h5:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h6:first-child:before,
         .paragraph-XsFB_dVUTE.text-output p:first-child:before {
             color: var(--text-color);
             content: '\';
 font-family: '';
             margin-right: 5px;
             font-weight: 700
         }

         @media screen and (min-width:481px) and (max-width:10000px) {

             .button-YlcBZzyp1a .button-icon-end,
             .button-YlcBZzyp1a .button-icon-start,
             .button-YlcBZzyp1a .main-heading-button {
                 font-size: 20px;
                 font-weight: 600
             }

             .button-YlcBZzyp1a .button-icon-start {
                 margin-right: 5px
             }

             .button-YlcBZzyp1a .button-icon-end {
                 margin-left: 5px
             }

             .button-YlcBZzyp1a .sub-heading-button {
                 font-size: 15px;
                 color: var(--white);
                 font-weight: 400
             }
         }

         @media screen and (min-width:0px) and (max-width:480px) {

             .button-YlcBZzyp1a .button-icon-end,
             .button-YlcBZzyp1a .button-icon-start,
             .button-YlcBZzyp1a .main-heading-button {
                 font-size: 20px;
                 font-weight: 600
             }

             .button-YlcBZzyp1a .button-icon-start {
                 margin-right: 5px
             }

             .button-YlcBZzyp1a .button-icon-end {
                 margin-left: 5px
             }

             .button-YlcBZzyp1a .sub-heading-button {
                 font-size: 15px;
                 color: var(--white);
                 font-weight: undefined
             }
         }

         .drop-zone-draggable .hl_main_popup-cJ9-exlLaT {
             box-shadow: none;
             padding: 20px;
             margin-top: 0;
             border-color: var(--gray);
             border-width: 10px;
             border-style: solid;
             background-color: var(--white);
             width: 720px
         }



         .drop-zone-draggable .row-I0anITcMkL {
             margin: 0 auto
         }

         .drop-zone-draggable .row-I0anITcMkL {
             box-shadow: none;
             padding: 0;
             background-color: var(--transparent);
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             width: 100%
         }


         .drop-zone-draggable .col--P1KBwEgX2 {
             box-shadow: none;
             padding: 10px 5px;
             background-color: var(--transparent);
             width: 100%;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             margin: 0
         }

         .drop-zone-draggable #heading-dDopMDdHJn {
             margin: 0
         }

         .drop-zone-draggable .cheading-dDopMDdHJn {
             font-family: var(--headlinefont);
             background-color: var(--transparent);
             color: var(--color-m5i3v64t);
             icon-color: var(--text-color);
             font-weight: 400;
             box-shadow: none;
             padding: 0;
             opacity: 1;
             text-shadow: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             line-height: 1.3em;
             letter-spacing: 0;
             text-align: center
         }



         .drop-zone-draggable #sub-heading-Vnk4AYUZKR {
             margin: 0
         }

         .drop-zone-draggable .csub-heading-Vnk4AYUZKR {
             font-family: var(--headlinefont);
             background-color: var(--transparent);
             color: var(--color-m5i4xm5y);
             icon-color: var(--text-color);
             font-weight: 400;
             box-shadow: none;
             padding: 10px 0 0;
             opacity: 1;
             text-shadow: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             line-height: 1.3em;
             letter-spacing: 0;
             text-align: center
         }



         .drop-zone-draggable #paragraph-XsFB_dVUTE {
             margin: 0
         }

         .drop-zone-draggable .cparagraph-XsFB_dVUTE {
             font-family: var(--contentfont);
             background-color: var(--transparent);
             color: var(--color-m7t7wkxr);
             icon-color: var(--text-color);
             font-weight: medium;
             box-shadow: none;
             padding: 10px 0 0;
             opacity: 1;
             text-shadow: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             line-height: 1.3em;
             letter-spacing: 0;
             text-align: center
         }



         .drop-zone-draggable .button-YlcBZzyp1a {
             margin: 30px 0 0;
             text-align: center
         }

         .drop-zone-draggable .cbutton-YlcBZzyp1a {
             font-family: var(--headlinefont);
             background-color: var(--color-m5i4y70u);
             color: var(--white);
             secondary-color: var(--white);
             text-decoration: none;
             padding: 15px 40px;
             border-color: var(--transparent);
             border-width: 1px;
             border-style: solid;
             letter-spacing: 0;
             text-transform: none;
             width: auto%;
             box-shadow: 0 0 5px 2px #7070705c;
             text-shadow: none
         }


         #hl_main_popup-cJ9-exlLaT.popup-body {
             position: absolute !important;
             left: 50% !important;
             bottom: auto !important;
             transform: translate(-50%, 0) !important;
             right: auto !important;
             box-shadow: none;
             padding: 20px;
             margin-top: 0;
             border-color: var(--gray);
             border-width: 10px;
             border-style: solid;
             background-color: var(--white);
             width: 720px
         }

         .--mobile #hl_main_popup-cJ9-exlLaT.popup-body {
             width: 380px !important
         }

         @media screen and (min-width:0px) and (max-width:480px) {
             #hl_main_popup-cJ9-exlLaT.popup-body {
                 width: 380px !important
             }
         }

         #col--P1KBwEgX2>.inner {
             flex-direction: column;
             justify-content: center;
             align-items: inherit;
             flex-wrap: nowrap
         }

         .heading-dDopMDdHJn {
             font-weight: 900
         }

         .heading-dDopMDdHJn a,
         .heading-dDopMDdHJn a * {
             color: var(--link-color);
             text-decoration: none
         }

         .heading-dDopMDdHJn a u,
         .heading-dDopMDdHJn a:hover {
             text-decoration: underline
         }

         .heading-dDopMDdHJn a s {
             text-decoration: line-through
         }

         @media screen and (min-width:0px) and (max-width:480px) {

             .heading-dDopMDdHJn h1,
             .heading-dDopMDdHJn h2,
             .heading-dDopMDdHJn h3,
             .heading-dDopMDdHJn h4,
             .heading-dDopMDdHJn h5,
             .heading-dDopMDdHJn h6,
             .heading-dDopMDdHJn ul li,
             .heading-dDopMDdHJn.text-output {
                 font-size: 34px !important;
                 font-weight: 900
             }
         }

         @media screen and (min-width:481px) and (max-width:10000px) {

             .heading-dDopMDdHJn h1,
             .heading-dDopMDdHJn h2,
             .heading-dDopMDdHJn h3,
             .heading-dDopMDdHJn h4,
             .heading-dDopMDdHJn h5,
             .heading-dDopMDdHJn h6,
             .heading-dDopMDdHJn ul li,
             .heading-dDopMDdHJn.text-output {
                 font-size: 3rem !important;
                 font-weight: 900
             }
         }

         .heading-dDopMDdHJn.text-output h1:first-child:before,
         .heading-dDopMDdHJn.text-output h2:first-child:before,
         .heading-dDopMDdHJn.text-output h3:first-child:before,
         .heading-dDopMDdHJn.text-output h4:first-child:before,
         .heading-dDopMDdHJn.text-output h5:first-child:before,
         .heading-dDopMDdHJn.text-output h6:first-child:before,
         .heading-dDopMDdHJn.text-output p:first-child:before {
             color: var(--text-color);
             content: '\';
 font-family: '';
             margin-right: 5px;
             font-weight: 700
         }

         .sub-heading-Vnk4AYUZKR {
             font-weight: 700
         }

         .sub-heading-Vnk4AYUZKR a,
         .sub-heading-Vnk4AYUZKR a * {
             color: var(--link-color);
             text-decoration: none
         }

         .sub-heading-Vnk4AYUZKR a u,
         .sub-heading-Vnk4AYUZKR a:hover {
             text-decoration: underline
         }

         .sub-heading-Vnk4AYUZKR a s {
             text-decoration: line-through
         }

         @media screen and (min-width:0px) and (max-width:480px) {

             .sub-heading-Vnk4AYUZKR h1,
             .sub-heading-Vnk4AYUZKR h2,
             .sub-heading-Vnk4AYUZKR h3,
             .sub-heading-Vnk4AYUZKR h4,
             .sub-heading-Vnk4AYUZKR h5,
             .sub-heading-Vnk4AYUZKR h6,
             .sub-heading-Vnk4AYUZKR ul li,
             .sub-heading-Vnk4AYUZKR.text-output {
                 font-size: 23px !important;
                 font-weight: 700
             }
         }

         @media screen and (min-width:481px) and (max-width:10000px) {

             .sub-heading-Vnk4AYUZKR h1,
             .sub-heading-Vnk4AYUZKR h2,
             .sub-heading-Vnk4AYUZKR h3,
             .sub-heading-Vnk4AYUZKR h4,
             .sub-heading-Vnk4AYUZKR h5,
             .sub-heading-Vnk4AYUZKR h6,
             .sub-heading-Vnk4AYUZKR ul li,
             .sub-heading-Vnk4AYUZKR.text-output {
                 font-size: 1.8rem !important;
                 font-weight: 700
             }
         }

         .sub-heading-Vnk4AYUZKR.text-output h1:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h2:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h3:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h4:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h5:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output h6:first-child:before,
         .sub-heading-Vnk4AYUZKR.text-output p:first-child:before {
             color: var(--text-color);
             content: '\';
 font-family: '';
             margin-right: 5px;
             font-weight: 700
         }

         .paragraph-XsFB_dVUTE {
             font-weight: 500
         }

         .paragraph-XsFB_dVUTE a,
         .paragraph-XsFB_dVUTE a * {
             color: var(--link-color);
             text-decoration: none
         }

         .paragraph-XsFB_dVUTE a u,
         .paragraph-XsFB_dVUTE a:hover {
             text-decoration: underline
         }

         .paragraph-XsFB_dVUTE a s {
             text-decoration: line-through
         }

         @media screen and (min-width:0px) and (max-width:480px) {

             .paragraph-XsFB_dVUTE h1,
             .paragraph-XsFB_dVUTE h2,
             .paragraph-XsFB_dVUTE h3,
             .paragraph-XsFB_dVUTE h4,
             .paragraph-XsFB_dVUTE h5,
             .paragraph-XsFB_dVUTE h6,
             .paragraph-XsFB_dVUTE ul li,
             .paragraph-XsFB_dVUTE.text-output {
                 font-size: 18px !important;
                 font-weight: 500
             }
         }

         @media screen and (min-width:481px) and (max-width:10000px) {

             .paragraph-XsFB_dVUTE h1,
             .paragraph-XsFB_dVUTE h2,
             .paragraph-XsFB_dVUTE h3,
             .paragraph-XsFB_dVUTE h4,
             .paragraph-XsFB_dVUTE h5,
             .paragraph-XsFB_dVUTE h6,
             .paragraph-XsFB_dVUTE ul li,
             .paragraph-XsFB_dVUTE.text-output {
                 font-size: 1.35rem !important;
                 font-weight: 500
             }
         }

         .paragraph-XsFB_dVUTE.text-output h1:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h2:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h3:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h4:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h5:first-child:before,
         .paragraph-XsFB_dVUTE.text-output h6:first-child:before,
         .paragraph-XsFB_dVUTE.text-output p:first-child:before {
             color: var(--text-color);
             content: '\';
 font-family: '';
             margin-right: 5px;
             font-weight: 700
         }

         @media screen and (min-width:481px) and (max-width:10000px) {

             .button-YlcBZzyp1a .button-icon-end,
             .button-YlcBZzyp1a .button-icon-start,
             .button-YlcBZzyp1a .main-heading-button {
                 font-size: 20px;
                 font-weight: 600
             }

             .button-YlcBZzyp1a .button-icon-start {
                 margin-right: 5px
             }

             .button-YlcBZzyp1a .button-icon-end {
                 margin-left: 5px
             }

             .button-YlcBZzyp1a .sub-heading-button {
                 font-size: 15px;
                 color: var(--white);
                 font-weight: 400
             }
         }

         @media screen and (min-width:0px) and (max-width:480px) {

             .button-YlcBZzyp1a .button-icon-end,
             .button-YlcBZzyp1a .button-icon-start,
             .button-YlcBZzyp1a .main-heading-button {
                 font-size: 20px;
                 font-weight: 600
             }

             .button-YlcBZzyp1a .button-icon-start {
                 margin-right: 5px
             }

             .button-YlcBZzyp1a .button-icon-end {
                 margin-left: 5px
             }

             .button-YlcBZzyp1a .sub-heading-button {
                 font-size: 15px;
                 color: var(--white);
                 font-weight: undefined
             }
         }

         #section-RmjsQBn2NZ {
             background: radial-gradient(1100px 520px at 88% -12%, rgba(39, 186, 234, .12), transparent 60%),
                 radial-gradient(900px 520px at -10% -20%, rgba(143, 213, 211, .12), transparent 60%),
                 linear-gradient(180deg, #ffffff 0%, #f9fcff 100%) !important;
         }

         /* ---- Navi+Header styles ----- */
         :root {
             --black: #000000;
             --transparent: transparent
         }

         .hl_page-preview--content .section-RmjsQBn2NZ {
             box-shadow: none;
             padding: 20px 0 80px;
             margin: 0;
             background-color: var(--transparent);
             backdrop-filter: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid
         }

         @media screen and (min-width:0px) and (max-width:480px) {
             .hl_page-preview--content .section-RmjsQBn2NZ {
                 padding-bottom: 40px
             }
         }

         .hl_page-preview--content .col-G4x1GZ9dD_,
         .hl_page-preview--content .col-YUuXwOpz8Z,
         .hl_page-preview--content .row-j2xGytFq1e,
         .hl_page-preview--content .row-lxkelO4O0i {
             margin: 0 auto;
             box-shadow: none;
             padding: 10px 5px;
             background-color: var(--transparent);
             backdrop-filter: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             width: 100%
         }

         .hl_page-preview--content .col-G4x1GZ9dD_,
         .hl_page-preview--content .col-YUuXwOpz8Z,
         .hl_page-preview--content .row-lxkelO4O0i {
             margin: 0
         }

         .hl_page-preview--content .col-YUuXwOpz8Z,
         .hl_page-preview--content .row-lxkelO4O0i {
             margin: 0 auto
         }

         .hl_page-preview--content .col-YUuXwOpz8Z {
             margin: 0
         }

         .hl_page-preview--content .custom-code-FTS-inP9KA {
             margin: 0;
             width: auto;
             height: auto
         }

         .hl_page-preview--content .col-MMdsDa9-wN,
         .hl_page-preview--content .row-6XF3TQGf-F {
             margin: 0 auto 20px;
             box-shadow: none;
             padding: 0 15px;
             background-color: var(--transparent);
             backdrop-filter: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             width: 100%
         }

         .hl_page-preview--content .col-MMdsDa9-wN {
             padding: 0;
             margin: 0
         }

         .hl_page-preview--content .custom-code-7yyv7PtCOl {
             margin: 0
         }

         #section-RmjsQBn2NZ>.inner {
             max-width: 1170px
         }

         #col-G4x1GZ9dD_>.inner,
         #col-MMdsDa9-wN>.inner,
         #col-YUuXwOpz8Z>.inner {
             flex-direction: column;
             justify-content: center;
             align-items: inherit;
             flex-wrap: nowrap
         }

         /* ---- Section styles ----- */
         :root {
             --black: #000000;
             --transparent: transparent
         }

         .hl_page-preview--content .row-nRY9gCXjFT,
         .hl_page-preview--content .section-XPZSiDo52Y {
             box-shadow: none;
             padding: 0;
             margin: 0;
             background-color: var(--transparent);
             backdrop-filter: none;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid
         }

         .hl_page-preview--content .row-nRY9gCXjFT {
             margin: 0 auto;
             width: 100%
         }

         @media screen and (min-width:0px) and (max-width:480px) {
             .hl_page-preview--content .row-nRY9gCXjFT {
                 padding-left: 0 !important;
                 padding-right: 0 !important
             }
         }

         .hl_page-preview--content .col-IvKK6n2-fJ {
             box-shadow: none;
             padding: 0;
             background-color: var(--transparent);
             backdrop-filter: none;
             width: 100%;
             border-color: var(--black);
             border-width: 2px;
             border-style: solid;
             margin: 0
         }

         .hl_page-preview--content .custom-code-JNEBiYQO8a {
             margin: 0
         }

         #section-XPZSiDo52Y>.inner {
             max-width: 100%
         }

         #col-IvKK6n2-fJ>.inner {
             flex-direction: column;
             justify-content: center;
             align-items: inherit;
             flex-wrap: nowrap
         }

         #section-RmjsQBn2NZ {
             background: radial-gradient(1100px 520px at 88% -12%, rgba(39, 186, 234, .12), transparent 60%),
                 radial-gradient(900px 520px at -10% -20%, rgba(143, 213, 211, .12), transparent 60%),
                 linear-gradient(180deg, #ffffff 0%, #f9fcff 100%) !important;
         }


         .flex {
             display: flex
         }

         .flex-col {
             flex-direction: column
         }

         .flex-wrap {
             flex-wrap: wrap
         }

         .flex-grow {
             flex-grow: 9999
         }

         .align-center {
             align-items: center
         }

         .h-full {
             height: 100%
         }

         .max-w-400 {
             max-width: 400px
         }

         .text-right {
             text-align: right
         }

         .d-grid {
             display: grid
         }

         .px-0 {
             padding-left: 0 !important;
             padding-right: 0 !important
         }

         .gap-1 {
             gap: .3rem
         }

         .items-end {
             align-items: flex-end
         }

         .relative {
             position: relative
         }

         .gap-2 {
             gap: .625rem
         }

         .mt-20 {
             margin-top: 20px
         }

         .mt-8 {
             margin-top: 32px
         }

         .ml-3 {
             margin-left: .75rem
         }

         .mr-10 {
             margin-right: 10px
         }

         .mt-4 {
             margin-top: 1rem
         }

         .mb-4 {
             margin-bottom: 1rem
         }

         .w-100 {
             width: 100%
         }

         .h-100 {
             height: 100%
         }

         .w-50 {
             width: 50%
         }

         .w-25 {
             width: 25%
         }

         .mw-100 {
             max-width: 100%
         }

         .noBorder {
             border: none !important
         }

         .iti__flag {
             background-image: url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags.png)
         }

         .pointer {
             cursor: pointer
         }

         @media (-webkit-min-device-pixel-ratio:2),
         (min-resolution:192dpi) {
             .iti__flag {
                 background-image: url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags@2x.png)
             }
         }

         .iti__country {
             display: flex;
             justify-content: space-between
         }

         @media (min-width:768px) {

             .hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,
             body {
                 padding-top: 0
             }

             .hl_page-creator--menu {
                 left: 0;
                 top: 0;
                 z-index: 10
             }

             .hl_wrapper {
                 padding-left: 0
             }
         }

         @media (min-width:1200px) {
             .hl_wrapper.nav-shrink {
                 padding-left: 0 !important
             }
         }

         html body .hl_wrapper {
             height: 100vh;
             overflow: hidden
         }

         body {
             margin: 0;
             -webkit-font-smoothing: antialiased
         }

         img {
             border-style: none;
             vertical-align: middle
         }

         .bg-fixed {
             z-index: -1
         }

         .progress-outer {
             background-color: #f5f5f5;
             border-radius: inherit;
             box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
             font-size: 14px;
             height: 35px;
             line-height: 36px;
             overflow: hidden;
             padding-bottom: 0;
             padding-top: 0;
             width: 100%
         }

         .progress-inner {
             box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
             color: #fff;
             float: left;
             font-size: 14px;
             height: 100%;
             padding-left: 10px;
             padding-right: 10px;
             transition: width .6s ease;
             width: 0
         }

         .progress0 {
             width: 0
         }

         .progress10 {
             width: 10%
         }

         .progress20 {
             width: 20%
         }

         .progress30 {
             width: 30%
         }

         .progress40 {
             width: 40%
         }

         .progress50 {
             width: 50%
         }

         .progress60 {
             width: 60%
         }

         .progress70 {
             width: 70%
         }

         .progress80 {
             width: 80%
         }

         .progress90 {
             width: 90%
         }

         .progress100 {
             width: 100%
         }

         .progressbarOffsetWhite {
             background: #f5f5f5
         }

         .progressbarOffsetTransparentWhite {
             background-color: hsla(0, 0%, 100%, .5)
         }

         .progressbarOffsetBlack {
             background: #333
         }

         .progressbarOffsetTransparentBlack {
             background-color: hsla(0, 0%, 49%, .5)
         }

         .text-white {
             color: #fff
         }

         .text-bold {
             font-weight: 700
         }

         .text-italic {
             font-style: italic
         }

         .text-bold-italic {
             font-style: italic;
             font-weight: 700
         }

         .progressbarSmall {
             font-size: 14px;
             height: 35px;
             line-height: 36px
         }

         .progressbarMedium {
             font-size: 19px;
             height: 45px;
             line-height: 45px
         }

         .progressbarLarge {
             font-size: 21px;
             height: 65px;
             line-height: 65px
         }

         .recaptcha-container {
             margin-bottom: 1em
         }

         .recaptcha-container p {
             color: red;
             margin-top: 1em
         }

         .button-recaptcha-container div:first-child {
             height: auto !important;
             width: 100% !important
         }

         .card-el-error-msg {
             align-items: center;
             color: #e25950;
             display: flex;
             font-size: 13px;
             justify-content: flex-start;
             padding: 10px 0;
             text-align: center
         }

         .card-el-error-msg svg {
             color: #f87171;
             margin-right: 2px
         }

         .hl-faq-child-heading {
             border: none;
             cursor: pointer;
             justify-content: space-between;
             outline: none;
             padding: 15px;
             width: 100%
         }

         .hl-faq-child-head,
         .hl-faq-child-heading {
             align-items: center;
             display: flex
         }

         .v-enter-active,
         .v-leave-active {
             transition: opacity .2s ease-out
         }

         .v-enter-from,
         .v-leave-to {
             opacity: 0
         }

         .faq-separated-child {
             margin-bottom: 10px
         }

         .hl-faq-child-panel img {
             border-radius: 15px;
             cursor: pointer
         }

         .hl-faq-child-heading-icon.left {
             margin-right: 1em
         }

         .expand-collapse-all-button {
             background-color: transparent;
             border: 1px solid #d1d5db;
             border-radius: 15px;
             color: #3b82f6;
             cursor: pointer;
             font-size: 12px;
             font-weight: 400;
             line-height: 16px;
             margin: 1em 0;
             padding: 5px 15px
         }

         .hl-faq-child-panel {
             transition: padding .2s ease
         }

         .v-spinner .v-moon1 {
             position: relative
         }

         .v-spinner .v-moon1,
         .v-spinner .v-moon2 {
             animation: v-moonStretchDelay .6s linear 0s infinite;
             animation-fill-mode: forwards
         }

         .v-spinner .v-moon2 {
             opacity: .8;
             position: absolute
         }

         .v-spinner .v-moon3 {
             opacity: .1
         }

         @keyframes v-moonStretchDelay {
             to {
                 transform: rotate(1turn)
             }
         }

         .generic-error-message {
             color: red;
             font-weight: 500;
             margin-top: .5rem;
             text-align: center
         }

         #faq-overlay {
             background: var(--overlay);
             height: 100vh;
             opacity: .8;
             width: 100vw
         }

         #faq-overlay,
         #faq-popup {
             position: fixed;
             z-index: 1000
         }

         #faq-popup {
             background: #fff;
             height: auto;
             left: 50%;
             margin-left: -250px;
             margin-top: -250px;
             top: 50%;
             width: 500px
         }

         #popupclose {
             cursor: pointer;
             float: right;
             padding: 10px
         }

         .popupcontent {
             height: auto !important;
             width: 100% !important
         }

         #button {
             cursor: pointer
         }

         .dark {
             background-color: #000
         }

         .antialiased {
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale
         }

         .spotlight {
             background: linear-gradient(45deg, #00dc82, #36e4da 50%, #0047e1);
             bottom: -30vh;
             filter: blur(20vh);
             height: 40vh
         }

         .z-10 {
             z-index: 10
         }

         .right-0 {
             right: 0
         }

         .left-0 {
             left: 0
         }

         .fixed {
             position: fixed
         }

         .text-black {
             --tw-text-opacity: 1;
             color: rgba(0, 0, 0, var(--tw-text-opacity))
         }

         .overflow-hidden {
             overflow: hidden
         }

         .min-h-screen {
             min-height: 100vh
         }

         .font-sans {
             font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
         }

         .place-content-center {
             place-content: center
         }

         .grid {
             display: grid
         }

         .z-20 {
             z-index: 20
         }

         .max-w-520px {
             max-width: 520px
         }

         .mb-8 {
             margin-bottom: 2rem
         }

         .text-8xl {
             font-size: 6rem;
             line-height: 1
         }

         .font-medium {
             font-weight: 500
         }

         .mb-16 {
             margin-bottom: 4rem
         }

         .leading-tight {
             line-height: 1.25
         }

         .text-xl {
             font-size: 1.25rem;
             line-height: 1.75rem
         }

         .font-light {
             font-weight: 300
         }

         @media (min-width:640px) {
             .sm-text-10xl {
                 font-size: 10rem;
                 line-height: 1
             }

             .sm-text-4xl {
                 font-size: 2.25rem;
                 line-height: 2.5rem
             }

             .sm-px-0 {
                 padding-left: 0;
                 padding-right: 0
             }
         }

         .full-center {
             background-position: 50% !important;
             background-repeat: repeat !important;
             background-size: cover !important
         }

         .fill-width {
             background-size: 100% auto !important
         }

         .fill-width,
         .fill-width-height {
             background-repeat: no-repeat !important
         }

         .fill-width-height {
             background-size: 100% 100% !important
         }

         .no-repeat {
             background-repeat: no-repeat !important
         }

         .repeat-x {
             background-repeat: repeat-x !important
         }

         .repeat-y {
             background-repeat: repeat-y !important
         }

         .repeat-x-fix-top {
             background-position: top !important;
             background-repeat: repeat-x !important
         }

         .repeat-x-fix-bottom {
             background-position: bottom !important;
             background-repeat: repeat-x !important
         }

         #overlay {
             bottom: 0;
             height: 100%;
             left: 0;
             opacity: 0;
             overflow-y: scroll;
             position: fixed;
             right: 0;
             top: 0;
             transition: opacity .3s ease;
             width: 100%;
             z-index: 999;
             -webkit-overflow-scrolling: touch
         }

         #overlay.show {
             opacity: 1
         }

         .popup-body {
             background-color: #fff;
             height: auto;
             left: 50%;
             min-height: 180px;
             position: absolute;
             top: 10%;
             transition: transform .25s ease-in-out
         }

         .popup-body,
         .popup-body.show {
             transform: translate(-50%)
         }

         .closeLPModal {
             cursor: pointer;
             position: absolute;
             right: -10px;
             top: -10px;
             z-index: 21
         }

         .settingsPModal {
             font-size: 18px;
             left: 40%;
             padding: 10px;
             position: absolute;
             top: -40px;
             width: 32px
         }

         .c-section>.inner {
             display: flex;
             flex-direction: column;
             justify-content: center;
             margin: auto;
             z-index: 2
         }

         .c-row>.inner {
             display: flex;
             width: 100%
         }

         .c-column>.inner {
             display: flex;
             flex-direction: column;
             height: 100%;
             justify-content: inherit;
             width: 100% !important
         }

         .c-wrapper {
             position: relative
         }

         .previewer {
             --vw: 100vh/100;
             height: calc(100vh - 170px);
             margin: auto;
             overflow: scroll;
             overflow-x: hidden;
             overflow-y: scroll;
             width: 100%
         }

         .c-element {
             position: relative
         }

         .c-column {
             flex: 1
         }

         .c-column,
         .c-row {
             position: relative
         }

         p+p {
             margin-top: auto
         }

         .hl_page-creator--row.active {
             border-color: #188bf6
         }

         .flip-list-move {
             transition: transform .5s
         }

         .page-wrapper .sortable-ghost:before {
             background: #188bf6 !important;
             border-radius: 4px;
             content: "";
             height: 4px;
             left: 50%;
             position: absolute;
             top: 50%;
             transform: translate(-50%, -50%);
             width: 100%
         }

         .page-wrapper .sortable-ghost {
             border: none !important;
             position: relative
         }

         .active-drop-area:before {
             color: grey;
             content: "";
             font-size: 12px;
             left: 50%;
             pointer-events: none;
             position: absolute;
             top: 50%;
             transform: translate(-50%, -50%)
         }

         .active-drop-area {
             border: 1px dashed grey
         }

         .active-drop-area.is-empty {
             min-height: 60px
         }

         .empty-component {
             align-items: center;
             border: 1px dashed #d7dde9;
             display: flex;
             height: 100%;
             justify-content: center;
             left: 0;
             position: absolute;
             top: 0;
             width: 100%;
             z-index: 2
         }

         .empty-component,
         .empty-component-min-height {
             min-height: 100px;
             pointer-events: none
         }

         .dividerContainer {
             width: 100%
         }

         .items-center {
             align-items: center
         }

         .font-semibold {
             font-weight: 600
         }

         .text-2xl {
             font-size: 1.5rem
         }

         .text-sm {
             font-size: .875rem
         }

         .w-full {
             width: 100%
         }

         .mr-2 {
             margin-right: .5rem
         }

         .mt-2 {
             margin-top: .5rem
         }

         .justify-between {
             justify-content: space-between
         }

         .text-lg {
             font-size: 1.125rem
         }

         .font-base {
             font-weight: 400
         }

         .justify-end {
             justify-content: flex-end
         }

         .justify-center {
             justify-content: center !important
         }

         .text-center {
             text-align: center
         }

         .centered {
             align-items: center;
             display: flex;
             height: 100%;
             justify-content: center;
             width: 100%
         }

         .mx-auto {
             margin: 0 auto
         }


         @media only screen and (max-width:767px) {
             .c-row>.inner {
                 flex-direction: column
             }

             .desktop-only {
                 display: none
             }

             .c-column,
             .c-row {
                 width: 100% !important
             }

             .c-column,
             .c-column>.inner,
             .c-row>.inner,
             .c-section,
             .c-section>.inner {
                 padding-left: 0 !important;
                 padding-right: 0 !important
             }

             .c-column,
             .c-column>.inner,
             .c-row {
                 margin-left: 0 !important;
                 margin-right: 0 !important
             }

             .c-row {
                 padding-left: 10px !important;
                 padding-right: 10px !important
             }
         }

         @media only screen and (min-width:768px) {
             .mobile-only {
                 display: none
             }
         }

         .c-button button {
             outline: none;
             position: relative
         }

         .fa,
         .fab,
         .fal,
         .far,
         .fas {
             -webkit-font-smoothing: antialiased;
             display: inline-block;
             font-style: normal;
             font-variant: normal;
             line-height: 1;
             text-rendering: auto
         }

         .c-column {
             flex: 1 1 auto !important
         }

         .c-column>.inner.horizontal>div {
             flex: 1
         }

         .c-row>.inner {
             display: flex;
             width: 100%
         }

         .c-nested-column .c-row>.inner {
             width: 100% !important
         }

         .c-nested-column .inner {
             border: none !important
         }

         .bgCover.bg-fixed:before {
             background-attachment: fixed !important;
             background-position: 50% !important;
             background-repeat: repeat !important;
             background-size: cover !important;
             -webkit-background-size: cover !important
         }

         @supports (-webkit-touch-callout:inherit) {
             .bgCover.bg-fixed:before {
                 background-attachment: scroll !important
             }
         }

         .bgCover100.bg-fixed:before {
             background-size: 100% auto !important;
             -webkit-background-size: 100% auto !important
         }

         .bgCover100.bg-fixed:before,
         .bgNoRepeat.bg-fixed:before {
             background-repeat: no-repeat !important
         }

         .bgRepeatX.bg-fixed:before {
             background-repeat: repeat-x !important
         }

         .bgRepeatY.bg-fixed:before {
             background-repeat: repeat-y !important
         }

         .bgRepeatXTop.bg-fixed:before {
             background-position: top !important;
             background-repeat: repeat-x !important
         }

         .bgRepeatXBottom.bg-fixed:before {
             background-position: bottom !important;
             background-repeat: repeat-x !important
         }

         .bgCover {
             background-attachment: fixed !important;
             background-position: 50% !important;
             background-repeat: repeat !important;
             background-size: cover !important;
             -webkit-background-size: cover !important
         }

         @supports (-webkit-touch-callout:inherit) {
             .bgCover {
                 background-attachment: scroll !important
             }
         }

         .bgCover100 {
             background-size: 100% auto !important;
             -webkit-background-size: 100% auto !important
         }

         .bgCover100,
         .bgNoRepeat {
             background-repeat: no-repeat !important
         }

         .bgRepeatX {
             background-repeat: repeat-x !important
         }

         .bgRepeatY {
             background-repeat: repeat-y !important
         }

         .bgRepeatXTop {
             background-position: top !important
         }

         .bgRepeatXBottom,
         .bgRepeatXTop {
             background-repeat: repeat-x !important
         }

         .bgRepeatXBottom {
             background-position: bottom !important
         }

         .cornersTop {
             border-bottom-left-radius: 0 !important;
             border-bottom-right-radius: 0 !important
         }

         .cornersBottom {
             border-top-left-radius: 0 !important;
             border-top-right-radius: 0 !important
         }

         .radius0 {
             border-radius: 0
         }

         .radius1 {
             border-radius: 1px
         }

         .radius2 {
             border-radius: 2px
         }

         .radius3 {
             border-radius: 3px
         }

         .radius4 {
             border-radius: 4px
         }

         .radius5 {
             border-radius: 5px
         }

         .radius10 {
             border-radius: 10px
         }

         .radius15 {
             border-radius: 15px
         }

         .radius20 {
             border-radius: 20px
         }

         .radius25 {
             border-radius: 25px
         }

         .radius50 {
             border-radius: 50px
         }

         .radius75 {
             border-radius: 75px
         }

         .radius100 {
             border-radius: 100px
         }

         .radius125 {
             border-radius: 125px
         }

         .radius150 {
             border-radius: 150px
         }

         .borderTopBottom {
             border-bottom-color: rgba(0, 0, 0, .7);
             border-left: none !important;
             border-right: none !important;
             border-top-color: rgba(0, 0, 0, .7)
         }

         .borderTop {
             border-bottom: none !important;
             border-top-color: rgba(0, 0, 0, .7)
         }

         .borderBottom,
         .borderTop {
             border-left: none !important;
             border-right: none !important
         }

         .borderBottom {
             border-bottom-color: rgba(0, 0, 0, .7);
             border-top: none !important
         }

         .borderFull {
             border-color: rgba(0, 0, 0, .7)
         }

         @keyframes rocking {
             0% {
                 transform: rotate(0deg)
             }

             25% {
                 transform: rotate(0deg)
             }

             50% {
                 transform: rotate(2deg)
             }

             75% {
                 transform: rotate(-2deg)
             }

             to {
                 transform: rotate(0deg)
             }
         }

         .buttonRocking {
             animation: rocking 2s infinite;
             animation-timing-function: ease-out;
             transition: .2s
         }

         .buttonPulseGlow {
             animation: pulseGlow 2s infinite;
             animation-timing-function: ease-in-out
         }

         @keyframes pulseGlow {
             0% {
                 box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0)
             }

             25% {
                 box-shadow: 0 0 2.5px 1px hsla(0, 0%, 100%, .25)
             }

             50% {
                 box-shadow: 0 0 5px 2px hsla(0, 0%, 100%, .5)
             }

             85% {
                 box-shadow: 0 0 5px 5px hsla(0, 0%, 100%, 0)
             }

             to {
                 box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0)
             }
         }

         .buttonBounce {
             animation: bounce 1.5s infinite;
             animation-timing-function: ease-in;
             transition: .2s
         }

         @keyframes bounce {
             15% {
                 box-shadow: 0 0 0 0 transparent;
                 transform: translateY(0)
             }

             35% {
                 box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .25);
                 transform: translateY(-35%)
             }

             45% {
                 box-shadow: 0 0 0 0 transparent;
                 transform: translateY(0)
             }

             55% {
                 box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .25);
                 transform: translateY(-20%)
             }

             70% {
                 box-shadow: 0 0 0 0 transparent;
                 transform: translateY(0)
             }

             80% {
                 box-shadow: 0 4px 3px -3px rgba(0, 0, 0, .25);
                 transform: translateY(-10%)
             }

             90% {
                 box-shadow: 0 0 0 0 transparent;
                 transform: translateY(0)
             }

             95% {
                 box-shadow: 0 2px 3px -3px rgba(0, 0, 0, .25);
                 transform: translateY(-2%)
             }

             99% {
                 box-shadow: 0 0 0 0 transparent;
                 transform: translateY(0)
             }

             to {
                 box-shadow: 0 0 0 0 transparent;
                 transform: translateY(0)
             }
         }

         @keyframes elevate {
             0% {
                 box-shadow: 0 0 0 0 transparent;
                 transform: translateY(0)
             }

             to {
                 box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .25);
                 transform: translateY(-10px)
             }
         }

         .buttonElevate:hover {
             animation: elevate .2s forwards
         }

         .buttonElevate {
             box-shadow: 0 0 0 0 transparent;
             transition: .2s
         }

         .buttonWobble {
             transition: .3s
         }

         .buttonWobble:hover {
             animation: wobble .5s 1;
             animation-timing-function: ease-in-out
         }

         @keyframes wobble {
             0% {
                 transform: skewX(0deg)
             }

             25% {
                 transform: skewX(10deg)
             }

             50% {
                 transform: skewX(0deg)
             }

             75% {
                 transform: skewX(-10deg)
             }

             to {
                 transform: skewX(0deg)
             }
         }

         .image-container img {
             max-width: 100%;
             vertical-align: middle
         }

         .sub-text ::-moz-placeholder {
             color: #000;
             opacity: 1
         }

         .sub-text ::placeholder {
             color: #000;
             opacity: 1
         }

         .image-container {
             height: 100%;
             width: 100%
         }

         .shadow5inner {
             box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05)
         }

         .shadow10inner {
             box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1)
         }

         .shadow20inner {
             box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
         }

         .shadow30inner {
             box-shadow: inset 0 2px 5px 2px rgba(0, 0, 0, .3)
         }

         .shadow40inner {
             box-shadow: inset 0 2px 5px 2px rgba(0, 0, 0, .4)
         }

         .shadow5 {
             box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
         }

         .shadow10 {
             box-shadow: 0 1px 5px rgba(0, 0, 0, .1)
         }

         .shadow20 {
             box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
         }

         .shadow30 {
             box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .3)
         }

         .shadow40 {
             box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .4)
         }

         .sub-heading-button {
             color: #fff;
             font-weight: 400;
             line-height: normal;
             opacity: .8;
             text-align: center
         }

         .wideSection {
             max-width: 1120px
         }

         .midWideSection,
         .wideSection {
             margin-left: auto !important;
             margin-right: auto !important
         }

         .midWideSection {
             max-width: 960px
         }

         .midSection {
             margin-left: auto !important;
             margin-right: auto !important;
             max-width: 720px
         }

         .c-section>.inner {
             margin-left: auto;
             margin-right: auto;
             max-width: 1170px;
             width: 100%
         }

         .c-column {
             padding-left: 15px;
             padding-right: 15px
         }

         .feature-img-circle img,
         .img-circle,
         .img-circle img {
             border-radius: 50% !important
         }

         .feature-img-round-corners img,
         .img-round-corners,
         .img-round-corners img {
             border-radius: 5px
         }

         .feature-image-dark-border img,
         .image-dark-border {
             border: 3px solid rgba(0, 0, 0, .7)
         }

         .feature-image-white-border img,
         .image-white-border {
             border: 3px solid #fff
         }

         .img-grey,
         .img-grey img {
             filter: grayscale(100%);
             filter: gray;
             -webkit-transition: all .6s ease
         }

         .button-shadow1 {
             box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
         }

         .button-shadow2 {
             box-shadow: 0 1px 5px rgba(0, 0, 0, .4)
         }

         .button-shadow3 {
             box-shadow: 0 1px 5px rgba(0, 0, 0, .7)
         }

         .button-shadow4 {
             box-shadow: 0 8px 1px rgba(0, 0, 0, .1)
         }

         .button-shadow5 {
             box-shadow: 0 0 25px rgba(0, 0, 0, .2), 0 0 15px rgba(0, 0, 0, .2), 0 0 3px rgba(0, 0, 0, .4)
         }

         .button-shadow6 {
             box-shadow: 0 0 25px rgba(0, 0, 0, .4), 0 0 15px hsla(0, 0%, 100%, .2), 0 0 3px hsla(0, 0%, 100%, .4)
         }

         .button-shadow-sharp1 {
             box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2)
         }

         .button-shadow-sharp2 {
             box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .2)
         }

         .button-shadow-sharp3 {
             box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .2)
         }

         .button-shadow-highlight {
             box-shadow: none
         }

         .button-shadow-highlight:hover {
             box-shadow: inset 0 0 0 0 hsla(0, 0%, 100%, .22), inset 0 233px 233px 0 hsla(0, 0%, 100%, .12)
         }

         .button-flat-line {
             background-color: transparent !important;
             border-width: 2px
         }

         .button-vp-5 {
             padding-bottom: 5px !important;
             padding-top: 5px !important
         }

         .button-vp-10 {
             padding-bottom: 10px !important;
             padding-top: 10px !important
         }

         .button-vp-15 {
             padding-bottom: 15px !important;
             padding-top: 15px !important
         }

         .button-vp-20 {
             padding-bottom: 20px !important;
             padding-top: 20px !important
         }

         .button-vp-25 {
             padding-bottom: 25px !important;
             padding-top: 25px !important
         }

         .button-vp-30 {
             padding-bottom: 30px !important;
             padding-top: 30px !important
         }

         .button-vp-40 {
             padding-bottom: 40px !important;
             padding-top: 40px !important
         }

         .button-vp-0 {
             padding-bottom: 0 !important;
             padding-top: 0 !important
         }

         .button-hp-5 {
             padding-left: 5px !important;
             padding-right: 5px !important
         }

         .button-hp-10 {
             padding-left: 10px !important;
             padding-right: 10px !important
         }

         .button-hp-15 {
             padding-left: 15px !important;
             padding-right: 15px !important
         }

         .button-hp-20 {
             padding-left: 20px !important;
             padding-right: 20px !important
         }

         .button-hp-25 {
             padding-left: 25px !important;
             padding-right: 25px !important
         }

         .button-hp-30 {
             padding-left: 30px !important;
             padding-right: 30px !important
         }

         .button-hp-40 {
             padding-left: 40px !important;
             padding-right: 40px !important
         }

         .button-hp-0 {
             padding-left: 0 !important;
             padding-right: 0 !important
         }

         .vs__dropdown-toggle {
             background: #f3f8fb !important;
             border: none !important;
             height: 43px !important
         }

         .row-align-center {
             margin: 0 auto
         }

         .row-align-left {
             margin: 0 auto;
             margin-left: 0 !important
         }

         .row-align-right {
             margin: 0 auto;
             margin-right: 0 !important
         }

         button,
         input,
         optgroup,
         select,
         textarea {
             border-radius: unset;
             font-family: unset;
             font-size: unset;
             line-height: unset;
             margin: unset;
             text-transform: unset
         }

         body {
             font-weight: unset !important;
             line-height: unset !important;
             -moz-osx-font-smoothing: grayscale;
             word-wrap: break-word
         }

         *,
         :after,
         :before {
             box-sizing: border-box
         }

         .main-heading-group>div {
             display: inline-block
         }

         .c-button span.main-heading-group,
         .c-button span.sub-heading-group {
             display: block
         }

         .time-grid-3 {
             grid-template-columns: repeat(3, 100px)
         }

         .time-grid-3,
         .time-grid-4 {
             display: grid;
             text-align: center
         }

         .time-grid-4 {
             grid-template-columns: repeat(4, 100px)
         }

         @media screen and (max-width:767px) {
             .time-grid-3 {
                 grid-template-columns: repeat(3, 80px)
             }

             .time-grid-4 {
                 grid-template-columns: repeat(4, 70px)
             }
         }

         .time-grid .timer-box {
             display: grid;
             font-size: 15px;
             grid-template-columns: 1fr;
             text-align: center
         }

         .timer-box .label {
             font-weight: 300
         }

         .c-button button {
             cursor: pointer
         }

         .c-button>a {
             text-decoration: none
         }

         .c-button>a,
         .c-button>a span {
             display: inline-block
         }

         .nav-menu-wrapper {
             display: flex;
             justify-content: space-between
         }

         .nav-menu-wrapper.default {
             flex-direction: row
         }

         .nav-menu-wrapper.reverse {
             flex-direction: row-reverse
         }

         .nav-menu-wrapper .branding {
             align-items: center;
             display: flex
         }

         .nav-menu-wrapper.default .branding {
             flex-direction: row
         }

         .nav-menu-wrapper.reverse .branding {
             flex-direction: row-reverse
         }

         .nav-menu-wrapper.default .branding .logo,
         .nav-menu-wrapper.reverse .branding .title {
             margin-right: 18px
         }

         .nav-menu-wrapper .branding .title {
             align-items: center;
             display: flex;
             min-height: 50px;
             min-width: 50px
         }

         .nav-menu {
             align-items: center;
             display: flex;
             flex-wrap: wrap;
             list-style: none;
             margin: 0;
             padding: 0
         }

         .nav-menu a {
             text-decoration: none
         }

         .dropdown {
             display: inline-block;
             position: relative
         }

         .dropdown .dropdown-menu {
             border: none;
             box-shadow: 0 8px 16px 5px rgba(0, 0, 0, .1)
         }

         .dropdown-menu {
             background-clip: padding-box;
             border: 1px solid rgba(0, 0, 0, .15);
             border-radius: .3125rem;
             color: #607179;
             display: none;
             float: left;
             font-size: 1rem;
             left: 0;
             list-style: none;
             margin: .125rem 0 0;
             min-width: 10rem;
             padding: .5rem 0;
             position: absolute;
             text-align: left;
             top: 100%;
             z-index: 1000
         }

         .nav-menu .nav-menu-item.dropdown:hover>.dropdown-menu {
             display: block
         }

         .nav-menu .dropdown-menu {
             display: none;
             list-style: none;
             margin: 0;
             padding: 0
         }

         .nav-menu-mobile {
             display: none
         }

         .nav-menu-mobile i {
             cursor: pointer;
             font-size: 24px
         }

         #nav-menu-popup {
             background: var(--overlay);
             bottom: 0;
             display: none;
             height: 100%;
             left: 0;
             opacity: 0;
             position: fixed;
             right: 0;
             top: 0;
             transition: opacity .3s ease;
             width: 100%;
             z-index: 100
         }

         #nav-menu-popup.show {
             opacity: 1
         }

         #nav-menu-popup .nav-menu-body {
             background-color: #fff;
             height: 100%;
             left: 0;
             overflow: auto;
             padding: 45px;
             position: absolute;
             top: 0;
             width: 100%
         }

         #nav-menu-popup .nav-menu-body .close-menu {
             cursor: pointer;
             position: absolute;
             right: 20px;
             top: 20px;
             z-index: 100
         }

         #nav-menu-popup .nav-menu-body .close-menu:before {
             content: "\f00d"
         }

         #nav-menu-popup .nav-menu {
             align-items: center;
             display: flex;
             flex-direction: column;
             list-style: none;
             margin: 0;
             padding: 0
         }

         #nav-menu-popup .nav-menu .nav-menu-item {
             list-style: none;
             text-align: left;
             -webkit-user-select: none;
             -moz-user-select: none;
             user-select: none;
             width: 100%
         }

         #nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content {
             display: flex;
             position: relative
         }

         #nav-menu-popup .nav-menu-item .nav-menu-item-title {
             flex-grow: 1;
             margin: 0 1rem;
             max-width: calc(100% - 2rem)
         }

         #nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle {
             cursor: pointer;
             font-size: 24px;
             position: absolute;
             right: 0;
             top: calc(50% - 12px)
         }

         #nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i {
             font-size: 24px;
             transition: transform .2s ease
         }

         #nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before {
             content: "\f107"
         }

         #nav-menu-popup .nav-menu .nav-menu-item.active .nav-menu-item-content .nav-menu-item-toggle i {
             transform: rotate(-180deg)
         }

         #nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu {
             display: none;
             max-height: 0;
             opacity: 0;
             overflow: auto;
             padding: 0;
             transition: all .3s ease-in-out;
             visibility: hidden
         }

         #nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu {
             display: block;
             max-height: 600px;
             opacity: 1;
             visibility: visible
         }

         .form-error {
             border: 2px solid var(--red);
             border-radius: 8px;
             cursor: pointer;
             font-size: 20px;
             margin-bottom: 10px;
             padding: 6px 12px;
             text-align: center
         }

         .form-error,
         .form-error i {
             color: var(--red)
         }

         .c-bullet-list ul li {
             line-height: inherit
         }

         .c-bullet-list ul li.ql-indent-1 {
             padding-left: 4.5em
         }

         .c-bullet-list ul li.ql-indent-2 {
             padding-left: 7.5em
         }

         .c-bullet-list ul li.ql-indent-3 {
             padding-left: 10.5em
         }

         .c-bullet-list ul li.ql-indent-4 {
             padding-left: 13.5em
         }

         .c-bullet-list ul li.ql-indent-5 {
             padding-left: 16.5em
         }

         .c-bullet-list ul li.ql-indent-6 {
             padding-left: 19.5em
         }

         .c-bullet-list ul li.ql-indent-7 {
             padding-left: 22.5em
         }

         .c-bullet-list ul li.ql-indent-8 {
             padding-left: 25.5em
         }

         .c-rich-text .list-disc {
             list-style-type: disc
         }

         .c-rich-text .list-square {
             list-style-type: square
         }

         .c-rich-text .list-none {
             list-style-type: none
         }

         .c-rich-text .list-circle {
             list-style-type: circle
         }

         .c-rich-text .list-decimal {
             list-style-type: decimal
         }

         .c-rich-text .list-upper-alpha {
             list-style-type: upper-alpha
         }

         .c-rich-text .list-lower-alpha {
             list-style-type: lower-alpha
         }

         .c-rich-text .list-upper-roman {
             list-style-type: upper-roman
         }

         .c-rich-text .list-lower-roman {
             list-style-type: lower-roman
         }

         .text-output ul li {
             padding-left: 1.5em
         }

         .text-output ul li:before {
             display: inline-block;
             font-weight: 700;
             margin-left: -1.5em;
             margin-right: .3em;
             text-align: right;
             white-space: nowrap;
             width: 1.2em
         }

         .svg-component svg {
             max-height: 100%;
             max-width: 100%
         }

         .border1 {
             border-bottom: 3px solid rgba(0, 0, 0, .2) !important
         }

         .border2 {
             border: 2px solid rgba(0, 0, 0, .55)
         }

         .border3 {
             border: solid rgba(0, 0, 0, .15);
             border-width: 1px 1px 2px;
             padding: 5px
         }

         .border4 {
             border: solid rgba(0, 0, 0, .35);
             border-width: 1px 1px 2px;
             padding: 1px !important
         }

         .shadow1 {
             box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .15)
         }

         .shadow2 {
             box-shadow: 0 4px 3px rgba(0, 0, 0, .15), 0 0 2px rgba(0, 0, 0, .15)
         }

         .shadow3 {
             box-shadow: 0 10px 6px -6px #999
         }

         .shadow4 {
             box-shadow: 3px 3px 15px #212121a8
         }

         .shadow6 {
             box-shadow: 0 10px 1px #ddd, 0 10px 20px #ccc
         }

         .background {
             background-color: unset !important
         }

         @keyframes progress-bar-animation {
             to {
                 background-position: 0 -3000px
             }
         }

         @keyframes gradient {
             0% {
                 background-position: 0 50%
             }

             50% {
                 background-position: 100% 50%
             }

             to {
                 background-position: 0 50%
             }
         }

         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
             font-weight: 500;
             margin: unset
         }

         p {
             margin: unset
         }

         .c-bullet-list,
         .c-faq,
         .c-heading,
         .c-image-feature,
         .c-paragraph,
         .c-sub-heading {
             word-break: break-word
         }

         h1:empty:after,
         h2:empty:after,
         h3:empty:after,
         h4:empty:after,
         h5:empty:after,
         h6:empty:after,
         p:empty:after {
             content: "\00A0"
         }

         .w-3-4 {
             width: 75%
         }

         .w-1-2 {
             width: 50%
         }

         .tabs-container {
             display: flex
         }

         @media screen and (max-width:767px) {
             .nav-menu {
                 display: none
             }

             .nav-menu-mobile {
                 align-items: center;
                 display: flex
             }

             #faq-popup {
                 left: 5px !important;
                 margin-left: 0 !important;
                 width: 98% !important
             }

             .video-container {
                 width: 100% !important
             }

             .autoplay .vjs-big-play-button {
                 display: none !important
             }

             .autoplay:hover .vjs-control-bar {
                 display: flex !important
             }
         }


         @font-face {
             font-display: block;
             font-family: Font Awesome\ 5 Free;
             font-style: normal;
             font-weight: 400;
             src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot);
             src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff) format("woff"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")
         }

         .far {
             font-weight: 400
         }

         @font-face {
             font-display: block;
             font-family: Font Awesome\ 5 Free;
             font-style: normal;
             font-weight: 900;
             src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot);
             src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff) format("woff"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")
         }

         .fa,
         .far,
         .fas {
             font-family: Font Awesome\ 5 Free
         }

         .fa,
         .fas {
             font-weight: 900
         }

         @font-face {
             font-display: block;
             font-family: Font Awesome\ 5 Brands;
             font-style: normal;
             font-weight: 400;
             src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot);
             src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff) format("woff"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"), url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")
         }

         .fab {
             font-family: Font Awesome\ 5 Brands;
             font-weight: 400
         }


         :root {
             --animate-duration: 1s;
             --animate-delay: 1s;
             --animate-repeat: 1
         }

         .animate__animated {
             animation-duration: 1s;
             animation-duration: var(--animate-duration);
             animation-fill-mode: both
         }

         @media (prefers-reduced-motion:reduce),
         print {
             .animate__animated {
                 animation-duration: 1ms !important;
                 animation-iteration-count: 1 !important;
                 transition-duration: 1ms !important
             }

             .animate__animated[class*=Out] {
                 opacity: 0
             }
         }

         @keyframes fadeIn {
             0% {
                 opacity: 0
             }

             to {
                 opacity: 1
             }
         }

         .animate__fadeIn {
             animation-name: fadeIn
         }

         @keyframes fadeInUp {
             0% {
                 opacity: 0;
                 transform: translate3d(0, 100%, 0)
             }

             to {
                 opacity: 1;
                 transform: translateZ(0)
             }
         }

         .animate__fadeInUp {
             animation-name: fadeInUp
         }

         @keyframes fadeInDown {
             0% {
                 opacity: 0;
                 transform: translate3d(0, -100%, 0)
             }

             to {
                 opacity: 1;
                 transform: translateZ(0)
             }
         }

         .animate__fadeInDown {
             animation-name: fadeInDown
         }

         @keyframes fadeInLeft {
             0% {
                 opacity: 0;
                 transform: translate3d(-100%, 0, 0)
             }

             to {
                 opacity: 1;
                 transform: translateZ(0)
             }
         }

         .animate__fadeInLeft {
             animation-name: fadeInLeft
         }

         @keyframes fadeInRight {
             0% {
                 opacity: 0;
                 transform: translate3d(100%, 0, 0)
             }

             to {
                 opacity: 1;
                 transform: translateZ(0)
             }
         }

         .animate__fadeInRight {
             animation-name: fadeInRight
         }

         @keyframes slideInUp {
             0% {
                 transform: translate3d(0, 100%, 0);
                 visibility: visible
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__slideInUp {
             animation-name: slideInUp
         }

         @keyframes slideInDown {
             0% {
                 transform: translate3d(0, -100%, 0);
                 visibility: visible
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__slideInDown {
             animation-name: slideInDown
         }

         @keyframes slideInLeft {
             0% {
                 transform: translate3d(-100%, 0, 0);
                 visibility: visible
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__slideInLeft {
             animation-name: slideInLeft
         }

         @keyframes slideInRight {
             0% {
                 transform: translate3d(100%, 0, 0);
                 visibility: visible
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__slideInRight {
             animation-name: slideInRight
         }

         @keyframes bounceIn {

             0%,
             20%,
             40%,
             60%,
             80%,
             to {
                 animation-timing-function: cubic-bezier(.215, .61, .355, 1)
             }

             0% {
                 opacity: 0;
                 transform: scale3d(.3, .3, .3)
             }

             20% {
                 transform: scale3d(1.1, 1.1, 1.1)
             }

             40% {
                 transform: scale3d(.9, .9, .9)
             }

             60% {
                 opacity: 1;
                 transform: scale3d(1.03, 1.03, 1.03)
             }

             80% {
                 transform: scale3d(.97, .97, .97)
             }

             to {
                 opacity: 1;
                 transform: scaleX(1)
             }
         }

         .animate__bounceIn {
             animation-duration: .75s;
             animation-duration: calc(var(--animate-duration)*.75);
             animation-name: bounceIn
         }

         @keyframes bounceInUp {

             0%,
             60%,
             75%,
             90%,
             to {
                 animation-timing-function: cubic-bezier(.215, .61, .355, 1)
             }

             0% {
                 opacity: 0;
                 transform: translate3d(0, 3000px, 0) scaleY(5)
             }

             60% {
                 opacity: 1;
                 transform: translate3d(0, -20px, 0) scaleY(.9)
             }

             75% {
                 transform: translate3d(0, 10px, 0) scaleY(.95)
             }

             90% {
                 transform: translate3d(0, -5px, 0) scaleY(.985)
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__bounceInUp {
             animation-name: bounceInUp
         }

         @keyframes bounceInDown {

             0%,
             60%,
             75%,
             90%,
             to {
                 animation-timing-function: cubic-bezier(.215, .61, .355, 1)
             }

             0% {
                 opacity: 0;
                 transform: translate3d(0, -3000px, 0) scaleY(3)
             }

             60% {
                 opacity: 1;
                 transform: translate3d(0, 25px, 0) scaleY(.9)
             }

             75% {
                 transform: translate3d(0, -10px, 0) scaleY(.95)
             }

             90% {
                 transform: translate3d(0, 5px, 0) scaleY(.985)
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__bounceInDown {
             animation-name: bounceInDown
         }

         @keyframes bounceInLeft {

             0%,
             60%,
             75%,
             90%,
             to {
                 animation-timing-function: cubic-bezier(.215, .61, .355, 1)
             }

             0% {
                 opacity: 0;
                 transform: translate3d(-3000px, 0, 0) scaleX(3)
             }

             60% {
                 opacity: 1;
                 transform: translate3d(25px, 0, 0) scaleX(1)
             }

             75% {
                 transform: translate3d(-10px, 0, 0) scaleX(.98)
             }

             90% {
                 transform: translate3d(5px, 0, 0) scaleX(.995)
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__bounceInLeft {
             animation-name: bounceInLeft
         }

         @keyframes bounceInRight {

             0%,
             60%,
             75%,
             90%,
             to {
                 animation-timing-function: cubic-bezier(.215, .61, .355, 1)
             }

             0% {
                 opacity: 0;
                 transform: translate3d(3000px, 0, 0) scaleX(3)
             }

             60% {
                 opacity: 1;
                 transform: translate3d(-25px, 0, 0) scaleX(1)
             }

             75% {
                 transform: translate3d(10px, 0, 0) scaleX(.98)
             }

             90% {
                 transform: translate3d(-5px, 0, 0) scaleX(.995)
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__bounceInRight {
             animation-name: bounceInRight
         }

         @keyframes flip {
             0% {
                 animation-timing-function: ease-out;
                 transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
             }

             40% {
                 animation-timing-function: ease-out;
                 transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
             }

             50% {
                 animation-timing-function: ease-in;
                 transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
             }

             80% {
                 animation-timing-function: ease-in;
                 transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
             }

             to {
                 animation-timing-function: ease-in;
                 transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
             }
         }

         .animate__animated.animate__flip {
             animation-name: flip;
             backface-visibility: visible
         }

         @keyframes flipInX {
             0% {
                 animation-timing-function: ease-in;
                 opacity: 0;
                 transform: perspective(400px) rotateX(90deg)
             }

             40% {
                 animation-timing-function: ease-in;
                 transform: perspective(400px) rotateX(-20deg)
             }

             60% {
                 opacity: 1;
                 transform: perspective(400px) rotateX(10deg)
             }

             80% {
                 transform: perspective(400px) rotateX(-5deg)
             }

             to {
                 transform: perspective(400px)
             }
         }

         .animate__flipInX {
             animation-name: flipInX;
             backface-visibility: visible !important
         }

         @keyframes flipInY {
             0% {
                 animation-timing-function: ease-in;
                 opacity: 0;
                 transform: perspective(400px) rotateY(90deg)
             }

             40% {
                 animation-timing-function: ease-in;
                 transform: perspective(400px) rotateY(-20deg)
             }

             60% {
                 opacity: 1;
                 transform: perspective(400px) rotateY(10deg)
             }

             80% {
                 transform: perspective(400px) rotateY(-5deg)
             }

             to {
                 transform: perspective(400px)
             }
         }

         .animate__flipInY {
             animation-name: flipInY;
             backface-visibility: visible !important
         }

         @keyframes rollIn {
             0% {
                 opacity: 0;
                 transform: translate3d(-100%, 0, 0) rotate(-120deg)
             }

             to {
                 opacity: 1;
                 transform: translateZ(0)
             }
         }

         .animate__rollIn {
             animation-name: rollIn
         }

         @keyframes zoomIn {
             0% {
                 opacity: 0;
                 transform: scale3d(.3, .3, .3)
             }

             50% {
                 opacity: 1
             }
         }

         .animate__zoomIn {
             animation-name: zoomIn
         }

         @keyframes lightSpeedInLeft {
             0% {
                 opacity: 0;
                 transform: translate3d(-100%, 0, 0) skewX(30deg)
             }

             60% {
                 opacity: 1;
                 transform: skewX(-20deg)
             }

             80% {
                 transform: skewX(5deg)
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__lightSpeedInLeft {
             animation-name: lightSpeedInLeft;
             animation-timing-function: ease-out
         }

         @keyframes lightSpeedInRight {
             0% {
                 opacity: 0;
                 transform: translate3d(100%, 0, 0) skewX(-30deg)
             }

             60% {
                 opacity: 1;
                 transform: skewX(20deg)
             }

             80% {
                 transform: skewX(-5deg)
             }

             to {
                 transform: translateZ(0)
             }
         }

         .animate__lightSpeedInRight {
             animation-name: lightSpeedInRight;
             animation-timing-function: ease-out
         }



         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

         /* ---------------- TOKENS (CoopBusiness) ---------------- */
         #coopb-nav {
             --cb-blue: #38bded;
             --cb-blue-hover: #26a7d6;
             --ink: #0E1216;

             --capsule-bg: #ffffff;
             --capsule-ring: rgba(0, 0, 0, .06);
             --capsule-inner: rgba(255, 255, 255, .75);
             --shadow: 0 4px 12px rgba(0, 0, 0, .06), inset 0 1px 0 var(--capsule-inner);

             --logo-h-desktop: 34px;
             /* tweak here if needed */
             --logo-h-mobile: 28px;

             --btn-h: 44px;
             --btn-px: 22px;

             position: relative;
             z-index: 1000;
             background: transparent;
             font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
             -webkit-tap-highlight-color: transparent;
         }

         /* Skip link (a11y) */
         #coopb-nav .skip-link {
             position: absolute;
             left: -9999px;
             width: 1px;
             height: 1px;
             overflow: hidden;
         }

         #coopb-nav .skip-link:focus {
             position: fixed;
             left: 16px;
             top: 16px;
             padding: 10px 14px;
             background: #fff;
             border: 1px solid var(--cb-blue);
             border-radius: 12px;
             box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
             font: 600 14px/1 Inter;
             outline: none;
             z-index: 10000;
         }

         /* Capsule container */
         #coopb-nav .wrap {
             max-width: 1180px;
             margin: 0 auto;
             padding: 12px 18px;
             background: var(--capsule-bg);
             border: 1px solid var(--capsule-ring);
             border-radius: 9999px;
             box-shadow: var(--shadow);
             display: grid;
             grid-template-columns: 1fr auto 1fr;
             /* left | logo | right */
             align-items: center;
             gap: 12px;
         }

         /* Left links */
         #coopb-nav .left {
             display: flex;
             align-items: center;
             gap: 14px;
             justify-self: start;
         }

         #coopb-nav .left a {
             text-decoration: none;
             color: var(--ink);
             font-weight: 700;
             font-size: 15px;
             letter-spacing: .2px;
             padding: 8px 10px;
             border-radius: 10px;
             border: 1px solid transparent;
             transition: .2s ease;
         }

         #coopb-nav .left a:hover {
             background: rgba(14, 18, 22, .06);
         }

         #coopb-nav .left a:focus-visible {
             outline: 2px solid var(--cb-blue);
             outline-offset: 3px;
         }

         /* Centered brand */
         #coopb-nav .brand {
             display: flex;
             align-items: center;
             justify-content: center;
         }

         #coopb-nav .brand img {
             height: var(--logo-h-desktop);
             width: auto;
             display: block;
         }

         @media (max-width:880px) {
             #coopb-nav .brand img {
                 height: var(--logo-h-mobile);
             }
         }

         /* Right CTAs (aligned hard-right) */
         #coopb-nav .right {
             display: flex;
             align-items: center;
             gap: 12px;
             justify-content: flex-end;
             justify-self: end;
             /* push to far right of grid */
             margin-left: auto;
             /* ensure it hugs the right edge within the capsule */
         }

         /* Buttons */
         #coopb-nav .btn {
             display: inline-flex;
             align-items: center;
             justify-content: center;
             height: var(--btn-h);
             padding: 0 var(--btn-px);
             border-radius: 9999px;
             border: 1px solid transparent;
             font-weight: 700;
             font-size: 15px;
             line-height: 1;
             text-decoration: none;
             white-space: nowrap;
             cursor: pointer;
             transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
         }

         #coopb-nav .btn:focus-visible {
             outline: 2px solid var(--cb-blue);
             outline-offset: 3px;
         }

         /* Primary (SIGN UP) */
         #coopb-nav .btn-primary {
             background: var(--cb-blue);
             color: #fff;
             box-shadow: 0 4px 10px rgba(56, 189, 237, .25);
         }

         #coopb-nav .btn-primary:hover {
             background: var(--cb-blue-hover);
             transform: translateY(-1px);
             box-shadow: 0 8px 20px rgba(56, 189, 237, .30);
         }

         #coopb-nav .btn-primary:active {
             transform: translateY(0);
         }

         /* Ghost (Login) */
         #coopb-nav .btn-ghost {
             background: #fff;
             color: var(--cb-blue);
             border: 1px solid var(--cb-blue);
         }

         #coopb-nav .btn-ghost:hover {
             background: rgba(56, 189, 237, .06);
         }

         /* Mobile hamburger */
         #coopb-nav .hamburger {
             display: none;
             width: 40px;
             height: 40px;
             border-radius: 12px;
             border: 1px solid rgba(0, 0, 0, .08);
             background: #fff;
             position: relative;
             cursor: pointer;
             justify-self: end;
         }

         #coopb-nav .hamburger span,
         #coopb-nav .hamburger::before,
         #coopb-nav .hamburger::after {
             content: "";
             position: absolute;
             left: 10px;
             right: 10px;
             height: 1.8px;
             background: #0E1216;
             border-radius: 2px;
             transition: .25s ease;
         }

         #coopb-nav .hamburger span {
             top: 19px
         }

         #coopb-nav .hamburger::before {
             top: 12px
         }

         #coopb-nav .hamburger::after {
             top: 26px
         }

         /* Drawer */
         #coopb-nav .sheet {
             position: fixed;
             inset: 0;
             display: none;
             z-index: 9999;
         }

         #coopb-nav .backdrop {
             position: absolute;
             inset: 0;
             background: rgba(0, 0, 0, .35);
             opacity: 0;
             transition: opacity .22s ease;
             cursor: pointer;
         }

         #coopb-nav .panel {
             position: absolute;
             right: 0;
             top: 0;
             bottom: 0;
             width: min(86vw, 360px);
             background: #fff;
             border-left: 1px solid rgba(0, 0, 0, .08);
             transform: translateX(100%);
             transition: transform .28s ease;
             display: flex;
             flex-direction: column;
             gap: 14px;
             padding: 16px;
             box-shadow: -20px 0 40px rgba(0, 0, 0, .18);
         }

         #coopb-nav .xbtn {
             width: 40px;
             height: 40px;
             border-radius: 12px;
             border: 1px solid rgba(0, 0, 0, .08);
             background: #fff;
             position: relative;
             align-self: flex-end;
             cursor: pointer;
         }

         #coopb-nav .xbtn::before,
         #coopb-nav .xbtn::after {
             content: "";
             position: absolute;
             top: 19px;
             left: 10px;
             right: 10px;
             height: 1.8px;
             background: #0E1216;
             border-radius: 2px;
         }

         #coopb-nav .xbtn::before {
             transform: rotate(45deg)
         }

         #coopb-nav .xbtn::after {
             transform: rotate(-45deg)
         }

         #coopb-nav .mlinks {
             display: flex;
             flex-direction: column;
             gap: 10px;
             margin-top: 8px;
         }

         #coopb-nav .mlinks .btn {
             width: 100%;
             justify-content: center;
             padding: 14px 18px;
             font-size: 16px;
         }

         /* Open state */
         #coopb-nav.open .sheet {
             display: block;
         }

         #coopb-nav.open .backdrop {
             opacity: 1;
         }

         #coopb-nav.open .panel {
             transform: none;
         }

         #coopb-nav.open .hamburger span {
             opacity: 0;
         }

         #coopb-nav.open .hamburger::before {
             transform: translateY(7px) rotate(45deg);
         }

         #coopb-nav.open .hamburger::after {
             transform: translateY(-7px) rotate(-45deg);
         }

         /* Responsive */
         @media (max-width:960px) {
             #coopb-nav .wrap {
                 grid-template-columns: auto 1fr auto;
             }

             #coopb-nav .left,
             #coopb-nav .right {
                 display: none;
             }

             #coopb-nav .brand {
                 justify-content: flex-start;
             }

             #coopb-nav .hamburger {
                 display: inline-block;
             }
         }

         @media (prefers-reduced-motion: reduce) {
             #coopb-nav * {
                 transition: none !important;
                 animation: none !important;
             }
         }



         /* ---------- Scope & Design Tokens (CoopB) ---------- */
         #coopb-privacy,
         #coopb-privacy * {
             box-sizing: border-box;
         }

         #coopb-privacy {
             --blue: #38bded;
             --purple: #8000fc;
             --green: #7bc35b;
             --ink: #0E1216;
             --paper: #ffffff;
             --hair: #E9EEF4;
             --bg-soft: #f9fbfd;
             --h1: clamp(28px, 4.6vw, 46px);
             --lead: clamp(14px, 1.6vw, 18px);
             --body: 15px;
             --radius: 16px;
             --shadow: 0 10px 26px rgba(17, 48, 78, .10);
             --gap: clamp(18px, 3vw, 28px);
             --wide: min(1200px, 94vw);
             --toc-w: 300px;

             color: var(--ink);
             background: transparent;
             font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
             line-height: 1.65;
             padding: clamp(28px, 5vw, 60px) 0;
             -webkit-text-size-adjust: 100%;
             scroll-behavior: smooth;
             isolation: isolate;
         }

         /* ---------- Container ---------- */
         #coopb-privacy .wrap {
             width: var(--wide);
             margin: 0 auto;
         }

         /* ---------- Hero ---------- */
         #coopb-privacy .hero {
             display: grid;
             grid-template-columns: 80px 1fr;
             align-items: center;
             gap: 18px;
             margin: 0 clamp(8px, 3vw, 16px) clamp(16px, 4vw, 24px);
         }

         #coopb-privacy .shield {
             width: 80px;
             height: 80px;
             border-radius: 20px;
             background: radial-gradient(120% 120% at 20% 10%, rgba(56, 189, 237, .25), transparent 40%),
                 linear-gradient(160deg, rgba(128, 0, 252, .10), rgba(56, 189, 237, .16));
             border: 1px solid var(--hair);
             display: grid;
             place-items: center;
             box-shadow: var(--shadow);
             flex-shrink: 0;
         }

         #coopb-privacy .shield svg {
             width: 40px;
             height: 40px;
         }

         #coopb-privacy h1 {
             font-family: "Plus Jakarta Sans", Inter, sans-serif;
             font-weight: 800;
             font-size: var(--h1);
             margin: 0 0 6px 0;
             background: linear-gradient(90deg, var(--blue), var(--purple));
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
         }

         #coopb-privacy .rev {
             display: inline-flex;
             align-items: center;
             gap: 8px;
             font-size: var(--lead);
             font-weight: 600;
             color: #154b63;
             background: #eaf7ff;
             border: 1px solid #d6edff;
             padding: 6px 12px;
             border-radius: 999px;
             white-space: normal;
         }

         /* ---------- Layout: TOC + Content ---------- */
         #coopb-privacy .grid {
             display: grid;
             gap: 20px;
             grid-template-columns: 1fr;
             margin: clamp(8px, 2vw, 16px);
         }

         @media (min-width: 1024px) {
             #coopb-privacy .grid {
                 grid-template-columns: var(--toc-w) 1fr;
                 align-items: start;
             }
         }

         /* ---------- TOC (desktop sticky) ---------- */
         #coopb-privacy .toc {
             position: relative;
             background: #fff;
             border: 1px solid var(--hair);
             border-radius: 12px;
             padding: 14px;
             box-shadow: var(--shadow);
         }

         @media (min-width:1024px) {
             #coopb-privacy .toc {
                 position: sticky;
                 top: 24px;
                 display: block;
             }
         }

         @media (max-width:1023.98px) {
             #coopb-privacy .toc {
                 display: none;
             }
         }

         #coopb-privacy .toc h3 {
             font: 700 14px/1.2 "Plus Jakarta Sans", Inter, sans-serif;
             color: #1a55ad;
             letter-spacing: .3px;
             margin: 6px 0 10px;
         }

         #coopb-privacy .toc ul {
             list-style: none;
             margin: 0;
             padding: 0;
         }

         #coopb-privacy .toc a {
             display: flex;
             align-items: center;
             gap: 8px;
             font: 600 13px/1.3 Inter, sans-serif;
             color: #1a3446;
             text-decoration: none;
             padding: 10px 10px;
             border-radius: 10px;
             transition: background .15s ease, transform .15s ease;
             min-height: 40px;
         }

         #coopb-privacy .toc a:hover {
             background: #f2f9ff;
             transform: translateX(2px);
         }

         #coopb-privacy .toc a.active {
             background: #e9f5ff;
             color: #124b7a;
             border: 1px solid #d6ecff;
         }

         /* ---------- Mobile TOC (collapsible) ---------- */
         #coopb-privacy details.mob-toc {
             background: #fff;
             border: 1px solid var(--hair);
             border-radius: 12px;
             padding: 10px 12px;
             box-shadow: var(--shadow);
             margin-bottom: 6px;
         }

         #coopb-privacy details.mob-toc summary {
             cursor: pointer;
             list-style: none;
             font: 700 14px/1.2 "Plus Jakarta Sans", Inter, sans-serif;
             color: #1a55ad;
             display: flex;
             align-items: center;
             justify-content: space-between;
         }

         #coopb-privacy details[open] summary {
             margin-bottom: 8px;
         }

         #coopb-privacy details.mob-toc nav a {
             display: block;
             padding: 10px 6px;
             text-decoration: none;
             color: #1a3446;
             font: 600 13px/1.35 Inter, sans-serif;
             border-radius: 8px;
         }

         #coopb-privacy details.mob-toc nav a:active {
             background: #f2f9ff;
         }

         @media (min-width:1024px) {
             #coopb-privacy details.mob-toc {
                 display: none;
             }
         }

         /* ---------- Content Card ---------- */
         #coopb-privacy .card {
             background: #fff;
             border: 1px solid var(--hair);
             border-radius: var(--radius);
             padding: clamp(14px, 3vw, 32px);
             box-shadow: var(--shadow);
         }

         #coopb-privacy .chip {
             display: inline-flex;
             align-items: center;
             gap: 8px;
             font: 700 12px/1 "Plus Jakarta Sans", Inter, sans-serif;
             color: #124b7a;
             background: #eef6ff;
             border: 1px solid #dbeeff;
             padding: 8px 10px;
             border-radius: 999px;
             margin: 8px 0 6px;
         }

         /* ---------- Legal Body (verbatim) ---------- */
         #coopb-privacy .legal {
             /* white-space: pre-wrap; */
             margin: 10px 0;
             font-size: var(--body);
             overflow-wrap: anywhere;
             word-break: normal;
         }

         #coopb-privacy .legal p {
             margin: 0 0 12px 0;
         }

         /* Anchor spacers */
         #coopb-privacy .anchor {
             position: relative;
         }

         #coopb-privacy .anchor::before {
             content: "";
             display: block;
             height: 72px;
             margin-top: -72px;
             visibility: hidden;
         }

         @media (max-width:480px) {
             #coopb-privacy .anchor::before {
                 height: 56px;
                 margin-top: -56px;
             }
         }

         /* ---------- Animations ---------- */
         #coopb-privacy [data-animate] {
             opacity: 0;
             transform: translateY(12px);
             transition: all .45s ease;
         }

         #coopb-privacy [data-animate].visible {
             opacity: 1;
             transform: none;
         }

         /* ---------- Mobile-specific tuning ---------- */
         @media (max-width:768px) {
             #coopb-privacy .hero {
                 grid-template-columns: 56px auto;
                 align-items: center;
                 gap: 12px;
             }

             #coopb-privacy .shield {
                 width: 56px;
                 height: 56px;
                 border-radius: 14px;
             }

             #coopb-privacy .shield svg {
                 width: 28px;
                 height: 28px;
             }

             #coopb-privacy h1 {
                 margin-bottom: 8px;
             }

             #coopb-privacy .rev {
                 line-height: 1.3;
                 padding: 6px 10px;
             }

             #coopb-privacy .card {
                 padding: 16px;
             }

             #coopb-privacy .chip {
                 padding: 7px 9px;
             }
         }

         @media (max-width:390px) {
             #coopb-privacy .hero {
                 grid-template-columns: 1fr;
                 justify-items: center;
                 text-align: center;
             }

             #coopb-privacy .rev {
                 display: inline-block;
                 margin-top: 6px;
             }
         }

         /* ---------- Visibility Hot-Fix ---------- */
         #coopb-privacy article.card {
             opacity: 1 !important;
             transform: none !important;
         }

         /* ---------- Back-to-Top Button ---------- */
         #coopb-privacy .to-top {
             position: fixed;
             right: clamp(12px, 3vw, 24px);
             bottom: clamp(12px, 3vw, 24px);
             width: 52px;
             height: 52px;
             border-radius: 999px;
             z-index: 1000;
             background: linear-gradient(180deg, #38bded, #8000fc);
             color: #fff;
             border: 1px solid rgba(255, 255, 255, .22);
             box-shadow: 0 10px 24px rgba(24, 83, 120, .24);
             display: grid;
             place-items: center;
             cursor: pointer;
             opacity: 0;
             transform: translateY(8px);
             pointer-events: none;
             transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease, background .2s ease;
         }

         #coopb-privacy .to-top.show {
             opacity: 1;
             transform: none;
             pointer-events: auto;
         }

         #coopb-privacy .to-top:hover {
             box-shadow: 0 14px 30px rgba(24, 83, 120, .3);
         }

         #coopb-privacy .to-top svg {
             width: 22px;
             height: 22px;
         }

         @media (prefers-reduced-motion: reduce) {
             #coopb-privacy {
                 scroll-behavior: auto;
             }

             #coopb-privacy [data-animate] {
                 transition: none;
             }

             #coopb-privacy .to-top {
                 transition: none;
             }
         }



         /* Scope & reset inside footer only */
         #coopb2-footer,
         #coopb2-footer * {
             box-sizing: border-box;
         }

         #coopb2-footer :where(h1, h2, h3, p, ul, ol, li) {
             margin: 0;
             padding: 0;
         }

         #coopb2-footer a,
         #coopb2-footer button {
             pointer-events: auto;
             text-decoration: none;
         }

         /* Tokens & rhythm */
         #coopb2-footer {
             --blue: #38bded;
             --purple: #8000fc;
             --green: #7bc35b;
             --bg1: #0b0f14;
             --bg2: #0c1016;
             --ink: #E9EEF4;
             --muted: #9AA6B2;
             --card: rgba(255, 255, 255, .04);
             --card-bd: rgba(255, 255, 255, .10);

             --s0: 8px;
             --s1: 12px;
             --s2: 16px;
             --s3: 22px;
             --s4: 28px;
             --s5: 36px;
             --s6: 56px;

             --pull-up: 0px;
             /* set to 40px if you want overlap */
             --rail-pad-x: 32px;
             --rail-pad-y: 16px;

             /* Collision safety */
             position: relative;
             z-index: 2147483647;
             isolation: isolate;
             contain: paint;
             pointer-events: auto;

             display: block;
             margin-top: calc(var(--pull-up) * -1);
             padding-top: calc(var(--s5) + var(--pull-up));
             padding-bottom: var(--s6);

             font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
             font-size: 16px;
             line-height: 1.5;
             color: var(--ink);
             text-align: center;

             background:
                 radial-gradient(1100px 520px at 50% -10%, rgba(56, 189, 237, .10), transparent 55%),
                 radial-gradient(900px 420px at 80% 120%, rgba(128, 0, 252, .08), transparent 60%),
                 linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 100%);
         }

         @media (max-width: 768px) {
             #coopb2-footer {
                 margin-top: 0;
                 padding-top: var(--s5);
             }
         }

         #coopb2-footer .wrap {
             max-width: 1200px;
             margin: 0 auto;
             padding: 0 20px;
         }

         /* Logo */
         #coopb2-footer .logo-wrap {
             width: clamp(170px, 22vw, 240px);
             margin: 0 auto var(--s3);
         }

         #coopb2-footer .logo-link {
             display: inline-block;
         }

         #coopb2-footer .logo {
             display: block;
             width: 100%;
             height: auto;
         }

         /* Headline */
         #coopb2-footer .headline {
             margin: var(--s3) auto var(--s4);
             font: 800 clamp(26px, 3.8vw, 42px)/1.08 "Plus Jakarta Sans", Inter, system-ui;
             letter-spacing: .01em;
             text-wrap: balance;
             background: linear-gradient(90deg, var(--blue), var(--purple), var(--green));
             -webkit-background-clip: text;
             background-clip: text;
             color: transparent;
         }

         /* Quick Links rail */
         #coopb2-footer .rail {
             max-width: 1100px;
             margin: 0 auto var(--s4);
             display: flex;
             border-radius: 16px;
             overflow: hidden;
             background: var(--card);
             border: 1px solid var(--card-bd);
             box-shadow: 0 10px 24px rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .02);
         }

         #coopb2-footer .rail a {
             flex: 1 1 0;
             display: flex;
             justify-content: center;
             align-items: center;
             padding: var(--rail-pad-y) var(--rail-pad-x);
             font-weight: 600;
             font-size: 15.5px;
             color: var(--ink);
             white-space: nowrap;
             transition: background .18s ease, transform .18s ease, color .18s ease;
         }

         #coopb2-footer .rail a+a {
             border-left: 1px solid var(--card-bd);
         }

         #coopb2-footer .rail a:hover {
             background: rgba(255, 255, 255, .06);
             color: #fff;
             transform: translateY(-2px);
         }

         @media (max-width:900px) {
             #coopb2-footer .rail {
                 flex-direction: column;
             }

             #coopb2-footer .rail a {
                 white-space: normal;
                 padding: 14px 20px;
             }

             #coopb2-footer .rail a+a {
                 border-left: none;
                 border-top: 1px solid var(--card-bd);
             }
         }

         /* Social */
         #coopb2-footer .social {
             display: flex;
             justify-content: center;
             gap: calc(var(--s2) + 2px);
             margin: var(--s4) 0 var(--s3);
         }

         #coopb2-footer .sbtn {
             width: 42px;
             height: 42px;
             border-radius: 12px;
             display: grid;
             place-items: center;
             color: #fff;
             background: linear-gradient(135deg, rgba(56, 189, 237, .22), rgba(128, 0, 252, .22));
             border: 1px solid rgba(255, 255, 255, .16);
             box-shadow: 0 6px 14px rgba(0, 0, 0, .22);
             transition: transform .18s ease, background .18s ease;
         }

         #coopb2-footer .sbtn:hover {
             transform: translateY(-2px);
             background: linear-gradient(135deg, rgba(56, 189, 237, .32), rgba(128, 0, 252, .30));
         }

         #coopb2-footer .sbtn svg {
             width: 18px;
             height: 18px;
             display: block;
         }

         /* Divider — slightly tighter above legal links */
         #coopb2-footer .rule {
             height: 1px;
             background: rgba(255, 255, 255, .12);
             max-width: 1100px;
             margin: 0 auto var(--s1);
             /* 12px gap to legal block */
         }

         /* Legal block — decrease © ↔ links spacing a bit */
         #coopb2-footer .cb2-legalBlock {
             display: grid;
             grid-auto-flow: row;
             row-gap: var(--s1);
             /* 12px between © and links */
             justify-items: center;
             margin: 0;
             padding: 0;
         }

         #coopb2-footer .copy {
             color: var(--muted);
             font: 600 13.5px/1.5 Inter, sans-serif;
         }

         #coopb2-footer .legal {
             display: flex;
             justify-content: center;
             flex-wrap: wrap;
             gap: var(--s2);
             /* 16px between links */
             line-height: 1.5;
         }

         #coopb2-footer .legal a {
             color: var(--ink);
             font: 600 13.5px/1.5 Inter, sans-serif;
         }

         #coopb2-footer .legal a:hover {
             color: #fff;
             text-decoration: underline;
             text-underline-offset: 3px;
         }

         .enroller-bar {
    width: 100%;
    margin: 1rem 0 auto auto;
    display: flex;
    justify-content: center;
}

.enroller-bar .enroller-chip {
    background: #38bded;
    border: 1px solid rgba(28, 95, 135, .2);
    color: #fff;
    padding: 10px 20px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 12px;
    font-family: "Plus Jakarta Sans", Inter, sans-serif;
    height: 22px;
    display: flex;
    align-items: center;
}

/* Left links (now empty but preserved for spacing) */
#coopb-nav .left {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-self: start;
}

#coopb-nav .left {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-self: start;
}

#coopb-nav .left a {
    text-decoration: none;
    color: color-mix(in oklab, var(--navy), #000 15%);
    font-weight: 700;
    /* back to bold */
    font-size: 15px;
    /* increased slightly */
    letter-spacing: .2px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: .2s ease;
}

#coopb-nav .left a:hover {
    background: rgba(28, 95, 135, .06);
}

#coopb-nav .left a:focus-visible {
    outline: 2px solid var(--sky);
    outline-offset: 3px;
}


#coopb-nav .right .nav-link {
    text-decoration: none;
    color: color-mix(in oklab, var(--navy), #000 15%);
    font-weight: 700;
    /* back to bold */
    font-size: 15px;
    /* increased slightly */
    letter-spacing: .2px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: .2s ease;
}

#coopb-nav .right .nav-link:hover {
    background: rgba(28, 95, 135, .06);
}

#coopb-nav .right .nav-link:focus-visible {
    outline: 2px solid var(--sky);
    outline-offset: 3px;
}