/* Start:/local/templates/main/assets/css/cases-page.min.css?178939598316362*/
.cases--hero .hero__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: clamp(25rem,14.183rem + 48.08vw,56.25rem); height: clamp(25rem,14.183rem + 48.08vw,56.25rem) } .cases--hero .hero__bg-gradient svg { display: block; z-index: 0; width: 100%; height: 100% } .cases--hero .hero__bg-gradient--green { top: -17%; left: -15% } @media (max-width: 767px) { .cases--hero .hero__bg-gradient--green { top:-4%; left: -17% } } .cases--hero .hero__bg-gradient--blue { top: -3%; left: 14% } .hero { position: relative; background: var(--color-white,#fff) } .cases--hero .hero__inner { padding-top: 150px; padding-bottom: 150px } .cases--hero .hero__title { z-index: 9; margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 64px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 1280px) { .cases--hero .hero__inner { position:relative; height: 100% } .cases--hero .hero__title { margin-bottom: 24px; width: 100%; max-width: 868px } } @media (min-width: 768px) and (max-width:1279px) { .cases--hero .hero__inner { position:relative; height: 100% } .cases--hero .hero__title { margin: 0 0 16px; width: 100%; max-width: calc(100% - 90px); font-size: 42px; text-align: left } } @media (max-width: 767px) { .cases--hero .hero__bg-gradient--blue { top:7%; left: 26% } .cases--hero .hero__inner { position: relative; height: 100% } .cases--hero .hero__title { margin: 0 0 12px; width: 100%; max-width: calc(100% - 32px); max-width: none; font-size: 24px; text-align: center } } .cases--hero .hero__image-wrap { pointer-events: none } @media (min-width: 1280px) { .cases--hero .hero__image-wrap { position:absolute; top: -25px; right: -134px; width: 789px; height: 856px } } @media (max-width: 767px) { .cases--hero .hero__image-wrap { position:absolute; top: 44px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 617px; height: 510px } } @media (min-width: 768px) and (max-width:1279px) { .cases--hero .hero__image-wrap { position:absolute; top: 35px; left: 78%; width: 663px; height: 548px } } .hero__image { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .cases--hero .hero__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0 } @media (max-width: 1279px) { .cases--hero .hero__inner { padding-top:105px; padding-bottom: 105px } .cases--hero .hero__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0 } .cases--hero .hero__subtitle { margin-top: 0 } } .cases--hero .hero__desc { z-index: 9 } @media (min-width: 1280px) { .cases--hero .hero__desc { width:100% } } @media (max-width: 767px) { .cases--hero .hero__desc { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 32px); text-align: center } } @media (min-width: 768px) and (max-width:1279px) { .cases--hero .hero__desc { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(100% - 90px); text-align: left } } .cases--hero .hero__subtitle { margin: 0; width: 100%; max-width: 750px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .cases--hero .hero__subtitle ul { /* margin-top: 20px; */ padding-left: 22px } @media (min-width: 1280px) { .cases--hero .hero__subtitle { margin-bottom:82px } } @media (max-width: 1279px) { .cases--hero .hero__subtitle { margin-bottom:24px; font-size: 16px } } @media (min-width: 768px) and (max-width:1279px) { .cases--hero .hero__subtitle { margin-bottom:90px; font-size: 16px; text-align: left } } .hero__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px } @media (max-width: 767px) { .cases--hero .hero__subtitle { margin-bottom: 78px; max-width: 100%; font-size: 14px; text-align: left } .cases--hero .hero__subtitle p { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/4 } .cases--hero .hero__subtitle ul { -ms-grid-column: 2; grid-column: 2 } .hero__actions { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content } .projects__filters .btn--primary { padding-block:15px} .projects__filters .btn--filter { padding-block:12px} } @media (min-width: 768px) and (max-width:1279px) { .hero__actions { position:relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content } } /* select { -webkit-appearance: none; -moz-appearance: none; appearance: none; --minwidth-select: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border: 1px solid var(--color-ivory); border-radius: 30px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A") right 5px center/20px no-repeat; padding-inline:20px;padding-block:13px;min-width: var(--minwidth-select); color: var(--color-deep-grey) } @supports ((-webkit-appearance: base-select) or (-moz-appearance:base-select) or (appearance:base-select)) { select,select::picker(select) { -webkit-appearance:base-select; -moz-appearance: base-select; appearance: base-select; -webkit-animation-play-state: paused; animation-play-state: paused; interpolate-size: allow-keywords } select:open { -webkit-animation-play-state: running; animation-play-state: running; background: var(--color-light-blue) } @media (prefers-reduced-motion) { select:open { -webkit-animation-play-state: paused; animation-play-state: paused } } select { background-image: none; padding-inline:20px} select img { width: 30px; line-height: 1 } select::picker-icon { rotate: -90deg; -webkit-transition: rotate .2s ease-out; transition: rotate .2s ease-out; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A"); width: 20px; height: 20px; content: "" } select:open::picker-icon { rotate: 0deg } select::picker(select) { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; -webkit-transition: height .4s ease-out,opacity .4s ease-out,overlay .4s,display .4s; transition: height .4s ease-out,opacity .4s ease-out,overlay .4s,display .4s; transition-behavior: allow-discrete; margin-top: 16px; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border: 1px solid var(--color-ivory,#e0e0e0); border-radius: 16px; background: var(--color-white,#fff); padding: 16px; max-width: 250px; height: 0; overflow: clip; font-weight: 400 } select:open::picker(select) { opacity: 1; height: auto } select option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: color,background; transition-property: color,background; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; cursor: pointer; padding: 4px; color: var(--color-deep-grey,currentColor); font-size: 16px; text-wrap: auto } select option:where(:hover,:focus,:active) { background: var(--color-light-blue,#eef2fa) } select option:checked { background: var(--color-light-blue,#eef2fa) } select option::checkmark { display: none } select option:first-child { border: 0 } select selectedcontent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } } */ .projects { position: relative; z-index: 1; padding-top: 20px } @media screen and (min-width: 768px) { /* select { --minwidth-select:clamp(10.938rem, -3.125rem + 29.3vw, 15.625rem) } */ /* .projects { padding-top: 45px } */ } @media screen and (min-width: 1280px) { /* .projects { padding-top:85px } */ } .projects__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(1.875rem,1.659rem + .96vw,2.5rem) } .projects__filters { display: -ms-grid; display: grid; position: sticky; top: 0; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: clamp(.75rem,1.56vw,1rem); z-index: 3; background-color: var(--color-white); padding-top: 15px; padding-bottom: 5px } .projects__filters .filters-block { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(.75rem,1.56vw,1rem); visibility: hidden; -webkit-transition: all var(--transition); transition: all var(--transition); width: 100%; height: 0; overflow: hidden } /* @media (max-width: 767px) { @supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)) { .projects__filters .filters-block select { -webkit-transition:all var(--transition); transition: all var(--transition); border: 0; border-bottom: 1px solid var(--color-ivory); border-radius: 0; padding-inline:10px;padding-block:5px} .projects__filters .filters-block select::picker-icon { rotate: 0 } .projects__filters .filters-block select::picker(select) { margin-top: 0; border: 0; border-radius: 0; padding: 8px 0 0 } .projects__filters .filters-block select option { padding: 4px } } } */ @media screen and (min-width: 768px) { .projects__filters { -ms-grid-columns:auto 1fr; grid-template-columns: auto 1fr } .projects__filters .filters-block { position: relative; -ms-grid-column: 2; grid-column: 2; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; visibility: visible; height: auto; overflow: initial } .projects__filters .btn--filter { display: none } } @media screen and (max-width: 767px) { .projects__filters:has(.open--filters) .btn--primary { border:1px solid var(--color-ivory,#e0e0e0); background: var(--color-white,#fff); color: var(--color-grey,#666) } .projects__filters:has(.open--filters) .filters-block { position: relative; visibility: visible; height: auto; overflow: initial } } .projects__filters .filter-index { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px } .projects__filters .filter-index__title { color: var(--color-deep-grey); font-weight: 400; font-size: 12px; line-height: 130% } .projects .projects__grid { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill,minmax(min(290px,100%),1fr)); gap: 16px } @media screen and (min-width: 768px) { .projects .projects__grid { grid-template-columns:repeat(auto-fill,minmax(min(323px,100%),1fr)) } } .projects .project-item { position: relative; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 10px; background: var(--color-white); padding: clamp(1rem,-2.722rem + 7.75vw,4.063rem) clamp(1rem,.804rem + .87vw,1.5rem); min-height: 225px; overflow: hidden } @media screen and (min-width: 1024px) { .projects .project-item { min-height:292px } } .projects .project-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; height: 100% } .projects .project-item__content>* { margin-top: 12px } .projects .project-item__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 4px; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 300px; list-style: none } .projects .project-item__tag,.projects .project-item__tag a { color: var(--color-green); font-weight: 400; font-size: 14px; line-height: 130% } .projects .project-item__tag a:hover { color: var(--color-blue) } .projects .project-item__title { margin: 0; color: var(--color-deep-grey); font-weight: 600; font-size: 16px; line-height: 130% } @media screen and (min-width: 768px) { .projects .project-item__title { font-size:18px } } @media screen and (min-width: 1280px) { .projects .projects__grid { grid-template-columns:repeat(auto-fill,minmax(min(370px,100%),1fr)); gap: 24px } .projects .project-item { border-radius: 30px } .projects .project-item__title { font-size: 24px } } .projects .project-item__text { color: var(--color-deep-grey); font-weight: 400; font-size: 14px; line-height: 130% } @media screen and (min-width: 1280px) { .projects .project-item__text { font-size:16px } } .projects .project-item__link { position: absolute; bottom: 16px; left: 16px; z-index: 2; color: var(--color-grey); font-weight: 600; font-size: 16px; line-height: 130% } @media screen and (min-width: 768px) { .projects .project-item__link { bottom:24px; left: 24px; font-size: 18px } } .projects .project-item__link:hover { color: var(--color-green) } .projects .project-item__decor { position: absolute; top: -5%; right: -7%; width: clamp(18.75rem,14.193rem + 9.49vw,22.5rem); height: clamp(18.75rem,14.193rem + 9.49vw,22.5rem); pointer-events: none } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px } .pagination a,.pagination span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .3s,color .3s; transition: background-color .3s,color .3s; border-radius: 44px; width: 44px; height: 44px; color: var(--color-grey); font-weight: 400; font-size: 16px; line-height: 130%; text-decoration: none } @media (max-width: 767px) { .pagination a,.pagination span { width:35px; height: 35px } } .pagination a:hover { background-color: var(--color-white-30); color: var(--color-green,#34ae6b) } .pagination .active { background-color: var(--color-green,#34ae6b); color: var(--color-white,#fff) } .pagination .next,.pagination .prev { background-color: #f8f9fa } .pagination .next:hover,.pagination .prev:hover { color: var(--color-green,#34ae6b) } .pagination .dots { border: none; padding: 8px 10px }
/* End */


/* Start:/local/templates/main/assets/css/utils.min.css?17888787184206*/
.link-tag,.tag{color:var(--color-grey,#666);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.link-tag:hover,.tag:hover{color:var(--color-deep-grey,currentColor)}.link-arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-12,12px);color:var(--color-deep-grey,currentColor);font-weight:600;font-size:16px;line-height:1.1;font-family:var(--base-font),sans-serif;text-decoration:none}.link-arrow:hover{color:var(--color-green,#34ae6b)}.link-arrow__icon{-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px}.breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-4,4px);z-index:1}.breadcrumbs-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:20px;padding-bottom:20px;min-height:64px}.breadcrumbs-wrap .container{position:relative;z-index:1}@media (max-width:767px){.breadcrumbs .breadcrumbs__item{font-size:14px}.breadcrumbs .breadcrumbs__icon{width:16px;height:16px}.breadcrumbs .breadcrumbs__divider{width:16px;height:16px;font-size:12px}.breadcrumbs-wrap{padding-top:8px;padding-bottom:8px;min-height:40px}}.breadcrumbs__item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-8,8px);color:var(--color-deep-grey,currentColor);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.breadcrumbs__item--link{color:var(--color-green,#34ae6b)}.breadcrumbs__item--link:hover{text-decoration:underline}.breadcrumbs__icon{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px}.breadcrumbs__divider{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);width:24px;height:24px;color:var(--color-grey,#666);font-size:14px}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.pagination__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;cursor:pointer;border:none;border-radius:4px;background:0 0;padding:8px;width:32px;height:32px;color:var(--color-deep-grey,currentColor)}.pagination__arrow:hover{background:var(--color-light-grey,#f8f8f8)}.pagination__arrow-icon{width:24px;height:24px}.pagination__number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;cursor:pointer;border:none;border-radius:1000px;background:0 0;padding:0 8px;min-width:44px;height:44px;color:var(--color-grey,#666);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.pagination__number:hover{color:var(--color-deep-grey,currentColor)}.pagination__number--active{cursor:default;background:var(--color-green,#34ae6b);color:var(--color-white,#fff);font-weight:600}.pagination__ellipsis{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;min-width:44px;height:44px;color:var(--color-grey,#666);font-size:16px;font-family:var(--base-font),sans-serif}
/* End */


/* Start:/local/templates/main/components/bitrix/news.detail/bitroid_cases/style.css?178999226920336*/
@charset "UTF-8";.single-hero {
    padding-bottom: 75px;
    overflow-x: clip
}

.single-hero__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 24px
}

@media screen and (max-width: 640px) {
    .single-hero {
        padding-bottom:50px
    }

    .single-hero__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-row: 30;
        grid-row: 30;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.single-hero__bg-gradient--green {
    top: -19%;
    left: -17%
}

@media screen and (max-width: 1024px) {
    .single-hero__bg-gradient--green {
        top:-38%;
        left: -25%
    }
}

@media screen and (max-width: 768px) {
    .single-hero__bg-gradient--green {
        top:-23%;
        left: -22%;
        width: 600px;
        height: 600px
    }
}

@media screen and (max-width: 567px) {
    .single-hero__bg-gradient--green {
        top:-23%;
        left: -43%
    }
}

.single-hero__bg-gradient--blue {
    top: 2%;
    left: 7%
}

@media screen and (max-width: 1024px) {
    .single-hero__bg-gradient--blue {
        top:-2%;
        left: 1%
    }
}

@media screen and (max-width: 768px) {
    .single-hero__bg-gradient--blue {
        top:-2%;
        left: 6%;
        opacity: .85;
        width: 600px;
        height: 600px
    }
}

@media screen and (max-width: 567px) {
    .single-hero__bg-gradient--blue {
        top:11%;
        left: 12%;
        width: 400px;
        height: 400px
    }
}

.single-hero__image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-grid-column: 2;
    grid-column: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    width: clamp(13.438rem,-2.436rem + 33.07vw,26.5rem);
    height: clamp(9.5rem,-1.741rem + 23.42vw,18.75rem)
}

@media screen and (max-width: 1199px) {
    .single-hero__image-wrap {
        -ms-grid-row:2;
        grid-row: 2
    }
}

@media screen and (max-width: 640px) {
    .single-hero__image-wrap {
        -ms-grid-column:1;
        grid-column: 1;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

.single-hero__image-wrap img {
    -webkit-transition: bos-shadow .2s,-webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out,bos-shadow .2s,-webkit-filter .3s ease-in-out;
    border-radius: 16px
}

.single-hero__image-wrap:hover img {
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow)
}

.single-hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	justify-content: center;
    gap: 60px;
    z-index: 1;
    margin: 0
}

.single-hero__title {
    width: auto;
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: clamp(2.625rem,.954rem + 3.48vw,4rem);
    line-height: 130%
}

@media screen and (max-width: 1199px) {
    .single-hero__content {
        -ms-grid-column:1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        justify-self: flex-start
    }

    .single-hero__title {
        text-align: left
    }
}

@media screen and (max-width: 640px) {
    .single-hero__content {
        -ms-grid-column-align:center;
        justify-self: center
    }

    .single-hero__title {
        text-align: center
    }
}

@media (max-width: 767px) {
    .single-hero__title {
        font-size:clamp(1.5rem,.507rem + 4.41vw,2.625rem)
    }
}

.single-hero__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    z-index: 1;
    list-style: none
}

@media screen and (max-width: 1199px) {
    .single-hero__tags {
        -ms-flex-item-align:center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media screen and (max-width: 640px) {
    .single-hero__tags {
        -ms-grid-row:3;
        grid-row: 3;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

.single-hero__tag {
    border-radius: 30px;
    background: var(--color-light-blue);
    padding: 16px;
    color: var(--color-deep-grey);
    font-weight: 400;
    font-size: clamp(.875rem,.714rem + .71vw,1rem);
    line-height: 130%
}

.about-project {
    position: relative;
    z-index: 1;
    padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 clamp(1.875rem,1.659rem + .96vw,2.5rem)
}

.about-project__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: clamp(1rem,.392rem + 1.27vw,1.5rem)
}

.about-project .sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: var(--scroll-padding-top);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: 16px;
    background: var(--color-white);
    padding: 16px;
    min-width: 158px
}

.about-project .sidebar__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.about-project .sidebar__name {
    padding: 4px;
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: 16px;
    line-height: 130%
}

.about-project .sidebar__item {
    padding: 4px;
    color: var(--color-grey);
    font-weight: 600;
    font-size: 16px;
    line-height: 130%
}

.about-project .sidebar__item.sidebar__item--active,.about-project .sidebar__item:active,.about-project .sidebar__item:hover {
    color: var(--color-green)
}

.about-project__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 100px;
    padding-right: clamp(0,-3.038rem + 6.33vw,2.5rem);
    color: var(--color-deep-grey);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%
}

.about-project__title {
    margin-bottom: clamp(2.5rem,.981rem + 3.16vw,3.75rem);
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: clamp(1.5rem,.285rem + 2.53vw,2.5rem)
}

.about-project .text-block {
    color: var(--color-deep-grey);
    font-weight: 400;
    font-size: clamp(.875rem,.723rem + .32vw,1rem);
    line-height: 130%
}

.about-project .text-block figure {
    border: 1px solid var(--color-light-blue);
    border-radius: 30px;
    background: var(--color-white);
    width: 99px
}

.about-project .text-block .work-progress figure {
    margin-bottom: 1em;
    border: none;
    width: auto;
    height: auto;
    background: none
}

.about-project .text-block .about-project__title,.about-project .text-block h2 {
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: 40px
}

.about-project .text-block .about-project__title,.about-project .text-block .work-progress h2 {
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 130%
}

.about-project .text-block h3 {
    margin-top: clamp(1.5rem,.285rem + 2.53vw,2.5rem);
    margin-bottom: 16px;
    color: var(--color-grey);
    font-weight: 600;
    font-size: 18px;
    line-height: 130%
}

.about-project .text-block ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    list-style: none
}

.about-project .text-block ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(.5rem,-.108rem + 1.27vw,1rem);
    font-weight: 400;
    font-size: clamp(.875rem,.723rem + .32vw,1rem);
    line-height: 130%
}

.about-project .text-block ul>li::before {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -2px;
    border-radius: 10px;
    background-color: var(--color-green);
    width: 8px;
    height: 8px;
    content: "";
}

.about-project .text-block p {
    margin-bottom: 1em
}

.about-project__technology {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(clamp(7.188rem,4.074rem + 6.49vw,9.75rem),1fr));
    gap: clamp(.875rem,.116rem + 1.58vw,1.5rem)
}

