.container {
max-width: 1420px;}

.navbar-nav .nav-link {
 font-weight: bold;
 font-size: 1rem;}

.my-5 {
     margin-top: 0rem !important;
 margin-bottom: 0rem !important;}

.item-box {
 box-shadow: 0px 0px 4px rgba(23, 43, 76, 0.3);
 transition: box-shadow 0.3s ease;}

.item-box:hover {
box-shadow: 0px 0px 8px 4px rgba(23, 43, 76, 0.3);}

.card {
border: 1px solid #e6e6e6;}
.card .card-body {
 padding: 1.0rem; }

.theme-dark .mb-3 {
background: inherit !important;}

a:hover {
text-decoration: underline;}

.bg-gradient-info {
background: #172b4c;}

.bg-gradient-info:hover {
background: #172b4c !important;}
avatar {
 height: 36px;}
</style>

     
     <!-- Livewire Styles -->
<style >
 [wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {
     display: none;
 }

 [wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {
     display:none;
 }

 [wire\:offline] {
     display: none;
 }

 [wire\:dirty]:not(textarea):not(input):not(select) {
     display: none;
 }

 input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
     animation-duration: 50000s;
     animation-name: livewireautofill;
 }

 @keyframes livewireautofill { from {} }
</style>

<style data-vue-ssr-id="07549a1b:0 09a44d53:0 15f0552d:0 709683a2:0 52210cb2:0 729290ca:0 d5623d8e:0">
            * {
                box-sizing: border-box;
                font-family: Nunito,sans-serif;
                margin: 0;
                padding: 0
            }
            .info{
                display:none;
            }

            a {
                -webkit-text-decoration: none;
                text-decoration: none
            }

            select {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Im0xLjI1IDEuODc1IDUuMjUgNS4yNSA1LjI1LTUuMjUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEzdjlIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") no-repeat right 10px center;
                background-color: #fff;
                border: 1px solid #ccc;
                border-radius: 5px;
                font-size: 16px;
                padding: 10px 40px 10px 10px
            }

            select:focus {
                border-color: #007bff;
                outline: none
            }

            @supports(-webkit-overflow-scrolling:touch) {
                input,textarea {
                    font-size: 16px!important
                }
            }

            footer .wrapper {
                border-top: 1px solid #ddd;
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                justify-content: space-between;
                padding: 1rem;
                text-align: center
            }

            footer .wrapper h3 {
                font-size: 1.1rem;
                text-align: left
            }

            footer .wrapper .disclosure {
                text-align: left
            }

            footer .wrapper .title {
                font-size: 16px;
                font-weight: 700;
                text-align: left
            }

            footer .wrapper .footer-links {
                grid-gap: .5rem 1rem;
                display: grid;
                gap: .5rem 1rem;
                grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
                margin: 10px 0;
                max-width: 500px
            }

            footer .wrapper .footer-links a {
                color: #252525;
                font-size: 16px;
                padding: 5px 0;
                text-align: left
            }

            footer .wrapper .footer-links a:hover {
                color: #253348;
                transition: color .3s
            }

            footer .wrapper p {
                color: #000;
                font-size: 16px
            }

            footer .wrapper .disclosure {
                font-size: 15px;
                max-width: 500px
            }

            @media(max-width: 1000px) {
                footer .wrapper .disclosure {
                    font-size:15px;
                    max-width: 100%
                }

                footer .wrapper .container {
                    width: 100%
                }
            }

            .wrapper {
                margin: auto;
                max-width: 1100px;
                padding: 20px;
                width: 100%
            }

            .main-ads-wrapper {
                padding: 20px 0
            }

            .in-table-ads {
                height: 85px;
                margin-bottom: 1rem;
                position: relative;
                width: 100%
            }

            .in-table-ads .ads-wrapper {
                left: 0;
                position: absolute;
                top: 0;
                width: 100%
            }

            .in-table-ads.below-search {
                height: 400px
            }

            .margin-absolute-ads {
                margin: 20px 0
            }

            @media(max-width: 500px) {
                .in-table-ads.below-search {
                    height:350px
                }
            }

            .no-top-padding-ads-wrapper {
                padding: 0 20px
            }

            .store {
                display: inline-block;
                margin: 0 10px
            }

            .mob-app {
                text-align: center
            }

            .mob-app img {
                cursor: pointer;
                height: 45px
            }

            .mob-app.home-page {
                margin-bottom: 20px
            }

            .mob-app.home-page img {
                height: 40px
            }

            .ads-container {
                align-items: center;
                display: flex;
                justify-content: center;
                margin: 1rem 0;
                width: 100%
            }

            .ads-container .adsbygoogle {
                display: inline-block!important
            }

            @media(max-width: 390px) {
                .mob-app img {
                    height:34px
                }
            }

            .contact {
                background-color: #ffe1e7;
                border-radius: 5px;
                margin: auto;
                max-width: 800px;
                padding: .5em;
                text-align: center
            }

            .contact h3,.contact p {
                color: #253348;
                margin: 1em
            }

            .contact h3 {
                font-size: 1.3rem
            }

            .contact p {
                font-size: 1.015rem;
                font-weight: 600
            }

            .contact .contact-btn {
                margin: 1em
            }

            .contact .contact-btn a {
                background-color: #fe2c55;
                background-color: #b20124;
                border: none;
                border-radius: 5px;
                color: #fff;
                display: inline-block;
                padding: 10px 25px
            }

            .contact .contact-btn a:hover {
                background-color: #ff1b48;
                transition: background-color .1s ease
            }

            .ads-wrapper {
                flex-basis: 100%
            }

            .wrapper .try a {
                position: relative
            }

            .wrapper .try a:after {
                background-color: #fff;
                border: 1px solid #b6b6b6;
                color: #777;
                content: "ADS";
                font-size: 10px;
                padding: 3px;
                position: absolute;
                right: 0
            }

            .extra-height {
                height: 150px
            }

            .avatar {
                box-shadow: none;
            }

            .qa img {
                height: auto
            }

            @media(max-width: 700px) {
                .extra-height {
                    height:75px
                }
            }

            nav,nav .nav-wrapper {
                background-color: #fff5f5
            }

            nav .nav-wrapper {
                display: flex;
                justify-content: space-between;
                margin: auto;
                max-width: 1100px;
                width: 100%
            }

            nav .nav-wrapper .logo {
                padding: 15px
            }

            nav .nav-wrapper .logo a {
                color: #000;
                font-size: 1.5rem;
                font-weight: 700
            }

            nav .nav-wrapper .tag {
                background-color: #ff9f47;
                border-radius: 100px;
                bottom: 20px;
                color: #fff;
                font-size: 12px;
                font-weight: 700;
                padding: 0 5px;
                right: 0
            }

            nav .nav-wrapper .tiktoklink {
                background-color: #ffe0e0;
                border-radius: 10px;
                cursor: pointer;
                height: 30px;
                position: relative;
                width: 30px
            }

            nav .nav-wrapper .tiktoklink svg {
                bottom: 0;
                left: 50%;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translate(-50%,-50%);
                width: 22px
            }

            nav .nav-wrapper .tiktoklink:hover {
                background-color: #fcd1d1;
                transition: 1s ease
            }

            nav .nav-wrapper .text {
                color: #323232;
                font-size: 16px;
                text-transform: capitalize
            }

            nav .nav-wrapper .text:hover {
                color: #f55d7b;
                transition: .3s
            }

            nav .nav-wrapper ul li ul {
                background-color: #fff;
                border: 1px solid #bbb;
                border-radius: 5px;
                box-shadow: 4px 4px 10px 0 rgba(0,0,0,.1);
                display: none;
                list-style: none;
                margin-top: 1rem;
                opacity: 0;
                position: absolute;
                right: 0;
                transition: all .5s ease;
                visibility: hidden;
                width: 550px;
                z-index: 99
            }

            nav .nav-wrapper ul li ul li {
                flex-basis: 49%
            }

            nav .nav-wrapper ul li ul li a {
                align-items: center;
                border-radius: 5px;
                box-sizing: content-box;
                color: #323232;
                display: block;
                display: flex;
                font-size: 16px;
                gap: 10px;
                padding: 15px
            }

            nav .nav-wrapper ul li ul li a .icon,nav .nav-wrapper ul li ul li a .icon svg {
                height: 30px;
                width: 30px
            }

            nav .nav-wrapper ul li.active>ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                opacity: 1;
                visibility: visible
            }

            nav .nav-wrapper .default {
                width: 270px
            }

            nav .nav-wrapper .default li {
                flex-basis: 100%;
                width: 100%
            }

            nav .nav-wrapper .default li .icon,nav .nav-wrapper .default li .icon svg {
                height: 18px;
                width: 18px
            }

            nav .nav-wrapper .links {
                font-size: 16px
            }

            nav .nav-wrapper .links .link {
                color: #2c181d;
                cursor: pointer;
                display: inline-block;
                font-size: 1em;
                font-weight: 700;
                margin: 5px;
                padding: 15px;
                position: relative;
                vertical-align: middle
            }

            nav .nav-wrapper .links .link span {
                pointer-events: none
            }

            nav .nav-wrapper .links .link span svg {
                display: inline-block;
                margin-left: 8px
            }

            nav .nav-wrapper .links .link.app {
                display: none
            }

            nav .nav-wrapper ul li.active span svg {
                transform: rotate(180deg);
                transition: transform .5s ease
            }

            nav .nav-wrapper .burger {
                cursor: pointer;
                display: none
            }

            nav .nav-wrapper .burger span {
                background: #f55d7b;
                border-radius: 3px;
                display: block;
                height: 3px;
                margin-top: 6px;
                position: relative;
                transform-origin: 4px 0;
                transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
                width: 30px;
                z-index: 1
            }

            nav .nav-wrapper .burger.active span {
                background: #f55d7b;
                opacity: 1
            }

            nav .nav-wrapper .burger.active span:nth-last-child(3) {
                opacity: 0;
                transform: rotate(0deg) scale(.2)
            }

            nav .nav-wrapper .burger.active span:last-child {
                transform: rotate(-45deg) translateY(-1px)
            }

            nav .nav-wrapper .burger.active span:nth-last-child(2) {
                transform: rotate(45deg) translateY(-1px);
                transform-origin: 11px 0
            }

            @media(max-width: 750px) {
                nav.active+* {
                    display:none
                }

                nav .nav-wrapper.active {
                    position: absolute
                }

                nav .tiktoklink .text {
                    bottom: 0;
                    left: 100%;
                    margin-left: 10px;
                    position: absolute;
                    right: 0;
                    top: 44%;
                    transform: translate(-50%,-50%)
                }

                nav .tiktoklink .text:before {
                    content: "Follow us ";
                    display: flex;
                    width: 150px
                }

                nav .nav-wrapper {
                    z-index: 99
                }

                nav .nav-wrapper .burger {
                    display: block;
                    padding: 20px
                }

                nav .nav-wrapper ul li ul {
                    background-color: transparent;
                    border: none;
                    box-shadow: none;
                    display: block;
                    position: relative;
                    visibility: visible;
                    width: auto
                }

                nav .nav-wrapper ul li ul li a {
                    padding: 10px
                }

                nav .nav-wrapper ul li>ul {
                    display: block;
                    opacity: 1;
                    visibility: visible
                }

                nav .nav-wrapper ul li.active>ul {
                    display: block
                }

                nav .nav-wrapper .default {
                    width: auto
                }

                nav .nav-wrapper .links {
                    background-color: #fff5f5;
                    display: none;
                    flex-basis: 100%;
                    font-size: 15px;
                    left: 0;
                    padding: 2rem 0;
                    position: absolute;
                    top: 50px;
                    width: 100%;
                    z-index: 10
                }

                nav .nav-wrapper .links .link.app {
                    display: block
                }

                nav .nav-wrapper .links .link {
                    cursor: auto;
                    display: block;
                    margin-bottom: 0;
                    margin-left: 0;
                    padding: 10px 20px
                }

                nav .nav-wrapper .links .link span {
                    border-bottom: 1px dashed #000
                }

                nav .nav-wrapper .links .link span svg {
                    display: none
                }

                nav .nav-wrapper .links .link .tag {
                    left: 85px;
                    right: auto;
                    transform: none
                }

                nav .nav-wrapper .links .link .text {
                    font-size: 15px
                }

                nav .nav-wrapper .links .link .default li a {
                    padding: 13px
                }

                nav .nav-wrapper .links.toggle {
                    display: flex;
                    flex-direction: column;
                    min-height: 100vh
                }

                nav .nav-wrapper .links.toggle .link:first-child {
                    order: 2
                }

                nav .nav-wrapper .links.toggle .link:nth-child(2) {
                    order: 1
                }

                nav .nav-wrapper .links.toggle .link:nth-child(3) {
                    order: 3
                }
            }

            @media(max-width: 550px) {
                nav .nav-wrapper .burger {
                    padding:15px
                }
            }

            .about {
                text-align: center
            }

            .about h2 {
                display: inline-block;
                font-size: 1.5rem;
                padding: 1rem;
                position: relative
            }

            .about h2:after {
                background: #0077f1;
                border-radius: 100px;
                content: "";
                height: 4px;
                left: 0;
                margin: 10px auto;
                position: absolute;
                right: 0;
                top: 60%;
                width: 50%
            }

            .about .all-qa {
                align-items: center;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                margin-top: 2rem
            }

            .about .all-qa .qa {
                border: 2px solid #0077f1;
                border-radius: 5px;
                box-shadow: 4px 4px 0 0 #0077f1;
                flex: 1 0 auto;
                margin: 1.2rem 0;
                max-width: 800px;
                padding: 1rem;
                text-align: left;
                width: 100%
            }

            .about .all-qa .qa h3 {
                font-size: 1.2rem;
                font-weight: 600;
                margin-bottom: 5px
            }

            .about .all-qa .qa p {
                color: #3a3a3a;
                line-height: 28px
            }

            .about .all-qa .qa ol,.about .all-qa .qa ul {
                color: #3a3a3a;
                list-style-position: inside;
                margin-left: .5rem
            }

            .about .all-qa .qa ol li,.about .all-qa .qa ul li {
                margin: 5px
            }

            .about .all-qa .qa a {
                border-bottom: 1px solid #000;
                color: #000
            }

            .bottom-section {
                background-color: #fff
            }

            @media(max-width: 500px) {
                .about h2:after {
                    content:none
                }
            }

            .home .top-section {
                background-color: #fff5f5;
                min-height: 50vh;
                text-align: center
            }

            .home .top-section .wrapper .head {
                padding-top: 4rem
            }

            .home .top-section .wrapper .head h1 {
                font-size: 1.5rem;
                font-weight: 700;
                margin-bottom: .5rem
            }

            .home .top-section .wrapper .head p {
                font-size: 1.1rem;
                line-height: 2rem
            }

            @media(max-width: 500px) {
                .home .top-section .wrapper .head {
                    padding:2rem 1rem
                }

                .home .top-section .wrapper .head .url {
                    word-break: break-all
                }
            }

            .user-page {
                background-color: #fff5f5;
                padding: 1.5rem 0
            }

            .user-page .user-wrapper {
                padding: 0 20px
            }

            .user-page .info .profile {
                background-color: #fff;
                border-bottom: 1px solid #e9e9e9;
                border-top: 1px solid #e9e9e9
            }

            .user-page .info .profile .wrapper {
                align-items: center;
                display: flex;
                justify-content: space-between
            }

            .user-page .info .profile .wrapper .actions .compare-btn,.user-page .info .profile .wrapper .actions .visit-btn {
                display: inline-block;
                margin-left: 1rem
            }

            .user-page .info .profile .wrapper .actions svg {
                height: 15px;
                margin-left: 5px;
                width: 15px
            }

            .user-page .info .profile .wrapper .actions a {
                background-color: #fe2c55;
                border: none;
                border-radius: 5px;
                color: #fff;
                display: inline-block;
                font-weight: 600;
                padding: 10px 25px
            }

            .user-page .info .profile .wrapper .actions a:hover {
                background-color: #ff1b48;
                transition: background-color .1s ease
            }

            .user-page .info .wrapper .stats {
                display: flex;
                flex-wrap: wrap;
                margin-top: .5rem
            }

            .user-page .info .wrapper .stats .small-counts {
                display: flex;
                flex-basis: 100%;
                justify-content: space-between
            }

            .user-page .info .wrapper .stats .small-counts .small {
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                flex-basis: 30%;
                margin-bottom: 1rem;
                text-align: center
            }

            .user-page .info .wrapper .stats .small-counts .small .count {
                font-size: 1.4rem
            }

            .f-count {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                flex-basis: 100%;
                margin-bottom: 1rem;
                position: relative;
                text-align: center
            }

            .f-count .counter {
                padding: 3rem
            }

            .f-count .p-info {
                display: flex;
                justify-content: center;
                margin-bottom: 1rem;
                text-align: left
            }

            .f-count .p-info .pic img {
                background-color: #fe2c55;
                border-radius: 100px;
                height: 60px;
                margin-right: .8rem;
                width: 60px
            }

            .f-count .p-info .names {
                font-size: 24px
            }

            .f-count .p-info .names .username .verified {
                display: inline-block
            }

            .f-count .p-info .names .username .verified svg {
                height: 18px;
                vertical-align: middle;
                width: 18px
            }

            .f-count .p-info .names .username h2 {
                display: inline-block;
                font-size: .9em
            }

            .f-count .p-info .names .nickname {
                font-size: .7em
            }

            .f-count .counter {
                left: 0;
                margin: 0;
                position: relative;
                top: 0
            }

            .f-count .counter h4 {
                color: #253348;
                font-size: 1.5rem;
                margin-bottom: 1.5rem
            }

            .f-count .counter .count {
                font-size: 3.5rem;
                margin-bottom: .5rem
            }

            .f-count .head-count {
                font-size: 1.3rem
            }

            a.rk-btn {
                background-color: #fe2c55;
                border-radius: 5px;
                color: #fff;
                display: inline-block;
                font-size: .85em;
                font-weight: 600;
                margin: 1.4em 0;
                padding: .5em 1em;
                position: relative;
                text-transform: capitalize
            }

            a.rk-btn .tag {
                background-color: #ff9f47;
                border-radius: 100px;
                color: #fff;
                font-size: .75em;
                font-weight: 700;
                padding: 0 5px;
                position: absolute;
                right: -7px;
                top: -7px
            }

            .p-big {
                color: #bbb;
                font-size: 1rem;
                font-weight: 600;
                margin-bottom: .5rem
            }

            .count {
                color: #253348
            }

            .head-count {
                background-color: #fe2c55;
                border-radius: 5px 5px 0 0;
                color: #fff;
                font-weight: 600;
                padding: 10px 15px;
                text-align: left
            }

            .counter {
                background-color: #fff;
                border-radius: 5px;
                padding: 1rem
            }

            @media(max-width: 900px) {
                html {
                    font-size:15px
                }

                .user-page .info .wrapper .stats {
                    flex-wrap: wrap
                }

                .user-page .info .wrapper .stats .f-count {
                    flex-basis: 100%;
                    margin-right: 0
                }

                .user-page .info .wrapper .stats .f-count .counter {
                    left: 0;
                    padding: 1rem;
                    position: relative;
                    top: 0;
                    transform: none
                }

                .user-page .info .wrapper .stats .small-counts .small {
                    flex-basis: 32%
                }

                .user-page .info .wrapper .stats .small-counts .small .count {
                    font-size: 1.5rem
                }

                .user-page .info .wrapper .stats .small-counts .small .counter {
                    padding: 20px
                }
            }

            @media(max-width: 550px) {
                html {
                    font-size:13px
                }

                .wrapper {
                    padding: 7px!important
                }

                .main-ads-wrapper {
                    padding: 5px 0!important
                }

                .user-page .info .profile .wrapper .p-info .pic img {
                    height: 50px;
                    width: 50px
                }

                .user-page .info .profile .wrapper .p-info .names {
                    font-size: 20px;
                    vertical-align: middle
                }

                .user-page .info .profile .wrapper .actions .compare-btn,.user-page .info .profile .wrapper .actions .visit-btn {
                    margin-left: .7rem
                }

                .user-page .info .profile .wrapper .actions svg {
                    height: 14px;
                    width: 14px
                }

                .user-page .info .profile .wrapper .actions a {
                    padding: 10px 7px
                }

                .user-page .info .wrapper .stats .small-counts {
                    flex-wrap: wrap
                }

                .user-page .info .wrapper .stats .small-counts .small {
                    flex-basis: 100%
                }
            }

            .video-page {
                background-color: #fff5f5;
                padding: 3rem 0
            }

            .video-page .info {
                margin-top: 2rem
            }

            .video-page .info .video {
                background-color: #fff;
                border-bottom: 1px solid #e9e9e9;
                border-top: 1px solid #e9e9e9
            }

            .video-page .info .video .wrapper {
                align-items: center;
                display: flex;
                justify-content: space-between
            }

            .video-page .info .video .wrapper .v-info {
                display: flex;
                flex-basis: 80%
            }

            .video-page .info .video .wrapper .v-info .pic {
                border-radius: 5px
            }

            .video-page .info .video .wrapper .v-info .pic img {
                background-color: #fe2c55;
                border-radius: 5px;
                height: 220px;
                margin-right: .8rem;
                width: 130px
            }

            .video-page .info .video .wrapper .v-info .video-details {
                text-align: center;
                width: 100%
            }

            .video-page .info .video .wrapper .v-info .video-details .description {
                border-bottom: 1px solid #e9e9e9;
                height: 65%
            }

            .video-page .info .video .wrapper .v-info .video-details .description p {
                font-size: 1.1rem;
                padding: 1rem
            }

            .video-page .info .video .wrapper .v-info .video-details .extra-det {
                display: inline-block;
                padding: .5rem;
                width: calc(50% - 1rem)
            }

            .video-page .info .video .wrapper .v-info .video-details .extra-det h3 {
                color: #8f8f8f;
                font-size: 1rem;
                font-weight: 500;
                margin-bottom: 5px
            }

            .video-page .info .video .wrapper .v-info .video-details .extra-det h4 {
                font-size: 1.1rem
            }

            .video-page .info .video .wrapper .v-info .video-details .creator {
                border-right: 1px solid #e9e9e9
            }

            .video-page .info .video .wrapper .actions {
                flex-basis: 20%;
                text-align: right
            }

            .video-page .info .video .wrapper .actions .visit-btn {
                display: inline-block;
                margin-left: 1rem
            }

            .video-page .info .video .wrapper .actions svg {
                height: 15px;
                margin-left: 5px;
                width: 15px
            }

            .video-page .info .video .wrapper .actions a {
                background-color: #fe2c55;
                border: none;
                border-radius: 5px;
                color: #fff;
                display: inline-block;
                font-weight: 600;
                padding: 10px 25px
            }

            .video-page .info .video .wrapper .actions a:hover {
                background-color: #ff1b48;
                transition: background-color .1s ease
            }

            .video-page .info .wrapper .stats .v-count {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                margin-bottom: .7rem;
                margin-right: 1.5rem;
                position: relative;
                text-align: center;
                width: 100%
            }

            .video-page .info .wrapper .stats .v-count .counter {
                left: 0;
                margin: 0;
                padding: 3rem;
                position: relative;
                top: 0
            }

            .video-page .info .wrapper .stats .v-count .counter h4 {
                color: #253348;
                font-size: 1.5rem;
                margin-bottom: 1.5rem
            }

            .video-page .info .wrapper .stats .v-count .counter .count {
                font-size: 3.5rem;
                margin-bottom: 1.5rem
            }

            .video-page .info .wrapper .stats .small-counts {
                display: flex;
                justify-content: space-between;
                margin-top: .7rem
            }

            .video-page .info .wrapper .stats .small-counts .small {
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                flex-basis: 30%;
                margin-bottom: 1rem;
                text-align: center
            }

            .video-page .info .wrapper .stats .small-counts .small .count {
                font-size: 1.4rem
            }

            @media(max-width: 750px) {
                .video-page .info .video .wrapper {
                    flex-wrap:wrap
                }

                .video-page .info .video .wrapper .v-info {
                    flex-basis: 100%
                }

                .video-page .info .video .wrapper .v-info .pic img {
                    height: 180px;
                    width: 110px
                }

                .video-page .info .video .wrapper .actions {
                    display: none
                }

                .video-page .info .wrapper .stats .small-counts {
                    flex-wrap: wrap
                }

                .video-page .info .wrapper .stats .small-counts .small {
                    flex-basis: 100%
                }

                .video-page .info .wrapper .stats .small-counts .small .count {
                    font-size: 1.5rem
                }
            }

            @media(max-width: 450px) {
                .video-page .info .video .wrapper .v-info {
                    flex-wrap:wrap
                }

                .video-page .info .video .wrapper .v-info .pic {
                    flex-basis: 100%;
                    text-align: center
                }

                .video-page .info .video .wrapper .v-info .video-details .extra-det {
                    padding: .3rem
                }

                .video-page .info .video .wrapper .v-info .video-details .description {
                    padding: .5rem
                }
            }

            .compare {
                background-color: #fff5f5
            }

            .compare .wrapper .head {
                padding-top: 4rem
            }

            .compare .wrapper .head h1 {
                font-size: 1.5rem;
                font-weight: 700;
                margin-bottom: .5rem;
                text-align: center
            }

            .compare .wrapper .users {
                display: flex;
                justify-content: space-between;
                margin-bottom: 25px
            }

            .compare .wrapper .users .compare-user {
                flex-basis: 48%
            }

            .compare .wrapper .users .compare-user .search {
                width: 100%
            }

            .compare .wrapper .users .compare-user .details {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                text-align: center
            }

            .compare .wrapper .users .compare-user .details .pic {
                padding: 2rem 2rem 0
            }

            .compare .wrapper .users .compare-user .details .pic img {
                background-color: #fe2c55;
                border-radius: 100px;
                height: 70px;
                width: 70px
            }

            .compare .wrapper .users .compare-user .details .names {
                padding: 0 2rem
            }

            .compare .wrapper .users .compare-user .details .names .username .verified {
                display: inline-block
            }

            .compare .wrapper .users .compare-user .details .names .username .verified svg {
                height: 17px;
                width: 17px
            }

            .compare .wrapper .users .compare-user .details .names .username h2 {
                display: inline-block;
                font-size: 1.4rem
            }

            .compare .wrapper .users .compare-user .details .names .nickname {
                font-size: 1.2rem
            }

            .compare .wrapper .users .compare-user .details .stats {
                padding: 0 2rem
            }

            .compare .wrapper .users .compare-user .details .stats .stat {
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                margin: 1.5rem auto;
                max-width: 250px;
                padding: 1.5rem;
                width: 100%
            }

            .compare .wrapper .users .compare-user .details .stats .stat h3 {
                color: #bbb;
                font-size: .8rem;
                font-weight: 600;
                margin-bottom: .4rem
            }

            .compare .wrapper .users .compare-user .details .stats .stat h4 {
                color: #253348;
                font-size: 1.5rem
            }

            .compare .wrapper .users .compare-user .details .stats .stat.active {
                border: 2px solid #6bd46b
            }

            .compare .wrapper .differences .title {
                color: #253348;
                font-size: 2rem;
                margin: 1.5rem;
                text-align: center
            }

            .compare .wrapper .differences .diff {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                margin: 1.5rem 0;
                padding: 1.5rem;
                text-align: center
            }

            .compare .wrapper .differences .diff h3 {
                color: #86939e;
                font-size: 1rem;
                font-weight: 600
            }

            .compare .wrapper .differences .diff h4 {
                color: #253348;
                font-size: 2.2rem;
                margin-bottom: .7rem
            }

            @media(max-width: 450px) {
                .compare .wrapper .users {
                    flex-basis:49%
                }

                .compare .wrapper .users .compare-user .details .pic {
                    padding: 1rem 1rem 0
                }

                .compare .wrapper .users .compare-user .details .names,.compare .wrapper .users .compare-user .details .stats {
                    padding: 0 1rem
                }

                .compare .wrapper .users .compare-user .details .stats .stat {
                    padding: .5rem
                }
            }

            .f-pages {
                margin: 2rem 0;
                padding: .5rem
            }

            .f-pages .wrapper {
                border: 1px solid #253348;
                border-radius: 5px;
                box-shadow: 6px 6px 0 0 #253348;
                padding: 2rem
            }

            .f-pages .wrapper h1 {
                color: #253348;
                font-size: 2rem;
                padding: 1rem;
                text-align: center
            }

            .f-pages .wrapper p {
                color: #3a3a3a;
                font-size: 1.1rem;
                line-height: 1.7rem;
                margin-top: 1rem
            }

            .f-pages .wrapper h2 {
                font-size: 1.4rem;
                margin-top: 1rem
            }

            .f-pages .wrapper h3 {
                color: #202020;
                font-size: 1.1rem;
                font-weight: 600;
                margin-top: 2rem
            }

            .f-pages .wrapper a {
                border-bottom: 1px solid #000;
                color: #000
            }

            .f-pages .wrapper ol,.f-pages .wrapper ul {
                list-style: inside;
                margin-left: 20px
            }

            .user-analytics-page {
                background-color: #fff5f5;
                padding: 3rem 0
            }

            .user-analytics-page .info {
                margin-top: 1rem
            }

            .user-analytics-page .info .profile {
                background-color: #fff;
                border-bottom: 1px solid #e9e9e9;
                border-top: 1px solid #e9e9e9
            }

            .user-analytics-page .info .profile .wrapper {
                align-items: center;
                display: flex;
                justify-content: space-between
            }

            .user-analytics-page .info .profile .wrapper .p-info {
                display: flex
            }

            .user-analytics-page .info .profile .wrapper .p-info .pic img {
                background-color: #fe2c55;
                border-radius: 100px;
                height: 85px;
                margin-right: .8rem;
                width: 85px
            }

            .user-analytics-page .info .profile .wrapper .p-info .names {
                font-size: 24px
            }

            .user-analytics-page .info .profile .wrapper .p-info .names .username .verified {
                display: inline-block
            }

            .user-analytics-page .info .profile .wrapper .p-info .names .username .verified svg {
                height: 18px;
                vertical-align: middle;
                width: 18px
            }

            .user-analytics-page .info .profile .wrapper .p-info .names .username h2 {
                display: inline-block;
                font-size: .9em
            }

            .user-analytics-page .info .profile .wrapper .p-info .names .nickname {
                font-size: .7em
            }

            .user-analytics-page .info .profile .wrapper .p-info .names .more-details {
                color: #657184;
                font-size: 14px;
                margin-top: .7rem
            }

            .user-analytics-page .info .profile .wrapper .p-info .names .more-details svg {
                height: 13px;
                vertical-align: middle;
                width: 8px
            }

            .user-analytics-page .info .profile .wrapper .actions .compare-btn,.user-analytics-page .info .profile .wrapper .actions .visit-btn {
                display: inline-block;
                margin-bottom: 5px;
                margin-left: 1rem
            }

            .user-analytics-page .info .profile .wrapper .actions svg {
                height: 15px;
                margin-left: 5px;
                width: 15px
            }

            .user-analytics-page .info .profile .wrapper .actions a,.user-analytics-page .info .profile .wrapper .actions button {
                background-color: #fe2c55;
                border: none;
                border-radius: 5px;
                color: #fff;
                cursor: pointer;
                display: inline-block;
                font-weight: 600;
                padding: 10px 25px
            }

            .user-analytics-page .info .profile .wrapper .actions a:hover,.user-analytics-page .info .profile .wrapper .actions button:hover {
                background-color: #ff1b48;
                transition: background-color .1s ease
            }

            .user-analytics-page .analytics {
                margin: auto auto 1rem;
                max-width: 1100px;
                padding: 0 20px;
                width: 100%
            }

            .user-analytics-page .analytics .container {
                display: flex;
                flex-wrap: wrap;
                margin: 15px 0
            }

            .user-analytics-page .analytics .container .item {
                flex-basis: 100%
            }

            .user-analytics-page .analytics .container .item h2 {
                font-size: 1.3rem;
                margin-bottom: 1rem;
                margin-top: 3rem
            }

            .user-analytics-page .analytics .container .item h2 .small {
                font-size: 1rem
            }

            .user-analytics-page .analytics .container .wrapp {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                padding: 1rem
            }

            .user-analytics-page .analytics .container .item.four .wrapp {
                display: flex
            }

            .user-analytics-page .analytics .container .item.four .wrapp .block {
                border-right: 1px solid #e9e9e9;
                flex-basis: 25%;
                padding: 15px;
                text-align: center
            }

            .user-analytics-page .analytics .container .item.four .wrapp .block h3 {
                color: #979797;
                font-size: 1rem;
                font-weight: 500
            }

            .user-analytics-page .analytics .container .item.four .wrapp .block p {
                font-size: 1.5rem;
                font-weight: 700;
                margin: 10px 0
            }

            .user-analytics-page .analytics .container .item.four .wrapp .block svg {
                height: 20px;
                vertical-align: baseline;
                width: 20px
            }

            .user-analytics-page .analytics .container .item.four .wrapp .block:last-child {
                border: none
            }

            .user-analytics-page .analytics .container .total-engagement-rates {
                margin-bottom: 15px
            }

            .user-analytics-page .analytics .container .total-engagement-rates p {
                color: #fe2c55
            }

            .user-analytics-page .analytics .container .tags {
                display: flex;
                flex-basis: 100%;
                flex-wrap: wrap;
                justify-content: space-between
            }

            .user-analytics-page .analytics .container .tags .item {
                flex-basis: 48%
            }

            .user-analytics-page .analytics .container .tags .item .wrapp {
                min-height: 230px
            }

            .user-analytics-page .analytics .container .tags .item .wrapp .list-all .mem {
                background-color: rgba(255,159,71,.3);
                border-radius: 5px;
                color: #564e39;
                display: inline-block;
                font-size: 15px;
                font-weight: 600;
                margin: 7px 3px;
                padding: 2px 10px
            }

            .user-analytics-page .analytics .container .tags .item .wrapp .bar {
                margin: 20px 0
            }

            .user-analytics-page .analytics .container .tags .item .wrapp .bar .background {
                background-color: rgba(255,159,71,.3);
                border-radius: 5px;
                height: 30px
            }

            .user-analytics-page .analytics .container .tags .item .wrapp .bar .background .reach {
                background-color: #ff9f47;
                border-radius: 5px;
                height: 30px;
                padding: 4px 10px
            }

            .user-analytics-page .analytics .container .tags .item .wrapp .bar .background .reach .span-tag {
                position: absolute
            }

            .user-analytics-page .analytics .container .tags .item .wrapp .bar .background .reach .span-tag span {
                color: #fff;
                font-size: 15px;
                font-weight: 600
            }

            .user-analytics-page .analytics .container .tags .item .wrapp .bar:first-child,.user-analytics-page .analytics .container .tags .item .wrapp .bar:last-child {
                margin: 10px 0
            }

            .user-analytics-page .analytics .container .mentions.tags {
                margin-bottom: 15px
            }

            .user-analytics-page .analytics .container .mentions.tags .item .wrapp .bar .background,.user-analytics-page .analytics .container .mentions.tags .item .wrapp .bar .background .reach,.user-analytics-page .analytics .container .mentions.tags .item .wrapp .list-all .mem {
                border-radius: 100px
            }

            .user-analytics-page .analytics .container .item.earnings .wrapp {
                display: flex
            }

            .user-analytics-page .analytics .container .item.earnings .wrapp .bag {
                margin-right: 1.5rem
            }

            .user-analytics-page .analytics .container .item.earnings .wrapp .earn {
                margin: 10px 0
            }

            .user-analytics-page .analytics .container .item.earnings .wrapp .earn p {
                color: #5e5e5e;
                font-size: 14px;
                font-weight: 600
            }

            .user-analytics-page .analytics .container .item.earnings .wrapp .earn .det {
                color: #4fcd44;
                font-size: 1.5rem;
                margin-bottom: 7px
            }

            .user-analytics-page .analytics .container .recent-posts {
                flex-basis: 100%
            }

            .user-analytics-page .analytics .container .recent-posts h2 {
                font-size: 1.3rem;
                margin-bottom: 1rem;
                margin-top: 3rem
            }

            .user-analytics-page .analytics .container .recent-posts h2 .small {
                font-size: 1rem
            }

            .user-analytics-page .analytics .container .recent-posts .item {
                margin-bottom: 1.5rem
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont {
                display: flex
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-img {
                border-radius: 5px
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-img img {
                border-radius: 5px;
                max-width: 140px
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data {
                align-items: center;
                display: flex;
                flex-basis: 100%;
                flex-wrap: wrap;
                padding: 1rem
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data .data {
                flex-basis: 20%;
                padding: 10px
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data .data .title {
                color: #979797;
                margin-bottom: 5px;
                text-align: center
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data .data .value {
                color: #253348;
                font-size: 1.4rem;
                font-weight: 700;
                text-align: center
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data .eng {
                background-color: #3a3a3a;
                border-radius: 5px;
                color: #fff;
                flex-basis: 28%;
                font-size: .85em;
                margin-left: 1rem;
                padding: .5em 1em;
                text-align: center
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data a.rk-btn {
                margin-left: 10px
            }

            .user-analytics-page .analytics .container .recent-posts .item .wrapp .extra-data .create-time {
                display: inline-block;
                font-size: .9rem;
                font-style: italic;
                margin: 5px 0;
                text-align: center;
                width: 140px
            }

            .wrapper .try {
                text-align: center
            }

            .wrapper .try img {
                max-width: 900px
            }

            @media(max-width: 800px) {
                .user-analytics-page .info .profile .wrapper {
                    padding:10px
                }

                .user-analytics-page .analytics {
                    margin: 10px auto 1rem;
                    padding: 0 10px
                }

                .user-analytics-page .analytics .container .item.four .wrapp {
                    flex-wrap: wrap
                }

                .user-analytics-page .analytics .container .item.four .wrapp .block {
                    border: none;
                    border-radius: 5px;
                    flex-basis: 50%;
                    padding: 10px
                }

                .user-analytics-page .analytics .container .item.four .wrapp .block:first-child {
                    border-bottom: 1px solid #e9e9e9;
                    border-right: 1px solid #e9e9e9
                }

                .user-analytics-page .analytics .container .item.four .wrapp .block:last-child {
                    border-left: 1px solid #e9e9e9;
                    border-top: 1px solid #e9e9e9
                }

                .user-analytics-page .analytics .container .tags .item {
                    flex-basis: 100%
                }

                .user-analytics-page .analytics .container .tags .item:first-child .wrapp {
                    min-height: 150px
                }

                .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data .data {
                    flex-basis: 30%
                }

                .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data .data .title {
                    font-size: .9rem
                }

                .user-analytics-page .analytics .container .recent-posts .item .wrapp .cont .post-data .data .value {
                    font-size: 1.2rem
                }
            }

            @media(max-width: 625px) {
                .user-analytics-page .info .profile .wrapper {
                    padding:10px
                }

                .user-analytics-page .info .profile .wrapper .p-info .pic img {
                    height: 70px;
                    width: 70px
                }

                .user-analytics-page .info .profile .wrapper .p-info .names {
                    font-size: 21px
                }

                .user-analytics-page .info .profile .wrapper .p-info .names .more-details {
                    font-size: 12px
                }

                .user-analytics-page .info .profile .wrapper .actions .visit-btn a,.user-analytics-page .info .profile .wrapper .actions .visit-btn button {
                    padding: 7px 18px
                }

                .user-analytics-page .analytics .container .item.four .wrapp {
                    padding: 8px
                }

                .user-analytics-page .analytics .container .item.four .wrapp .block:first-child,.user-analytics-page .analytics .container .item.four .wrapp .block:last-child {
                    border: none
                }

                .user-analytics-page .analytics .container .item.four .wrapp .block p {
                    font-size: 1.3rem
                }

                .user-analytics-page .analytics .container .item.earnings .wrapp .bag svg {
                    width: 50px
                }

                .user-analytics-page .analytics .container .item.earnings .wrapp .earn .det {
                    font-size: 1.3rem
                }

                .user-analytics-page .analytics .container .tags .item:first-child .wrapp {
                    min-height: 200px
                }
            }

            @media(max-width: 500px) {
                .bar-chart {
                    max-width:100%
                }

                .user-analytics-page .info .profile .wrapper .p-info .pic img {
                    height: 60px;
                    width: 60px
                }

                .user-analytics-page .info .profile .wrapper .p-info .names {
                    font-size: 18px
                }

                .user-analytics-page .info .profile .wrapper .actions .visit-btn {
                    display: block;
                    margin-bottom: 6px
                }

                .user-analytics-page .info .profile .wrapper .actions .visit-btn a,.user-analytics-page .info .profile .wrapper .actions .visit-btn button {
                    padding: 5px 14px
                }

                .user-analytics-page .info .profile .wrapper .actions .visit-btn+.visit-btn {
                    margin-bottom: 0
                }

                .user-analytics-page .analytics .container .item h2 {
                    font-size: 1.2rem
                }

                .user-analytics-page .analytics .container .item.four .wrapp .block {
                    padding: 7px
                }

                .user-analytics-page .analytics .container .tags .item .wrapp .bar .background .reach .span-tag span,.user-analytics-page .analytics .container .tags .item .wrapp .list-all .mem {
                    font-size: 13.5px
                }

                .user-analytics-page .analytics .container .tags .item:first-child .wrapp {
                    min-height: 250px
                }

                .user-analytics-page .analytics .container .wrapp {
                    padding: .7rem
                }

                .user-analytics-page .analytics .container .item.earnings .wrapp .bag {
                    display: none
                }

                .user-analytics-page .analytics .container .item.earnings .wrapp .earn .det {
                    font-size: 1.2rem
                }

                .user-analytics-page .analytics .container .item.earnings .wrapp .earn p {
                    font-weight: 500
                }

                .user-analytics-page .analytics .recent-posts .item .wrapp {
                    display: flex;
                    flex-wrap: wrap-reverse
                }

                .user-analytics-page .analytics .recent-posts .item .wrapp .cont {
                    flex-wrap: wrap
                }

                .user-analytics-page .analytics .recent-posts .item .wrapp .cont .post-img,.user-analytics-page .analytics .recent-posts .item .wrapp .extra-data {
                    flex-basis: 100%;
                    text-align: center
                }
            }

            .adrow {
                background-color: transparent!important
            }

            .adrow td {
                border: none!important;
                display: table-cell!important;
                padding: 0!important
            }

            .songad td {
                padding: 1rem!important
            }

            @media(max-width: 450px) {
                .adrow .songad {
                    padding:1rem 0!important
                }
            }

            .popular .data {
                padding-bottom: 4rem
            }

            .popular .top-section {
                background-color: #fff5f5;
                text-align: center
            }

            .popular .top-section .wrapper .head {
                padding-top: 4rem
            }

            .popular .top-section .wrapper .head h1 {
                font-size: 1.5rem;
                font-weight: 700;
                margin-bottom: .5rem
            }

            .popular .top-section .wrapper .head p {
                font-size: 1.1rem;
                line-height: 2rem
            }

            .popular .top-section .wrapper .head .last-updated {
                color: #2e2e2e;
                font-size: .95rem;
                margin-top: 1rem
            }

            .popular .visit-btn {
                background-color: #fe2c55;
                border: none;
                border-radius: 5px;
                color: #fff;
                display: inline-block;
                font-weight: 600;
                padding: 8px 20px
            }

            .popular .visit-btn svg {
                height: 15px;
                margin-left: 15px;
                width: 15px
            }

            .popular .data {
                background-color: #fff5f5
            }

            .popular .list-creators {
                margin: auto;
                max-width: 800px;
                width: 100%
            }

            .popular .list-creators .verified {
                display: inline-block;
                margin-left: 5px
            }

            .popular .list-creators .verified svg {
                height: 18px;
                vertical-align: middle;
                width: 18px
            }

            .popular .list-creators table tr td:first-child {
                border-right-width: 1px;
                font-size: 2rem;
                width: 12%
            }

            .popular .list-creators table tr td:nth-child(2) {
                width: 5%
            }

            .popular .list-creators table tr td:nth-child(3) {
                width: 60%
            }

            .popular .list-creators table tr td:nth-child(4) {
                text-align: right;
                width: 20%
            }

            .popular .list-creators table tr td .username {
                font-size: 1.2rem;
                font-weight: 600
            }

            .popular .list-creators table tr td .nickname {
                font-size: 1rem
            }

            .popular .list-creators table tr td .acc-country {
                color: #657184;
                font-size: 14px;
                margin-top: .5rem
            }

            .popular .list-creators table tr td .acc-country svg {
                height: 13px;
                vertical-align: middle;
                width: 8px
            }

            .popular .list-creators table .creator-img img {
                border-radius: 100px;
                height: 75px;
                width: 75px
            }

            .popular .list-creators table,.popular .list-topics table {
                border-collapse: separate;
                border-spacing: 0 20px;
                width: 100%
            }

            .popular .list-creators table tr,.popular .list-topics table tr {
                background-color: #fff
            }

            .popular .list-creators table tr td:first-child,.popular .list-creators table tr th:first-child,.popular .list-topics table tr td:first-child,.popular .list-topics table tr th:first-child {
                border-left-width: 1px;
                border-radius: 5px 0 0 5px;
                text-align: center
            }

            .popular .list-creators table tr td:last-child,.popular .list-creators table tr th:last-child,.popular .list-topics table tr td:last-child,.popular .list-topics table tr th:last-child {
                border-radius: 0 5px 5px 0;
                border-right-width: 1px
            }

            .popular .list-creators table tr td,.popular .list-creators table tr th,.popular .list-topics table tr td,.popular .list-topics table tr th {
                border-color: #000;
                border-style: solid;
                border-width: 1px 0;
                padding: 5px 10px
            }

            .popular .list-topics {
                margin: auto;
                max-width: 800px;
                width: 100%
            }

            .popular .list-topics table tr th {
                padding: 10px
            }

            .popular .list-topics table tr th:nth-child(2) {
                text-align: left
            }

            .popular .list-topics table tr td {
                border-color: #888
            }

            .popular .list-topics table tr td:first-child {
                width: 12%
            }

            .popular .list-topics table .img img {
                width: 75px
            }

            .popular .list-topics table .keyword-trending {
                vertical-align: middle
            }

            .popular .list-topics table .keyword {
                display: inline;
                font-size: 1.05rem;
                font-weight: 600;
                margin-left: 10px
            }

            .popular .list-topics table .score {
                color: #00f18c;
                font-size: 1.3rem;
                font-weight: 700;
                text-align: center
            }

            .popular .list-songs {
                margin: auto;
                max-width: 800px;
                overflow-x: auto;
                width: 100%
            }

            .popular .list-songs table {
                background-color: #ffeaea;
                border-collapse: collapse;
                border-radius: 50px;
                margin-top: 20px;
                width: 100%
            }

            .popular .list-songs table tr td {
                padding: 2rem 1rem
            }

            .popular .list-songs table tr td:first-child {
                font-size: 1.5rem;
                text-align: center
            }

            .popular .list-songs table tr td:nth-child(2) {
                width: 10%
            }

            .popular .list-songs table tr td .title {
                font-size: 1.3rem;
                font-weight: 700;
                margin-bottom: .7rem
            }

            .popular .list-songs table tr td .artist {
                color: #2e2e2e;
                font-size: 1.1rem
            }

            .popular .list-songs table tr td .duration {
                color: #fe2c55;
                font-weight: 700
            }

            .popular .list-songs table tr td .play {
                cursor: pointer;
                text-align: center;
                width: 40px
            }

            .popular .list-songs table tr td .play svg {
                pointer-events: none;
                width: 30px
            }

            .popular .list-songs table tr td .play.paused .playing-svg {
                display: block;
                pointer-events: none
            }

            .popular .list-songs table tr td .play.paused .pause-svg,.popular .list-songs table tr td .play.playing .playing-svg {
                display: none;
                pointer-events: none
            }

            .popular .list-songs table tr td .play.playing .pause-svg {
                display: block;
                pointer-events: none
            }

            .popular .list-songs table tr.top .rank {
                font-weight: 700
            }

            .popular .list-songs table tr.top td {
                background-color: #ffe1e7
            }

            .popular .list-songs table tr.top:first-child td:first-child {
                border-radius: 50px 0 0 0
            }

            .popular .list-songs table tr.top:first-child td:last-child {
                border-radius: 0 50px 0 0
            }

            .popular .list-songs table tr.top:nth-child(3) td:first-child {
                border-radius: 0 0 0 50px
            }

            .popular .list-songs table tr.top:nth-child(3) td:last-child {
                border-radius: 0 0 50px 0
            }

            .popular .list-songs table tr.top:nth-child(3) {
                border-radius: 50px;
                box-shadow: 0 4px 0 0 rgba(255,141,164,.5)
            }

            .popular .list-songs .img img {
                height: 100px;
                width: 100px
            }

            .action {
                text-align: center
            }

            .action #country {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                font-size: 1rem;
                outline: none;
                padding: 10px
            }

            @media(max-width: 700px) {
                .popular .list-creators table tr td:first-child {
                    font-size:2rem;
                    width: 12%
                }

                .popular .list-creators table tr td:nth-child(2) {
                    width: 5%
                }

                .popular .list-creators table tr td:nth-child(3),.popular .list-creators table tr td:nth-child(4) {
                    width: 40%
                }

                .popular .list-creators table .creator-img img {
                    border-radius: 100px;
                    height: 60px;
                    width: 60px
                }
            }

            @media(max-width: 550px) {
                .popular .list-songs table tr td {
                    padding:2rem .5rem
                }

                .popular .list-songs table tr td .play {
                    cursor: pointer
                }

                .popular .list-songs table tr td .play svg {
                    pointer-events: none;
                    width: 20px
                }

                .popular .list-songs table tr td:first-child {
                    display: none
                }

                .popular .list-songs table tr td .download svg {
                    width: 30px
                }

                .popular .list-songs table tr.top:first-child td:nth-child(2) {
                    border-radius: 20px 0 0 0
                }

                .popular .list-songs table tr.top:first-child td:last-child {
                    border-radius: 0 20px 0 0
                }

                .popular .list-songs table tr.top:nth-child(3) td:nth-child(2) {
                    border-radius: 0 0 0 20px
                }

                .popular .list-songs table tr.top:nth-child(3) td:last-child {
                    border-radius: 0 0 20px 0
                }

                .popular .list-songs .img img {
                    height: auto;
                    max-width: 100%;
                    width: 50px
                }
            }

            @media(max-width: 450px) {
                .popular .visit-btn {
                    padding:8px 12px
                }

                .popular .list-topics table .img img {
                    width: 50px
                }

                .popular .list-topics table .keyword {
                    font-size: 1rem
                }

                .popular .list-topics table .score {
                    font-size: 1.2rem
                }

                .popular .list-creators table tr td {
                    padding: 5px
                }

                .popular .list-creators table tr td:first-child {
                    display: none;
                    font-size: 2rem;
                    width: 12%
                }

                .popular .list-creators table tr td:nth-child(2) {
                    border-left-width: 1px;
                    border-radius: 5px 0 0 5px;
                    width: 5%
                }

                .popular .list-creators table tr td:nth-child(3) {
                    width: 30%
                }

                .popular .list-creators table tr td:nth-child(4) {
                    width: 50%
                }

                .popular .list-creators table .creator-img img {
                    border-radius: 100px;
                    width: 60px
                }
            }

            .red-container {
                background-color: #ff5b5b;
                border-radius: 10px;
                margin: 2rem auto;
                max-width: 600px;
                padding: 2rem 2rem 3rem;
                width: 100%
            }

            .red-container .result.waiting {
                padding: 6rem;
                position: relative
            }

            .red-container .result {
                background-color: #fff;
                border-radius: 5px;
                margin-top: 2rem;
                padding: 2rem
            }

            .red-container .result p {
                margin-top: 2em
            }

            .red-container .result a.rk-btn {
                margin: .6em 0
            }

            .red-container .result .profile {
                align-items: center;
                display: flex;
                gap: 10px;
                text-align: left
            }

            .red-container .result .profile .username {
                font-size: 1.2rem;
                font-weight: 600
            }

            .red-container .result .profile .nickname {
                font-size: 1rem
            }

            .red-container .result .profile img {
                border-radius: 100px;
                height: 65px;
                width: 65px
            }

            .red-container .result .stats {
                display: flex;
                justify-content: space-between;
                margin-bottom: 2rem;
                margin-top: 1rem;
                text-align: left
            }

            .red-container .result .stats div {
                font-size: 1.2rem;
                font-weight: 700
            }

            .red-container .result .stats div span {
                color: #393939;
                font-size: 1rem;
                font-weight: 600
            }

            .red-container .result .earnings p {
                color: #3a3a3a;
                font-size: 1.1rem
            }

            .red-container .result .earnings .estimated {
                color: #4fcd44;
                font-size: 1.6rem;
                margin: 5px 0
            }

            .red-container .result .earnings .estimated .mini-p {
                font-size: 1.3rem;
                font-weight: 500
            }

            @media(max-width: 550px) {
                .red-container {
                    padding:1rem
                }

                .red-container .result .profile img {
                    height: 50px;
                    width: 50px
                }

                .red-container .result .stats {
                    gap: 20px;
                    text-align: center
                }

                .red-container .result .earnings .estimated {
                    font-size: 1.4rem
                }
            }

            .red-notice {
                background-color: #ff4d4d;
                border-radius: 5px;
                color: #fff;
                font-size: 1.1rem;
                padding: 1rem;
                text-align: left
            }

            .red-notice ul {
                list-style: inside
            }

            .red-notice ul li {
                font-weight: 700
            }

            .red-notice p {
                margin-bottom: 10px
            }

            .download-container {
                padding-bottom: 1rem
            }

            .download-container .video {
                align-items: center;
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                display: flex;
                justify-content: space-between;
                margin: 2rem 0;
                padding: 1rem
            }

            .download-container .video .video-data {
                align-items: center;
                display: flex;
                max-width: 500px
            }

            .download-container .video .video-data .cover {
                margin-right: 1rem;
                max-width: 150px;
                min-width: 150px;
                width: 150px
            }

            .download-container .video .video-data .details {
                text-align: left
            }

            .download-container .video .video-data .details .username {
                font-size: 17px;
                font-weight: 700;
                margin-bottom: 1rem
            }

            .download-container .video .video-data .details .description {
                color: #464646;
                line-height: 26px;
                max-width: 400px
            }

            .download-container .video .download-links .downlink {
                align-items: center;
                background-color: #ff4d4d;
                border-radius: 5px;
                color: #fff;
                display: block;
                display: flex;
                font-size: 15px;
                font-weight: 700;
                gap: 10px;
                justify-content: center;
                margin: 20px 5px;
                padding: 10px 20px;
                text-align: center
            }

            .download-container .video .download-links .downlink:hover {
                opacity: .9;
                transition: .5s ease
            }

            .download-container .video .download-links .downlink svg {
                min-height: 18px;
                min-width: 18px
            }

            .download-container .video .download-links .downlink.sound {
                background-color: #ff9f47
            }

            @media(max-width: 850px) {
                .download-container .video .video-data .details {
                    display:none
                }
            }

            @media(max-width: 640px) {
                .download-container .red-notice ul li {
                    word-wrap:break-word;
                    display: block;
                    font-size: 15px;
                    margin-bottom: .5rem
                }

                .download-container .video .video-data .cover {
                    min-width: auto;
                    width: auto
                }

                .download-container .video .download-links .downlink {
                    font-size: 13px;
                    padding: 10px
                }

                .download-container .video .download-links .downlink svg {
                    height: 15px;
                    min-height: 15px;
                    min-width: 15px;
                    width: 15px
                }
            }

            .btn-generator {
                background-color: #ff4d4d;
                border: none;
                border-radius: 5px;
                color: #fff;
                cursor: pointer;
                font-size: 1rem;
                font-weight: 700;
                margin: 10px;
                padding: .7rem 1.55rem;
                position: relative
            }

            .btn-generator.loading .text {
                visibility: hidden
            }

            .btn-generator.loading:after {
                animation: button-loading-spinner 1s ease infinite;
                border: 3px solid transparent;
                border-radius: 50%;
                border-top-color: #fff;
                bottom: 0;
                content: "";
                height: 19px;
                left: 0;
                margin: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 19px
            }

            .hashtag-tool {
                padding: 3rem 0
            }

            .hashtag-tool label {
                display: block;
                font-size: 1rem;
                font-weight: 700;
                line-height: 20px;
                margin-bottom: 2px;
                text-align: left
            }

            .hashtag-tool .enter {
                display: flex;
                justify-content: space-between;
                margin-bottom: 1rem
            }

            .hashtag-tool .enter .data {
                flex-basis: 50%
            }

            .hashtag-tool .enter .data .generate {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                display: flex;
                justify-content: space-between
            }

            .hashtag-tool .enter .data .generate #keywords {
                border: none;
                border-radius: 5px;
                flex-basis: 100%;
                font-size: 1rem;
                outline: none;
                padding: 20px 10px 20px 15px
            }

            .hashtag-tool .enter .display {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                flex-basis: 47%;
                min-height: 200px;
                padding: 1rem
            }

            .hashtag-tool .enter .display .hashtags {
                text-align: left
            }

            .hashtag-tool .enter .display .hashtags .gather .mem {
                background-color: rgba(255,159,71,.3);
                border-radius: 5px;
                color: #564e39;
                display: inline-block;
                font-size: 1rem;
                font-weight: 600;
                margin: 7px 3px;
                padding: 2px 10px
            }

            .hashtag-tool .enter .display .btn-right {
                float: right
            }

            .hashtag-tool .enter .display .btn-right #copy-btn {
                font-size: .9rem;
                margin: 20px 0 10px;
                padding: 8px 15px
            }

            .hashtag-tool .enter .display .btn-right #copy-btn .copy {
                display: flex
            }

            .hashtag-tool .enter .display .btn-right #copy-btn svg {
                height: 16px;
                margin-right: 5px;
                width: 12px
            }

            .hashtag-tool .enter .display .btn-right #copy-btn .done {
                display: none
            }

            .hashtag-tool .enter .display .btn-right #copy-btn.copied {
                position: relative
            }

            .hashtag-tool .enter .display .btn-right #copy-btn.copied .copy {
                visibility: hidden
            }

            .hashtag-tool .enter .display .btn-right #copy-btn.copied .done {
                bottom: 0;
                display: block;
                height: 20px;
                left: 0;
                margin: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 20px
            }

            .hashtag-tool .enter .display .btn-right #copy-btn.copied .done svg {
                fill: #fff;
                width: 20px
            }

            .hashtag-tool .table-hashtags {
                margin: 2rem 0
            }

            .hashtag-tool .table-hashtags .list-hashtags {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: space-between;
                padding: 1rem
            }

            .hashtag-tool .table-hashtags .list-hashtags .tag {
                align-items: center;
                display: flex;
                flex-basis: 45%;
                justify-content: space-between;
                margin: .5rem
            }

            .hashtag-tool .table-hashtags .list-hashtags .tag .col {
                align-items: center;
                display: flex;
                flex-basis: 100%
            }

            .hashtag-tool .table-hashtags .list-hashtags .tag .col .name {
                font-weight: 700;
                min-width: 150px;
                text-align: left
            }

            .hashtag-tool .table-hashtags .list-hashtags .tag .col .progress {
                background-color: #ff9f47;
                border-radius: 100px;
                height: 9px;
                max-width: 100%
            }

            .hashtag-tool .table-hashtags .list-hashtags .tag .views {
                color: #ff9f47;
                font-weight: 700;
                min-width: 60px;
                text-align: right
            }

            @media(max-width: 920px) {
                .hashtag-tool {
                    padding-top:1rem
                }

                .hashtag-tool .enter {
                    flex-direction: column;
                    gap: 30px
                }
            }

            @media(max-width: 550px) {
                .hashtag-tool .enter .display .hashtags .gather .mem {
                    padding:2px 4px
                }

                .hashtag-tool .table-hashtags .list-hashtags .tag .col .name {
                    min-width: 120px
                }

                .hashtag-tool .table-hashtags .list-hashtags .tag .views {
                    min-width: 45px
                }
            }

            @keyframes button-loading-spinner {
                0% {
                    transform: rotate(0turn)
                }

                to {
                    transform: rotate(1turn)
                }
            }

            .voice-gen {
                margin: auto;
                max-width: 700px;
                padding-bottom: 1rem;
                padding-top: 2rem;
                text-align: left;
                width: 100%
            }

            .voice-gen .main-gen {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                padding: 20px
            }

            .voice-gen .main-gen .type textarea {
                border: none;
                font-size: 16px;
                line-height: 26px;
                min-height: 180px;
                outline: none;
                overflow: hidden;
                resize: none;
                width: 100%
            }

            .voice-gen .main-gen .actions {
                align-items: center;
                display: flex;
                justify-content: space-between
            }

            .voice-gen .main-gen .actions p {
                color: #3b3b3b;
                font-size: 15px
            }

            .voice-gen .main-gen .actions .play-generate {
                align-items: center;
                display: flex;
                gap: 20px
            }

            .voice-gen .main-gen .actions .play-generate .player {
                background-color: #ff4d4d;
                border-radius: 100px;
                height: 40px;
                width: 40px
            }

            .voice-gen .main-gen .actions .play-generate .player .pause,.voice-gen .main-gen .actions .play-generate .player .play {
                cursor: pointer;
                height: 40px;
                position: relative;
                width: 40px
            }

            .voice-gen .main-gen .actions .play-generate .player svg {
                fill: #fff;
                left: 50%;
                pointer-events: none;
                position: absolute;
                top: 50%;
                transform: translate(-50%,-50%);
                width: 14px
            }

            .voice-gen .main-gen .actions .play-generate .player svg path {
                fill: #fff
            }

            .voice-gen .main-gen .actions .play-generate .btn-generator {
                margin: 0
            }

            .voice-gen .btn-down {
                margin: 1rem 0;
                text-align: center
            }

            .voice-gen .btn-down .download {
                background-color: #ff9f47;
                border: none;
                border-radius: 5px;
                color: #fff;
                cursor: pointer;
                font-size: 16px;
                font-weight: 700;
                padding: 10px 20px;
                position: relative;
                width: 100%
            }

            .voice-gen .btn-down .download+.download {
                margin-top: 2em
            }

            .voice-gen .btn-down .download .tag {
                background: #ff4d4d;
                border-radius: 5px;
                font-size: 12px;
                padding: 3px 5px;
                position: absolute;
                right: 0;
                top: -11px
            }

            .invisible {
                visibility: hidden
            }

            @media(max-width: 500px) {
                .voice-gen .main-gen {
                    padding:15px
                }

                .voice-gen .main-gen .actions p {
                    font-size: 14px
                }

                .voice-gen .main-gen .actions .play-generate .player {
                    height: 30px;
                    width: 30px
                }

                .voice-gen .main-gen .actions .play-generate .player .pause,.voice-gen .main-gen .actions .play-generate .player .play {
                    cursor: pointer;
                    height: 30px;
                    position: relative;
                    width: 30px
                }

                .voice-gen .main-gen .actions .play-generate .player svg {
                    width: 10px
                }
            }

            .api-wait {
                background-color: #fff5f5;
                height: 80vh;
                padding: 3rem
            }

            .api-wait .wrapper {
                border: 2px solid #253348;
                border-radius: 5px;
                box-shadow: 4px 4px 0 0 #253348;
                padding: 2rem;
                text-align: center
            }

            .api-wait .wrapper h1 {
                color: #253348;
                font-size: 2rem;
                padding: 1rem;
                text-align: center
            }

            .api-wait .wrapper .description {
                margin: auto;
                max-width: 700px;
                width: 100%
            }

            .api-wait .wrapper .description p {
                line-height: 26px;
                margin: 1rem 0
            }

            .api-wait .wrapper .loading .text {
                visibility: hidden
            }

            .api-wait .wrapper .loading:after {
                animation: button-loading-spinner 1s ease infinite;
                border: 3px solid transparent;
                border-radius: 50%;
                border-top-color: #fff;
                bottom: 0;
                content: "";
                height: 19px;
                left: 0;
                margin: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 19px
            }

            .api-wait .wrapper .join-success {
                background-color: #17b968;
                border-radius: 5px;
                color: #fff;
                font-weight: 700;
                margin: auto;
                max-width: 500px;
                padding: 1rem;
                width: 100%
            }

            .api-wait .wrapper .form {
                margin: 1rem 0;
                padding: 1rem
            }

            .api-wait .wrapper .form #email {
                border: 1px solid #ddd;
                border-radius: 5px;
                font-size: 1rem;
                max-width: 330px;
                outline: none;
                padding: 10px;
                width: 100%
            }

            .api-wait .wrapper .form #join-btn {
                background-color: #fc4d4d;
                border: none;
                border-radius: 5px;
                color: #fff;
                cursor: pointer;
                font-size: 1rem;
                font-weight: 700;
                margin: 0 5px;
                padding: 10px 15px;
                position: relative
            }

            .api-wait .wrapper .form #join-btn:hover {
                background-color: #ff3a3a
            }

            .api-wait .wrapper .coming {
                border: 1px solid #ffc5c5;
                border-radius: 100px;
                margin: auto;
                max-width: 150px;
                padding: 5px;
                width: 100%
            }

            .api-wait .wrapper .coming .soon {
                background-color: #fc4d4d;
                border-radius: 100px;
                color: #fff;
                font-weight: 700;
                padding: 5px
            }

            @media(max-width: 650px) {
                .api-wait {
                    padding:2rem 1rem
                }

                .api-wait .wrapper {
                    padding: 2rem 10px
                }

                .api-wait .wrapper .form #email {
                    max-width: 100%
                }

                .api-wait .wrapper .form #join-btn {
                    margin-top: 10px
                }
            }

            .f-resources li {
                margin-bottom: .5em
            }

            .blog.f-pages .wrapper ol {
                list-style: auto
            }

            .blog.f-pages .wrapper li {
                margin-bottom: 1em
            }

            .blog.f-pages .wrapper li p {
                display: inline
            }

            .blog img {
                display: block;
                margin: auto auto 1em;
                max-width: 500px
            }

            .blog a {
                color: #fe2c55!important
            }

            .blog h2 {
                border-bottom: 1px solid #aaa;
                line-height: 1.33;
                margin: 2.5rem 0 1.5rem!important
            }

            .blog .breadcrumb-nav {
                background: none;
                margin: auto;
                max-width: 1100px;
                padding: 0 .1em 1em;
                width: 100%
            }

            .blog .breadcrumb-nav ul {
                display: flex;
                list-style: none;
                padding: 0
            }

            .blog .breadcrumb-nav ul li {
                margin-right: .5rem
            }

            .blog .breadcrumb-nav ul li:not(:last-child):after {
                content: ">";
                margin-left: .5rem
            }

            .blog .breadcrumb-nav ul li a {
                color: #007bff;
                -webkit-text-decoration: none;
                text-decoration: none
            }

            .blog .breadcrumb-nav ul li a:hover {
                -webkit-text-decoration: underline;
                text-decoration: underline
            }

            .search-wrap .error {
                color: red;
                font-size: 1rem;
                font-weight: 600;
                margin-bottom: 5px;
                text-align: left;
                visibility: hidden
            }

            .red-container .search-wrap .error {
                color: #fff
            }

            .search {
                align-items: center;
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                display: flex;
                margin-bottom: 15px;
                position: relative;
                width: 100%
            }

            .search .tiktok-logo {
                border-right: 1px solid #e9e9e9;
                display: inline-block;
                margin-right: 5px
            }

            .search .tiktok-logo svg {
                padding: 5px;
                vertical-align: middle
            }

            .search .input {
                display: inline-block;
                flex-basis: 100%;
                position: relative
            }

            .search .input #search {
                border: none;
                display: inline-block;
                font-size: 1rem;
                outline: none;
                padding: 10px 1.5rem 10px 1.8rem;
                width: 100%
            }

            .search .input.download #search,.search .input.video #search {
                padding: 10px .5rem
            }

            .search .input.analytic:before,.search .input.compare:before,.search .input.freefollower:before,.search .input.money:before,.search .input.user:before {
                content: "@";
                display: inline-block;
                font-size: 1.3rem;
                left: 3px;
                position: absolute;
                top: 16%
            }

            .search .search-btn {
                cursor: pointer;
                display: inline-block;
                z-index: 2
            }

            .search .search-btn svg {
                padding: 5px;
                pointer-events: none;
                vertical-align: middle
            }

            .search .active {
                padding: 11px
            }

            .search .active svg {
                display: none
            }

            .search .active .animation {
                display: inline-block;
                height: 25px;
                vertical-align: middle;
                width: 25px
            }

            .search .active .animation .half-circle-spinner,.search .active .animation .half-circle-spinner * {
                box-sizing: border-box
            }

            .search .active .animation .half-circle-spinner {
                border-radius: 100%;
                height: 25px;
                position: relative;
                width: 25px
            }

            .search .active .animation .half-circle-spinner .circle {
                border: 2px solid transparent;
                border-radius: 100%;
                content: "";
                height: 100%;
                position: absolute;
                width: 100%
            }

            .search .active .animation .half-circle-spinner .circle.circle-1 {
                animation: half-circle-spinner-animation 1s infinite;
                border-top-color: #ff1d5e
            }

            .search .active .animation .half-circle-spinner .circle.circle-2 {
                animation: half-circle-spinner-animation 1s infinite alternate;
                border-bottom-color: #ff1d5e
            }

            @keyframes half-circle-spinner-animation {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(1turn)
                }
            }

            .search-results {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 0 0 5px 5px;
                height: 475px;
                left: -1px;
                overflow-y: scroll;
                position: absolute;
                right: 0;
                top: 50px;
                width: calc(100% + 2px);
                z-index: 99
            }

            .search-results::-webkit-scrollbar {
                width: 6px
            }

            .search-results::-webkit-scrollbar-track {
                background: #ffe1e7
            }

            .search-results::-webkit-scrollbar-thumb {
                background: #fe2c55
            }

            .search-results .result {
                cursor: pointer;
                margin: .5rem 0;
                padding: .6rem
            }

            .search-results .result .profile {
                display: flex
            }

            .search-results .result .profile .pic {
                background-color: #fe2c55;
                border-radius: 100px;
                height: 65px;
                width: 65px
            }

            .search-results .result .profile .details {
                margin-left: 10px;
                text-align: left
            }

            .search-results .result .profile .details .username {
                font-size: 1rem;
                font-weight: 600
            }

            .search-results .result .profile .details .nickname {
                font-size: .85rem
            }

            .search-results .result .profile .details .follow-count,.search-results .result .profile .details .video-count {
                display: inline-block;
                font-size: .85rem
            }

            .search-results .result .profile .details .info {
                color: #8f8f8f
            }

            .search-results .result:hover {
                background-color: #f9f9f9;
                transition: background-color .2s
            }

            @media(max-width: 500px) {
                .search .active {
                    padding:9px
                }

                .search .active .animation,.search .active .animation .half-circle-spinner {
                    height: 20px;
                    width: 20px
                }

                .search .search-btn svg,.search .tiktok-logo svg {
                    height: 40px;
                    width: 40px
                }

                .search-results {
                    top: 42px
                }

                .search-results .result .profile .pic {
                    height: 40px;
                    width: 40px
                }
            }

            @media(max-width: 400px) {
                .search .active {
                    padding:9px
                }

                .search .active .animation,.search .active .animation .half-circle-spinner {
                    height: 18px;
                    width: 18px
                }

                .search .tiktok-logo {
                    display: none
                }

                .search .search-btn svg {
                    height: 35px;
                    width: 35px
                }

                .search .input {
                    margin-left: 5px
                }

                .search .input .input {
                    font-size: .7rem
                }

                .search .input .input::-moz-placeholder {
                    font-size: .7rem
                }

                .search .input .input::placeholder {
                    font-size: .7rem
                }
            }

            .charts .chart {
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                padding: 20px
            }

            .charts .chart .line-chart {
                height: 40vh;
                width: 100%
            }

            .charts h2 {
                color: #253348;
                font-size: 1.7rem;
                margin-bottom: 1.5rem;
                text-align: center
            }

            @media(max-width: 600px) {
                .charts .chart .line-chart {
                    height:27vh;
                    width: 100%
                }
            }

            .vistual-timer .req-timer {
                background-color: #fe2c55;
                border-radius: 5px;
                padding: 2px;
                transition: width .5s;
                width: 0
            }

            .loader {
                animation: rotation .77s linear infinite;
                border: 4px solid transparent;
                border-radius: 50%;
                border-top-color: #fe2c55;
                bottom: 0;
                box-sizing: border-box;
                height: 48px;
                left: 0;
                margin: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 48px
            }

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

                to {
                    transform: rotate(1turn)
                }
            }

            .modal-loader {
                background-color: rgba(0,0,0,.2);
                height: 100vh;
                position: fixed;
                right: 0;
                top: 0;
                width: 100vw;
                z-index: 100
            }

            .error-loader {
                color: red;
                font-size: 20px;
                text-align: center
            }

            .voice-set .select-voice {
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                font-size: 1rem;
                font-weight: 700;
                margin: 1rem 1rem 1rem 0;
                outline: none;
                padding: 10px 20px 10px 10px;
                text-align: left
            }

            .voice-set .select-voice option {
                font-weight: 700
            }

            .voice-set #selected-voice {
                max-width: 300px;
                width: 100%
            }

            @media(max-width: 500px) {
                .voice-set .select-voice {
                    margin:0 0 10px;
                    width: 100%
                }

                .voice-set #selected-voice {
                    max-width: 100%
                }
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 400;
                src: url(/_nuxt/fonts/Nunito-400-1.565621d.woff2) format("woff2");
                unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
            }

        body, .card .card-body {
           font-family: Inter !important;
         }
            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 400;
                src: url(/_nuxt/fonts/Nunito-400-2.bd2c1ea.woff2) format("woff2");
                unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 400;
                src: url(/_nuxt/fonts/Nunito-400-3.aaa7ab2.woff2) format("woff2");
                unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 400;
                src: url(/_nuxt/fonts/Nunito-400-4.906ecce.woff2) format("woff2");
                unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 400;
                src: url(/_nuxt/fonts/Nunito-400-5.8f05adf.woff2) format("woff2");
                unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 600;
                src: url(/_nuxt/fonts/Nunito-600-6.565621d.woff2) format("woff2");
                unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 600;
                src: url(/_nuxt/fonts/Nunito-600-7.bd2c1ea.woff2) format("woff2");
                unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 600;
                src: url(/_nuxt/fonts/Nunito-600-8.aaa7ab2.woff2) format("woff2");
                unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 600;
                src: url(/_nuxt/fonts/Nunito-600-9.906ecce.woff2) format("woff2");
                unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 600;
                src: url(/_nuxt/fonts/Nunito-600-10.8f05adf.woff2) format("woff2");
                unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 700;
                src: url(/_nuxt/fonts/Nunito-700-11.565621d.woff2) format("woff2");
                unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 700;
                src: url(/_nuxt/fonts/Nunito-700-12.bd2c1ea.woff2) format("woff2");
                unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 700;
                src: url(/_nuxt/fonts/Nunito-700-13.aaa7ab2.woff2) format("woff2");
                unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 700;
                src: url(/_nuxt/fonts/Nunito-700-14.906ecce.woff2) format("woff2");
                unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 700;
                src: url(/_nuxt/fonts/Nunito-700-15.8f05adf.woff2) format("woff2");
                unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 800;
                src: url(/_nuxt/fonts/Nunito-800-16.565621d.woff2) format("woff2");
                unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 800;
                src: url(/_nuxt/fonts/Nunito-800-17.bd2c1ea.woff2) format("woff2");
                unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 800;
                src: url(/_nuxt/fonts/Nunito-800-18.aaa7ab2.woff2) format("woff2");
                unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 800;
                src: url(/_nuxt/fonts/Nunito-800-19.906ecce.woff2) format("woff2");
                unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
            }

            @font-face {
                font-display: swap;
                font-family: "Nunito";
                font-style: normal;
                font-weight: 800;
                src: url(/_nuxt/fonts/Nunito-800-20.8f05adf.woff2) format("woff2");
                unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
            }

            code[class*=language-],pre[class*=language-] {
                word-wrap: normal;
                background: none;
                color: #000;
                font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
                font-size: 1em;
                -webkit-hyphens: none;
                hyphens: none;
                line-height: 1.5;
                -moz-tab-size: 4;
                -o-tab-size: 4;
                tab-size: 4;
                text-align: left;
                text-shadow: 0 1px #fff;
                white-space: pre;
                word-break: normal;
                word-spacing: normal
            }

            code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection {
                background: #b3d4fc;
                text-shadow: none
            }

            code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection {
                background: #b3d4fc;
                text-shadow: none
            }

            @media print {
                code[class*=language-],pre[class*=language-] {
                    text-shadow: none
                }
            }

            pre[class*=language-] {
                margin: .5em 0;
                overflow: auto;
                padding: 1em
            }

            :not(pre)>code[class*=language-],pre[class*=language-] {
                background: #f5f2f0
            }

            :not(pre)>code[class*=language-] {
                border-radius: .3em;
                padding: .1em;
                white-space: normal
            }

            .token.cdata,.token.comment,.token.doctype,.token.prolog {
                color: #708090
            }

            .token.punctuation {
                color: #999
            }

            .token.namespace {
                opacity: .7
            }

            .token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag {
                color: #905
            }

            .token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
                color: #690
            }

            .language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url {
                background: hsla(0,0%,100%,.5);
                color: #9a6e3a
            }

            .token.atrule,.token.attr-value,.token.keyword {
                color: #07a
            }

            .token.class-name,.token.function {
                color: #dd4a68
            }

            .token.important,.token.regex,.token.variable {
                color: #e90
            }

            .token.bold,.token.important {
                font-weight: 700
            }

            .token.italic {
                font-style: italic
            }

            .token.entity {
                cursor: help
            }

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

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

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

            .try-now a[data-v-dceeff14] {
                color: #b20124
            }

            h2[data-v-8025b74e] {
                font-size: 1.2em;
                font-weight: 300;
                margin: 7rem 0 2rem;
                text-align: center
            }

            .tool-list[data-v-8025b74e] {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-bottom: 2rem;
                padding: 10px
            }

            .tool-item[data-v-8025b74e] {
                align-items: center;
                background-color: #fff;
                border: 1px solid #fecdd3;
                border-radius: 4px;
                display: flex;
                flex: 1 1 calc(100% - 10px);
                padding: 15px;
                position: relative;
                text-align: left
            }

            .tool-item .tag[data-v-8025b74e] {
                background-color: #b20124;
                border-radius: 100px;
                color: #fff;
                font-size: 12px;
                font-weight: 700;
                padding: 2px 8px;
                position: absolute;
                right: -5px;
                top: -8px
            }

            @media (min-width: 768px) {
                .tool-item[data-v-8025b74e] {
                    flex:1 1 calc(33.333% - 10px);
                    max-width: calc(33.333% - 6px)
                }
            }

            .tool-icon[data-v-8025b74e] {
                height: 30px;
                margin-right: 15px;
                width: 30px
            }

            .tool-link[data-v-8025b74e] {
                color: inherit;
                flex-grow: 1;
                -webkit-text-decoration: none;
                text-decoration: none
            }

            .arrow-icon[data-v-8025b74e] {
                color: #888;
                font-size: 1.2em;
                margin-left: 10px
            }

            .lang-selector[data-v-4acf00f5] {
                margin-bottom: 10px;
                text-align: left
            }
            
            .w-full {
                width:100%;
            }
            
            .head-count{
                border-radius: 0;
            }
            h1 {
                font-size: 2em !important;
            }
            
            input {
                color: black !important;
            }