.ui-datepicker {
    z-index: 2200 !important
}

body {
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%)
}

    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: radial-gradient(#e0e0e0 1px, transparent 1px);
        background-size: 20px 20px;
        opacity: .5;
        z-index: -1;
        pointer-events: none
    }

.premium-report-card {
    border-radius: 20px;
    border: none;
    box-shadow: 0 15px 35px rgba(0,0,0,.3);
    transition: all .4s ease;
    height: 600px;
    overflow: hidden
}

    .premium-report-card:hover {
        transform: scale(1.02);
        box-shadow: 0 20px 45px rgba(0,0,0,.4)
    }

    .premium-report-card.theme-marriage {
        --theme-primary: #e91e63;
        --theme-secondary: #ffc107;
        --theme-shadow: rgba(233, 30, 99, 0.4);
        background: linear-gradient(135deg, #c2185b 0%, #880e4f 50%, #ad1457 100%) !important;
        background-image: url("../images/reports/marriage_bg.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative
    }

        .premium-report-card.theme-marriage::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(233, 30, 99, 0.8) 100%);
            opacity: .6;
            z-index: 2;
            border-radius: inherit
        }

        .premium-report-card.theme-marriage .card-frame {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px solid rgba(212,175,55,.6);
            z-index: 3;
            pointer-events: none
        }

            .premium-report-card.theme-marriage .card-frame::before, .premium-report-card.theme-marriage .card-frame::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                border: 2px solid #d4af37
            }

            .premium-report-card.theme-marriage .card-frame::before {
                top: -2px;
                left: -2px;
                border-right: none;
                border-bottom: none
            }

            .premium-report-card.theme-marriage .card-frame::after {
                bottom: -2px;
                right: -2px;
                border-left: none;
                border-top: none
            }

        .premium-report-card.theme-marriage .card-body {
            position: relative;
            z-index: 4;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            justify-content: flex-end;
            padding: 2.5rem 2rem 1.8rem 2rem
        }

        .premium-report-card.theme-marriage .card-title {
            color: #fff !important;
            font-family: "Philosopher",serif;
            font-size: 2.2rem;
            font-weight: 700;
            text-shadow: 0 2px 6px rgba(0,0,0,.8);
            margin-bottom: .5rem;
            margin-top: auto
        }

        .premium-report-card.theme-marriage .card-text {
            font-size: .9rem;
            color: hsla(0,0%,100%,.95);
            text-shadow: 0 1px 4px rgba(0,0,0,.8);
            margin-bottom: 1.5rem
        }

        .premium-report-card.theme-marriage .feature-list {
            margin-bottom: 1.5rem;
            width: 100%;
            padding-left: 0;
            list-style: none
        }

            .premium-report-card.theme-marriage .feature-list li {
                color: #fff !important;
                border-bottom: 1px solid hsla(0,0%,100%,.2);
                padding: .6rem .5rem;
                text-shadow: 0 1px 3px rgba(0,0,0,.6)
            }

                .premium-report-card.theme-marriage .feature-list li:last-child {
                    border-bottom: none
                }

                .premium-report-card.theme-marriage .feature-list li i {
                    color: #ffc107 !important;
                    width: 25px;
                    text-align: center
                }

    .premium-report-card.theme-wealth {
        --theme-primary: #2e7d32;
        --theme-secondary: #fbc02d;
        --theme-shadow: rgba(46, 125, 50, 0.4);
        background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 50%, #388e3c 100%) !important;
        background-image: url("../images/reports/wealth_bg.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative
    }

        .premium-report-card.theme-wealth::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(46, 125, 50, 0.8) 100%);
            opacity: .6;
            z-index: 2;
            border-radius: inherit
        }

        .premium-report-card.theme-wealth .card-frame {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px solid rgba(212,175,55,.6);
            z-index: 3;
            pointer-events: none
        }

            .premium-report-card.theme-wealth .card-frame::before, .premium-report-card.theme-wealth .card-frame::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                border: 2px solid #d4af37
            }

            .premium-report-card.theme-wealth .card-frame::before {
                top: -2px;
                left: -2px;
                border-right: none;
                border-bottom: none
            }

            .premium-report-card.theme-wealth .card-frame::after {
                bottom: -2px;
                right: -2px;
                border-left: none;
                border-top: none
            }

        .premium-report-card.theme-wealth .card-body {
            position: relative;
            z-index: 4;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            justify-content: flex-end;
            padding: 2.5rem 2rem 1.8rem 2rem
        }

        .premium-report-card.theme-wealth .card-title {
            color: #fff !important;
            font-family: "Philosopher",serif;
            font-size: 2.2rem;
            font-weight: 700;
            text-shadow: 0 2px 6px rgba(0,0,0,.8);
            margin-bottom: .5rem;
            margin-top: auto
        }

        .premium-report-card.theme-wealth .card-text {
            font-size: .9rem;
            color: hsla(0,0%,100%,.95);
            text-shadow: 0 1px 4px rgba(0,0,0,.8);
            margin-bottom: 1.5rem
        }

        .premium-report-card.theme-wealth .feature-list {
            margin-bottom: 1.5rem;
            width: 100%;
            padding-left: 0;
            list-style: none
        }

            .premium-report-card.theme-wealth .feature-list li {
                color: #fff !important;
                border-bottom: 1px solid hsla(0,0%,100%,.2);
                padding: .6rem .5rem;
                text-shadow: 0 1px 3px rgba(0,0,0,.6)
            }

                .premium-report-card.theme-wealth .feature-list li:last-child {
                    border-bottom: none
                }

                .premium-report-card.theme-wealth .feature-list li i {
                    color: #ffc107 !important;
                    width: 25px;
                    text-align: center
                }

    .premium-report-card.theme-career {
        --theme-primary: #1565c0;
        --theme-secondary: #00bcd4;
        --theme-shadow: rgba(21, 101, 192, 0.4);
        background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%) !important;
        background-image: url("../images/reports/career_bg.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative
    }

        .premium-report-card.theme-career::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(21, 101, 192, 0.8) 100%);
            opacity: .6;
            z-index: 2;
            border-radius: inherit
        }

        .premium-report-card.theme-career .card-frame {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px solid rgba(212,175,55,.6);
            z-index: 3;
            pointer-events: none
        }

            .premium-report-card.theme-career .card-frame::before, .premium-report-card.theme-career .card-frame::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                border: 2px solid #d4af37
            }

            .premium-report-card.theme-career .card-frame::before {
                top: -2px;
                left: -2px;
                border-right: none;
                border-bottom: none
            }

            .premium-report-card.theme-career .card-frame::after {
                bottom: -2px;
                right: -2px;
                border-left: none;
                border-top: none
            }

        .premium-report-card.theme-career .card-body {
            position: relative;
            z-index: 4;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            justify-content: flex-end;
            padding: 2.5rem 2rem 1.8rem 2rem
        }

        .premium-report-card.theme-career .card-title {
            color: #fff !important;
            font-family: "Philosopher",serif;
            font-size: 2.2rem;
            font-weight: 700;
            text-shadow: 0 2px 6px rgba(0,0,0,.8);
            margin-bottom: .5rem;
            margin-top: auto
        }

        .premium-report-card.theme-career .card-text {
            font-size: .9rem;
            color: hsla(0,0%,100%,.95);
            text-shadow: 0 1px 4px rgba(0,0,0,.8);
            margin-bottom: 1.5rem
        }

        .premium-report-card.theme-career .feature-list {
            margin-bottom: 1.5rem;
            width: 100%;
            padding-left: 0;
            list-style: none
        }

            .premium-report-card.theme-career .feature-list li {
                color: #fff !important;
                border-bottom: 1px solid hsla(0,0%,100%,.2);
                padding: .6rem .5rem;
                text-shadow: 0 1px 3px rgba(0,0,0,.6)
            }

                .premium-report-card.theme-career .feature-list li:last-child {
                    border-bottom: none
                }

                .premium-report-card.theme-career .feature-list li i {
                    color: #ffc107 !important;
                    width: 25px;
                    text-align: center
                }

    .premium-report-card.theme-health {
        --theme-primary: #009688;
        --theme-secondary: #8bc34a;
        --theme-shadow: rgba(0, 150, 136, 0.4);
        background: linear-gradient(135deg, #004d40 0%, #009688 50%, #00796b 100%) !important;
        background-image: url("../images/reports/health_bg.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative
    }

        .premium-report-card.theme-health::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 150, 136, 0.8) 100%);
            opacity: .6;
            z-index: 2;
            border-radius: inherit
        }

        .premium-report-card.theme-health .card-frame {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px solid rgba(212,175,55,.6);
            z-index: 3;
            pointer-events: none
        }

            .premium-report-card.theme-health .card-frame::before, .premium-report-card.theme-health .card-frame::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                border: 2px solid #d4af37
            }

            .premium-report-card.theme-health .card-frame::before {
                top: -2px;
                left: -2px;
                border-right: none;
                border-bottom: none
            }

            .premium-report-card.theme-health .card-frame::after {
                bottom: -2px;
                right: -2px;
                border-left: none;
                border-top: none
            }

        .premium-report-card.theme-health .card-body {
            position: relative;
            z-index: 4;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            justify-content: flex-end;
            padding: 2.5rem 2rem 1.8rem 2rem
        }

        .premium-report-card.theme-health .card-title {
            color: #fff !important;
            font-family: "Philosopher",serif;
            font-size: 2.2rem;
            font-weight: 700;
            text-shadow: 0 2px 6px rgba(0,0,0,.8);
            margin-bottom: .5rem;
            margin-top: auto
        }

        .premium-report-card.theme-health .card-text {
            font-size: .9rem;
            color: hsla(0,0%,100%,.95);
            text-shadow: 0 1px 4px rgba(0,0,0,.8);
            margin-bottom: 1.5rem
        }

        .premium-report-card.theme-health .feature-list {
            margin-bottom: 1.5rem;
            width: 100%;
            padding-left: 0;
            list-style: none
        }

            .premium-report-card.theme-health .feature-list li {
                color: #fff !important;
                border-bottom: 1px solid hsla(0,0%,100%,.2);
                padding: .6rem .5rem;
                text-shadow: 0 1px 3px rgba(0,0,0,.6)
            }

                .premium-report-card.theme-health .feature-list li:last-child {
                    border-bottom: none
                }

                .premium-report-card.theme-health .feature-list li i {
                    color: #ffc107 !important;
                    width: 25px;
                    text-align: center
                }

    .premium-report-card.theme-inner-self {
        --theme-primary: #673ab7;
        --theme-secondary: #e040fb;
        --theme-shadow: rgba(103, 58, 183, 0.4);
        background: linear-gradient(135deg, #311b92 0%, #673ab7 50%, #4527a0 100%) !important;
        background-image: url("../images/reports/inner_self_bg.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative
    }

        .premium-report-card.theme-inner-self::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(103, 58, 183, 0.8) 100%);
            opacity: .6;
            z-index: 2;
            border-radius: inherit
        }

        .premium-report-card.theme-inner-self .card-frame {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px solid rgba(212,175,55,.6);
            z-index: 3;
            pointer-events: none
        }

            .premium-report-card.theme-inner-self .card-frame::before, .premium-report-card.theme-inner-self .card-frame::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                border: 2px solid #d4af37
            }

            .premium-report-card.theme-inner-self .card-frame::before {
                top: -2px;
                left: -2px;
                border-right: none;
                border-bottom: none
            }

            .premium-report-card.theme-inner-self .card-frame::after {
                bottom: -2px;
                right: -2px;
                border-left: none;
                border-top: none
            }

        .premium-report-card.theme-inner-self .card-body {
            position: relative;
            z-index: 4;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            justify-content: flex-end;
            padding: 2.5rem 2rem 1.8rem 2rem
        }

        .premium-report-card.theme-inner-self .card-title {
            color: #fff !important;
            font-family: "Philosopher",serif;
            font-size: 2.2rem;
            font-weight: 700;
            text-shadow: 0 2px 6px rgba(0,0,0,.8);
            margin-bottom: .5rem;
            margin-top: auto
        }

        .premium-report-card.theme-inner-self .card-text {
            font-size: .9rem;
            color: hsla(0,0%,100%,.95);
            text-shadow: 0 1px 4px rgba(0,0,0,.8);
            margin-bottom: 1.5rem
        }

        .premium-report-card.theme-inner-self .feature-list {
            margin-bottom: 1.5rem;
            width: 100%;
            padding-left: 0;
            list-style: none
        }

            .premium-report-card.theme-inner-self .feature-list li {
                color: #fff !important;
                border-bottom: 1px solid hsla(0,0%,100%,.2);
                padding: .6rem .5rem;
                text-shadow: 0 1px 3px rgba(0,0,0,.6)
            }

                .premium-report-card.theme-inner-self .feature-list li:last-child {
                    border-bottom: none
                }

                .premium-report-card.theme-inner-self .feature-list li i {
                    color: #ffc107 !important;
                    width: 25px;
                    text-align: center
                }

    .premium-report-card.theme-mental {
        --theme-primary: #3f51b5;
        --theme-secondary: #536dfe;
        --theme-shadow: rgba(63, 81, 181, 0.4);
        background: linear-gradient(135deg, #1a237e 0%, #3f51b5 50%, #303f9f 100%) !important;
        background-image: url("../images/reports/mental_bg.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative
    }

        .premium-report-card.theme-mental::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(63, 81, 181, 0.8) 100%);
            opacity: .6;
            z-index: 2;
            border-radius: inherit
        }

        .premium-report-card.theme-mental .card-frame {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px solid rgba(212,175,55,.6);
            z-index: 3;
            pointer-events: none
        }

            .premium-report-card.theme-mental .card-frame::before, .premium-report-card.theme-mental .card-frame::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                border: 2px solid #d4af37
            }

            .premium-report-card.theme-mental .card-frame::before {
                top: -2px;
                left: -2px;
                border-right: none;
                border-bottom: none
            }

            .premium-report-card.theme-mental .card-frame::after {
                bottom: -2px;
                right: -2px;
                border-left: none;
                border-top: none
            }

        .premium-report-card.theme-mental .card-body {
            position: relative;
            z-index: 4;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            justify-content: flex-end;
            padding: 2.5rem 2rem 1.8rem 2rem
        }

        .premium-report-card.theme-mental .card-title {
            color: #fff !important;
            font-family: "Philosopher",serif;
            font-size: 2.2rem;
            font-weight: 700;
            text-shadow: 0 2px 6px rgba(0,0,0,.8);
            margin-bottom: .5rem;
            margin-top: auto
        }

        .premium-report-card.theme-mental .card-text {
            font-size: .9rem;
            color: hsla(0,0%,100%,.95);
            text-shadow: 0 1px 4px rgba(0,0,0,.8);
            margin-bottom: 1.5rem
        }

        .premium-report-card.theme-mental .feature-list {
            margin-bottom: 1.5rem;
            width: 100%;
            padding-left: 0;
            list-style: none
        }

            .premium-report-card.theme-mental .feature-list li {
                color: #fff !important;
                border-bottom: 1px solid hsla(0,0%,100%,.2);
                padding: .6rem .5rem;
                text-shadow: 0 1px 3px rgba(0,0,0,.6)
            }

                .premium-report-card.theme-mental .feature-list li:last-child {
                    border-bottom: none
                }

                .premium-report-card.theme-mental .feature-list li i {
                    color: #ffc107 !important;
                    width: 25px;
                    text-align: center
                }

    .premium-report-card.theme-challenges {
        --theme-primary: #c62828;
        --theme-secondary: #ff5722;
        --theme-shadow: rgba(198, 40, 40, 0.4);
        background: linear-gradient(135deg, #7f0000 0%, #c62828 50%, #b71c1c 100%) !important;
        background-image: url("../images/reports/challenges_bg.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative
    }

        .premium-report-card.theme-challenges::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(198, 40, 40, 0.8) 100%);
            opacity: .6;
            z-index: 2;
            border-radius: inherit
        }

        .premium-report-card.theme-challenges .card-frame {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px solid rgba(212,175,55,.6);
            z-index: 3;
            pointer-events: none
        }

            .premium-report-card.theme-challenges .card-frame::before, .premium-report-card.theme-challenges .card-frame::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                border: 2px solid #d4af37
            }

            .premium-report-card.theme-challenges .card-frame::before {
                top: -2px;
                left: -2px;
                border-right: none;
                border-bottom: none
            }

            .premium-report-card.theme-challenges .card-frame::after {
                bottom: -2px;
                right: -2px;
                border-left: none;
                border-top: none
            }

        .premium-report-card.theme-challenges .card-body {
            position: relative;
            z-index: 4;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            justify-content: flex-end;
            padding: 2.5rem 2rem 1.8rem 2rem
        }

        .premium-report-card.theme-challenges .card-title {
            color: #fff !important;
            font-family: "Philosopher",serif;
            font-size: 2.2rem;
            font-weight: 700;
            text-shadow: 0 2px 6px rgba(0,0,0,.8);
            margin-bottom: .5rem;
            margin-top: auto
        }

        .premium-report-card.theme-challenges .card-text {
            font-size: .9rem;
            color: hsla(0,0%,100%,.95);
            text-shadow: 0 1px 4px rgba(0,0,0,.8);
            margin-bottom: 1.5rem
        }

        .premium-report-card.theme-challenges .feature-list {
            margin-bottom: 1.5rem;
            width: 100%;
            padding-left: 0;
            list-style: none
        }

            .premium-report-card.theme-challenges .feature-list li {
                color: #fff !important;
                border-bottom: 1px solid hsla(0,0%,100%,.2);
                padding: .6rem .5rem;
                text-shadow: 0 1px 3px rgba(0,0,0,.6)
            }

                .premium-report-card.theme-challenges .feature-list li:last-child {
                    border-bottom: none
                }

                .premium-report-card.theme-challenges .feature-list li i {
                    color: #ffc107 !important;
                    width: 25px;
                    text-align: center
                }

    .premium-report-card.theme-education {
        --theme-primary: #f57f17;
        --theme-secondary: #ff9800;
        --theme-shadow: rgba(245, 127, 23, 0.4);
        background: linear-gradient(135deg, #e65100 0%, #f57f17 50%, #ef6c00 100%) !important;
        background-image: url("../images/reports/education_bg.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative
    }

        .premium-report-card.theme-education::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(245, 127, 23, 0.8) 100%);
            opacity: .6;
            z-index: 2;
            border-radius: inherit
        }

        .premium-report-card.theme-education .card-frame {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px solid rgba(212,175,55,.6);
            z-index: 3;
            pointer-events: none
        }

            .premium-report-card.theme-education .card-frame::before, .premium-report-card.theme-education .card-frame::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                border: 2px solid #d4af37
            }

            .premium-report-card.theme-education .card-frame::before {
                top: -2px;
                left: -2px;
                border-right: none;
                border-bottom: none
            }

            .premium-report-card.theme-education .card-frame::after {
                bottom: -2px;
                right: -2px;
                border-left: none;
                border-top: none
            }

        .premium-report-card.theme-education .card-body {
            position: relative;
            z-index: 4;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            justify-content: flex-end;
            padding: 2.5rem 2rem 1.8rem 2rem
        }

        .premium-report-card.theme-education .card-title {
            color: #fff !important;
            font-family: "Philosopher",serif;
            font-size: 2.2rem;
            font-weight: 700;
            text-shadow: 0 2px 6px rgba(0,0,0,.8);
            margin-bottom: .5rem;
            margin-top: auto
        }

        .premium-report-card.theme-education .card-text {
            font-size: .9rem;
            color: hsla(0,0%,100%,.95);
            text-shadow: 0 1px 4px rgba(0,0,0,.8);
            margin-bottom: 1.5rem
        }

        .premium-report-card.theme-education .feature-list {
            margin-bottom: 1.5rem;
            width: 100%;
            padding-left: 0;
            list-style: none
        }

            .premium-report-card.theme-education .feature-list li {
                color: #fff !important;
                border-bottom: 1px solid hsla(0,0%,100%,.2);
                padding: .6rem .5rem;
                text-shadow: 0 1px 3px rgba(0,0,0,.6)
            }

                .premium-report-card.theme-education .feature-list li:last-child {
                    border-bottom: none
                }

                .premium-report-card.theme-education .feature-list li i {
                    color: #ffc107 !important;
                    width: 25px;
                    text-align: center
                }

