@import 'fonts.css'; :root { --white: #ffffff; --review__more: #ffffff; --black: #000000; --black_interface: #000000; --black_text: #000000; --black_text_box: #000000; --filter_for_black: none; --gray: #333; --gray_text: #333; --opacity: 1; --progress_bg: #e3e3e3; --star-color_my: #e3e3e3; --boder: #d0d0d0; --star-size: 16px; --star-color: #e3e3e3; --star-background: #1357cd; } #container { width: 72px; height: 72px; } .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9998; background-color: rgb(250, 250, 250); } .loader-img { position: absolute; inset: 0px; z-index: 9999; height: 120px; width: 120px; margin: auto; } .icon-main { width: 70px; height: 72px; border-radius: 16px; } .icon-loading { width: 65px; height: 65px; border-radius: 50%; } .main-button { width: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: center; height: 41px; background-color: #0b57cf; color: white !important; font-size: 14px; font-weight: 600; letter-spacing: 0.0178571429em; } .active { animation: spin 1s linear infinite; } .isDisabled { background-color: gray; color: #202124; cursor: not-allowed; pointer-events: none; user-select: none; opacity: 0.5; text-decoration: none; } .circle__spinner { width: 70px; height: 72px; } .circle__spinner .path { stroke: #0b57cf; stroke-linecap: round; animation: test 5s linear infinite; } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 100% { stroke-dasharray: 130, 150; stroke-dashoffset: 0; } } .secondary-title { font-weight: 600; font-size: 17px; font-family: 'Open Sans', 'Roboto', 'Arial', sans-serif; } .arrow { width: 25px; cursor: pointer; transform: rotate(0deg); transition: all 0.2s ease } .arrow.actived { transform: rotate(90deg); } .cell { text-align: center; display: flex; flex-direction: column; align-items: center; } .cell:not(:first-child)::before { background-color: #e8eaed; content: ''; display: block; height: 24px; left: -6px; position: absolute; top: calc(50% - 15px); width: 1px; } .text { fill: #202124; stop-color: #202124; align-items: center; color: #202124; display: flex; font-family: 'Open Sans', 'Roboto', 'Arial', sans-serif; font-size: 0.875rem; font-weight: 500; height: 20px; justify-content: center; letter-spacing: 0.0178571429em; line-height: 1.25rem; white-space: nowrap; } .icons { width: 18px; height: 18px; } .small-icons { width: 10px; height: 10px; } .image-slide { position: relative; width: 94px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; height: 100%; border-radius: 8px; overflow: hidden; } .number { font-family: Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.025em; line-height: 1rem; padding-right: 16px; } .progress { align-items: center; display: grid; margin-bottom: 3px; grid-template-columns: -webkit-max-content auto; grid-template-columns: max-content auto; } .line { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; fill: #5f6368; -webkit-tap-highlight-color: transparent; background-color: #e8eaed; border: 0; border-radius: 9999px; box-sizing: border-box; color: inherit; font: inherit; font-size: 100%; height: 10px; letter-spacing: 0.0142857143em; margin: 0; padding: 0; text-rendering: optimizeLegibility; vertical-align: initial; visibility: visible; width: 100%; } .progress-bar { background-color: #0b57cf; border-radius: inherit; height: 100%; } .backdrop.backdrop--is-hidden { opacity: 0; pointer-events: none; } .backdrop { position: fixed; top: 0; left: 0; z-index: 1000; width: 100vw; height: 100%; background-color: white; opacity: 1; overflow-y: scroll; transition: opacity 500ms ease-in-out, transform 250ms ease-in-out; } .backdrop.backdrop--is-hidden .modal { transform: translate(-50%, 100%) scale(1); } .modal { position: absolute; top: 50%; overflow-y: auto; bottom: 0; left: 50%; width: 100%; height: 100%; padding-bottom: 30px; background-color: white; transform: translate(-50%, -50%) scale(1); transition: transform 500ms ease-in-out; } .modal__icon { width: 24px; height: 24px; color: #202124; } .modal-block { padding-left: 25px; padding-right: 25px; padding-bottom: 13px; border-bottom: 1px solid #5f6368; } .modal-title { margin-top: 15px; font-size: 15px; font-weight: 500; font-family: 'Open Sans', 'Roboto', 'Arial', sans-serif; } html { font-family: "Roboto"; } body { color: #202124; } body.body-lock{ overflow: hidden; scroll-snap-type: none; } body ::-webkit-scrollbar { height: 0; width: 0; } ::-webkit-scrollbar-thumb { background: none; } ::-webkit-scrollbar-track { background-color: inherit; } .rating__stars-box { display: flex; flex-direction: column; position: relative; box-sizing: border-box; } .stars { --percent: calc(var(--rating) / 5* 100%); display: inline-block; font-size: var(--star-size); font-family: Times; line-height: 1; width: max-content; } .stars::before { background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color_my) var(--percent)) !important; -webkit-background-clip: text !important; letter-spacing: 0; background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .video-slide { position: relative; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; border-radius: 8px; overflow: hidden; } .c-aged { border: 1px solid #000; font-size: 12px; padding: 0 2px; width: 24px; height: 20px; text-align: center; } .score__stars { position: relative; display: flex; margin: 0 5px; } .star { display: inline-block; margin: 0 2px; } .score__ratings { text-align: center; } .ourImagesLast { width: 100%; max-width: 100% !important; } .testimotials__rate-stars { padding: 0 10px; min-width: 90px; } .star { display: inline-block; margin: 0 2px; } @media (max-width: 840px) { .star span img { width: 12px; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


body {
    padding: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #eee;
}
#body-container {
    padding: 0 25px;
    width: 720px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12), 0 1px 8px 0 rgba(0, 0, 0, .2);
    padding-bottom: 30px;
    /* padding-top: 10px; */
}
@media (max-width: 860px) {
    #body-container {
        width: 100%;
        box-shadow: none;
    }
}
.c_block_sha {
    display: none;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.c_block_shared {
    display: flex;
    align-items: center;
    gap: 10px;
    /* flex-basis: 50%; */
}
.c_share {
    display: block;
    white-space: pre-wrap;
    font-size: 14px;
    font-weight: 700;
    /* margin-right: 15px; */
    color: #0b57cf;
    text-align: left;
}
.bQL56b {
    color: #0b57cf;
    fill: #0b57cf;
    stop-color: #0b57cf;
}
.bQL56b:not(:disabled) {
    color: #0b57cf;
}
.XkAcee {
    color: #0b57cf;
    fill: #0b57cf;
    stop-color: #0b57cf;
}
.XkAcee:not(:disabled) {
    color: #0b57cf;
}
.c_device_block {
    width: 100%;
    text-align: left;
    display: none;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 0 25px;
}
.c_device_span {
    --tw-text-opacity: 1;
    color: rgb(95 95 95 / var(--tw-text-opacity));
}
.c_device_text {
    font-weight: 400;
    font-size: 14px;
    margin: 0px;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(95 95 95 / var(--tw-text-opacity));
    line-height: 15px;
}
.c_device_span_svg {
    flex-shrink: 0;
    font-size: 20px;
    height: 20px;
    margin-right: 12px;
    width: 20px;
}
.c_block_sha {
    display: flex;
}
.c_device_block {
    display: flex;
    padding: 0px;
}
@media (max-width: 860px) and (orientation: landscape) {
    .c_block_sha {
        display: flex;
    }
    .c_device_block {
        display: flex;
        padding: 0px;
    }
}
@media (max-width: 769px) {
    #body-container {
        padding: 0 20px;
        padding-top: 10px;
    }
}
@media (max-width: 650px) {
    #body-container {
        padding: 0 20px;
        padding-top: 10px;
    }
    .c-mobil-p-0 {
        padding-top: 0px !important;
    }
    .c_block_sha {
        display: flex;
    }
    .c_device_block {
        display: flex;
        padding: 0px;
    }
}

