@import url(../css/tab.css);
.day-night-switch { display: block !important; }
.app-info,.blog-body { color: var(--black-scale-100);font-family: var(--regular);font-weight:normal; }
.app-info b, .app-info strong,.blog-body b, .blog-body strong { font-family: var(--bold);font-weight:normal; }
.micro-blog  .container { max-width: 1050px; }
.blog-body figure { margin: 20px 0; border-radius: 8px;overflow: hidden;aspect-ratio: 16 / 8; }
.blog-body figure img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.blog-body p { font-size: 18px; }
.app-info-list .app-info-L h4 { font-size: 26px;font-weight: normal;font-family: var(--bold); }
.app-text { display: flex;flex-wrap: wrap;gap: 15px;margin-top: 15px !important; }
.app-text span { display: block;padding:5px 10px; color:var(--primary-colors-purple);background: rgba(133, 105, 255, 0.22);border-radius: 8px; }
.app-info-list .app-info-L  figcaption p { opacity: 0.7;margin-bottom: 20px; }
.app-text { margin: 5px 0; }
.app-review-info { display: flex;flex-wrap: wrap;gap: 40px; }
.app-review-info li { display: flex;gap: 15px; }
.app-review-info li figure { min-width:50px;height: 50px;width: 50px;border-radius: 8px;background: var(--opacity-shade-white-white-200);display: flex;align-items: center;justify-content: center; }
.app-review-info li figure img { width: 25px; }
.bg { position: relative;z-index: 1; }
.bg:after { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 350px;z-index: -1;filter: blur(180px);background-color:hsla(0,100%,50%,1);
--y-0: 63%;
    --c-0: hsla(217.59493670886076, 100%, 30%, 1);
    --x-0: 93%;
    --x-1: 33%;
    --y-1: -7%;
    --c-1: hsla(0, 0%, 0%, 1);
    --x-2: 84%;
    --y-2: 7%;
    --c-2: hsla(0, 0%, 0%, 1);
    --x-3: 14%;
    --y-3: 5%;
    --c-3: hsla(0, 0%, 0%, 1);
    --c-4: hsla(0, 0%, 0%, 1);
    --x-4: 7%;
    --y-4: 96%;
    --c-5: hsla(0, 0%, 0%, 1);
    --x-5: 93%;
    --y-5: 90%;
    --y-6: 61%;
    --x-6: 3%;
    --c-6: hsla(279.7894736842105, 67%, 27%, 1);
    --x-7: 94%;
    --y-7: 59%;
    --c-7: hsla(279.7894736842105, 67%, 27%, 1);
    --y-8: 63%;
    --x-8: 48%;
    --c-8: hsla(217.68844221105527, 100%, 39%, 1);
    --c-9: hsla(217.59493670886076, 100%, 30%, 1);
    --x-9: 96%;
    --y-9: 78%;
    ;
    background-color: hsla(262, 82%, 3%, 1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)), radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5)), radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6), transparent var(--s-end-6)), radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7), transparent var(--s-end-7)), radial-gradient(circle at var(--x-8) var(--y-8), var(--c-8) var(--s-start-8), transparent var(--s-end-8)), radial-gradient(circle at var(--x-9) var(--y-9), var(--c-9) var(--s-start-9), transparent var(--s-end-9));
    animation: hero-gradient-animation 15s linear infinite alternate-reverse;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal, normal;}
