/* Start:/local/templates/xonsecurity_new/components/bitrix/news/services/bitrix/news.detail/service.detail/style.css?17696977478232*/
.service-section-name {
    color: #979797;
    font-size: .9rem;
}

.cause-item-image {
    width: 60px;
    height: 60px;
    background-size: contain;
}

.cause-item.white-rounded-block {
    box-shadow: none;
}

.block-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #2B2F33;
}

.section-title {
    font-size: 2.2rem;
    color: #2B2F33;
}

.service-detail-text p:last-child {
    margin-bottom: 0;
}

.service-detail-block-title.block-title {
    color: #222222;
    font-weight: 400;
}

.service-benefit-section .section-title {
    margin-bottom: -1rem;
}

.cause-block__title.block-title {
    color: #fff;
}

.nav-pills .nav-link {
    color: #707070;
    font-size: 1.1rem;
    padding: .8rem 1.2rem;
    white-space: nowrap;
}


.steps-container-tabs .nav-pills .nav-link.active,
.steps-container-tabs .nav-pills .show > .nav-link {
    color: #222222;
    background-color: #fff;
    border-radius: 20px;
}

.steps-container-tabs .nav-link:focus,
.steps-container-tabs .nav-link:hover {
    color: #222222;
}

.steps-container-tabs {
    margin-top: -.4rem;
    background-color: #EBEBEB;
    border-radius: 25px;
    height: max-content;
}

.step-slide-list li {
    position: relative;
    padding-left: 5.5rem;
}

.step-slide-list {
    display: grid;
    list-style-type: none;
    counter-reset: num;
    gap: 1rem;
}