.about-project__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    counter-reset: item;
    list-style: none
}

.about-project__results .result-item__title {
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: clamp(1rem,.848rem + .32vw,1.125rem)
}

.about-project__results .result-item:nth-child(1) {
    background: var(--color-blue);
    color: var(--color-white)
}

.about-project__results .result-item:nth-child(1)::after {
    color: var(--color-white-30)
}

.about-project__results .result-item:nth-child(2) {
    background: var(--color-light-blue)
}

.about-project__results .result-item:nth-child(2) .result-item__title {
    color: var(--color-grey)
}

.about-project__results .result-item:nth-child(2)::after {
    color: var(--color-white)
}

.about-project__results .result-item:nth-child(3) .result-item__title {
    color: var(--color-grey)
}

.about-project__results .result-item:nth-child(3)::after {
    color: var(--color-white-30)
}

.about-project__results .result-item::before {
    content: none!important
}

.about-project__results .result-item::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    counter-increment: item;
    content: counter(item,decimal-leading-zero);
    font-weight: 600;
    font-size: clamp(9.063rem,-1.191rem + 21.36vw,17.5rem)
}

.about-project__results .result-item>ul {
    position: relative;
    gap: 3px!important;
    z-index: 1;
    list-style: disc!important
}

.about-project__results .result-item>ul>li {
    gap: 5px
}

