: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-guarantee,
        #coopb-guarantee * {
            box-sizing: border-box;
        }

        #coopb-guarantee {
            --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: 280px;

            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-guarantee .wrap {
            width: var(--wide);
            margin: 0 auto;
        }

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

        #coopb-guarantee .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-guarantee .shield svg {
            width: 40px;
            height: 40px;
        }

        #coopb-guarantee 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-guarantee .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-guarantee .grid {
            display: grid;
            gap: 20px;
            grid-template-columns: 1fr;
            margin: clamp(8px, 2vw, 16px);
        }

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

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

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

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

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

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

        #coopb-guarantee .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-guarantee .toc a:hover {
            background: #f2f9ff;
            transform: translateX(2px);
        }

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

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

        #coopb-guarantee 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-guarantee details[open] summary {
            margin-bottom: 8px;
        }

        #coopb-guarantee 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-guarantee details.mob-toc nav a:active {
            background: #f2f9ff;
        }

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

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

        #coopb-guarantee .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-guarantee .legal {
            /* white-space: pre-wrap; */
            margin: 10px 0;
            font-size: var(--body);
            overflow-wrap: anywhere;
            word-break: normal;
        }

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

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

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

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

        /* ---------- CTA ---------- */
        #coopb-guarantee .cta {
            margin-top: 24px;
            text-align: center;
        }

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

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

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

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

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

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

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

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

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

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

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

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

        /* ---------- Back-to-Top Button (CoopB gradient) ---------- */
        #coopb-guarantee .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-guarantee .to-top.show {
            opacity: 1;
            transform: none;
            pointer-events: auto;
        }

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

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

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

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

            #coopb-guarantee .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;
}