.step-slide-list li:before {
    content: "0" counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    left: 0;
    color: #FFE200;
    text-align: center;
    font-size: 4rem;
    line-height: 1;
    font-weight: 500;
    background: linear-gradient(157.64deg, #FFE200 3.92%, #FFAC00 120.41%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.step-slide-item.tns-item:not(.tns-slide-active) {
    height: 0 !important;
}

.step-slide-item-title {
    font-size: 1.5rem;
}

.step-slide-item-footer .grey-button {
    gap: 5rem;
    background-color: #EBEBEB;
}

.step-slide-arrow-block svg {
    stroke: #2A2A2A;
    width: 1rem;
    height: 1rem;
}

.step-slide-arrow-block {
    border-radius: 20px;
    background-color: #fff;
    margin-top: calc(6px - 1rem);
    margin-bottom: calc(6px - 1rem);
    margin-right: calc(1rem - 40px);
    padding: 1.2rem;
}

.service-element .white-rounded-block {
    box-shadow: 0 6px 12px 0 #C3C9D0;
}

.service-element-number {
    width: 3.8rem;
    height: 4rem;
    background: url("/local/templates/xonsecurity_new/components/bitrix/news/services/bitrix/news.detail/service.detail/images/check-background.svg") no-repeat;
    max-width: 100%;
    max-height: 100%;
    background-size: 100%;
    font-size: 1.4rem;
    font-weight: 800;
    color: #FFE200;
}

.interest-element {
    max-width: 25%;
}

.service-arrow {
    max-height: 1.4rem;
    max-width: 20%;
    margin-top: -1rem;
}

.service-element-title {
    font-weight: bold;
    font-size: 1.25rem;
}

.service-element-text.small-grey-text {
    font-size: .94rem;
}

.qa-container {
    grid-template-columns: repeat(2, 1fr);
}

.qa-container .text {
    font-size: 1rem;
    font-weight: 600;
}

.qa-arrow-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

.qa-container .grey-button,
.qa-container .black-rounded-block {
    padding: 20px 34px;
}

.qa-container a.black-rounded-block {
    color: #fff !important;
    border-radius: 20px;
}

.qa-arrow-block svg {
    width: 50px;
    height: 50px;
}

.qa-item.black-rounded-block .qa-arrow-block svg {
    transform: rotate(90deg);
}

.qa-container .answer {
    font-weight: 400;
}

.owl-carousel .owl-stage {
    display: flex;
}

.results-element {
    font-size: 1.3rem;
}

.circle {
    box-shadow: 0 4px 68px 0 #FFFFFF0D inset,
    1px 4px 2px 4px #FFFFFF40 inset,
    0 -3px 4px 0 #00000033 inset,
    1px 4px 10px 0 #70707066;
    border-radius: 50%;
    background: #FFFFFF63;
    backdrop-filter: blur(3px);
    transition: all 0.3s linear;
}

.small-circle, .small-mobile-circle {
    --small-circle-size: 130px;
    width: var(--small-circle-size);
    height: var(--small-circle-size);
}

.big-circle, .big-mobile-circle {
    --big-circle-size: 200px;
    width: var(--big-circle-size);
    height: var(--big-circle-size);
}

@media (min-width: 992px) {
    .grey-rounded-block.step-slide-text {
        padding-right: 20rem;
    }

    .steps-slider:not(.for-admin) .step-slide-list {
        display: block;
        columns: 2;
        margin-bottom: 0;
    }

    .step-slide-list li {
        min-height: 97px;
        margin-bottom: 1.6rem;
        break-inside: avoid;
    }

    .step-slide-arrow-block {
        padding: .8rem 1.2rem;
    }

    .mw-lg-50 {
        max-width: 50%;
    }

    .service-section-name {
        font-size: 1.3rem;
    }

    .page-title {
        font-size: 3.8rem;
        font-weight: 300;
        margin-top: 25px;
    }

    .qa-item {
        min-height: 105px;
    }

    .small-circle {
        --small-circle-size: 110px;
        left: 12%;
        top: 9%;
    }

    .big-circle {
        --big-circle-size: 180px;
        right: 10%;
        bottom: 10%;
    }
}

@media (min-width: 1200px) {
    .small-circle {
        --small-circle-size: 130px;
        left: 20%;
        top: 10%;
    }

    .big-circle {
        --big-circle-size: 200px;
        right: 15%;
        bottom: -11%;
    }
}

@media (max-width: 992px) {
    .small-mobile-circle {
        --small-circle-size: 13vw;
        left: 28%;
    }

    .big-mobile-circle {
        --big-circle-size: 22vw;
        right: 15%;
        bottom: -15%;
    }
}

@media (max-width: 756px) {
    .small-mobile-circle {
        --small-circle-size: 15vw;
        left: 18%;
    }

    .big-mobile-circle {
        --big-circle-size: 30vw;
        right: 10%;
        bottom: -10%;
    }
}

@media (max-width: 486px) {
    .small-mobile-circle {
        --small-circle-size: 20vw;
        left: 25%;
    }

    .big-mobile-circle {
        --big-circle-size: 35vw;
        right: 20%;
        bottom: -20%;
    }
}

@media (max-width: 386px) {
    .small-mobile-circle {
        --small-circle-size: 20vw;
        left: 25%;
    }

    .big-mobile-circle {
        --big-circle-size: 35vw;
        right: 10%;
    }
}

@media (max-width: 568px) {
    .service-detail-top-block img {
        width: 65%;
    }

    .service-detail.container {
        padding: 0;
    }

    .service-button-block a.button {
        font-size: .9rem;
        border-radius: 15px;
    }

    .block-title, .text-block-title {
        font-size: 1.5rem !important;
        line-height: inherit !important;
    }

    .cause-item__description, .results-element  {
        font-size: 1rem;
    }

    .service-detail-title span,
    .section-title,
    .step-slide-item-title {
        font-size: 1.6rem;
        font-weight: 600;
        word-wrap: break-word;
    }

    .service-detail-text {
        font-size: .9rem;
    }

    .step-slide-list li:before {
        font-size: 3rem;
        font-weight: 700;
        top: .2rem;
    }

    .step-slide-list li {
        padding-left: 4.4rem;
        font-size: 0.9rem;
        line-height: 1rem;
        margin-top: 20px;
        text-align: left;
    }

    .qa-container .text, .qa-container .answer {
        font-size: .9rem;
    }

    .qa-container .grey-button, .qa-container .black-rounded-block {
        padding: 10px 17px;
    }

    .service-benefit-section .tns-outer {
        margin-right: -20px;
        margin-left: -20px;
    }

    .service-benefit-section .tns-inner {
        padding: 0 20px;
    }

    .qa-arrow-block svg {
        width: 30px;
        height: 30px;
    }

    .qa-item .text {
        width: 80%;
    }

    .service-top__info .page-title {
        margin: 30px 0;
    }
}

.benefit-container.off {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* End */
/* /local/templates/xonsecurity_new/components/bitrix/news/services/bitrix/news.detail/service.detail/style.css?17696977478232 */