.about-project__results .result-item>ul>li::before {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -2px;
    border-radius: 10px;
    background-color: var(--color-green);
    width: 8px;
    height: 8px;
    content: ""
}

.about-project__results .result-item__list:not(:has(>li:nth-child(4))) li {
    padding-right: 80px
}

.about-project__results .result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    gap: 16px!important;
    -webkit-transition: .35s cubic-bezier(.2,.9,.4,1.1);
    transition: .35s cubic-bezier(.2,.9,.4,1.1);
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: 30px;
    padding: clamp(1.5rem,-.171rem + 3.48vw,2.875rem) clamp(4.688rem,-.629rem + 11.08vw,9.063rem) clamp(1.5rem,-.171rem + 3.48vw,2.875rem) clamp(1.5rem,.285rem + 2.53vw,2.5rem);
    min-height: clamp(12.25rem,7.389rem + 10.13vw,16.25rem);
    position: sticky;
    top: 40px;
    z-index: auto;
    margin-bottom: 0
}

.about-project__results .result-item:first-child {
    z-index: 1
}

.about-project__results .result-item:nth-child(2) {
    top: 140px;
    z-index: 2
}

.about-project__results .result-item:nth-child(3) {
    background: linear-gradient(317deg,#d3e7fe 0,#d5eee1 100%);
    top: 280px;
    z-index: 3
}

.about-project__results .result-item:nth-child(4) {
    top: 420px;
    z-index: 4
}

.about-project__results .result-item:nth-child(5) {
    z-index: 5
}

.result-slider {
    --min-height-slide: clamp(12.375rem, 0.831rem + 24.05vw, 21.875rem);
    position: relative;
    z-index: 1;
    padding-bottom: clamp(1.875rem,.901rem + 4.33vw,4.688rem)
}

.result-slider__inner {
    position: relative
}

.result-slider .cases__nav-btn--next,.result-slider .cases__nav-btn--prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

@media (max-width: 1279px) {
    .result-slider .cases__nav-btn--next,.result-slider .cases__nav-btn--prev {
        display:none
    }
}

.result-slider .cases__nav-btn--prev {
    left: 8px
}

.result-slider .cases__nav-btn--next {
    right: 8px
}

.result-slider .project-result__swiper {
    height: 100%;
    max-width: var(--max-width-content);
    min-height: var(--min-height-slide)
}

.swiper-slide.fancybox-slider {
    height: auto; /* Позволяет flexbox управлять высотой слайда */
    display: flex;
    flex-direction: column
}

.result-slider .project-result__swiper .swiper-slide .project-result__item img {
    width: 100%;
    height: 250px; /* Задайте фиксированную высоту для картинок на мобилках */
    object-fit: cover; /* Картинка заполнит область без искажения пропорций */
}

.result-slider .project-result__item {
    max-height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: 30px;
    background: linear-gradient(317deg,#d3e7fe 0,#d5eee1 100%);
    min-height: var(--min-height-slide);
    overflow: hidden
}

.result-slider .project-result__item img,.result-slider .project-result__item picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1280px) {
    .result-slider .project-result-pagination {
        display:none
    }
}

@media (max-width: 1280px) {
    .result-slider .project-result-pagination {
        bottom: -17px !important;
    }
}


.cases,.faq,.related {
    position: relative;
    z-index: 0;
    padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0
}

.mobile-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.accordion-item {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.05);
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    border-radius: 16px;
    background: var(--color-white,#fff);
    overflow: hidden
}

.accordion-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    border-bottom: 1px solid var(--color-ivory);
    background: var(--color-white,#fff);
    padding: 0 10px 4px;
    font-weight: 600;
    font-size: 16px
}

.accordion-item--open {
    overflow: initial
}

.accordion-item--open .accordion-header {
    color: var(--color-green,#34ae6b)
}

.accordion-header__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.accordion-item--open .accordion-header__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-content {
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--color-white,#fff);
    padding: 0
}

.accordion-content>* {
    position: relative;
    margin: 0;
    padding: 20px;
}

.accordion-content h2 {
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 15px
}

.accordion-content h2:first-child {
    margin-top: 0
}

.accordion-content figure {
    position: absolute;
    top: 30px;
    right: 0;
    border: 1px solid var(--color-light-blue);
    border-radius: 30px;
    background: var(--color-white);
    width: 99px;
    height: 53px
}

.accordion-content .work-progress figure {
    width: auto;
    height: auto;
    border: none;
    border-radius: 0px;
    background: none;
    position: relative;
    top:0px;
} 

.text-block__item div {
    padding: 10px;
} 

.work-progress figcaption {
    background-color: var(--color-light-grey);
    font-weight: bold;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.4;
    border-left: 4px solid var(--color-green)
}

.accordion-content h3 {
    margin-top: 20px;
    margin-bottom: 8px
}

.accordion-content ol,.accordion-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    list-style: none;
    margin-bottom: 20px;
}

.accordion-content ol>li,.accordion-content ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(.5rem,-.108rem + 1.27vw,1rem);
    font-weight: 400;
    font-size: clamp(.875rem,.723rem + .32vw,1rem);
    line-height: 130%
}