@keyframes hero-gradient-animation {
    0% {
        --y-0: 63%;
        --s-start-0: 8.392121895570533%;
        --s-end-0: 38.584065253664996%;
        --c-0: hsla(217.59493670886076, 100%, 30%, 1);
        --x-0: 93%;
        --x-1: 33%;
        --y-1: -7%;
        --c-1: hsla(0, 0%, 0%, 1);
        --s-start-1: 8.392121895570533%;
        --s-end-1: 22.10878124098502%;
        --x-2: 84%;
        --s-start-2: 8.392121895570533%;
        --s-end-2: 22.558651527792346%;
        --y-2: 7%;
        --c-2: hsla(0, 0%, 0%, 1);
        --x-3: 14%;
        --y-3: 5%;
        --s-start-3: 8.392121895570533%;
        --s-end-3: 22.558651527792346%;
        --c-3: hsla(0, 0%, 0%, 1);
        --c-4: hsla(0, 0%, 0%, 1);
        --x-4: 7%;
        --s-start-4: 8.392121895570533%;
        --s-end-4: 22.558651527792346%;
        --y-4: 96%;
        --c-5: hsla(0, 0%, 0%, 1);
        --s-start-5: 8.392121895570533%;
        --s-end-5: 22.558651527792346%;
        --x-5: 93%;
        --y-5: 90%;
        --s-start-6: 8.392121895570533%;
        --s-end-6: 39.67138181429644%;
        --y-6: 61%;
        --x-6: 3%;
        --c-6: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-7: 8.392121895570533%;
        --s-end-7: 49.58090142552271%;
        --x-7: 94%;
        --y-7: 59%;
        --c-7: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-8: 8.392121895570533%;
        --s-end-8: 34.815367581495366%;
        --y-8: 63%;
        --x-8: 48%;
        --c-8: hsla(217.68844221105527, 100%, 39%, 1);
        --s-start-9: 8.392121895570533%;
        --s-end-9: 31.77166380372925%;
        --c-9: hsla(217.59493670886076, 100%, 30%, 1);
        --x-9: 96%;
        --y-9: 78%;
    }

    50% {
        --y-0: 59%;
        --s-start-0: 12.892043731642234%;
        --s-end-0: 42.94837818044209%;
        --c-0: hsla(217.59493670886076, 100%, 30%, 1);
        --x-0: 2%;
        --x-1: 42%;
        --y-1: 10%;
        --c-1: hsla(0, 0%, 0%, 1);
        --s-start-1: 8.392121895570533%;
        --s-end-1: 41.69445156991687%;
        --x-2: 75%;
        --s-start-2: 8.392121895570533%;
        --s-end-2: 20.488815899465003%;
        --y-2: 29%;
        --c-2: hsla(0, 0%, 0%, 1);
        --x-3: 5%;
        --y-3: 16%;
        --s-start-3: 8.392121895570533%;
        --s-end-3: 30.099844327777923%;
        --c-3: hsla(0, 0%, 0%, 1);
        --c-4: hsla(0, 0%, 0%, 1);
        --x-4: 36%;
        --s-start-4: 8.392121895570533%;
        --s-end-4: 24.59566937006635%;
        --y-4: 91%;
        --c-5: hsla(0, 0%, 0%, 1);
        --s-start-5: 8.392121895570533%;
        --s-end-5: 24.59566937006635%;
        --x-5: 70%;
        --y-5: 91%;
        --s-start-6: 9%;
        --s-end-6: 26.825849058644888%;
        --y-6: 73%;
        --x-6: 54%;
        --c-6: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-7: 9%;
        --s-end-7: 49.05074977970796%;
        --x-7: 57%;
        --y-7: 76%;
        --c-7: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-8: 9;
        --s-end-8: 26.166345747226664%;
        --y-8: 53%;
        --x-8: 11%;
        --c-8: hsla(217.68844221105527, 100%, 39%, 1);
        --s-start-9: 9;
        --s-end-9: 22.152460022684956%;
        --c-9: hsla(217.59493670886076, 100%, 30%, 1);
        --x-9: 70%;
        --y-9: 70%;
    }

    100% {
        --x-1: 76%;
        --y-1: -3%;
        --c-1: hsla(0, 0%, 0%, 1);
        --s-start-1: 8.392121895570533%;
        --s-end-1: 59.32232816638693%;
        --x-2: 97%;
        --s-start-2: 8.392121895570533%;
        --s-end-2: 28.52989037790774%;
        --y-2: 18%;
        --c-2: hsla(0, 0%, 0%, 1);
        --x-3: 42%;
        --y-3: 18%;
        --s-start-3: 8.392121895570533%;
        --s-end-3: 28.52989037790774%;
        --c-3: hsla(0, 0%, 0%, 1);
        --c-4: hsla(0, 0%, 0%, 1);
        --x-4: 66%;
        --s-start-4: 8.392121895570533%;
        --s-end-4: 28.52989037790774%;
        --y-4: 95%;
        --c-5: hsla(0, 0%, 0%, 1);
        --s-start-5: 8.392121895570533%;
        --s-end-5: 28.52989037790774%;
        --x-5: 46%;
        --y-5: 92%;
        --s-start-6: 24.72064437400016%;
        --s-end-6: 47.490620328604024%;
        --y-6: 16%;
        --x-6: 102%;
        --c-6: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-7: 10.200720718860145%;
        --s-end-7: 50.46456494288142%;
        --x-7: 22%;
        --y-7: 52%;
        --c-7: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-9: 6.294132688184733%;
        --s-end-9: 20.79106730744014%;
        --c-9: hsla(217.5, 100%, 31%, 1);
        --x-9: 97%;
        --y-9: 51%;
    }
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 38.584065253664996%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(217.59493670886076, 100%, 30%, 1)
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 33%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: -7%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.10878124098502%
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84%
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 5%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 96%
}