.c_app_hidde {
    overflow: hidden;
}
.c_app_div_father {
    display: flex;
    gap: 12px;
    padding: 0;
    margin: 20px auto;
}
.c_app_block {
    background-color: #fff;
    border: 1px rgb(218, 220, 224) solid;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    padding: 10px;
    padding: 6px 20px;
    border-radius: 9999px;
    gap: 10px;
}
.c_app_block_green {
    background-color: rgb(230 243 239);
    border: 1px rgb(230 243 239) solid;
}
.c_app_svg {
    width: 16px;
    height: 16px;
    fill: rgb(95, 99, 104);
}
.c_app_svg_green {
    fill: #0b57cf;
}
.c_app_span {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    cursor: pointer;
    display: block;
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 18px;
    min-width: auto;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: background .2s .1s;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.c_app_span_green {
    color: #0b57cf;
}
.c_chart_arrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}
.app-comp__section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    padding: 0;
}
.c_text_span {
    margin: 0;
    display: inline-flex;
}
.c_text_svg {
    width: 1rem;
    height: 1rem;
}
.arrow {
    width: 25px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.2s ease;
}
/* .w-\[25px\] {
    width: 25px;
} */
.arrow.actived {
    transform: rotate(90deg);
}
.Anb3we {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
    margin-top: 15px;
    /* padding: 0 25px; */
}
.Anb3we-text {
    font-family: Roboto, Arial, sans-serif;
    /* font-size: .75rem; */
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1rem;
    margin-right: 24px;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(95 95 95 / var(--tw-text-opacity));
}
.Anb3we-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.Anb3we-btns-item {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    background-color: #fff;
    border: 1px rgb(218, 220, 224) solid;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: .25px;
    line-height: 18px;
    min-width: auto;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: background .2s .1s;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    z-index: 0;
    padding: 6px 4px;
    border-radius: 9999px;
    width: 70px;
}
.Anb3we-btns-item.greenes {
    color: #0b57cf;
    background-color: rgb(230 243 239);
    border: 1px rgb(230 243 239) solid;
}
.c_span_comment {
    --tw-text-opacity: 1;
    color: rgb(95 95 95 / var(--tw-text-opacity));
    font-size: 12px;
    font-weight: 800;
}
.w-5 {
    width: 1rem;
}