@keyframes twinkle {
    0%,100% {
        opacity: 0;
        transform: scale(0.5) rotate(0deg)
    }

    50% {
        opacity: 1;
        transform: scale(1.2) rotate(180deg)
    }
}

.modal.premium-modal-glass.theme-marriage .modal-content {
    --theme-primary: #e91e63;
    --theme-secondary: #ffc107;
    --theme-shadow: rgba(233, 30, 99, 0.4);
    background: linear-gradient(135deg, rgb(235.2, 52.5, 114.6) 0%, rgb(191.6599190283, 18.7400809717, 77.5157894737) 100%) !important;
    background-image: url("../images/reports/marriage_bg.png") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .modal.premium-modal-glass.theme-marriage .modal-content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(233, 30, 99, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .modal.premium-modal-glass.theme-marriage .modal-content .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .modal.premium-modal-glass.theme-marriage .modal-content .card-frame::before, .modal.premium-modal-glass.theme-marriage .modal-content .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .modal.premium-modal-glass.theme-marriage .modal-content .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .modal.premium-modal-glass.theme-marriage .modal-content .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .modal.premium-modal-glass.theme-marriage .modal-content .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .modal.premium-modal-glass.theme-marriage .modal-content .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .modal.premium-modal-glass.theme-marriage .modal-content .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .modal.premium-modal-glass.theme-marriage .modal-content .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .modal.premium-modal-glass.theme-marriage .modal-content .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .modal.premium-modal-glass.theme-marriage .modal-content .feature-list li:last-child {
                border-bottom: none
            }

            .modal.premium-modal-glass.theme-marriage .modal-content .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.modal.premium-modal-glass.theme-wealth .modal-content {
    --theme-primary: #2e7d32;
    --theme-secondary: #fbc02d;
    --theme-shadow: rgba(46, 125, 50, 0.4);
    background: linear-gradient(135deg, rgb(55.1192982456, 149.7807017544, 59.9122807018) 0%, rgb(36.8, 100, 40) 100%) !important;
    background-image: url("../images/reports/wealth_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .modal.premium-modal-glass.theme-wealth .modal-content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(46, 125, 50, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .modal.premium-modal-glass.theme-wealth .modal-content .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .modal.premium-modal-glass.theme-wealth .modal-content .card-frame::before, .modal.premium-modal-glass.theme-wealth .modal-content .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .modal.premium-modal-glass.theme-wealth .modal-content .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .modal.premium-modal-glass.theme-wealth .modal-content .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .modal.premium-modal-glass.theme-wealth .modal-content .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .modal.premium-modal-glass.theme-wealth .modal-content .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .modal.premium-modal-glass.theme-wealth .modal-content .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .modal.premium-modal-glass.theme-wealth .modal-content .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .modal.premium-modal-glass.theme-wealth .modal-content .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .modal.premium-modal-glass.theme-wealth .modal-content .feature-list li:last-child {
                border-bottom: none
            }

            .modal.premium-modal-glass.theme-wealth .modal-content .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.modal.premium-modal-glass.theme-career .modal-content {
    --theme-primary: #1565c0;
    --theme-secondary: #00bcd4;
    --theme-shadow: rgba(21, 101, 192, 0.4);
    background: linear-gradient(135deg, rgb(23.9281690141, 115.0830985915, 218.7718309859) 0%, rgb(16.8, 80.8, 153.6) 100%) !important;
    background-image: url("../images/reports/career_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .modal.premium-modal-glass.theme-career .modal-content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(21, 101, 192, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .modal.premium-modal-glass.theme-career .modal-content .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .modal.premium-modal-glass.theme-career .modal-content .card-frame::before, .modal.premium-modal-glass.theme-career .modal-content .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .modal.premium-modal-glass.theme-career .modal-content .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .modal.premium-modal-glass.theme-career .modal-content .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .modal.premium-modal-glass.theme-career .modal-content .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .modal.premium-modal-glass.theme-career .modal-content .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .modal.premium-modal-glass.theme-career .modal-content .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .modal.premium-modal-glass.theme-career .modal-content .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .modal.premium-modal-glass.theme-career .modal-content .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .modal.premium-modal-glass.theme-career .modal-content .feature-list li:last-child {
                border-bottom: none
            }

            .modal.premium-modal-glass.theme-career .modal-content .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.modal.premium-modal-glass.theme-health .modal-content {
    --theme-primary: #009688;
    --theme-secondary: #8bc34a;
    --theme-shadow: rgba(0, 150, 136, 0.4);
    background: linear-gradient(135deg, rgb(0, 186, 168.64) 0%, rgb(0, 120, 108.8) 100%) !important;
    background-image: url("../images/reports/health_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .modal.premium-modal-glass.theme-health .modal-content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 150, 136, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .modal.premium-modal-glass.theme-health .modal-content .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .modal.premium-modal-glass.theme-health .modal-content .card-frame::before, .modal.premium-modal-glass.theme-health .modal-content .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .modal.premium-modal-glass.theme-health .modal-content .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .modal.premium-modal-glass.theme-health .modal-content .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .modal.premium-modal-glass.theme-health .modal-content .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .modal.premium-modal-glass.theme-health .modal-content .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .modal.premium-modal-glass.theme-health .modal-content .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .modal.premium-modal-glass.theme-health .modal-content .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .modal.premium-modal-glass.theme-health .modal-content .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .modal.premium-modal-glass.theme-health .modal-content .feature-list li:last-child {
                border-bottom: none
            }

            .modal.premium-modal-glass.theme-health .modal-content .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.modal.premium-modal-glass.theme-inner-self .modal-content {
    --theme-primary: #673ab7;
    --theme-secondary: #e040fb;
    --theme-shadow: rgba(103, 58, 183, 0.4);
    background: linear-gradient(135deg, rgb(116.3701244813, 71.1647302905, 196.7352697095) 0%, rgb(82.4, 46.4, 146.4) 100%) !important;
    background-image: url("../images/reports/inner_self_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .modal.premium-modal-glass.theme-inner-self .modal-content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(103, 58, 183, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .modal.premium-modal-glass.theme-inner-self .modal-content .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .modal.premium-modal-glass.theme-inner-self .modal-content .card-frame::before, .modal.premium-modal-glass.theme-inner-self .modal-content .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .modal.premium-modal-glass.theme-inner-self .modal-content .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .modal.premium-modal-glass.theme-inner-self .modal-content .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .modal.premium-modal-glass.theme-inner-self .modal-content .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .modal.premium-modal-glass.theme-inner-self .modal-content .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .modal.premium-modal-glass.theme-inner-self .modal-content .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .modal.premium-modal-glass.theme-inner-self .modal-content .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .modal.premium-modal-glass.theme-inner-self .modal-content .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .modal.premium-modal-glass.theme-inner-self .modal-content .feature-list li:last-child {
                border-bottom: none
            }

            .modal.premium-modal-glass.theme-inner-self .modal-content .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.modal.premium-modal-glass.theme-mental .modal-content {
    --theme-primary: #3f51b5;
    --theme-secondary: #536dfe;
    --theme-shadow: rgba(63, 81, 181, 0.4);
    background: linear-gradient(135deg, rgb(77.412295082, 95.0729508197, 193.187704918) 0%, rgb(50.4, 64.8, 144.8) 100%) !important;
    background-image: url("../images/reports/mental_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .modal.premium-modal-glass.theme-mental .modal-content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(63, 81, 181, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .modal.premium-modal-glass.theme-mental .modal-content .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .modal.premium-modal-glass.theme-mental .modal-content .card-frame::before, .modal.premium-modal-glass.theme-mental .modal-content .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .modal.premium-modal-glass.theme-mental .modal-content .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .modal.premium-modal-glass.theme-mental .modal-content .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .modal.premium-modal-glass.theme-mental .modal-content .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .modal.premium-modal-glass.theme-mental .modal-content .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .modal.premium-modal-glass.theme-mental .modal-content .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .modal.premium-modal-glass.theme-mental .modal-content .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .modal.premium-modal-glass.theme-mental .modal-content .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .modal.premium-modal-glass.theme-mental .modal-content .feature-list li:last-child {
                border-bottom: none
            }

            .modal.premium-modal-glass.theme-mental .modal-content .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.modal.premium-modal-glass.theme-challenges .modal-content {
    --theme-primary: #c62828;
    --theme-secondary: #ff5722;
    --theme-shadow: rgba(198, 40, 40, 0.4);
    background: linear-gradient(135deg, rgb(213.8571428571, 51.3428571429, 51.3428571429) 0%, rgb(158.4, 32, 32) 100%) !important;
    background-image: url("../images/reports/challenges_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .modal.premium-modal-glass.theme-challenges .modal-content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(198, 40, 40, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .modal.premium-modal-glass.theme-challenges .modal-content .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .modal.premium-modal-glass.theme-challenges .modal-content .card-frame::before, .modal.premium-modal-glass.theme-challenges .modal-content .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .modal.premium-modal-glass.theme-challenges .modal-content .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .modal.premium-modal-glass.theme-challenges .modal-content .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .modal.premium-modal-glass.theme-challenges .modal-content .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .modal.premium-modal-glass.theme-challenges .modal-content .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .modal.premium-modal-glass.theme-challenges .modal-content .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .modal.premium-modal-glass.theme-challenges .modal-content .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .modal.premium-modal-glass.theme-challenges .modal-content .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .modal.premium-modal-glass.theme-challenges .modal-content .feature-list li:last-child {
                border-bottom: none
            }

            .modal.premium-modal-glass.theme-challenges .modal-content .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.modal.premium-modal-glass.theme-education .modal-content {
    --theme-primary: #f57f17;
    --theme-secondary: #ff9800;
    --theme-shadow: rgba(245, 127, 23, 0.4);
    background: linear-gradient(135deg, rgb(246, 139.8, 46.2) 0%, rgb(205.5404958678, 100.9983471074, 8.8595041322) 100%) !important;
    background-image: url("../images/reports/education_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .modal.premium-modal-glass.theme-education .modal-content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(245, 127, 23, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .modal.premium-modal-glass.theme-education .modal-content .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .modal.premium-modal-glass.theme-education .modal-content .card-frame::before, .modal.premium-modal-glass.theme-education .modal-content .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .modal.premium-modal-glass.theme-education .modal-content .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .modal.premium-modal-glass.theme-education .modal-content .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .modal.premium-modal-glass.theme-education .modal-content .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .modal.premium-modal-glass.theme-education .modal-content .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .modal.premium-modal-glass.theme-education .modal-content .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .modal.premium-modal-glass.theme-education .modal-content .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .modal.premium-modal-glass.theme-education .modal-content .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .modal.premium-modal-glass.theme-education .modal-content .feature-list li:last-child {
                border-bottom: none
            }

            .modal.premium-modal-glass.theme-education .modal-content .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.modal.premium-modal-glass .modal-dialog {
    max-width: 500px
}

.modal.premium-modal-glass .modal-content {
    background: radial-gradient(130.4% 172.9% at 94.7% 8.9%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 2px solid hsla(0,0%,100%,.6);
    border-radius: 35px;
    box-shadow: 0 25px 50px var(--theme-shadow),inset 0 0 15px hsla(0,0%,100%,.3);
    overflow: visible;
    position: relative
}

.modal.premium-modal-glass .modal-header, .modal.premium-modal-glass .modal-body {
    position: relative;
    z-index: 3
}

.modal.premium-modal-glass .modal-title {
    color: #fff !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.9),0 0 10px var(--theme-shadow);
    font-family: "Philosopher",serif;
    font-size: 1.8rem
}

.modal.premium-modal-glass .form-label {
    color: hsla(0,0%,100%,.95) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
    font-weight: 600;
    letter-spacing: .5px
}

.modal.premium-modal-glass .btn-close-custom {
    position: absolute;
    top: 10px;
    right: 15px;
    background: hsla(0,0%,100%,.2);
    border: 2px solid hsla(0,0%,100%,.6);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.9);
    font-size: 1.1rem;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 100;
    padding: 0
}

    .modal.premium-modal-glass .btn-close-custom:hover {
        background: rgba(0,0,0,.6);
        transform: rotate(90deg);
        border-color: #fff
    }

.modal.premium-modal-glass .input-group-custom {
    position: relative;
    display: flex;
    align-items: center;
    background: hsla(0,0%,100%,.95);
    border-radius: 12px;
    padding: 0 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,.1),inset 0 2px 4px rgba(0,0,0,.05);
    border: 1px solid hsla(0,0%,100%,.8);
    overflow: hidden
}

    .modal.premium-modal-glass .input-group-custom.has-lookup-dropdown {
        overflow: visible
    }

.modal.premium-modal-glass .has-lookup-dropdown .lookup-results {
    min-width: 100%;
    left: 0;
    top: 100%;
    margin-top: 2px;
    box-shadow: 0 6px 12px rgba(0,0,0,.15);
    border-radius: 8px;
    background: #fff
}

.modal.premium-modal-glass .input-group-custom .input-icon {
    color: var(--theme-primary, #e91e63);
    font-size: 1.1rem;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px
}

.modal.premium-modal-glass .input-group-custom .form-control, .modal.premium-modal-glass .input-group-custom .form-select {
    border: none;
    background: rgba(0,0,0,0);
    box-shadow: none;
    padding: 12px 0;
    color: #333;
    font-weight: 500;
    width: 100%
}

    .modal.premium-modal-glass .input-group-custom .form-control:focus, .modal.premium-modal-glass .input-group-custom .form-select:focus {
        outline: none;
        box-shadow: none;
        background: rgba(0,0,0,0)
    }

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

    100% {
        left: 200%
    }
}

.btn-premium-gradient, .btn-premium-submit {
    background: linear-gradient(180deg, var(--theme-secondary) 0%, var(--theme-primary) 50%, var(--theme-primary) 100%) !important;
    color: #fff !important;
    padding: 15px 35px !important
}

.btn-premium-submit {
    background-color: var(--theme-primary) !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 1.2rem;
    font-weight: 700;
    box-shadow: 0 10px 25px var(--theme-shadow),inset 0 1px 0 hsla(0,0%,100%,.4) !important;
    position: relative;
    overflow: hidden;
    transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

    .btn-premium-submit::before {
        content: "";
        position: absolute;
        top: 2px;
        left: 10%;
        right: 10%;
        height: 40%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.4), transparent) !important;
        border-radius: 50px;
        z-index: 1
    }

    .btn-premium-submit .btn-text {
        position: relative;
        z-index: 5;
        text-shadow: 0 1px 3px rgba(0,0,0,.2)
    }

    .btn-premium-submit .btn-shine {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
        opacity: .8;
        transform: skewX(-20deg);
        z-index: 2
    }

    .btn-premium-submit:hover {
        transform: translateY(-4px) scale(1.03);
        box-shadow: 0 15px 30px var(--theme-shadow) !important
    }

        .btn-premium-submit:hover .btn-shine {
            animation: shine 2s infinite
        }

.report-result-page.theme-marriage .report-hero {
    --theme-primary: #e91e63;
    --theme-secondary: #ffc107;
    --theme-shadow: rgba(233, 30, 99, 0.4);
    background: linear-gradient(135deg, rgb(235.2, 52.5, 114.6) 0%, rgb(191.6599190283, 18.7400809717, 77.5157894737) 100%) !important;
    background-image: url("../images/reports/marriage_bg.png") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .report-result-page.theme-marriage .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(233, 30, 99, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .report-result-page.theme-marriage .report-hero .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .report-result-page.theme-marriage .report-hero .card-frame::before, .report-result-page.theme-marriage .report-hero .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .report-result-page.theme-marriage .report-hero .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .report-result-page.theme-marriage .report-hero .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .report-result-page.theme-marriage .report-hero .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .report-result-page.theme-marriage .report-hero .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .report-result-page.theme-marriage .report-hero .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .report-result-page.theme-marriage .report-hero .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .report-result-page.theme-marriage .report-hero .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .report-result-page.theme-marriage .report-hero .feature-list li:last-child {
                border-bottom: none
            }

            .report-result-page.theme-marriage .report-hero .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.report-result-page.theme-wealth .report-hero {
    --theme-primary: #2e7d32;
    --theme-secondary: #fbc02d;
    --theme-shadow: rgba(46, 125, 50, 0.4);
    background: linear-gradient(135deg, rgb(55.1192982456, 149.7807017544, 59.9122807018) 0%, rgb(36.8, 100, 40) 100%) !important;
    background-image: url("../images/reports/wealth_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .report-result-page.theme-wealth .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(46, 125, 50, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .report-result-page.theme-wealth .report-hero .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .report-result-page.theme-wealth .report-hero .card-frame::before, .report-result-page.theme-wealth .report-hero .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .report-result-page.theme-wealth .report-hero .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .report-result-page.theme-wealth .report-hero .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .report-result-page.theme-wealth .report-hero .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .report-result-page.theme-wealth .report-hero .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .report-result-page.theme-wealth .report-hero .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .report-result-page.theme-wealth .report-hero .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .report-result-page.theme-wealth .report-hero .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .report-result-page.theme-wealth .report-hero .feature-list li:last-child {
                border-bottom: none
            }

            .report-result-page.theme-wealth .report-hero .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.report-result-page.theme-career .report-hero {
    --theme-primary: #1565c0;
    --theme-secondary: #00bcd4;
    --theme-shadow: rgba(21, 101, 192, 0.4);
    background: linear-gradient(135deg, rgb(23.9281690141, 115.0830985915, 218.7718309859) 0%, rgb(16.8, 80.8, 153.6) 100%) !important;
    background-image: url("../images/reports/career_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .report-result-page.theme-career .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(21, 101, 192, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .report-result-page.theme-career .report-hero .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .report-result-page.theme-career .report-hero .card-frame::before, .report-result-page.theme-career .report-hero .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .report-result-page.theme-career .report-hero .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .report-result-page.theme-career .report-hero .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .report-result-page.theme-career .report-hero .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .report-result-page.theme-career .report-hero .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .report-result-page.theme-career .report-hero .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .report-result-page.theme-career .report-hero .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .report-result-page.theme-career .report-hero .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .report-result-page.theme-career .report-hero .feature-list li:last-child {
                border-bottom: none
            }

            .report-result-page.theme-career .report-hero .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.report-result-page.theme-health .report-hero {
    --theme-primary: #009688;
    --theme-secondary: #8bc34a;
    --theme-shadow: rgba(0, 150, 136, 0.4);
    background: linear-gradient(135deg, rgb(0, 186, 168.64) 0%, rgb(0, 120, 108.8) 100%) !important;
    background-image: url("../images/reports/health_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .report-result-page.theme-health .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 150, 136, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .report-result-page.theme-health .report-hero .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .report-result-page.theme-health .report-hero .card-frame::before, .report-result-page.theme-health .report-hero .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .report-result-page.theme-health .report-hero .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .report-result-page.theme-health .report-hero .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .report-result-page.theme-health .report-hero .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .report-result-page.theme-health .report-hero .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .report-result-page.theme-health .report-hero .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .report-result-page.theme-health .report-hero .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .report-result-page.theme-health .report-hero .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .report-result-page.theme-health .report-hero .feature-list li:last-child {
                border-bottom: none
            }

            .report-result-page.theme-health .report-hero .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.report-result-page.theme-inner-self .report-hero {
    --theme-primary: #673ab7;
    --theme-secondary: #e040fb;
    --theme-shadow: rgba(103, 58, 183, 0.4);
    background: linear-gradient(135deg, rgb(116.3701244813, 71.1647302905, 196.7352697095) 0%, rgb(82.4, 46.4, 146.4) 100%) !important;
    background-image: url("../images/reports/inner_self_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .report-result-page.theme-inner-self .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(103, 58, 183, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .report-result-page.theme-inner-self .report-hero .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .report-result-page.theme-inner-self .report-hero .card-frame::before, .report-result-page.theme-inner-self .report-hero .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .report-result-page.theme-inner-self .report-hero .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .report-result-page.theme-inner-self .report-hero .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .report-result-page.theme-inner-self .report-hero .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .report-result-page.theme-inner-self .report-hero .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .report-result-page.theme-inner-self .report-hero .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .report-result-page.theme-inner-self .report-hero .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .report-result-page.theme-inner-self .report-hero .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .report-result-page.theme-inner-self .report-hero .feature-list li:last-child {
                border-bottom: none
            }

            .report-result-page.theme-inner-self .report-hero .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.report-result-page.theme-mental .report-hero {
    --theme-primary: #3f51b5;
    --theme-secondary: #536dfe;
    --theme-shadow: rgba(63, 81, 181, 0.4);
    background: linear-gradient(135deg, rgb(77.412295082, 95.0729508197, 193.187704918) 0%, rgb(50.4, 64.8, 144.8) 100%) !important;
    background-image: url("../images/reports/mental_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .report-result-page.theme-mental .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(63, 81, 181, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .report-result-page.theme-mental .report-hero .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .report-result-page.theme-mental .report-hero .card-frame::before, .report-result-page.theme-mental .report-hero .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .report-result-page.theme-mental .report-hero .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .report-result-page.theme-mental .report-hero .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .report-result-page.theme-mental .report-hero .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .report-result-page.theme-mental .report-hero .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .report-result-page.theme-mental .report-hero .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .report-result-page.theme-mental .report-hero .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .report-result-page.theme-mental .report-hero .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .report-result-page.theme-mental .report-hero .feature-list li:last-child {
                border-bottom: none
            }

            .report-result-page.theme-mental .report-hero .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.report-result-page.theme-challenges .report-hero {
    --theme-primary: #c62828;
    --theme-secondary: #ff5722;
    --theme-shadow: rgba(198, 40, 40, 0.4);
    background: linear-gradient(135deg, rgb(213.8571428571, 51.3428571429, 51.3428571429) 0%, rgb(158.4, 32, 32) 100%) !important;
    background-image: url("../images/reports/challenges_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .report-result-page.theme-challenges .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(198, 40, 40, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .report-result-page.theme-challenges .report-hero .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .report-result-page.theme-challenges .report-hero .card-frame::before, .report-result-page.theme-challenges .report-hero .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .report-result-page.theme-challenges .report-hero .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .report-result-page.theme-challenges .report-hero .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .report-result-page.theme-challenges .report-hero .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .report-result-page.theme-challenges .report-hero .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .report-result-page.theme-challenges .report-hero .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .report-result-page.theme-challenges .report-hero .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .report-result-page.theme-challenges .report-hero .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .report-result-page.theme-challenges .report-hero .feature-list li:last-child {
                border-bottom: none
            }

            .report-result-page.theme-challenges .report-hero .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.report-result-page.theme-education .report-hero {
    --theme-primary: #f57f17;
    --theme-secondary: #ff9800;
    --theme-shadow: rgba(245, 127, 23, 0.4);
    background: linear-gradient(135deg, rgb(246, 139.8, 46.2) 0%, rgb(205.5404958678, 100.9983471074, 8.8595041322) 100%) !important;
    background-image: url("../images/reports/education_bg.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

    .report-result-page.theme-education .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(245, 127, 23, 0.8) 100%);
        opacity: .6;
        z-index: 2;
        border-radius: inherit
    }

    .report-result-page.theme-education .report-hero .card-frame {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid rgba(212,175,55,.6);
        z-index: 3;
        pointer-events: none
    }

        .report-result-page.theme-education .report-hero .card-frame::before, .report-result-page.theme-education .report-hero .card-frame::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #d4af37
        }

        .report-result-page.theme-education .report-hero .card-frame::before {
            top: -2px;
            left: -2px;
            border-right: none;
            border-bottom: none
        }

        .report-result-page.theme-education .report-hero .card-frame::after {
            bottom: -2px;
            right: -2px;
            border-left: none;
            border-top: none
        }

    .report-result-page.theme-education .report-hero .card-body {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
        justify-content: flex-end;
        padding: 2.5rem 2rem 1.8rem 2rem
    }

    .report-result-page.theme-education .report-hero .card-title {
        color: #fff !important;
        font-family: "Philosopher",serif;
        font-size: 2.2rem;
        font-weight: 700;
        text-shadow: 0 2px 6px rgba(0,0,0,.8);
        margin-bottom: .5rem;
        margin-top: auto
    }

    .report-result-page.theme-education .report-hero .card-text {
        font-size: .9rem;
        color: hsla(0,0%,100%,.95);
        text-shadow: 0 1px 4px rgba(0,0,0,.8);
        margin-bottom: 1.5rem
    }

    .report-result-page.theme-education .report-hero .feature-list {
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 0;
        list-style: none
    }

        .report-result-page.theme-education .report-hero .feature-list li {
            color: #fff !important;
            border-bottom: 1px solid hsla(0,0%,100%,.2);
            padding: .6rem .5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,.6)
        }

            .report-result-page.theme-education .report-hero .feature-list li:last-child {
                border-bottom: none
            }

            .report-result-page.theme-education .report-hero .feature-list li i {
                color: #ffc107 !important;
                width: 25px;
                text-align: center
            }

.report-result-page .report-hero {
    position: relative;
    padding: 120px 0 160px;
    text-align: center;
    color: #fff;
    margin-bottom: -100px;
    overflow: hidden
}

    .report-result-page .report-hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%) !important;
        z-index: 1
    }

    .report-result-page .report-hero .container {
        position: relative;
        z-index: 5
    }

    .report-result-page .report-hero h1 {
        color: #fff;
        font-family: "Philosopher",serif;
        font-size: 3.5rem;
        font-weight: 700;
        text-shadow: 0 4px 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5);
        margin-bottom: 10px
    }

    .report-result-page .report-hero .hero-subtitle {
        font-size: 1.2rem;
        color: hsla(0,0%,100%,.9);
        text-shadow: 0 2px 5px rgba(0,0,0,.8);
        font-weight: 500
    }

    .report-result-page .report-hero .hero-meta {
        margin-top: 15px;
        font-size: 1.05rem;
        color: hsla(0,0%,100%,.85);
        text-shadow: 0 1px 3px rgba(0,0,0,.8)
    }

        .report-result-page .report-hero .hero-meta span {
            margin: 0 10px
        }

.report-result-page .report-container {
    position: relative;
    z-index: 10;
    background: snow;
    border-radius: 15px;
    box-shadow: 0 25px 60px rgba(0,0,0,.2);
    padding: 50px;
    border-top: 5px solid var(--theme-secondary, #d4af37);
    border-bottom: 5px solid var(--theme-primary, #710000);
    margin-bottom: 60px
}

    .report-result-page .report-container::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border: 1px dashed rgba(0,0,0,.1);
        pointer-events: none;
        border-radius: 10px
    }

    .report-result-page .report-container .report-title {
        color: var(--theme-primary, #710000);
        font-family: "Philosopher",serif;
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 20px;
        border-left: 4px solid var(--theme-secondary, #d4af37);
        padding-left: 15px
    }

    .report-result-page .report-container .report-content {
        font-size: 17px;
        line-height: 1.9;
        color: #333;
        text-align: justify
    }

        .report-result-page .report-container .report-content ul li::before {
            color: var(--theme-secondary, #d4af37)
        }
/*# sourceMappingURL=premium-reports.min.css.map */