@property --c-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --s-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --x-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --y-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --s-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 39.67138181429644%
}

@property --y-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 61%
}

@property --x-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3%
}

@property --c-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(279.7894736842105, 67%, 27%, 1)
}

@property --s-start-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 49.58090142552271%
}

@property --x-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 94%
}

@property --y-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 59%
}

@property --c-7 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(279.7894736842105, 67%, 27%, 1)
}

@property --s-start-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 34.815367581495366%
}

@property --y-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63%
}

@property --x-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 48%
}

@property --c-8 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(217.68844221105527, 100%, 39%, 1)
}

@property --s-start-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31.77166380372925%
}

@property --c-9 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(217.59493670886076, 100%, 30%, 1)
}

@property --x-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 96%
}

@property --y-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 78%
}

.app-info-list { display: flex;flex-direction: column;gap: 40px; }
.app-info-R { display: flex;gap: 10px; }
.app-info-L figure { width: 72px;height: 72px;min-width: 72px;border-radius: 8px;overflow: hidden; }
.app-info-R { display: flex;gap: 15px;margin-left: 101px;margin-top: 20px;}
.app-info-L { display: flex;gap: 30px;}
.best-dev { height: 400px;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 15px;padding: 50px;--c-0: hsla(32, 100%, 50%, 0.67);
    --x-0: 95%;
    --y-0: 75%;
    --x-1: 100%;
    --y-1: 6%;
    --c-1: hsla(0, 0%, 0%, 1);
    --c-2: hsla(335.6164383561644, 87%, 49%, 0.63);
    --y-2: 87%;
    --x-2: 0%;
    --c-3: hsla(335.6164383561644, 87%, 49%, 0.8);
    --y-3: 94%;
    --x-3: 93%;
    --c-4: hsla(0, 0%, 0%, 0.72);
    --y-4: 9%;
    --x-4: 52%;
    --c-5: hsla(32, 100%, 50%, 0.66);
    --x-5: 55%;
    --y-5: 101%;
    --x-6: 90%;
    --y-6: 47%;
    --c-6: hsla(32, 100%, 50%, 0.67);
    --y-7: 72%;
    --x-7: 46%;
    --c-7: hsla(29.11764705882351, 97%, 55%, 0.8);
    ;
    background-color: hsla(328.5000161563649, 88%, 30%, 1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)), radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5)), radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6), transparent var(--s-end-6)), radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7), transparent var(--s-end-7));
    animation: hero-gradient-animation 10s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal; }