@media (max-width: 650px) {
    .c_app_div_father {
        padding: 0;
    }
}
@media (max-width: 480px) {
    .c_app_div_father {
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}
@media (max-width: 480px) {
    .Anb3we-btns-item {
        font-size: 12px;
        width: 50px;
    }
}
@media (max-width: 330px) {
    .Anb3we-btns {
        flex-basis: 50%;
    }
}

.app-comp__recent-changes {
    position: relative;
    text-align: left;
    padding: 0 0px 25px 0px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.app-comp__section-header {
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    padding: 25px 0 0;
}
.app-comp__section-header_changes {
    margin: 0;
}
.app-comp__section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    padding: 0;
}
.app-comp__recent-changes-wrapper {
    width: 100%;
    padding-top: 25px;
}
.app-comp__information {
    position: relative;
    text-align: left;
    /* padding: 0 0px 25px 0px; */
    padding: 0;
}
.info-items[data-v-9c345bd8] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding: 15px 0;
}
.info-items__item[data-v-9c345bd8] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 175px;
    padding: 5px 15px 10px 0;
    text-align: left;
}
.info-items__title[data-v-9c345bd8] {
    font-size: 14px;
    line-height: 25px;
    color: #333;
    font-weight: 500;
}
.app-comp__information span {
    display: inline-block;
    line-height: 25px;
    font-weight: 400;
}
.info-items__item span[data-v-9c345bd8] {
    font-weight: 300;
    font-size: 13px;
    --tw-text-opacity: 1;
    color: rgb(95 95 95 / var(--tw-text-opacity));
}
.line_1 {
    height: 1px;
    background-color: #eaeaea;
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 840px) {
    .info-items__title[data-v-9c345bd8] {
        color: #000;
        font-weight: 400;
    }
}
@media (max-width: 840px) {
    .info-items[data-v-9c345bd8] {
        width: 100%;
        padding: 20px 0 15px;
    }
}
@media (max-width: 840px) {
    .app-comp__information {
        padding: 0;
    }
}
@media (max-width: 840px) {
    .app-comp__section-header {
        font-weight: 400;
        font-size: 16px;
        text-align: left;
        line-height: 1.3;
        text-transform: unset;
        padding: 0;
    }
}
@media (max-width: 840px) {
    .app-comp__recent-changes {
        padding: 0 0 25px;
    }
}

.loading { display: none; } .progress_container { display: flex; flex-direction: column; width: 100%; overflow: hidden; } .progress_word { font-size: 16px; } .progress_graph { height: 5px; border-radius: 30px; background: #c2e0d6; overflow: hidden; } .runner { width: 0; height: 5px; background: #0b57cf; } .c-gallery { overflow: auto; width: 100%; } .gallery { display: flex; overflow: auto; width: 100%; } .gall_img img { padding: 5px; border-radius: 20px; max-height: 210px; } .c-swiper-wrapper { justify-content: space-between; } .c-swiper-slide { width: auto; } .arrow_2 { display: none; } #apps_2 { display: none; margin-top: 1.2rem; } @media (max-width: 650px) { .arrow_1 { display: none; } .arrow_2 { display: block; } .c-mobil-hidden { display: none; } }

.gallery {
    overflow: auto;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 10px;
}
.gall_img img {
    max-height: 210px;
    border-width: 0;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    border-radius: 8px;
    padding: 0px;
}
@media (max-width: 650px) {
    .gallery {
        padding: 0px;
    }
}
@media (max-width: 390px) {
    .gall_img img {
        /* width: 105px; */
        width: auto;
    }
}
@media (max-width: 370px) {
    .gall_img img {
        /* width: 95px; */
        width: auto;
    }
}
@media (max-width: 330px) {
    .gall_img img {
        /* width: 125px; */
        width: auto;
    }
}