/* Start:/local/templates/.default/assets/css/service-pages.css?179155412349656*/

/* DELETE THIS RULE AND ELEMENT AFTER ALL IS READY */
.zapolnyator {
    height: 200px;
}
/* DELETE THIS RULE AND ELEMENT AFTER ALL IS READY */

/* table-columns */
.table-col {
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 0 32px;
}

.table-col__content {
    padding: 20px 30px;
    color: var(--notice-text-color, #7d7882);
    border-bottom: 1px solid #AAA5BE;
    background-color: #ffffff;
    box-shadow: 0px 2px 30px 0px #2131491A;
}

.table-col__left {
    grid-column: 1 / 2;
}

.table-col__right {
    grid-column: 2 / 3;
}

.table-col__content-full {
    /* -1 не работает, и мне лень считать, поэтому пусть будет 20*/
    grid-row: 2 / 20;
    border-bottom: 0;
}

.table-col__content-double {
    padding: 0;
}

.table-col__content-double-wrapper {
    display: grid;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.table-col__content-double p {
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    border-bottom: 1px solid #AAA5BE;
    height: 100%;
    display: flex;
    align-items: center;
}

.table-col__content-double p:last-child {
    border-bottom: none;
}

.table-col__header {
    grid-row: 1 / 2;
    font-size: 36px;
    padding: 30px;
    color: var(--light-text-color, #ffffff);
    background-color: var(--blue-color-1);
    box-shadow: 0px 2px 30px 0px #2131491A;
    position: relative;
}

.table-col__header p {
    position: relative;
    z-index: 1;
}

.background-star {
    position: relative;
}
.background-star::after,
.table-col__header::after {
    mask-image: url("data:image/svg+xml,%3Csvg width='96' height='101' viewBox='0 0 96 101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_97_148)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M81.897 7.7948C88.0759 13.2937 92.9017 20.1456 95.9982 27.8165C91.4216 50.7471 83.7984 72.9622 73.3316 93.8706C66.4969 97.8887 58.8493 100.325 50.9502 101C54.2409 95.142 57.5198 88.773 60.6441 81.8575C68.1892 65.2717 73.986 47.9448 77.9409 30.1574C79.6991 22.2556 80.9822 14.7103 81.897 7.7948ZM53.6351 53.6963C51.1166 61.1822 48.3605 68.2047 45.4975 74.7756L45.2836 74.8826L20.2769 88.0482C19.9103 88.2369 19.5009 88.3271 19.0889 88.3096C18.6596 88.2697 18.2492 88.1137 17.9018 87.8583C17.5544 87.6029 17.2831 87.2578 17.1168 86.8599C16.9547 86.461 16.9094 86.0242 16.9862 85.6004L21.7381 57.7245C21.7937 57.3506 21.7652 56.969 21.6548 56.6075C21.5372 56.2532 21.3378 55.9316 21.0727 55.6688L0.877205 35.9441C0.567873 35.6421 0.349802 35.2592 0.24769 34.839C0.140314 34.4124 0.153401 33.9644 0.285539 33.5448C0.417678 33.1253 0.663543 32.7506 0.995973 32.4626C1.33712 32.1857 1.74834 32.0088 2.18395 31.9516L30.1607 27.876C30.5325 27.8319 30.8855 27.6882 31.1824 27.4601C31.4873 27.2402 31.7356 26.9511 31.907 26.6165L44.4164 1.2595C44.6061 0.871923 44.8976 0.543322 45.2598 0.308929C45.6204 0.0956661 46.0291 -0.0229215 46.4478 -0.0357056C46.8663 -0.0219051 47.2748 0.0966109 47.6358 0.308929C47.998 0.543322 48.2897 0.871923 48.4793 1.2595L61.0004 26.6402C61.0449 26.7412 61.1007 26.8369 61.1668 26.9254C59.1611 35.9657 56.6667 44.8906 53.6945 53.6606' fill='%23162668'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_97_148'%3E%3Crect width='96' height='101' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask-position: right;
    mask-size: auto 100%;
    mask-repeat: no-repeat;
    background-color: #162668;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
}

.table-col__header-light {
    background-color: var(--blue-color-2);
}

.table-col__header-light::after {
    background-color: #324473;
}

.table-col__last {
    border-bottom: 0;
}

.table-col__content-header {
    color: var(--blue-color-1, #130f33);
    margin-bottom: 10px;
}

.table-col__content-last {
    border-bottom: none;
}

@media (max-width: 1080px) {
    .table-col__content {
        font-size: 14px;
    }

    .table-col__content-header {
        font-size: 20px;
    }
    .table-col__header {
        font-size: 24px;
        padding: 20px 14px;
    }

    .table-col__content-double {
        padding: 0;
    }

    .table-col__content-double p {
        padding: 5px 14px;
    }

}

@media (max-width: 650px) {
    .table-col {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .table-col__content {
        padding: 14px;
    }

    .table-col__content-double {
        padding: 0;
    }

    .table-col__content-double p {
        height: auto;
        padding: 14px;
    }

    .table-col__left {
        order: 1;
    }

    .table-col__right {
        order: 2;
    }


    .table-col__header {
        padding: 20px 14px;
    }

    .table-col__header {
        margin-top: 20px;
    }
}


/* image-block*/

.image-text__block {
    width: calc(50% - 25px);
}

.image-text__image-block-33 {
    width: calc(33% + 25px);
}

.image-text {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.image-text__header {
    margin-bottom: 20px;
}

.image-text__text-block p {
    margin-bottom: 16px;
}

.image-text__text-block p:last-of-type {
    margin-bottom: 40px;
}
.image-text__slide video,
.image-text__slide img {
    max-width: 100%;
    display: block;
    height: auto;
}

.image-text__slider-button {
    position: static;
}

.image-text__text-block-content {
    text-wrap: balance;
}

.image-text__slider-button {
    margin-right: 10px;
}

.image-text__slider-button:last-child {
    margin-right: 0;
}

.image-text__bottom {
    display: flex;
    margin-top: 20px;
    gap: 20px;
}

.slider-text,
.image-text__bottom-text {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    display: none;
    transition: opacity .3s ease, display .3s ease allow-discrete;
    opacity: 0;
}
.slider-text__active,
.image-text__bottom-text-active {
    display: block;
    opacity: 1;
}

@starting-style {
    .slider-text__active,
    .image-text__bottom-text-active {
        opacity: 0;
    }
}

.image-text__text-block-wrapper,
.image-text__bottom-text-wrapper {
    display: grid;
}

.image-text__text-block-wrapper {
    margin-bottom: 40px;
}

.cards-slider__navigation,
.image-text__navigation {
    display: flex;
    flex-shrink: 0;
}

.cards-slider__navigation {
    margin-top: 40px;
    gap: 5px;
}

.cards-slider__navigation {
    justify-content: space-between;
}

@media (min-width: 651px) {
    .cards-slider__block {
        position: relative;
    }

    .cards-slider__navigation {
        position: absolute;
        top: -161px;
        right: 0;
    }
}

.image-text__button {
    margin-bottom: 20px;
    text-align: center;
}

.image-text__button:last-child {
    margin-bottom: 0;
}

.image-text__button-block {
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 20px;
    margin-top: 40px;
}

.image-text__image-right {
    flex-direction: row-reverse;
}

.image-text__image-center {
    align-items: center;
}

.image-text__image-left {
    flex-direction: row;
}

@media (max-width: 1080px) {
    .image-text__bottom {
        flex-direction: column-reverse;
    }

}


@media (max-width: 650px) {
    .image-text {
        flex-direction: column;
    }
    .image-text__block {
        width: 100%;
    }
    .image-text__text-block {
        order: 0;
        margin-bottom: 40px;
    }
    .image-text__image-block {
        order: 1;
    }

    .image-text__button {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* image-block end*/


/* gantt chart */
.gantt-slider {
    margin: 0 12px;
}
.gantt-slider__button {
    position: static;
    flex-shrink: 0;
}

.gantt-slider__wrapper {
    display: flex;
}

.slider__hide-disabled-buttons .swiper-button-lock {
    opacity: 0;
}

.gantt-slider__button {
    display: block;
    height: auto;
}

.gantt-slider__button::after {
    display: block;
}

.gantt-slider__item {
    padding: 0 12px;
    border-right: 1px solid #A5A8BE80;
    box-sizing: border-box;
}

.gantt-slider__item:first-child {
    border-left: 1px solid #A5A8BE80;
}

.gantt-slider__item-text {
    background: #F4F4F6;
    padding: 20px;
}

.gantt-slider__item-header {
    background-color: var(--blue-color-1);
    text-align: center;
    padding: 10px;
    color: var(--light-text-color);
}

.gantt-slider__item-text,
.gantt-slider__item-header {
    margin-bottom: 10px;
}

.gantt__button .hero__button {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.gantt-slider__min-height-slide .gantt-slider__item {
    min-height: 400px;
}


@media (max-width: 1080px) {
    .gantt-slider__min-height-slide .gantt-slider__item {
        min-height: 200px;
    }

}


@media (max-width: 650px) {
    .gantt-slider__wrapper {
        padding-top: 80px;
        position: relative;
    }
    .gantt-slider__button {
        position: absolute;
        top: 0;
        height: 60px;
        left: 0;
    }
    .gantt-slider__button-next {
        left: 70px;
    }
    .gantt-slider {
        margin: 0;
    }
    .gantt-slider__item-text {
        padding: 14px;
    }
    .gantt-slider__min-height-slide .gantt-slider__item {
        min-height: auto;
    }
}

/* gantt chart end*/

/* table */

.service-table {
    display: flex;
    flex-direction: column;
}

.service-table__item {
    padding: 0;
    border-right: none;
    display: flex;
}

.service-table__item:first-child {
    border-left: none;
}

.service-table__item-text, .service-table__item-header {
    flex: 1;
    margin-bottom: 0;
    text-align: left;
    padding: 20px;
}

.service-table__item-text {
    border-bottom: 1px solid #A5A8BE80;
}

.service-table__item:nth-child(odd) .service-table__item-text {
    background: transparent;
}

.service-table__item-text:first-child {
    font-weight: 600;
}

.service-table__item-text:nth-child(even) {
    color: #7D7882;
}

@media (max-width: 768px) {
    .container:has(.service-table) {
        padding-right: 0;
    }

    .service-table {
        overflow: scroll;
    }

    .service-table__item {
        width: calc(100% - 15px);
        min-width: 650px;
    }

    .service-table__item-text, .service-table__item-header {
        padding: 10px;
    }
}

/* table end */

.cases-services__slide {
    display: flex;
    background: var(--case-item-background-color);
    color: var(--case-item-color, var(--light-text-color));
    text-decoration: none;
    height: auto;
}
.cases-services__content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    width: 53%;
    box-sizing: border-box;
    min-width: 530px;
}

.cases-services__image {
    margin-left: auto;
}

.cases-services__image img {
    display: block;
    height: 290px;
}

.cases-services__teasers {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}

.cases-services__teaser-header {
    font-weight: 400;
    font-size: 36px;
    letter-spacing: -0.02em;
    margin-bottom: 0;
}

.cases-services__button {
    position: static;
}

.cases-services__navigation {
    margin-top: 30px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

@media (max-width: 650px) {
    .cases-services__slide {
        flex-direction: column;
    }
    .cases-services__content {
        min-width: auto;
        width: 100%;
        padding: 20px 10px 0 14px;
    }
    .cases-services__header {
        margin-bottom: 30px;
    }
    .cases-services__image {
        margin-top: auto;
    }
    .cases-services__image img {
        width: 100%;
        height: auto;
    }

    .cases-services__teasers {
        display: grid;
        justify-content: flex-start;
        grid-template-columns: min-content min-content;
        gap: 30px;
    }

    .cases-services__teaser-header {
        font-size: 24px;
        line-height: 32px;
    }
}

/* service-card */
.service-card {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.service-card__row-3 {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}

.service-card__row-2 {
    grid-template-columns: 1fr 1fr;
}

.service-card__item {
    box-shadow: 0px 2px 30px 0px #2131491A;
}

.service-card__header {
    padding: 30px;
    background-color: var(--blue-color-2);
    color: var(--light-text-color);
    min-height: 65px;
}

.service-card__header p {
    position: relative;
    z-index: 1;
}

.service-card__header::after {
    background-color: #324473;
    top: 10px;
    height: calc(100% - 20px);
}

.service-card__content {
    padding: 20px 30px 30px;
    max-width: 270px;
    min-height: 60px;
}

.service-card__notice {
    margin-top: 10px;
    color: var(--notice-text-color);
}


@media (max-width: 1080px) {
    .service-card {
        display: grid;
        gap: 32px;
        grid-template-columns: repeat(2, 1fr);
    }
    
}
@media (max-width: 650px) {
    .service-card {
        display: block;
    }
    .service-card__header {
        min-height: auto;
        padding: 20px 14px;
    }
    .service-card__content {
        padding: 20px 14px;
    }
    .service-card__item {
        margin-bottom: 16px;
    }
    .service-card__item:last-child {
        margin-bottom: 0;
    }
    .service-card br {
        display: none;
    }
}


/* service-card end */

/* accordion */
.accordion-item {
    border-top: 1px solid #A5A8BE80;
    transition: background 0.3s ease;
}

.accordion-item__icon {
    transition: transform 0.3s ease ;
    flex-shrink: 0;
}

.active .accordion-item__icon {
    transform: rotate(45deg);
    transform-origin: 50%;
}

.active .accordion-item__icon path {
    stroke: var(--light-text-color);
}

.accordion-item.active {
    color: var(--light-text-color);
    background-color: var(--blue-color-2);
}
.accordion-item .container {
    display: grid;
}
.accordion-item__button {
    color: inherit;
    cursor: pointer;
    border: 0;
    outline: none;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: left;
}


.accordion-item__text {
    width: 50%;
    padding-bottom: 40px;
}

.accordion-item__animation-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.accordion-item.active .accordion-item__animation-wrapper {
    max-height: var(--accordion-item-max-height, 1000px);
}


@media (max-width: 650px) {
    .accordion-item__button {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: left;
        align-items: flex-start;
    }

    .accordion-item__text {
        width: 100%;
    }
    .accordion-item__icon {
        width: 30px;
        height: 30px;
        margin-left: 14px;
    }
    .accordion-item__text {
        padding-bottom: 20px;
    }
}

/* sales-funnel */
.sales-funnel {
    display: flex;
    justify-content: space-between;
}

.sales-funnel__content,
.sales-funnel__funnel {
    width: calc(50% - 25px);
    box-sizing: border-box;
}

.sales-funnel__funnel {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sales-funnel__funnel-modal {
    width: 100%;
}

.funnel__item {
    margin: 0 auto 10px;
    cursor: pointer;
    padding: 19px 20px;
    text-align: center;
    border: 1px solid var(--blue-color-1);
    width: 100%;
    box-sizing: border-box;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
    background-color: transparent;
}

.funnel__item.active,
.funnel__item-active {
    background-color: var(--blue-color-1);
    color: var(--light-text-color);
}

.funnel_item-disabled {
    background-color: var(--disabled-background-color, #D6DAE4);
    color: var(--accent-text-color);
    border-color: var(--disabled-background-color, #D6DAE4);
}

.funnel_item-disabled {
    pointer-events: none;
}

.funnel__item:hover {
    background: var(--blue-color-2);
    color: var(--light-text-color);
}

.funnel_item-2 {
    width: calc(100% - 70px);
}
.funnel_item-3 {
    width: calc(100% - 140px);
}
.funnel_item-4 {
    width: calc(100% - 210px);
}
.funnel_item-5,
.funnel_item-6 {
    width: calc(100% - 280px);
}

.sales-funnel__content {
    box-shadow: 0 2px 30px 0 #2131491A;
    padding: 30px;
    align-self: flex-start;
}

.sales-funnel__content.active {
    display: block;
}

.sales-funnel__content > p {
    margin-bottom: 20px;
}

.sale-funnel__item {
    margin-top: 20px;
}

.sales-funnel__funnel-modal {
    max-width: 574px;
    margin: 0 auto;
}

.modal__task {
    max-width: 739px;
}

.modal__task-header {
    margin-bottom: 30px;
}



@media (max-width: 1080px) {
    .funnel_item-2 {
        width: calc(100% - 40px);
    }
    .funnel_item-3 {
        width: calc(100% - 80px);
    }
    .funnel_item-4 {
        width: calc(100% - 120px);
    }
    .funnel_item-5,
    .funnel_item-6 {
        width: calc(100% - 160px);
    }

    .modal__task-header {
        text-align: center;
    }
}
@media (max-width: 800px) and (min-width: 651px) {
    .funnel_item-2 {
        width: calc(100% - 20px);
    }
    .funnel_item-3 {
        width: calc(100% - 40px);
    }
    .funnel_item-4 {
        width: calc(100% - 60px);
    }
    .funnel_item-5,
    .funnel_item-6 {
        width: calc(100% - 80px);
    }
}

@media (max-width: 650px) {
    .sales-funnel__funnel,
    .sales-funnel__content {
        width: 100%;
    }
    .sales-funnel__content {
        padding: 20px
    }
    .sales-funnel__content > p {
        margin-bottom: 10px;
    }

    .sales-funnel__container {
        padding: 0;
    }
    .funnel__item {
        padding: 16px;
    }
    .modal__task {
        width: 100%;
    }
    .sales-funnel__content,
    .sales-funnel__content.active {
        display: none;
    }
    .modal__default .sales-funnel__content {
        display: block!important;
    }
}

.file-list {
    display: flex;
    gap: 30px 50px;
    flex-wrap: wrap;
}

.file-list__header {
    margin-bottom: 30px;
}

.file-list__item {
    box-sizing: border-box;
    padding: 10px 20px;
    width: fit-content;
    min-height: 56px;
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 30px 0px #2131491A;
    display: flex;
    margin-bottom: 20px;
    text-decoration: none;
    color: inherit;
    transition: background 0.3s ease;
}

.file-list__item:last-child {
    margin-bottom: 0;
}

.file-list__item:hover {
    background-color: var(--accent-text-color);
}

.file-list__item::before {
    content: " ";
    display: block;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='36' viewBox='0 0 29 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.178 9.02495V36H0V0H19.1741L28.178 9.02495Z' fill='%234285F4'/%3E%3Cpath d='M6.70312 15.8909H21.475' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M6.70312 21.7061H21.475' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M6.70312 27.5161H21.475' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M28.1797 9.02495H19.1758V0' fill='%231967D2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 36px;
}

.file-list__item-sheet::before {
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='36' viewBox='0 0 29 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.178 9.02495V36H0V0H19.1741L28.178 9.02495Z' fill='%2331A853'/%3E%3Cpath d='M7.21312 20.5027V14.8249H12.8909V20.5027H7.21312Z' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M7.21312 28.577V22.8992H12.8909V28.577H7.21312Z' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M15.2873 20.5027V14.8249H20.9651V20.5027H15.2873Z' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M15.2873 28.577V22.8992H20.9651V28.577H15.2873Z' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M28.1797 9.02495H19.1758V0' fill='%23188138'/%3E%3C/svg%3E%0A");
}

.file-list__item-html::before {
    background-image: url("/local/templates/.default/assets/images/icon-html.png");
    background-size: 32px 36px;
}


.files-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 650px) {
    .file-list {
        flex-direction: column;
        gap: 14px;
    }

    .file-list__header {
        margin-bottom: 8px;
    }
    .file-list__item {
        width: 100%;
        padding: 14px;
    }
    .file-list__item::before {
        width: 20px;
        height: 26px;
        margin-right: 10px;
    }
    .files-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.modal__task-menu {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.modal__task-back-button {
    margin-right: 20px;
    background-color: transparent;
    flex-shrink: 0;
    cursor: pointer;
}

.modal__task-inner-header {
    background-color: var(--blue-color-1);
    width: 100%;
    height: auto;
    color: var(--light-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal__task-links-block {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.modal__task-link {
    text-decoration: none;
    border: 1px solid var(--blue-color-1);
    color: var(--blue-color-1);
    padding: 19px 29px;
    transition: 0.3s ease color, 0.3s ease background;
}

.modal__task-link:hover {
    color: var(--light-text-color);
    background-color: var(--blue-color-1);
}

@media (max-width: 650px) {
    .modal__task-header {
        margin-bottom: 10px;
    }

    .modal__task-links-block {
        gap: 0;
    }
    .modal__task-link {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .modal__task-menu {
        margin-bottom: 10px;
    }
    .modal__task-back-button {
        margin-right: 10px;
    }
    .funnel__item {
        min-width: fit-content;
    }
}

@media (max-width: 380px) {
    .modal__general .funnel__item {
        font-size: 14px;
        padding: 12px;
    }
}

.vertical-cards {
    display: flex;
    position: relative;
    justify-content: space-between;
}

.vertical-cards__main-header {
    width: calc(43% - 20px);
    position: sticky;
    top: calc(var(--header-height) + 20px);
    align-self: flex-start;
}

.vertical-cards__wrapper {
    width: 57%;
    counter-reset: vertical-card;
}

.vertical-card__item {
    counter-increment: vertical-card;
    display: flex;
    border: 1px solid #7D7882;
    margin-bottom: 24px;
}

.vertical-card__item:last-child {
    margin-bottom: 0;
}

.vertical-card__content {
    padding: 20px;
}

.vertical-card__item::before {
    content: counter(vertical-card, decimal-leading-zero);
    display: block;
    width: 78px;
    padding: 20px 8px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: var(--blue-color-1);
    border-right: 1px solid #7D7882;
    flex-shrink: 0;
    box-sizing: border-box;
    transition: 0.3s ease all;
}

.vertical-card__item:hover::before  {
    color: var(--light-text-color);
    background-color: var(--blue-color-1);
}

.vertical-card__header {
    margin-bottom: 8px;
}

.vertical-card__text {
    color: #7D7882;
}

@media (max-width: 650px) {
    .vertical-cards {
        display: block;
    }

    .vertical-cards__wrapper,
    .vertical-cards__main-header {
        width: 100%;
    }

    .vertical-cards__main-header {
        position: static;
    }

    .vertical-card__item::before {
        width: 60px;
        padding: 14px 4px;
    }

    .vertical-card__content {
        padding: 14px 14px 14px 20px;
    }

    .vertical-card__header {
        margin-bottom: 4px;
        line-height: 24px;
    }
}

@media (min-width: 651px) {
    .text-cards__wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .text-cards__wrapper .vertical-card__item {
        margin-bottom: 0;
    }
}

.vertical-cards__grid {
    display: block;
}

.vertical-cards__grid .vertical-card__item::before  {
    color: var(--light-text-color);
    background-color: var(--blue-color-1);
}

.vertical-cards__grid .vertical-cards__main-header {
    position: static;
    width: 100%;
}

.vertical-cards__grid .vertical-cards__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    width: 100%;
}

.vertical-cards__grid .vertical-card__item {
    margin-bottom: 0;
}

@media (max-width: 650px) {
    .vertical-cards__grid .vertical-cards__wrapper {
        width: 100%;
        display: block;
    }

    .vertical-cards__grid .vertical-card__item:not(:last-child) {
        margin-bottom: 16px;
    }
}

.modal__funnel-item {
    padding: 0;
    margin: 0;
    width: 100%;
}

.modal__funnel-other {
    max-width: 780px;
    text-align: center;
    padding: 20px 30px;
}

.text-tabs {
    background-color: var(--blue-color-2);
    border: 1px solid var(--notice-text-color);
}

.text-tabs.blue-background {
    background-color: var(--blue-color-2);
}

.tabs__button-item {
    display: flex;
    align-items: center;
    flex-grow: 1;
    border-left: 1px solid var(--notice-text-color);
    border-bottom: 1px solid var(--notice-text-color);
    background-color: white;
}

.blue-background .tabs__button-item {
    background-color: var(--blue-color-1);
}

.tabs__button-item:first-child {
    border-left: none;
}

.tabs__buttons {
    display: flex;
    justify-content: space-between;
}



.tabs__button-item.active {
    background-color: var(--blue-color-2);
}

.tabs__button-item.active .tabs__button-item-name,
.tabs__button-item.active {
    color: var(--light-text-color);
}

.tabs__button-item-image {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-right: 1px solid var(--notice-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs__button-item-image img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}

.tabs__button-item-name {
    font-size: 18px;
    font-weight: 500;
    opacity: 0.7;
    color: var(--notice-text-color);
}

.tabs__buttons__text-ellipsis .tabs__buttons {
    width: 100%;
}

.tabs__buttons__text-ellipsis .tabs__button-item {
    flex: 1;
    min-width: 0;
}

.tabs__buttons__text-ellipsis .tabs__button-item-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.tabs__buttons__text-ellipsis .tabs__button-item-name span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    box-sizing: border-box;
}


.blue-background .tabs__button-item-name {
    color: var(--light-text-color);
}

.tabs__button-item-name span {
    padding: 10px 10px 10px 20px;
    display: block;
}

.tabs__button-item-counter {
    font-size: 40px;
    line-height: 40px;
} 

.tabs__button-item.active .tabs__button-item-image img,
.tabs__button-item.active .tabs__button-item-name {
    opacity: 1;
}

.text-tabs__item {
    padding: 60px;
}

.text-tabs__content {
    color: var(--light-text-color);
}

.text-tabs .image-text__text-block {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.text-tabs .image-text__button-block {
    margin-top: auto;
}

@media (max-width: 900px) {
    .tabs__buttons {
        justify-content: flex-start;
    }

    .tabs__button-item {
        flex-grow: 0;
    }

    .tabs__button-item-name {
        display: none;
        overflow: hidden;
        font-size: 14px;
        text-align: left;
    }

    .tabs__button-item.active .tabs__button-item-name {
        width: 100%;
        display: block;
    }

    .tabs__buttons__text-ellipsis .tabs__button-item {
        flex: 1 0 60px;
    }

    .tabs__button-item.active {
        flex-grow: 100;
    }

    .text-tabs__item {
        padding: 20px 16px;
    }

    .text-tabs .image-text__text-block {
        order: 1;
    }
}

@media (max-width: 400px) {
    .tabs__buttons__text-ellipsis .tabs__button-item-image {
        flex: 1 0 45px;
    }

}

.scrollable-image {
    width: 100%;
}

@media (max-width: 700px) {
    .scrollable-image {
        min-width: 700px;
        padding-right: var(--container-padding);
    }

    .scroll-container {
        overflow-x: scroll;
        width: calc(100% + var(--container-padding));
        margin-right: calc(-1 * var(--container-padding));
        padding-bottom: 10px;
    }
}


.icon-rows {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 650px) {
    .icon-rows {
        gap: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

}

.container__benefit-cards {
    --container-max-width: 980px;
}

.benefit-cards {
    overflow: hidden;
}

.benefit-cards__wrapper {
    display: flex;
    align-items: center;
}

.benefit-cards__item {
    display: flex;
    position: relative;
    aspect-ratio: 7 / 9;
    height: 100%;
    justify-content: flex-end;
    flex-direction: column;
    color: var(--light-text-color);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.benefit-cards__item-default-center {
    width: calc(44% - 40px / 3);
}


.benefit-cards__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    top: 0;
    left: 0;
}

.benefit-cards__content {
    position: relative;
    z-index: 1;
    padding: 35px;
    padding-bottom: 40px;
}

.benefit-cards__header {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
}

.benefit-cards__navigation {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.benefit-cards__navigation .swiper-button-lock {
    display: none;
}

@media (min-width: 650px) {
    .benefit-cards__navigation .swiper-button-disabled {
        display: none;
    }
}

@media (max-width: 980px) {
    .benefit-cards__item {
        font-size: 14px;
    }

    .benefit-cards__header {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .benefit-cards__content {
        padding: 15px;
        padding-bottom: 20px;
    }

}

@media (max-width: 750px) {
    .benefit-cards__item {
        font-size: 12px;
    }

    .benefit-cards__header {
        font-size: 14px;
    }
}

@media (max-width: 650px) {

    .benefit-cards__item {
        width: auto;
    }

    .benefit-cards__content {
        position: relative;
        z-index: 1;
        padding: 35px;
        padding-bottom: 40px;
    }

    .benefit-cards__item {
        font-size: 15px;
    }

    .benefit-cards__header {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.cards-slider {
    overflow: visible;
}
.industry-standalone__news-file .cases-nav {
    margin-bottom: 0;
}

.industry-standalone .not-available {
    padding-top: 30px;
}

.industry-section {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.industry-section__name {
    position: sticky;
    top: calc(var(--header-height) + 20px);
    align-self: flex-start;
    width: 40%;
}

.industry-section__items {
    width: 48%;
}

.industry-section__header {
    margin-bottom: 40px;
}

.industry-section__items {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.industry-section__item {
    box-shadow: 0 2px 30px 0 #2131491A;
    padding: 30px;
}
.industry-section__item-preview,
.industry-section__item-tags,
.industry-section__item-header {
    margin-bottom: 20px;
}

.industry-section__item-header {
    display: block;
}

.industry-section__description {
    margin-bottom: 20px;
}

.industry-section__item-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.industry__files {
    margin-top: 20px;
}

.industry__files a {
    margin-bottom: 0;
    flex: 1;
    max-width: fit-content;
}

.industry__files-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 650px) {
    .industry-section {
        display: block;
    }

    .industry-section__items,
    .industry-section__name {
        position: static;
        width: 100%;
    }

    .industry-section__name {
        margin-bottom: 40px;
    }
}

.industry-linking__row {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.industry-linking__row-item {
    padding: 22px 20px;
    background-color: var(--blue-color-2);
    color: var(--light-text-color);
    flex-grow: 1;
    text-align: center;
}

@media (max-width: 650px) {
    .industry-linking__row {
        gap: 5px;
        flex-wrap: wrap;
    }

    .industry-linking__row-item {
        padding: 12px 10px;
    }
}

.staff-rounded {
    display: flex;
    align-items: center;
    gap: 20px;
}

.staff-rounded img {
    border-radius: 50%;
    width: 68px;
}

.complex-slider__wrapper {
    display: flex;
}

.complex-slider__slide {
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
    width: calc(100% - 64px);
}

.complex-item__header {
    margin-bottom: 20px;
}

.image-text-slider__button {
    text-align: center;
}

@media (max-width: 800px) {
    .complex-slider__slide {
        flex-direction: column;
    }

    .complex-slider__slide .image-text__block {
        width: 100%;
    }

}

@media (max-width: 650px) {
    .complex-slider__navigation {
        display: flex;
        gap: 10px;
        margin: 20px 0;
    }

    .complex-slider__navigation:last-child {
        margin-bottom: 0;
    }

    .complex-slider__navigation:first-child {
        margin-top: 0;
    }

    .complex-slider__slide {
        width: 100%;
        padding: 0;
    }

    .complex-slider__wrapper {
        display: block;
    }

    .image-text-slider__button.tablet,
    .image-text-slider__button.desktop {
        display: none;
    }

}

.parallax__section {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(115.75deg, rgba(19, 15, 51, 0.7) 32.62%, rgba(19, 15, 51, 0.7) 82.54%);
    color: var(--light-text-color);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.parallax__section::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(115.75deg, rgba(19, 15, 51, 0.7) 32.62%, rgba(19, 15, 51, 0.7) 82.54%);
    background-size: cover, cover;
    background-position: center, center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    z-index: 2;
}

.parallax__section::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='502' fill='none' viewBox='0 0 1440 502'%3E%3Cpath stroke='%23a5a8be' d='M0 396.536h1440M0 62.739h1440M216.5 0v502M1224.5 0v502'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    z-index: 3;
}

.parallax__image {
    z-index: 1;
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    left: 0;
}

.parallax__content {
    padding-top: 100px;
    padding-bottom: 145px;
    position: relative;
    z-index: 4;
}

.parallax__content .button {
    background-color: var(--blue-color-2);
    border-color: var(--blue-color-2);
}

.parallax__text,
.parallax__header {
    margin-bottom: 20px;
}

@media (max-width: 1080px) {

    .parallax__section::after {
        content: none;
    }

    .parallax__image {
        width: 200%;
        left: -50%;
    }
}


@media (max-width: 650px) {
    .parallax__image {
        width: auto;
        height: 200%;
    }

    .parallax__content {
        text-align: left;
        padding: 20px 0 170px;
    }
}


.industry-card {
    padding: 30px;
    box-shadow: 0 2px 30px 0 #2131491A;
    box-sizing: border-box;
    height: auto;
    display: flex;
    flex-direction: column;
}

.industry-card__highlight-blue {
    background-color: #E2E8F9;
}

.industry-card__description p,
.industry-card__header,
.industry-card__icon {
    margin-bottom: 20px;
}

.industry-card__link {
    margin-top: auto;
}

.vacancy-card__transparent .industry-card__icon {
    filter: brightness(0) invert(1);
}

@media (min-width: 651px) {
    .industries-container .swiper-wrapper {
        padding-top: 0;
    }
}

.industries-container {
    position: relative;
}

@media(max-width: 1216px) {
    .industries-container {
        overflow: hidden;
    }
}

.industries-swiper {
    padding: 20px;
    margin: -20px;
    overflow: visible;
}

.industries-container__navigation {
    display: flex;
    gap: 10px;
}

@media (min-width: 651px) {
    .industries-container__navigation {
        position: absolute;
        top: -81px;
        right: 0;
    }
}

@media (max-width: 650px) {
    .industries-container__navigation {
        margin-top: 20px;
    }
}

.seo-calculator {
    counter-reset: seo-calculator-inputs-header;
}

.seo-calculator__wrapper {
    display: flex;
    gap: 40px;
    position: relative;
}


.seo-calculator__inputs-block {
    width: 70%;
    box-sizing: border-box;
}

.seo-calculator__results-block {
    width: 30%;
    box-sizing: border-box;
    position: sticky;
    top: calc(20px + var(--header-height));
    align-self: flex-start;
}

.seo-calculator__results {
    padding: 32px;
}

.seo-calculator__results-header {
    margin-bottom: 32px;
    font-size: 20px;
}

.seo-calculator__results-item-main,
.seo-calculator__results-item {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 24px;
}

.seo-calculator__results-item-main span,
.seo-calculator__results-item span {
    font-size: 24px;
    margin-top: 4px;
}

.seo-calculator__results-item-main {
    border-top: 1px solid #FFFFFF33;
    padding-top: 16px;
}

.seo-calculator__results-item-main span {
    font-size: 30px;
    line-height: 1.25;
}

.seo-calculator__overlow {
    overflow-y: scroll;
    max-height: 285px;
    scrollbar-width: thin;
    scrollbar-color: var(--blue-color-1) white;
    overflow: auto; 
}

.seo-calculator__overlow::-webkit-scrollbar {
    display: none;
}
.seo-calculator__fieldset {
    padding: 20px;
    border: 1px solid var(--border-color);
    margin-bottom: 30px;
}

.seo-calculator__fieldset:last-child {
    margin-bottom: 0;
}

.seo-calculator__inputs-header {
    padding-bottom: 8px;
    border-bottom: 1px solid #AAA5BE80;
    margin-bottom: 20px;
}

.seo-calculator__inputs-header legend {
    counter-increment: seo-calculator-inputs-header;
    font-weight: 500;
    font-size: 20px;
}

.seo-calculator__inputs-header legend::before {
    content: counter(seo-calculator-inputs-header) ". ";
}

.seo-calculator__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.seo-calculator__form-fields label,
.seo-calculator__input-item label {
    font-size: 14px;
    font-weight: 500;
}

.seo-calculator__form-fields label {
    margin-bottom: 8px;
}


.seo-calculator__form-fields {
    gap: 24px;
    margin-bottom: 36px;
    display: flex;
    flex-direction: column;
}

.seo-calculator__input-item select,
.seo-calculator__input-item input {
    font-family: inherit;
    margin-top: 8px;
}

.seo-calculator__input-item select:focus {
    outline: none;
    box-shadow: 0 0 10px 2px #151f2e1a;
}

.seo-calculator__input-item option {
    appearance: none;
    padding: 12px;
    font-family: inherit;
}

.seo-calculator__input-item option:hover {
    background-color: #D6DAE4;
}

.seo-calculator__slider {
    grid-column: 1 / -1;
}

.seo-calculator__slider input {
    min-height: auto;
}

.seo-calculator__slider input[type="range"],
.seo-calculator__input-item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}

.seo-calculator__input-item select {
    display: block;
    padding: 12px;
    width: 100%;
}

.seo-calculator__slider-header {
    display: flex;
    justify-content: space-between;
}

.seo-calculator__slider-header-w-popover {
    display: flex;
    gap: 10px;
    align-items: center;
}

.seo-calculator__slider input[type="range"] {
    padding: 0;
    width: 100%;
    border: 0;
    appearance: none;
    height: 4px;

}
.seo-calculator__slider input[type="range"]::-webkit-slider-runnable-track {
    box-sizing: border-box;
    height: 4px;
    background-color: var(--blue-color-2);
}

.seo-calculator__slider input[type="range"]::-moz-range-track {
    box-sizing: border-box;
    height: 4px;
    background-color: var(--blue-color-2);
}

.seo-calculator__slider input[type="range"]::-webkit-slider-thumb {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border: 1px solid var(--blue-color-2);
    background: white;
    transition: 300ms;
    border-radius: 0;
    margin-top: -4px;
}

.seo-calculator__slider input[type="range"]::-moz-range-thumb {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border: 1px solid var(--blue-color-2);
    background: white;
    transition: 300ms;
    border-radius: 0;

}

.seo-calculator__slider input[type="range"]:focus-visible {
    outline-offset: 10px;
    outline: 1px solid var(--blue-color-1);
}

.seo-calculator__slider input[type="range"]:hover::-webkit-slider-thumb,
.seo-calculator__slider input[type="range"]:focus-visible::-webkit-slider-thumb {
    transform: scale(1.1);
    background-color: var(--blue-color-2);
}

.seo-calculator__slider input[type="range"]:hover::-moz-range-thumb,
.seo-calculator__slider input[type="range"]:focus-visible::-moz-range-thumb {
    background-color: var(--blue-color-2);
    transform: scale(1.1);
}

.seo-calculator__slider .seo-calculator__slider-numeric-value {
    font-size: 18px;
    padding: 4px;
    border: 1px solid #AAA5BE80;
    width: 60px;
    box-sizing: border;
    text-align: center;
}

.seo-calculator__inputs-header {
    display: flex;
    justify-content: space-between;
}

.seo-calculator__subgroup:not(:last-child),
.seo-calculator__group:not(:last-child) {
    margin-bottom: 24px;
}

.seo-calculator__group-header {
    font-weight: 500;
    margin-bottom: 12px;
}

.seo-calculator__group .seo-calculator__inputs {
    border: 1px solid #AAA5BE80;
    padding: 8px;
    gap: 5px 20px;
}

.seo-calculator__checkbox,
.seo-calculator__radio {
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: center;
}

.seo-calculator__radio input,
.seo-calculator__checkbox input {
    margin: 0;
}
.seo-calculator__radio label,
.seo-calculator__checkbox label {
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
    transition: 0.25s ease;
    padding: 12px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.seo-calculator__radio label:hover,
.seo-calculator__checkbox label:hover {
    background-color: #D6DAE44D;
}

.seo-calculator__radio label:has(:checked),
.seo-calculator__checkbox label:has(:checked) {
    background-color: #D6DAE4;
}

.seo-calculator__radio span,
.seo-calculator__checkbox span {
    font-size: 12px;
}

.seo-calculator__radio .seo-calculator__radio-header,
.seo-calculator__checkbox .seo-calculator__checkbox-header {
    font-size: 14px;
    margin-bottom: 2px;
    font-weight: 500;
    display: block;
}


.seo-calculator__radio .seo-calculator__radio-header:last-child,
.seo-calculator__checkbox .seo-calculator__checkbox-header:last-child {
    margin-bottom: 0;
}

.seo-calculator__radio input,
.seo-calculator__checkbox input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border: 1px solid #AAA5BE80;
    width: 18px;
    height: 18px;
    accent-color: var(--blue-color-1); 
}

.seo-calculator__radio input {
    border-radius: 50%;
}


.seo-calculator__checkbox input:checked,
.seo-calculator__radio input:checked {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;

}

.seo-calculator__notice {
    margin-top: 20px;
    color: var(--notice-text-color);
}

.seo-calculator .button {
    padding: 16px 20px;
    text-align: center;
    width: 100%;
}

.seo-calculator .button:disabled {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
    opacity: 0.3;
    pointer-events: none;
}

@media (max-width: 1200px) {
    .seo-calculator__inputs-block {
        width: 60%;
    }

    .seo-calculator__results-block {
        width: 40%;
    }
}

@media (max-width: 1000px) {
    .seo-calculator__inputs {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 800px) {
    .seo-calculator__inputs-block {
        width: 50%;
    }

    .seo-calculator__results-block {
        width: 50%;
    }

}

@media (max-width: 650px) {
    .seo-calculator__wrapper {
        display: block;
    }

    .seo-calculator__inputs-block {
        margin-bottom: 20px;
    }

    .seo-calculator__results-block,
    .seo-calculator__inputs-block {
        width: 100%;
    }

    .seo-calculator__radio .seo-calculator__radio-header, 
    .seo-calculator__checkbox .seo-calculator__checkbox-header {
        font-size: 12px;
    }


    .seo-calculator__inputs-header legend {
        font-size: 16px;
    }

    .seo-calculator__overlow-no-mobile {
        overflow: auto;
        max-height: none;
    }

    .seo-calculator__results-item-main span {
        font-size: 20px;
    }

    .seo-calculator__results {
        padding: 24px;
    }

    .seo-calculator__fieldset {
        padding: 20px;
    }
}


.seo-calculator__form-fields > div {
    flex: 1;
}

@media (max-width: 650px) {
    .seo-calculator__form-fields {
        flex-direction: column;
        gap: 10px;
    }
}

.popover-button {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid #858992;
    color: #858992;
    background-color: white;
    cursor: pointer;
}

.popover.popover-js {
    inset: auto;
    margin: 0;
    opacity: 0;
    transition: 0.35s ease opacity;
}

.popover.popover-js:popover-open {
    position: fixed;
    opacity: 0;
    transition: opacity 0.2s ease-out, display 0.2s allow-discrete, overlay 0.2s allow-discrete;
}

.popover.popover-js.is-positioned:popover-open {
    opacity: 1;
}

@starting-style {
    .popover.popover-js:popover-open {
        opacity: 0;
    }
}

.popover-wrapper {
    position: relative;
    display: inline-block;
}

.popover {
    box-sizing: border-box;
    width: max-content;
    max-width: min(calc(100% - 20px), 400px);
    margin-bottom: 8px;
    padding: 10px;
    background: white;
    border: 1px solid #ccc;
}

.seo-calculator__results .form__footer-notice {
    margin-left: 0;
    margin-bottom: 24px;
}

.seo-calculator__results .form__footer-legal {
    font-size: 16px;
    color: var(--light-text-color);
}
/* End */
/* /local/templates/.default/assets/css/service-pages.css?179155412349656 */