.best-dev h4 { font-size: 40px;font-family: var(--bold);font-weight: normal; text-align: center;color: var(--fix-color-white);max-width: 700px; }
@keyframes hero-gradient-animation {
    0% {
        --s-start-0: 8%;
        --s-end-0: 56.590226783981535%;
        --c-0: hsla(32, 100%, 50%, 0.67);
        --x-0: 95%;
        --y-0: 75%;
        --x-1: 100%;
        --y-1: 6%;
        --s-start-1: 10.621176475335744%;
        --s-end-1: 50.504873380794166%;
        --c-1: hsla(0, 0%, 0%, 1);
        --c-2: hsla(335.6164383561644, 87%, 49%, 0.63);
        --y-2: 87%;
        --s-start-2: 14.431088751984074%;
        --s-end-2: 48.52567687605722%;
        --x-2: 0%;
        --c-3: hsla(335.6164383561644, 87%, 49%, 0.8);
        --y-3: 94%;
        --s-start-3: 8.392121895570533%;
        --s-end-3: 48.52567687605722%;
        --x-3: 93%;
        --s-start-4: 67.99072409247435%;
        --s-end-4: 98.1240014387465%;
        --c-4: hsla(0, 0%, 0%, 0.72);
        --y-4: 9%;
        --x-4: 52%;
        --c-5: hsla(32, 100%, 50%, 0.66);
        --x-5: 55%;
        --y-5: 101%;
        --s-start-5: 18%;
        --s-end-5: 49.94408311488525%;
        --x-6: 90%;
        --s-start-6: 11.133917156423086%;
        --s-end-6: 51.76366794121349%;
        --y-6: 47%;
        --c-6: hsla(32, 100%, 50%, 0.67);
        --y-7: 72%;
        --s-start-7: 6%;
        --s-end-7: 36.01800730950539%;
        --x-7: 46%;
        --c-7: hsla(29.11764705882351, 97%, 55%, 0.8);
    }

    50% {
        --s-start-0: 9;
        --s-end-0: 47.631590766043374%;
        --c-0: hsla(32, 100%, 50%, 0.7);
        --x-0: 18%;
        --y-0: 89%;
        --x-1: 0%;
        --y-1: 11%;
        --s-start-1: 3.443526170798898%;
        --s-end-1: 36.40191633576532%;
        --c-1: hsla(0, 0%, 0%, 1);
        --c-2: hsla(335.6164383561644, 87%, 49%, 0.68);
        --y-2: 71%;
        --s-start-2: 9%;
        --s-end-2: 49.05074977970796%;
        --x-2: 75%;
        --c-3: hsla(335.6164383561644, 87%, 49%, 0.67);
        --y-3: 97%;
        --s-start-3: 9%;
        --s-end-3: 49.05074977970796%;
        --x-3: 51%;
        --s-start-4: 48.457956038363584%;
        --s-end-4: 59.86786749968613%;
        --c-4: hsla(0, 0%, 0%, 0.83);
        --y-4: 45%;
        --x-4: 52%;
        --c-5: hsla(32.05882352941177, 93%, 56%, 0.66);
        --x-5: 19%;
        --y-5: 70%;
        --s-start-5: 22.372325634496605%;
        --s-end-5: 49.07325835290392%;
        --x-6: 42%;
        --s-start-6: 9;
        --s-end-6: 49.48618142677546%;
        --y-6: 102%;
        --c-6: hsla(11.190476190476192, 100%, 49%, 0.67);
        --y-7: 92%;
        --s-start-7: 9;
        --s-end-7: 47.075992875412794%;
        --x-7: 73%;
        --c-7: hsla(38.38235294117647, 89%, 48%, 0.3);
    }

    100% {
        --x-1: 53%;
        --y-1: 22%;
        --s-start-1: 8.559670440421622%;
        --s-end-1: 85.19238570242217%;
        --c-1: hsla(0, 0%, 0%, 1);
        --c-2: hsla(335.6164383561644, 87%, 49%, 0.74);
        --y-2: 99%;
        --s-start-2: 26.220011904441634%;
        --s-end-2: 50.46456494288142%;
        --x-2: 100%;
        --c-3: hsla(335.6164383561644, 87%, 49%, 0.59);
        --y-3: 74%;
        --s-start-3: 11.84693029764467%;
        --s-end-3: 55.5331877295136%;
        --x-3: 25%;
        --y-7: 93%;
        --s-start-7: 9;
        --s-end-7: 47.075992875412794%;
        --x-7: 90%;
        --c-7: hsla(15.882352941176475, 93%, 56%, 0.66);
    }
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 56.590226783981535%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(32, 100%, 50%, 0.67)
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 95%
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 75%
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 100%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 6%
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 10.621176475335744%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 50.504873380794166%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(335.6164383561644, 87%, 49%, 0.63)
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 87%
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14.431088751984074%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 48.52567687605722%
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(335.6164383561644, 87%, 49%, 0.8)
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 94%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 48.52567687605722%
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 67.99072409247435%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 98.1240014387465%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 0.72)
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 9%
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 52%
}

@property --c-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(32, 100%, 50%, 0.66)
}