.accordion-content ol>li::before,.accordion-content ul>li::before {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -2px;
    border-radius: 10px;
    background-color: var(--color-green);
    width: 8px;
    height: 8px;
    content: ""
}

.accordion-content p {
    margin-bottom: 1em
}

.accordion-content .about-project__technology {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(clamp(7.188rem,4.074rem + 6.49vw,9.75rem),1fr));
    gap: clamp(.875rem,.116rem + 1.58vw,1.5rem)
}

.accordion-content .result-item {
    margin-bottom: 24px
}

.accordion-content .result-item:last-child {
    margin-bottom: 0
}

@media (min-width: 769px) {
    .mobile-accordion {
        display:none
    }
}

@media (max-width: 768px) {
    .about-project__inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sidebar {
        display: none!important
    }

    .text-block {
        display: none
    }

    .mobile-accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .accordion-header__title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.about-project a {
    color: #0087ff;
    text-decoration: underline;
}

.work-progress img {
cursor: zoom-in;
}

/* End */


/* Start:/local/components/bitroid/consult.form/templates/.default/style.css?17877375671613*/
.bitroid-consult-form__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.bitroid-consult-form__honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.bitroid-consult-form__textarea {
    display: block;
    width: 100%;
    min-height: 124px;
    resize: vertical;
    font: inherit;
}

.bitroid-consult-form__message {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.4;
}

.bitroid-consult-form__message.is-success {
    color: #208f51;
}

.bitroid-consult-form__message.is-error {
    color: #c93434;
}

.bitroid-consult-form [hidden] {
    display: none !important;
}

.bitroid-consult-form__success {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bitroid-consult-form__success-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
    border-radius: 50%;
    color: #ffffff;
    background: #34ae6b;
    font-size: 36px;
    line-height: 1;
}

.bitroid-consult-form__success .cta__subtitle {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
}

.bitroid-consult-form__success .btn {
    margin-top: 24px;
}

.bitroid-consult-form [type="submit"][disabled] {
    cursor: wait;
    opacity: 0.7;
}

/* End */
/* /local/templates/main/assets/css/cases-page.min.css?178939598316362 */
/* /local/templates/main/assets/css/utils.min.css?17888787184206 */
/* /local/templates/main/components/bitrix/news.detail/bitroid_cases/style.css?178999226920336 */
/* /local/components/bitroid/consult.form/templates/.default/style.css?17877375671613 */