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

        html {
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4
        }

        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        body {
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
        }

        hr {
            height: 0;
            color: inherit
        }

        abbr[title] {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted
        }

        b,
        strong {
            font-weight: bolder
        }

        code,
        kbd,
        pre,
        samp {
            font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
            font-size: 1em
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        table {
            text-indent: 0;
            border-color: inherit
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button,
        select {
            text-transform: none
        }

        [type=button],
        button {
            -webkit-appearance: button
        }

        ::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        legend {
            padding: 0
        }

        progress {
            vertical-align: baseline
        }

        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        ::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        summary {
            display: list-item
        }

        blockquote,
        dd,
        dl,
        figure,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        p,
        pre {
            margin: 0
        }

        button {
            background-color: transparent;
            background-image: none
        }

        fieldset {
            margin: 0;
            padding: 0
        }

        ol,
        ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        html {
            font-family: Archivo Narrow;
            line-height: 1.5
        }

        body {
            font-family: inherit;
            line-height: inherit
        }

        *,
        ::after,
        ::before {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: currentColor
        }

        hr {
            border-top-width: 1px
        }

        img {
            border-style: solid
        }

        textarea {
            resize: vertical
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            opacity: 1;
            color: #9ca3af
        }

        input::placeholder,
        textarea::placeholder {
            opacity: 1;
            color: #9ca3af
        }

        button {
            cursor: pointer
        }

        table {
            border-collapse: collapse
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: inherit;
            font-weight: inherit
        }

        a {
            color: inherit;
            text-decoration: inherit
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            padding: 0;
            line-height: inherit;
            color: inherit
        }

        code,
        kbd,
        pre,
        samp {
            font-family: Archivo Narrow
        }

        audio,
        canvas,
        embed,
        iframe,
        img,
        object,
        svg,
        video {
            display: block;
            vertical-align: middle
        }

        img,
        video {
            max-width: 100%;
            height: auto
        }

        [hidden] {
            display: none
        }

        *,
        ::after,
        ::before {
            --tw-border-opacity: 1;
            border-color: rgba(229, 231, 235, var(--tw-border-opacity))
        }

        .container {
            width: 100%;
            margin-right: auto;
            margin-left: auto
        }

        @media (min-width:640px) {
            .container {
                max-width: 640px
            }
        }

        @media (min-width:768px) {
            .container {
                max-width: 768px
            }
        }

        @media (min-width:1024px) {
            .container {
                max-width: 1024px
            }
        }

        @media (min-width:1280px) {
            .container {
                max-width: 1280px
            }
        }

        @media (min-width:1536px) {
            .container {
                max-width: 1536px
            }
        }

        .static {
            position: static
        }

        .fixed {
            position: fixed
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .top-0 {
            top: 0
        }

        .top-2 {
            top: .5rem
        }

        .top-3 {
            top: .75rem
        }

        .top-2\.5 {
            top: .625rem
        }

        .right-0 {
            right: 0
        }

        .right-3 {
            right: .75rem
        }

        .bottom-0 {
            bottom: 0
        }

        .left-0 {
            left: 0
        }

        .z-10 {
            z-index: 10
        }

        .z-20 {
            z-index: 20
        }

        .z-50 {
            z-index: 50
        }

        .m-auto {
            margin: auto
        }

        .mx-0 {
            margin-left: 0;
            margin-right: 0
        }

        .mx-2 {
            margin-left: .5rem;
            margin-right: .5rem
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .mx-2\.5 {
            margin-left: .625rem;
            margin-right: .625rem
        }

        .my-0 {
            margin-top: 0;
            margin-bottom: 0
        }

        .my-4 {
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .my-8 {
            margin-top: 2rem;
            margin-bottom: 2rem
        }

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

        .mt-3 {
            margin-top: .75rem
        }

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

        .mt-6 {
            margin-top: 1.5rem
        }

        .mr-3 {
            margin-right: .75rem
        }

        .mr-6 {
            margin-right: 1.5rem
        }

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

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

        .mb-3 {
            margin-bottom: .75rem
        }

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

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

        .ml-1 {
            margin-left: .25rem
        }

        .ml-4 {
            margin-left: 1rem
        }

        .ml-10 {
            margin-left: 2.5rem
        }

        .ml-auto {
            margin-left: auto
        }

        .block {
            display: block
        }

        .inline-block {
            display: inline-block
        }

        .flex {
            display: flex
        }

        .table {
            display: table
        }

        .grid {
            display: grid
        }

        .contents {
            display: contents
        }

        .hidden {
            display: none
        }

        .h-2 {
            height: .5rem
        }

        .h-3 {
            height: .75rem
        }

        .h-8 {
            height: 2rem
        }

        .h-full {
            height: 100%
        }

        .w-2 {
            width: .5rem
        }

        .w-36 {
            width: 9rem
        }

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

        .w-2\/5 {
            width: 40%
        }

        .w-3\/5 {
            width: 60%
        }

        .w-4\/5 {
            width: 80%
        }

        .w-5\/6 {
            width: 83.333333%
        }

        .w-full {
            width: 100%
        }

        .max-w-sm {
            max-width: 24rem
        }

        .flex-1 {
            flex: 1 1 0%
        }

        .transform {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        @keyframes spin {
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes ping {

            100%,
            75% {
                transform: scale(2);
                opacity: 0
            }
        }

        @keyframes pulse {
            50% {
                opacity: .5
            }
        }

        @keyframes bounce {

            0%,
            100% {
                transform: translateY(-25%);
                animation-timing-function: cubic-bezier(.8, 0, 1, 1)
            }

            50% {
                transform: none;
                animation-timing-function: cubic-bezier(0, 0, .2, 1)
            }
        }

        .cursor-pointer {
            cursor: pointer
        }

        .list-disc {
            list-style-type: disc
        }

        .grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .flex-col {
            flex-direction: column
        }

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

        .items-center {
            align-items: center
        }

        .items-baseline {
            align-items: baseline
        }

        .justify-center {
            justify-content: center
        }

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

        .space-x-3>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right: calc(.75rem * var(--tw-space-x-reverse));
            margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
        }

        .space-x-4>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right: calc(1rem * var(--tw-space-x-reverse));
            margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
        }

        .space-y-2>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
        }

        .space-y-3>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
        }

        .space-y-4>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(1rem * var(--tw-space-y-reverse))
        }

        .space-y-2\.5>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
        }

        .overflow-hidden {
            overflow: hidden
        }

        .rounded {
            border-radius: .25rem
        }

        .rounded-md {
            border-radius: .375rem
        }

        .rounded-t {
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem
        }

        .rounded-b {
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

        .border-0 {
            border-width: 0
        }

        .border-2 {
            border-width: 2px
        }

        .border {
            border-width: 1px
        }

        .border-t {
            border-top-width: 1px
        }

        .border-r {
            border-right-width: 1px
        }

        .border-b-2 {
            border-bottom-width: 2px
        }

        .border-b {
            border-bottom-width: 1px
        }

        .border-l {
            border-left-width: 1px
        }

        .border-transparent {
            border-color: transparent
        }

        .border-gray-200 {
            --tw-border-opacity: 1;
            border-color: rgba(229, 231, 235, var(--tw-border-opacity))
        }

        .border-gray-300 {
            --tw-border-opacity: 1;
            border-color: rgba(209, 213, 219, var(--tw-border-opacity))
        }

        .bg-transparent {
            background-color: transparent
        }

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

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
        }

        .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
        }

        .bg-gray-700 {
            --tw-bg-opacity: 1;
            background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
        }

        .bg-opacity-50 {
            --tw-bg-opacity: 0.5
        }

        .p-1 {
            padding: .25rem
        }

        .p-2 {
            padding: .5rem
        }

        .p-5 {
            padding: 1.25rem
        }

        .p-2\.5 {
            padding: .625rem
        }

        .px-2 {
            padding-left: .5rem;
            padding-right: .5rem
        }

        .px-3 {
            padding-left: .75rem;
            padding-right: .75rem
        }

        .px-2\.5 {
            padding-left: .625rem;
            padding-right: .625rem
        }

        .py-1 {
            padding-top: .25rem;
            padding-bottom: .25rem
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .py-4 {
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .py-5 {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem
        }

        .py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .pt-8 {
            padding-top: 2rem
        }

        .pr-3 {
            padding-right: .75rem
        }

        .pb-2 {
            padding-bottom: .5rem
        }

        .pb-4 {
            padding-bottom: 1rem
        }

        .pb-8 {
            padding-bottom: 2rem
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .text-right {
            text-align: right
        }

        .text-xs {
            font-size: .75rem;
            line-height: 1rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

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

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

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

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

        .font-normal {
            font-weight: 400
        }

        .font-semibold {
            font-weight: 600
        }

        .font-bold {
            font-weight: 700
        }

        .uppercase {
            text-transform: uppercase
        }

        .leading-8 {
            line-height: 2rem
        }

        .tracking-wide {
            letter-spacing: .025em
        }

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

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

        .text-gray-400 {
            --tw-text-opacity: 1;
            color: rgba(156, 163, 175, var(--tw-text-opacity))
        }

        .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgba(107, 114, 128, var(--tw-text-opacity))
        }

        .text-gray-700 {
            --tw-text-opacity: 1;
            color: rgba(55, 65, 81, var(--tw-text-opacity))
        }

        .text-green-800 {
            --tw-text-opacity: 1;
            color: rgba(6, 95, 70, var(--tw-text-opacity))
        }

        .text-blue-600 {
            --tw-text-opacity: 1;
            color: rgba(37, 99, 235, var(--tw-text-opacity))
        }

        .underline {
            text-decoration: underline
        }

        .hover\:underline:hover {
            text-decoration: underline
        }

        *,
        ::after,
        ::before {
            --tw-shadow: 0 0 #0000
        }

        .shadow {
            --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .shadow-md {
            --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        *,
        ::after,
        ::before {
            --tw-ring-inset: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgba(59, 130, 246, 0.5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000
        }

        .filter {
            --tw-blur: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-brightness: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-contrast: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-grayscale: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-hue-rotate: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-invert: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-saturate: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-sepia: var(--tw-empty, );
            /*!*/
            /*!*/
            --tw-drop-shadow: var(--tw-empty, );
            /*!*/
            /*!*/
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
        }

        .transition {
            transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: 150ms
        }

        @media (min-width:768px) {
            .md\:relative {
                position: relative
            }

            .md\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }

            .md\:block {
                display: block
            }

            .md\:flex {
                display: flex
            }

            .md\:hidden {
                display: none
            }

            .md\:h-9 {
                height: 2.25rem
            }

            .md\:h-full {
                height: 100%
            }

            .md\:w-48 {
                width: 12rem
            }

            .md\:w-52 {
                width: 13rem
            }

            .md\:w-1\/3 {
                width: 33.333333%
            }

            .md\:w-3\/5 {
                width: 60%
            }

            .md\:space-x-8>:not([hidden])~:not([hidden]) {
                --tw-space-x-reverse: 0;
                margin-right: calc(2rem * var(--tw-space-x-reverse));
                margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
            }

            .md\:rounded-t-none {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }

            .md\:rounded-b-none {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }

            .md\:border-0 {
                border-width: 0
            }

            .md\:border-r {
                border-right-width: 1px
            }

            .md\:px-5 {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }

            .md\:pr-10 {
                padding-right: 2.5rem
            }

            .md\:text-left {
                text-align: left
            }

            .md\:text-center {
                text-align: center
            }

            .md\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

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

        @media (min-width:1024px) {
            .lg\:-mx-7 {
                margin-left: -1.75rem;
                margin-right: -1.75rem
            }

            .lg\:-mt-6 {
                margin-top: -1.5rem
            }
        }

        @font-face {
            font-family: "Archivo Narrow";
            font-style: normal;
            font-weight: 400;
            font-display: block;
            src: url(../fonts/Archivo_Narrow-400-latin3.a55691c.woff2) format("woff2");
            unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
        }

        @font-face {
            font-family: "Archivo Narrow";
            font-style: normal;
            font-weight: 500;
            font-display: block;
            src: url(../fonts/Archivo_Narrow-500-latin6.f1c0150.woff2) format("woff2");
            unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
        }

        @font-face {
            font-family: "Archivo Narrow";
            font-style: normal;
            font-weight: 600;
            font-display: block;
            src: url(../fonts/Archivo_Narrow-600-latin9.2f62508.woff2) format("woff2");
            unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
        }

        @font-face {
            font-family: "Archivo Narrow";
            font-style: normal;
            font-weight: 700;
            font-display: block;
            src: url(../fonts/Archivo_Narrow-700-latin12.f5b023a.woff2) format("woff2");
            unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
        }

        @font-face {
            font-family: icomoon;
            src: url(../fonts/icomoon.e4b516c.eot);
            src: url(../fonts/icomoon.e4b516c.eot#iefix) format("embedded-opentype"), url(../fonts/icomoon.fd770e6.ttf) format("truetype"), url(../fonts/icomoon.fc74bf6.woff) format("woff"), url(img/icomoon.75ab4e3.svg#icomoon) format("svg");
            font-weight: 400;
            font-style: normal;
            font-display: block
        }

        [class*=" icon-"],
        [class^=icon-] {
            font-family: icomoon !important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .icon-star-empty:before {
            content: "\e9d7"
        }

        .icon-star-half:before {
            content: "\e9d8"
        }

        .icon-star-full:before {
            content: "\e9d9"
        }

        .icon-cross:before {
            content: "\ea0f"
        }

        .icon-checkmark:before {
            content: "\ea10"
        }

        .nuxt-progress {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            width: 0;
            opacity: 1;
            transition: width .1s, opacity .4s;
            background-color: #000;
            z-index: 999999
        }

        .nuxt-progress.nuxt-progress-notransition {
            transition: none
        }

        .nuxt-progress-failed {
            background-color: red
        }

        .sm-d-block {
            display: block
        }

        @media (min-width:768px) {
            .sm-d-block {
                display: none
            }
        }

        .sm-d-none {
            display: none
        }

        @media (min-width:768px) {
            .sm-d-none {
                display: block
            }
        }

        h1,
        h2 {
            font-weight: 600
        }

        .showcase {
            background-image: var(--mobile-background-image);
            background-size: cover;
            background-position: 50%;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .showcase .container {
            background-color: transparent
        }

        .showcase h1 {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: .75rem;
            width: 83.333333%;
            text-align: center;
            font-size: 1.5rem;
            line-height: 2rem;
            font-weight: 400;
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity))
        }

        .showcase h1+p {
            text-align: center;
            font-size: .875rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity))
        }

        @media (min-width:768px) {
            .showcase h1+p {
                text-align: left;
                --tw-text-opacity: 1;
                color: rgba(0, 0, 0, var(--tw-text-opacity))
            }
        }

        .showcase h1+p span {
            text-transform: uppercase
        }

        .showcase .description {
            margin-bottom: .25rem;
            color: #666
        }

        .info a {
            color: #3d71a1
        }

        .info a:hover {
            text-decoration: underline
        }

        .info .visit-partner a:hover {
            text-decoration: none
        }

        .info h1 {
            padding-top: .25rem;
            padding-bottom: .25rem;
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: 600;
            letter-spacing: .025em;
            --tw-text-opacity: 1;
            color: rgba(55, 65, 81, var(--tw-text-opacity))
        }

        .info .container {
            padding: 1rem
        }

        .info h2 {
            margin-top: 1rem;
            margin-bottom: .5rem;
            font-size: 1.25rem;
            line-height: 1.75rem;
            font-weight: 600;
            line-height: 2rem
        }

        .info h2 u {
            color: #666
        }

        .info li,
        .info p {
            line-height: 2rem
        }

        .info li,
        .info p {
            color: #666
        }

        .info ul {
            list-style-type: disc;
            padding-left: 2rem;
            line-height: 2rem
        }

        .info #unique_table,
        .info ul {
            color: #666
        }

        .info #unique_table:first-of-type td {
            padding: 2.5rem
        }

        .info #unique_table td {
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgba(209, 213, 219, var(--tw-border-opacity));
            padding: .5rem;
            text-align: center
        }

        .info #unique_table table {
            background-color: #fcfcfc;
            width: 100%
        }

        .info #unique_table table tbody tr:nth-of-type(odd) {
            background-color: #f5f5f5;
            color: #454545
        }

        .container {
            max-width: 1100px;
            width: 100%;
            padding-left: .5rem;
            padding-right: .5rem
        }

        @media (min-width:768px) {
            .showcase {
                background-image: unset;
                padding: 0
            }

            .showcase .showcase-subtext {
                display: flex;
                align-items: flex-end;
                padding-bottom: .5rem;
                color: #666
            }

            .showcase .showcase-subtext img {
                margin-left: .25rem;
                margin-right: .25rem
            }

            .showcase .container {
                width: 100%;
                --tw-bg-opacity: 1;
                background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
            }

            .showcase h1 {
                margin-left: 0;
                margin-right: 0;
                margin-top: 0;
                margin-bottom: 0;
                display: block;
                text-align: left;
                font-size: 2.25rem;
                line-height: 2.5rem;
                font-weight: 600;
                letter-spacing: .025em;
                --tw-text-opacity: 1;
                color: rgba(0, 0, 0, var(--tw-text-opacity))
            }

            .showcase h2 {
                font-weight: 700
            }

            .showcase p {
                line-height: 2rem;
                line-height: 30px
            }

            .info .container {
                padding-left: 3.5rem;
                padding-right: 3.5rem
            }

            .info h2 {
                margin: 0;
                padding-top: 1rem;
                padding-bottom: 1rem
            }

            .app-bg {
                position: fixed;
                top: 0;
                left: 0;
                display: block;
                height: 100%;
                width: 100%;
                background-position: 50%;
                background-attachment: fixed;
                background-repeat: no-repeat;
                background-size: cover
            }
        }

        @media (min-width:1024px) {
            .container {
                padding-left: 3rem;
                padding-right: 3rem
            }

            .showcase .showcase-subtext img {
                display: block
            }
        }

        .fa-check-square {
            margin-left: 5px
        }

        .fa-check-square:after {
            content: "✓";
            color: #45f34d;
            font-size: 14px
        }

        .wp-hidden {
            display: none
        }

        .mobile {
            display: block
        }

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

        .desktop {
            display: none
        }

        @media (min-width:768px) {
            .desktop {
                display: block
            }
        }

        #page-60 h1,
        #page-63 h1,
        #page-66 h1,
        #page-69 h1 {
            color: #000 !important
        }

        h1 {
            color: #fff !important
        }

        @media (min-width:768px) {
            h1 {
                color: #000 !important
            }
        }

        .header-wrapper {
            height: 100px
        }

        .header-wrapper .logo {
            height: 80px;
            width: 108px
        }

        .header-wrapper .logo img {
            height: 0;
            width: 0;
            min-height: 100%;
            min-width: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }

        .header-wrapper img {
            width: auto;
            height: 40px
        }

        @media (min-width:768px) {
            .menu-header_menu-container {
                height: 100%
            }

            #menu-header_menu {
                display: flex;
                height: 100%
            }

            #menu-header_menu li a {
                display: inline-block;
                display: flex;
                height: 100%;
                align-items: center;
                justify-content: center;
                border-bottom-width: 2px;
                border-color: transparent
            }

            #menu-header_menu li a:hover {
                --tw-border-opacity: 1;
                border-color: rgba(255, 255, 255, var(--tw-border-opacity))
            }

            #menu-header_menu li a {
                padding-left: .75rem;
                padding-right: .75rem;
                font-size: 1rem;
                line-height: 1.5rem;
                font-weight: 600;
                --tw-text-opacity: 1;
                color: rgba(255, 255, 255, var(--tw-text-opacity));
                transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                transition-duration: 150ms;
                word-spacing: .1px
            }

            #menu-header_menu li a.active {
                --tw-border-opacity: 1;
                border-color: rgba(255, 255, 255, var(--tw-border-opacity))
            }
        }

        @media (min-width:1024px) {
            #menu-header_menu li a {
                font-size: 1.25rem;
                line-height: 1.75rem
            }
        }

        .tooltip-featured-image[data-v-f5ff052e] {
            margin-left: auto;
            margin-right: auto;
            width: 100%
        }

        #comp-converto-hamburger {
            margin-right: 15px;
            margin-top: 2.5px;
            overflow: hidden;
            z-index: 1001;
            width: 21px;
            height: 36px;
            position: relative;
            text-align: center;
            transform: rotate(0);
            transition: all .45s ease-in-out
        }

        #comp-converto-hamburger>span {
            display: block;
            position: absolute;
            height: 1.5px;
            width: 21px;
            background: #969696;
            border-radius: 5px;
            opacity: 1;
            right: 0;
            transform: rotate(0);
            transition: .38s ease-in-out
        }

        #comp-converto-hamburger>span:first-child {
            top: 8px
        }

        #comp-converto-hamburger>span:nth-child(2),
        #comp-converto-hamburger>span:nth-child(3) {
            top: 15px
        }

        #comp-converto-hamburger>span:nth-child(4) {
            top: 22px
        }

        #comp-converto-hamburger.open span {
            background-color: #ebd423;
            height: 1.5px
        }

        #comp-converto-hamburger.open span:first-child {
            top: 18px;
            width: 0;
            right: 50%
        }

        #comp-converto-hamburger.open span:nth-child(2) {
            transform: rotate(45deg)
        }

        #comp-converto-hamburger.open span:nth-child(3) {
            transform: rotate(-45deg)
        }

        #comp-converto-hamburger.open span:nth-child(4) {
            top: 18px;
            width: 0;
            right: 50%
        }

        #comp-converto-hamburger.open+#mobile-menu {
            overflow: hidden;
            transform: translateX(0);
            visibility: visible;
            opacity: 1;
            max-width: 1000px;
            z-index: 1000;
            background: #333
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li {
            border-bottom: 1px solid #fff;
            text-align: left
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li .nav-item-title {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li.menu-item-has-children {
            position: relative
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li.menu-item-has-children .toggler {
            background-image: url(/images/chevron-down.svg);
            background-size: 100%;
            background-repeat: no-repeat;
            width: 30px;
            height: 30px;
            transition: all .2s ease-in-out
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li.menu-item-has-children ul {
            max-height: 0;
            opacity: 0;
            visibility: hidden
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li.menu-item-has-children.open .toggler {
            transform: rotate(180deg)
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li.menu-item-has-children.open>a {
            border-left: 2px solid #fff
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li.menu-item-has-children.open:after {
            transform: rotate(45deg)
        }

        #comp-converto-hamburger.open+#mobile-menu ul.menu li.menu-item-has-children.open ul {
            max-height: 1000px;
            opacity: 1;
            visibility: visible;
            background: #555
        }

        #comp-converto-hamburger+#mobile-menu {
            transition: all .3s ease-in-out;
            transform: translateX(100vw);
            visibility: hidden;
            opacity: 0;
            max-width: 0;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

        #comp-converto-hamburger+#mobile-menu ul.menu {
            width: 100vw;
            text-align: center;
            margin-top: 120px
        }

        #comp-converto-hamburger+#mobile-menu ul.menu li a {
            display: block;
            padding: 15px 20px 15px 50px
        }

        #comp-converto-hamburger+#mobile-menu ul.menu li a:active .nav-item-title:after,
        #comp-converto-hamburger+#mobile-menu ul.menu li a:hover .nav-item-title:after {
            content: "";
            position: absolute;
            height: 2px;
            min-width: "";
            width: 100%;
            left: 0;
            bottom: 0;
            text-align: center
        }

        #comp-converto-hamburger+#mobile-menu ul.menu li a .nav-item-title {
            font-size: 20px;
            position: relative;
            display: inline-block;
            color: #fff
        }

        .breadcrumbs-wrapper {
            font-size: 9px
        }

        @media (min-width:768px) {
            .breadcrumbs-wrapper {
                font-size: .875rem;
                line-height: 1.25rem
            }
        }

        .comparison-table .marked-btn .cta-btn {
            display: inline-block;
            position: relative;
            overflow: hidden;
        }

        .comparison-table .marked-btn .cta-btn span {
            position: relative;
            z-index: 2
        }

        .comparison-table .marked-btn .cta-btn:after,
        .comparison-table .marked-btn .cta-btn:before {
            content: "";
            padding: 18px 0 11px;
            position: absolute;
            top: 0;
            left: calc(-100% - 30px);
            height: calc(100% - 29px);
            width: calc(100% + 20px);
            color: #fff;
            border-radius: 2px;
            transform: skew(-25deg);
            height: 100%;
            z-index: 1
        }

        .comparison-table .marked-btn .cta-btn:after {
            background: #fff;
            transition: left .7s cubic-bezier(.86, 0, .07, 1) .2s;
            z-index: 0;
            opacity: .8
        }

        .comparison-table .marked-btn .cta-btn:after,
        .comparison-table .marked-btn .cta-btn:before {
            animation-iteration-count: infinite
        }

        .comparison-table .marked-btn .cta-btn:before {
            background: #14a314 !important;
            z-index: 1;
            transition: left .6s cubic-bezier(.86, 0, .07, 1)
        }

        .comparison-table .marked-btn .cta-btn.active:after {
            left: -10px;
            transition: left .3s cubic-bezier(.86, 0, .07, 1);
            animation-iteration-count: infinite
        }

        .comparison-table .marked-btn .cta-btn.active:before {
            left: -10px;
            transition: left .5s cubic-bezier(.86, 0, .07, 1)
        }

        .comparison-table:not(.slot-games) .marked-row {
            position: relative;
            transition: .5s;
            overflow: hidden
        }

        .comparison-table:not(.slot-games) .marked-row .offerLine span {
            position: absolute;
            display: block
        }

        .comparison-table:not(.slot-games) .marked-row .offerLine span:first-child {
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, rgba(251, 208, 2, .1411764706), #d7a502);
            animation: animate1 2s linear infinite
        }

        @keyframes animate1 {
            0% {
                left: -100%
            }

            50%,
            to {
                left: 100%
            }
        }

        .comparison-table:not(.slot-games) .marked-row .offerLine span:nth-child(2) {
            top: -100%;
            right: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(180deg, rgba(251, 208, 2, .1411764706), #d7a502);
            animation: animate2 2s linear infinite;
            animation-delay: .5s
        }

        @keyframes animate2 {
            0% {
                top: -100%
            }

            50%,
            to {
                top: 100%
            }
        }

        .comparison-table:not(.slot-games) .marked-row .offerLine span:nth-child(3) {
            bottom: 0;
            right: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(280deg, rgba(251, 208, 2, .1411764706), #d7a502);
            animation: animate3 2s linear infinite;
            animation-delay: 1s
        }

        @keyframes animate3 {
            0% {
                right: -100%
            }

            50%,
            to {
                right: 100%
            }
        }

        .comparison-table:not(.slot-games) .marked-row .offerLine span:nth-child(4) {
            bottom: -100%;
            left: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(0deg, rgba(251, 208, 2, .1411764706), #d7a502);
            animation: animate4 2s linear infinite;
            animation-delay: 1.5s
        }

        @keyframes animate4 {
            0% {
                bottom: -100%
            }

            50%,
            to {
                bottom: 100%
            }
        }

        .comparison-table-heading .container {
            margin-top: 1rem;
            margin-bottom: 1rem;
            padding-top: .75rem;
            padding-bottom: .75rem;
            background: #666
        }

        .comparison-table-heading h2 {
            margin-left: .5rem;
            margin-right: .5rem;
            font-weight: 700;
            text-transform: uppercase;
            color: #ffc71a
        }

        .comparison-table {
            border-radius: 10px;
            border: 1px solid #dedede;
            box-shadow: 0 4px 8px 3px rgba(106, 99, 99, .64)
        }

        .comparison-table tr {
            grid-template-areas: "logo logo offer offer" "stars score visit visit";
            grid-template-rows: repeat(2, minmax(77px, auto))
        }

        .comparison-table tr:not(:last-of-type) {
            border-bottom: 1px solid #000
        }

        .comparison-table tr .mobile-banner img {
            width: 100%
        }

        .comparison-table tbody tr:hover .visit-cta {
            background-image: linear-gradient(180deg, #4bc615, #569941)
        }

        .comparison-table tbody tr td .link,
        .comparison-table tbody tr td .stars-section a,
        .comparison-table tbody tr td .visit-site-btn {
            z-index: 12;
            color: #3d71a1
        }

        .comparison-table tbody tr td .link {
            display: block
        }

        .comparison-table tbody tr td .score-mobile {
            color: #22653c
        }

        .comparison-table tbody tr td.bonus strong {
            font-weight: 700;
            text-decoration: underline
        }

        .comparison-table tbody tr td.bonus div,
        .comparison-table tbody tr td.bonus p {
            padding-left: .5rem;
            padding-right: .5rem;
            padding-top: .25rem;
            padding-bottom: .25rem;
            text-align: center;
            font-weight: 400
        }

        .comparison-table tbody tr td .brand-stars .stars-wrapper {
            margin-bottom: .25rem;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .comparison-table tbody tr td .brand-stars .stars-wrapper i {
            font-size: .875rem;
            line-height: 1.25rem;
            width: 14px
        }

        .comparison-table tbody tr td .brand-stars .randy {
            font-size: .75rem;
            line-height: 1rem
        }

        .comparison-table tbody tr td .visit-cta {
            border-radius: 3px;
            padding: 9px;
            font-weight: 500
        }

        .comparison-table tbody tr:nth-child(odd) {
            background: #efefef
        }

        .comparison-table tbody tr:first-child .visit-cta {
            background-color: #4db53c
        }

        .comparison-table tbody tr:first-child:hover .visit-cta {
            background-image: linear-gradient(#a97129, #f5b546)
        }

        .comparison-table tbody tr:last-child .visit-cta {
            background-color: #4db53c
        }

        .comparison-table tbody tr:last-child:hover .visit-cta {
            background-image: linear-gradient(180deg, #4bc615, #569941)
        }

        .comparison-table tbody tr .visit-cta.green {
            background-image: linear-gradient(180deg, #569941, #4bc615)
        }

        .comparison-table tbody tr .visit-cta.gold {
            background-image: linear-gradient(#f5b546, #a97129)
        }

        .comparison-table tbody tr:hover .visit-cta.green {
            background-image: linear-gradient(180deg, #4bc615, #569941)
        }

        .comparison-table tbody tr:hover .visit-cta.gold {
            background-image: linear-gradient(#a97129, #f5b546)
        }

        @media (min-width:768px) {
            .comparison-table-heading .container {
                margin-top: 0;
                margin-bottom: 0;
                --tw-bg-opacity: 1;
                background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
            }

            .comparison-table-heading h2 {
                margin-left: 0;
                margin-right: 0;
                margin-top: 1rem;
                font-size: 1.25rem;
                line-height: 1.75rem;
                --tw-text-opacity: 1;
                color: rgba(0, 0, 0, var(--tw-text-opacity))
            }

            .comparison-table.slot-games tr {
                grid-template-columns: 40px 1.3fr 1fr 1fr 1fr 1fr 1.1fr
            }

            .comparison-table tr {
                grid-template-columns: 50px 1.1fr 1fr 1fr 1fr 1fr;
                grid-template-rows: repeat(1, 1fr)
            }

            .comparison-table tr:not(:last-of-type) {
                border: 0
            }

            .comparison-table tr:first-of-type,
            .comparison-table tr:last-of-type {
                border-radius: unset
            }

            .comparison-table thead tr {
                background-color: #b31f2a
            }

            .comparison-table tbody tr {
                min-height: 115px
            }

            .comparison-table tbody tr td:first-child {
                color: #919191;
                font-weight: 700
            }

            .comparison-table tbody tr td {
                grid-area: unset !important;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #222;
                text-align: center;
                border-bottom: 1px solid #e6e6e6
            }

            .comparison-table tbody tr td>.brand-link {
                box-sizing: border-box;
                padding: 15px;
                height: 100%;
                align-items: center;
                justify-content: center;
                width: 100%;
                z-index: 12
            }

            .comparison-table tbody tr td.score {
                font-size: 37px;
                color: #062a61;
                font-weight: 400
            }

            .comparison-table tbody tr:nth-child(odd) {
                background: #f2f2f2
            }

            .comparison-table tbody tr:nth-child(2n) {
                background: #fdfdfd
            }

            .comparison-table tbody tr:hover {
                background: #dcdcdc
            }

            .comparison-table tbody tr:hover td.visit-site button {
                background: #1a62bc
            }

            .comparison-table tbody tr:hover td.visit-site .tooltip {
                visibility: visible;
                opacity: 1;
                background: #444;
                color: #fff
            }

            @media (min-width:768px) {
                .table-headline {
                    display: none
                }
            }
        }

        @media screen and (max-width:768px) {
            .table-headline {
                margin: 0 auto .75rem;
                width: 83.333333%;
                text-align: center;
                font-size: 1.5rem;
                line-height: 2rem;
                font-weight: 400;
                --tw-text-opacity: 1;
                color: #fff !important
            }
        }

        .showcase-banner {
            max-width: none
        }

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

        .special-ribbon {
            transform: translate(0) scale(.98)
        }

        @media (min-width:768px) {
            .special-ribbon {
                transform: translate(0) scale(1.2)
            }
        }

        .icon-2 {
            width: 5px !important;
            transform: rotate(180deg) !important;
            height: 27px !important;
            position: relative !important;
            top: 1px !important
        }

        .special-ribbon {
            min-width: 200px;
            left: 0;
            position: absolute;
            width: 100%;
            top: 3px;
            z-index: 10;
            display: flex;
            align-items: center;
            transform-origin: left
        }

        .special-ribbon:after {
            content: "";
            box-shadow: 0 0 25px 3px #000;
            width: 0;
            height: 0;
            display: block;
            position: absolute
        }

        .special-ribbon .special-ribbon-text {
            position: relative;
            background: linear-gradient(90deg, #f59d1a, #dd4501);
            text-align: center;
            line-height: 1.5;
            left: -1px;
            text-transform: capitalize;
            color: #fff;
            font-size: 12px;
            font-weight: 400;
            padding: 0 5px
        }

        .special-ribbon .special-ribbon-text:after {
            content: "";
            position: absolute;
            width: 0;
            top: 0;
            height: 0;
            right: -15px;
            border-color: #dd4501 transparent #dd4501 #dd4501;
            border-style: solid;
            border-width: 9px 6px 9px 10px;
            border-radius: 0 1px 1px 0
        }

        .special-ribbon .icon-wrapper {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            border: 1px solid #f59d1a;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(90deg, #f12711, #f5af19)
        }

        .special-ribbon .icon-wrapper .icon {
            position: relative;
            max-width: 78%;
            top: -1px
        }

        .special-ribbon .special-ribbon-icon {
            display: flex;
            margin: 0;
            position: relative
        }

        .special-ribbon .special-ribbon-icon svg {
            width: 39px
        }

        .special-ribbon .special-ribbon-icon svg path.edge {
            fill: #f59d1a
        }

        .special-ribbon .special-ribbon-icon svg circle.circle {
            stroke: #dd4501
        }

        .special-ribbon.green .icon-wrapper {
            border: 1px solid #569941
        }

        .special-ribbon.green .icon-wrapper,
        .special-ribbon.green .special-ribbon-text {
            background: linear-gradient(90deg, #569941, #4bc615)
        }

        .special-ribbon.green .special-ribbon-text:after {
            border-top-color: #4bc615;
            border-left-color: #4bc615;
            border-bottom-color: #4bc615
        }

        .special-ribbon.green .special-ribbon-icon svg path.edge {
            fill: #569941
        }

        .brand-image[data-v-193bf00e] {
            -o-object-fit: contain;
            object-fit: contain;
            padding-left: .75rem;
            padding-right: .75rem;
            height: 70px;
            width: 165px
        }

        @media(max-width:768px) {
            .brand-image[data-v-193bf00e] {
                height: 55px;
                width: 130px;
                margin-top: 1.5rem
            }
        }

        .brand-stars .stars-wrapper {
            z-index: 30
        }

        .brand-stars i {
            color: gold;
            font-size: 20px;
            width: 16px;
            display: inline-block
        }

        .brand-stars i.icon-star-empty:before {
            content: "" !important
        }

        .brand-stars .randy {
            font-size: 13px;
            color: #000;
            font-weight: 600
        }

        .score-wrapper {
            margin: auto
        }

        .score-wrapper .score {
            font-size: 30px !important;
            color: #22653c
        }

        .score-wrapper .pie {
            --progress: 0, 0;
            position: relative;
            width: 60px;
            height: 60px;
            transform: rotate(-90deg)
        }

        .score-wrapper .pie .pie-score {
            color: #22653c;
            transform: rotate(90deg);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px
        }

        .score-wrapper .pie .pie-score,
        .score-wrapper .pie:before {
            transition: all .3s ease;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0
        }

        .score-wrapper .pie:before {
            content: "";
            border: 4.5px solid #e2e2e2;
            border-radius: 50%;
            z-index: -1
        }

        .score-wrapper .pie svg {
            background: 0 0;
            border-radius: 50%
        }

        .score-wrapper .pie circle {
            fill: transparent;
            stroke: #222;
            stroke: #4db53c;
            stroke-width: 4.5;
            stroke-dasharray: 0, 100;
            animation: progress 2s forwards;
            transition: all .3s ease
        }

        .score-wrapper .pie:hover .pie-score {
            font-size: 33px
        }

        .score-wrapper .pie:hover:before {
            border: 3.5px solid #e2e2e2
        }

        .score-wrapper .pie:hover circle {
            stroke-width: 3.5
        }

        @media (min-width:768px) {
            .score-wrapper {
                margin: auto
            }

            .score-wrapper .score {
                font-size: 50px !important;
                color: #22653c
            }

            .score-wrapper .pie {
                width: 90px;
                height: 90px
            }

            .score-wrapper .pie .pie-score {
                font-size: 40px
            }
        }

        @keyframes progress {
            0% {
                stroke-dasharray: 0, 100
            }

            to {
                stroke-dasharray: var(--progress)
            }
        }

        #main-footer .menu-footer_menu-container ul {
            padding-top: 2rem;
            padding-bottom: .5rem;
            text-align: center
        }

        #main-footer .menu-footer_menu-container ul li {
            display: inline-block;
            height: 2rem;
            padding-left: .625rem;
            padding-right: .625rem
        }

        #main-footer .wp-block-columns {
            margin-top: .25rem;
            margin-bottom: .75rem;
            display: flex;
            align-items: center;
            justify-content: center
        }

        #main-footer .wp-block-columns>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right: calc(.75rem * var(--tw-space-x-reverse));
            margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
        }

        #main-footer p {
            text-align: center;
            font-size: .875rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgba(156, 163, 175, var(--tw-text-opacity))
        }

        #main-footer .close-btn {
            display: inline-block;
            height: .5rem;
            width: .5rem
        }

        .scroll-to-top {
            display: none
        }

        @media (min-width:768px) {
            .scroll-to-top {
                z-index: 201;
                display: flex;
                align-items: center;
                justify-content: center;
                position: fixed;
                right: 30px;
                bottom: 30px;
                width: 50px;
                height: 50px;
                background: #282b2e;
                cursor: pointer;
                transition: all .15s ease-in;
                opacity: 0;
                visibility: hidden;
                color: #fff
            }

            .scroll-to-top.show {
                opacity: .7;
                visibility: visible
            }

            .scroll-to-top:hover {
                background: #e8e8e8;
                color: #282b2e
            }
        }

        .show-disclaimer {
            font-size: 10px
        }

        .disclaimer-popup-body h2 {
            margin-bottom: .5rem;
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .container .disclaimer-popup-body {
            background-color: unset
        }