@property --x-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 55%
}

@property --y-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 101%
}

@property --s-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 18%
}

@property --s-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 49.94408311488525%
}

@property --x-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --s-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 11.133917156423086%
}

@property --s-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51.76366794121349%
}

@property --y-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 47%
}

@property --c-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(32, 100%, 50%, 0.67)
}

@property --y-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 72%
}

@property --s-start-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 6%
}

@property --s-end-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 36.01800730950539%
}

@property --x-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 46%
}

@property --c-7 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(29.11764705882351, 97%, 55%, 0.8)
}
.blog-head small { color: var(--black-scale-100);padding: 10px 15px;font-size: 14px;display: inline-block;background-color: var(--opacity-shade-black-black-300);border-radius: 10px;
  margin-top: 12px; }
body.light_theme .bg:after { opacity: 0.2;}
.blog-body { margin-bottom: 50px; }
.app-info-list { margin: 15px 0; }
.app-info-list > li  { padding: 20px; background: var(--black-scale-800);border-radius: 8px; }
.app-review-info figcaption h4 { font-size: 22px !important; }
.bg-fill { background: #fff00a; }
.bg-fill h4 { color: var(--fix-color-black); }
.app-info-btn img { width: 180px; }
.app-review-info li:nth-child(1) figure { background: rgba(246, 175, 10, 0.2); }
.app-review-info li:nth-child(2) figure { background: rgba(10, 206, 246, 0.2); }
.app-review-info li:nth-child(3) figure { background: rgba(196, 119, 255, 0.2); }
body.light_theme .app-info-list > li { background: #f5f6f9; }
.best-dev.bg-fill { margin-top: 40px;margin-bottom: 40px;}
.conclusion { padding: 20px;background: var(--black-scale-800);border-radius: 8px;border-left: 10px solid var(--primary-colors-purple); }
.conclusion h3 { margin-bottom: 10px; font-size: 26px;font-weight: normal;font-family: var(--bold); }
.faq-inner { margin-top: 50px;color: var(--black-scale-100); }
.faq-box .panel { padding:15px 20px;background: var(--black-scale-800);border-radius: 8px; }
.faq-box .panel h3  { position: relative; }
.faq-box .panel h3 #acc-arrow { position: absolute;top:0; right: 0;transition: 0.3s ease-in-out;rotate: 180deg;filter: invert(100%); }
.faq-box .panel.active h3 #acc-arrow { transform: rotate(180deg);}
.faq-box .panel h3 span { font-size: 22px;font-family: var(--bold);font-weight: normal;position: relative; }
.faq-box .panel.active { background: var(--primary-colors-purple);color: var(--fix-color-white); }
.faq-box .accordion-list { display: flex;flex-direction: column;gap: 10px; }
body.light_theme .faq-box .panel h3 #acc-arrow { filter: invert(0%); }
body.light_theme .faq-box .panel.active h3 #acc-arrow { filter: invert(100%); }
.faq-inner h2 { font-size: var(--h2-headline);font-family: var(--bold);text-align: center;margin-bottom: 40px; }
.faq-box .panel-body ul { list-style: disc;margin-left: 15px;margin-top: 15px; }
.blog-body figcaption { display: flex;flex-direction: column;gap: 15px; }
@media only screen and (max-width: 991px) {
 
}
@media only screen and (max-width: 767px) {
 .best-dev h4 { font-size: 28px;line-height: 28px; }
.best-dev { padding:50px 30px;height: auto; }
.conclusion h3 { font-size: 22px; }
}

@media only screen and (max-width: 580px){
  .app-info-L { flex-direction: column; }
  .app-info-R { margin-left: 0; }
  .app-info-list > li { padding: 15px; }
  .app-review-info { gap: 20px; }
  .app-review-info li figure { min-width: 30px;height: 30px;width: 30px; }
  .app-review-info li figure img { width: 24px; }
  .app-info-list { gap: 5px; }
  .best-dev h4 {font-size: 24px;line-height: 25px;}
  .app-review-info li { gap: 10px; }
  .app-review-info figcaption h4 { font-size: 18px !important; }
  .faq-box .panel h3 span { font-size: 16px; }
  .faq-box .panel { padding: 15px 10px; }
}