/* Start:/local/templates/.default/components/bitrix/news.detail/cases_detail/style.css?17150069081468*/
.page-portfolio-tags {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 70px;
    width: 100%;
    color: #fff;
}
.page-portfolio-tags__item {
    display: inline-block;
    position: relative;
    background: #fff;
    cursor: pointer;
    border-radius: 2em;
    text-decoration: none;
    color: #000;
    overflow: hidden;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.page-portfolio-tags__item:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #03a9f5;
    content: '';
    opacity: 0;
    border-radius: 2em;
    transform-origin: left;
    transform: scaleX(0);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.page-portfolio-tags__item:hover:before {
    transform: scaleX(1);
    opacity: 1;
}
.page-portfolio-tags__item:hover {
    color: #fff;
}
.page-portfolio-tags__item span {
    display: block;
    position: relative;
    z-index: 2;
    padding: .375em 20px;
    border: 1px solid #d6d6d6;
    border-radius: 2em;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.page-portfolio-tags__item:not(:last-child) {
    margin-right: 10px;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.detail/cases_detail/raw/css/styles.css?179129049732824*/
@media (width > 1439px) {
  .multipage-element.marginTo120 {
    margin-top: calc(0.5 * var(--row-gap, 80px));
  }
}

@media (width > 1439px) {
  .multipage-element.marginTo100 {
    margin-top: calc(0.25 * var(--row-gap, 80px));
  }
}

@media (width > 1439px) {
  .multipage-element .gapTo96 {
    margin-top: calc(0.2 * var(--row-gap, 80px));
  }
}

.multipage-element.margin48 {
  --mr: $margin;
  margin-top: calc(max(20px, var(--mr)) - var(--row-gap, 80px));
}
@media (width <= 1439px) {
  .multipage-element.margin48 {
    --mr: 3.336vw;
  }
}

.multipage-element.margin40 {
  --mr: $margin;
  margin-top: calc(max(20px, var(--mr)) - var(--row-gap, 80px));
}
@media (width <= 1439px) {
  .multipage-element.margin40 {
    --mr: 2.779vw;
  }
}

.multipage-element.margin20 {
  --mr: $margin;
  margin-top: calc(max(20px, var(--mr)) - var(--row-gap, 80px));
}
@media (width <= 1439px) {
  .multipage-element.margin20 {
    --mr: 20px;
  }
}

.multipage-element.top-border {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}

@media (width <= 767px) {
  .multipage-element.close-to-neighbours {
    margin-block: calc(32px - var(--row-gap, 60px));
  }
}

.multipage-element.page-wide, .multipage-element.wide-rounded-container {
  width: 100vw;
  --padding: 0px;
  padding-inline: var(--padding);
}
.multipage-element.page-wide.wide-padded, .multipage-element.wide-rounded-container {
  --padding: var(--container-padding);
}

.multipage-element header {
  margin: unset;
}
.multipage-element header h2 {
  line-height: 1.08;
  letter-spacing: -0.02em;
}
.multipage-element header .subheader {
  margin-top: 24px;
  font: 18px/1.35 Inter;
  color: #616177;
}

.multipage-element .section-name {
  font: 16px/1.25 Inter;
  color: #616177;
}
@media (width <= 1439px) {
  .multipage-element .section-name {
    font-size: max(14px, 1.1118832523vw);
  }
}
.multipage-element .section-name::before {
  content: "//";
  color: #306aff;
  display: inline-block;
  margin-right: 4px;
}

.multipage-element button {
  border: none;
}

.multipage-element.wide-rounded-container .content-wrapper {
  width: calc(100vw - 2 * var(--padding, 0px));
  border-radius: 40px;
}
@media (width <= 960px) {
  .multipage-element.wide-rounded-container .content-wrapper {
    border-radius: 20px;
  }
}

:is(.multipage-element.cols3, .multipage-element .cols3) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  gap: 20px;
}
@media (width <= 560px) {
  :is(.multipage-element.cols3, .multipage-element .cols3) {
    grid-template-columns: 100%;
    gap: 24px;
  }
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col.simple-text, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col .simple-text {
  font: 24px/1.3 Inter;
}
@media (width <= 1439px) {
  :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col.simple-text, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col .simple-text {
    font-size: max(14px, 1.6678248784vw);
  }
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col.simple-text.big-text, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col .simple-text.big-text {
  font-size: 28px;
}
@media (width <= 1439px) {
  :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col.simple-text.big-text, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col .simple-text.big-text {
    font-size: max(18px, 1.9457956915vw);
  }
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col.simple-text p + p, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col.simple-text li + li, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col .simple-text p + p, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col .simple-text li + li {
  margin-top: 1em;
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col.simple-text :is(ol, ul), :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col .simple-text :is(ol, ul) {
  margin-top: 1em;
  list-style-position: outside;
  padding-left: 32px;
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col.simple-text :is(ol, ul) ::marker, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col .simple-text :is(ol, ul) ::marker {
  font-weight: bold;
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font: 400 16px/1.25 Inter;
}
@media (width <= 1439px) {
  :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col {
    font-size: max(14px, 1.1118832523vw);
  }
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-name {
  color: #616177;
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end.simple-text, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end .simple-text {
  font: 24px/1.3 Inter;
}
@media (width <= 1439px) {
  :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end.simple-text, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end .simple-text {
    font-size: max(14px, 1.6678248784vw);
  }
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end.simple-text.big-text, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end .simple-text.big-text {
  font-size: 28px;
}
@media (width <= 1439px) {
  :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end.simple-text.big-text, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end .simple-text.big-text {
    font-size: max(18px, 1.9457956915vw);
  }
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end.simple-text p + p, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end.simple-text li + li, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end .simple-text p + p, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end .simple-text li + li {
  margin-top: 1em;
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end.simple-text :is(ol, ul), :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end .simple-text :is(ol, ul) {
  margin-top: 1em;
  list-style-position: outside;
  padding-left: 32px;
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end.simple-text :is(ol, ul) ::marker, :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end .simple-text :is(ol, ul) ::marker {
  font-weight: bold;
}
:is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end {
  grid-column: 2/-1;
}
@media (width <= 560px) {
  :is(.multipage-element.cols3, .multipage-element .cols3) .cols3-col-to-end {
    grid-column: 1;
  }
}

:is(.multipage-element.two-images, .multipage-element .two-images) {
  --gap: 10px;
  --part-size: calc(.5 * (min(1320px, 100vw - 2 * var(--container-padding)) - var(--gap)));
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: var(--part-size);
  gap: var(--gap);
}
@media (width <= 960px) {
  :is(.multipage-element.two-images, .multipage-element .two-images) {
    grid-template-columns: 100%;
    justify-items: center;
    grid-template-rows: auto;
  }
}
:is(.multipage-element.two-images, .multipage-element .two-images) .image-col {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  background-color: #e8ebf2;
  padding: var(--container-padding, 40px);
}
@media (width <= 960px) {
  :is(.multipage-element.two-images, .multipage-element .two-images) .image-col {
    width: 100%;
    max-width: 450px;
    aspect-ratio: 1;
    padding-block: 20px;
    border-radius: 20px;
  }
}
:is(.multipage-element.two-images, .multipage-element .two-images) .image-col img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 16px;
}
@media (width <= 960px) {
  :is(.multipage-element.two-images, .multipage-element .two-images) .image-col img {
    border-radius: 6px;
  }
}

:is(.multipage-element.three-images, .multipage-element .three-images) {
  padding: 99px var(--container-padding, 40px) 0;
  border-radius: 24px;
  background-color: #e8ebf2;
}
@media (width <= 1439px) {
  :is(.multipage-element.three-images, .multipage-element .three-images) {
    padding-top: max(24px, 6.8797776233vw);
  }
}
@media (width <= 960px) {
  :is(.multipage-element.three-images, .multipage-element .three-images) {
    border-radius: 20px;
  }
}
:is(.multipage-element.three-images, .multipage-element .three-images) .content-wrapper {
  max-width: 970px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 3.2fr 1fr;
  gap: 37px;
}
@media (width <= 1439px) {
  :is(.multipage-element.three-images, .multipage-element .three-images) .content-wrapper {
    gap: max(10px, 2.5712300208vw);
  }
}
:is(.multipage-element.three-images, .multipage-element .three-images) .content-wrapper img {
  border-radius: 24px;
}
@media (width <= 960px) {
  :is(.multipage-element.three-images, .multipage-element .three-images) .content-wrapper img {
    border-radius: max(6px, 2.5vw);
  }
}
:is(.multipage-element.three-images, .multipage-element .three-images) .content-wrapper img:nth-child(2), :is(.multipage-element.three-images, .multipage-element .three-images) .content-wrapper img:nth-child(3) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
:is(.multipage-element.three-images, .multipage-element .three-images) .content-wrapper img:nth-child(3) {
  align-self: end;
}

.multipage-element.image-in-container {
  padding: 99px var(--container-padding, 40px);
  border-radius: 24px;
  background-color: #e8ebf2;
}
@media (width <= 1439px) {
  .multipage-element.image-in-container {
    padding-block: 60px;
  }
}
@media (width <= 960px) {
  .multipage-element.image-in-container {
    border-radius: 20px;
  }
}
@media (width <= 767px) {
  .multipage-element.image-in-container {
    padding-block: 20px;
  }
}
.multipage-element.image-in-container:has(.image-caption) {
  position: relative;
}
.multipage-element.image-in-container .content-wrapper {
  display: flex;
  justify-content: center;
}
.multipage-element.image-in-container .image-caption {
  --position: 24px;
  position: absolute;
  top: var(--position);
  left: var(--position);
  font: 14px/1.25 Inter;
  color: #616177;
}
@media (width <= 767px) {
  .multipage-element.image-in-container .image-caption {
    display: none;
  }
}
.multipage-element.image-in-container img {
  border-radius: 16px;
  max-width: 964px;
}
@media (width <= 960px) {
  .multipage-element.image-in-container img {
    border-radius: 6px;
  }
}

.multipage-element a.with-arrow {
  display: inline-flex;
  align-items: center;
  transition: var(--transition-duration, 0.3s) color;
}
.multipage-element a.with-arrow::after {
  content: "";
  background: center/cover url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi40MjUwMyAxNC43NTg0TDExLjE3NSAxMEw2LjQyNTAzIDUuMjQxN0w1LjI0MTcgNi40MjUwM0w4LjgyNTAzIDEwTDUuMjQxNyAxMy41NzVMNi40MjUwMyAxNC43NTg0WiIgZmlsbD0iIzMwNkFGRiIvPjxwYXRoIGQ9Ik05LjQwODQ1IDYuNDI1MDNMMTIuOTkxOCAxMEw5LjQwODQ1IDEzLjU3NUwxMC41OTE4IDE0Ljc1ODRMMTUuMzQxOCAxMEwxMC41OTE4IDUuMjQxN0w5LjQwODQ1IDYuNDI1MDNaIiBmaWxsPSIjMzA2QUZGIi8+PC9zdmc+") no-repeat;
  display: inline-block;
  margin-left: 4px;
  width: 20px;
  aspect-ratio: 1;
  transition: var(--transition-duration, 0.3s) translate;
}
.multipage-element a.with-arrow:hover {
  color: #306aff;
}
.multipage-element a.with-arrow:hover::after {
  translate: 2px 0;
}

.multipage-element.page-caption h1 {
  font-size: 120px;
  line-height: 1;
  letter-spacing: -0.04em;
}
@media (width <= 1439px) {
  .multipage-element.page-caption h1 {
    font-size: max(36px, 12.4814vw - 59.73px);
    letter-spacing: -0.03em;
  }
}

.multipage-element.case-info .leftCol {
  font: 16px/1 Inter;
  color: #616177;
}
@media (width < 1439px) {
  .multipage-element.case-info .leftCol {
    font-size: max(12px, 1.1118832523vw);
  }
}
@media (width <= 1439px) {
  .multipage-element.case-info {
    margin-top: calc(-1 * var(--row-gap) + max(32px, 5.5594162613vw));
  }
}

.multipage-element.wide-image .content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ecf3fd;
}
.multipage-element.wide-image .content-wrapper img {
  border-radius: 40px;
  width: 100%;
}
@media (width <= 960px) {
  .multipage-element.wide-image .content-wrapper img {
    border-radius: 20px;
  }
}
.multipage-element.wide-image.full-cover .content-wrapper {
  max-width: 1840px;
  margin-inline: auto;
}
.multipage-element.wide-image:not(.full-cover).content-wrapper {
  padding: 96px var(--padding, 40px);
}
.multipage-element.wide-image:not(.full-cover).content-wrapper img {
  max-width: 1320px;
  background-color: #fff;
}

.multipage-element.about-client {
  row-gap: 32px;
}
.multipage-element.about-client .cols3-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.25;
}
@media (width <= 1439px) {
  .multipage-element.about-client .cols3-col {
    gap: max(4px, 0.6949270327vw);
  }
}

.multipage-element.client-overview .client-indicators {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 20px;
}
@media (width <= 560px) {
  .multipage-element.client-overview .client-indicators {
    column-gap: 12px;
  }
}
.multipage-element.client-overview .client-indicators .indicator-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (width <= 1439px) {
  .multipage-element.client-overview .client-indicators .indicator-block {
    gap: max(4px, 0.5559416261vw);
  }
}
.multipage-element.client-overview .client-indicators .indicator-value {
  font: 500 48px/1.1 Inter;
  letter-spacing: -0.05em;
}
@media (width <= 1439px) {
  .multipage-element.client-overview .client-indicators .indicator-value {
    font-size: max(28px, 3.3356497568vw);
  }
}
.multipage-element.client-overview .client-indicators .indicator-value .accent {
  font-style: normal;
  color: #306aff;
}
.multipage-element.client-overview .client-indicators .indicator-comment {
  font: 16px/1.3 Inter;
  color: #616177;
}
@media (width <= 1439px) {
  .multipage-element.client-overview .client-indicators .indicator-comment {
    font-size: max(12px, 1.1118832523vw);
  }
}

@media (width <= 1439px) {
  .multipage-element.work-steps {
    gap: 20px;
  }
}
.multipage-element.work-steps header.cols3-col {
  max-width: 320px;
  font: 500 48px/1.1 Inter;
  letter-spacing: -0.05em;
}
@media (width <= 1439px) {
  .multipage-element.work-steps header.cols3-col {
    font-size: max(24px, 3.3356497568vw);
    letter-spacing: -0.03em;
  }
}
.multipage-element.work-steps .work-steps-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.multipage-element.work-steps .work-step {
  padding: 16px 20px;
  border-radius: 16px;
  background-color: #e8ebf2;
}
@media (width <= 1439px) {
  .multipage-element.work-steps .work-step {
    padding: 16px;
  }
}
@media (width <= 560px) {
  .multipage-element.work-steps .work-step {
    position: relative;
    padding-left: 40px;
    line-height: 1.3;
  }
}
.multipage-element.work-steps .work-step::before {
  content: "";
  display: inline-block;
  margin-right: calc(var(--container-padding, 40px) / 2);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #306aff;
}
@media (width <= 560px) {
  .multipage-element.work-steps .work-step::before {
    position: absolute;
    left: 16px;
    top: 50%;
    translate: 0 -50%;
  }
}

.multipage-element.was-done.top-border {
  padding-top: 60px;
}
@media (width <= 1439px) {
  .multipage-element.was-done.top-border {
    padding-top: max(24px, 4.169562196vw);
  }
}
.multipage-element.was-done .links-list {
  margin-top: var(--container-padding, 40px);
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (width <= 767px) {
  .multipage-element.was-done .links-list {
    margin-top: 24px;
    gap: 6px;
  }
}
.multipage-element.was-done .links-list .link-element {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: cetner;
  padding: 14px 20px;
  background-color: #e8ebf2;
  border-radius: 16px;
  color: #306aff;
  font: 500 16px/1.25 Inter;
  transition: var(--transition-duration, 0.3s) color, var(--transition-duration, 0.3s) padding;
}
@media (width <= 1439px) {
  .multipage-element.was-done .links-list .link-element {
    padding: 10px 16px;
    font-size: max(14px, 1.1118832523vw);
    border-radius: 12px;
  }
}
.multipage-element.was-done .links-list .link-element:hover {
  color: #616177;
  padding-inline: 19px;
}

.multipage-element.with-blue-bg {
  --block-gap: 20px;
  gap: var(--block-gap);
}
@media (width <= 960px) {
  .multipage-element.with-blue-bg {
    --block-gap: 10px;
  }
}
.multipage-element.with-blue-bg .two-images {
  --gap: var(--block-gap);
}
.multipage-element.with-blue-bg .blue-bg {
  min-height: 658px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 166px;
  padding: var(--container-padding, 40px);
  border-radius: 24px;
  background-color: #306aff;
  font: 24px/1.3 Inter;
  color: #fff;
}
@media (width <= 1439px) {
  .multipage-element.with-blue-bg .blue-bg {
    min-height: 500px;
    grid-template-columns: 1.5fr 1fr;
    column-gap: 24px;
    padding: max(20px, 2.7797081306vw);
    font-size: max(14px, 1.6678248784vw);
  }
}
@media (width <= 960px) {
  .multipage-element.with-blue-bg .blue-bg {
    min-height: unset;
    grid-template-columns: 2fr 1fr;
    border-radius: 20px;
  }
}
@media (width <= 767px) {
  .multipage-element.with-blue-bg .blue-bg {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 560px) {
  .multipage-element.with-blue-bg .blue-bg {
    grid-template-columns: 100%;
  }
}
.multipage-element.with-blue-bg header {
  font: 500 48px/1.1 Inter;
  letter-spacing: -0.03em;
  color: #fff;
}
@media (width <= 1439px) {
  .multipage-element.with-blue-bg header {
    font-size: max(24px, 3.3356497568vw);
  }
}
.multipage-element.with-blue-bg .text {
  margin-top: auto;
}
.multipage-element.with-blue-bg .img-wrapper {
  grid-column: 2;
  grid-row: 1/span 2;
}
@media (width <= 560px) {
  .multipage-element.with-blue-bg .img-wrapper {
    grid-column: auto;
    grid-row: auto;
    margin-top: 16px;
  }
}
.multipage-element.with-blue-bg .img-wrapper img {
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  border-radius: 20px;
}
@media (width <= 960px) {
  .multipage-element.with-blue-bg .img-wrapper img {
    border-radius: 16px;
  }
}
@media (width <= 560px) {
  .multipage-element.with-blue-bg .img-wrapper img {
    min-height: 320px;
  }
}

.multipage-element.with-slider {
  --gap: 20px;
  --side-padding: max(0px, calc(50vw - 1320px / 2));
  --gap-outer-col: calc(var(--side-padding) - var(--gap));
  display: grid;
  grid-template-columns: var(--gap-outer-col) 1fr 1fr 1fr var(--gap-outer-col);
  gap: 0 var(--gap);
}
@media (width <= 960px) {
  .multipage-element.with-slider {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    gap: 20px;
    border-radius: 20px;
    width: min(390px, 100vw - 2 * var(--container-padding));
    margin-inline: auto;
    background-color: #306aff;
    overflow: hidden;
  }
}
.multipage-element.with-slider .text-block {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 28px;
  border-radius: 24px;
  font: 18px/1.3 Inter;
  background-color: #306aff;
  color: #fff;
}
@media (width <= 1439px) {
  .multipage-element.with-slider .text-block {
    font-size: max(14px, 1.2508686588vw);
  }
}
@media (width <= 960px) {
  .multipage-element.with-slider .text-block {
    grid-column: 1;
    border-radius: 20px;
    padding: 0 max(20px, var(--container-padding, 0px)) 20px;
    gap: max(24px, 2.0833333333vw);
  }
}
.multipage-element.with-slider .text-container {
  display: grid;
}
.multipage-element.with-slider .text-container > * {
  grid-row: 1;
  grid-column: 1;
}
.multipage-element.with-slider .text-slide {
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 0;
  transition: var(--transition-duration, 0.3s) opacity;
}
.multipage-element.with-slider .text-slide.visible {
  opacity: 1;
}
.multipage-element.with-slider .text-slide header {
  font: 500 28px/1.3 Inter;
  letter-spacing: -0.03em;
}
@media (width <= 1439px) {
  .multipage-element.with-slider .text-slide header {
    font-size: max(20px, 1.9457956915vw);
  }
}
.multipage-element.with-slider .slider-controls {
  margin-top: auto;
  display: flex;
  gap: 6px;
}
.multipage-element.with-slider .slider-controls .slider-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: auto;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: var(--transition-duration, 0.3s) background;
}
@media (width <= 960px) {
  .multipage-element.with-slider .slider-controls .slider-pager {
    width: max(50px, 6.6666666667vw);
  }
}
.multipage-element.with-slider .slider-controls .slider-pager svg {
  width: 24px;
  height: auto;
  aspect-ratio: 1;
}
.multipage-element.with-slider .slider-controls .slider-pager:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.multipage-element.with-slider .swiper {
  overflow-x: hidden;
}
.multipage-element.with-slider .swiper-container {
  grid-column: 3/-1;
}
@media (width <= 960px) {
  .multipage-element.with-slider .swiper-container {
    grid-column: 1;
    grid-row: 1;
  }
}
.multipage-element.with-slider .swiper-wrapper {
  align-items: stretch;
}
.multipage-element.with-slider .swiper-slide {
  --colspan: 2;
  --content-width: calc(100vw - 2 * var(--side-padding));
  --all-gaps: calc(var(--colspan) * var(--gap));
  --slide-width: calc(var(--colspan) / 3 * (var(--content-width) - var(--all-gaps)) + var(--all-gaps) - var(--gap));
  display: flex;
  flex-basis: var(--slide-width);
  flex-grow: 0;
  height: unset;
}
@media (width <= 960px) {
  .multipage-element.with-slider .swiper-slide {
    width: 100%;
    flex-basis: 100%;
  }
}
.multipage-element.with-slider .swiper-slide .content-wrapper {
  margin-block: auto;
}
@media (width <= 960px) {
  .multipage-element.with-slider .image-in-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.multipage-element.feedback {
  position: relative;
  padding: var(--container-padding, 40px);
  border-radius: 24px;
  background-color: #e8ebf2;
  gap: calc(0.7 * var(--row-gap));
}
@media (width <= 1439px) {
  .multipage-element.feedback {
    padding-block: max(20px, 2.7797081306vw);
    gap: max(32px, 3.8915913829vw);
  }
}
@media (width <= 960px) {
  .multipage-element.feedback {
    border-radius: 20px;
    padding-inline: max(var(--container-padding, 0px), 20px);
  }
}
.multipage-element.feedback::after {
  position: absolute;
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA2MCA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNjAgMzUuODU3OUM2MCA0NC43NjY5IDQ5LjIyODYgNDkuMjI4NiA0Mi45Mjg5IDQyLjkyODlMMCAwTDYwIDYuMDAyNzVlLTA2VjM1Ljg1NzlaIiBmaWxsPSIjRThFQkYyIi8+PC9zdmc+");
  height: 46px;
  bottom: -46px;
  right: 60px;
}
@media (width <= 960px) {
  .multipage-element.feedback::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzNiAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMl8yMzEzKSI+PHBhdGggZD0iTTM2IDIxLjg4NDZDMzYgMjcuMzIxOSAyOS41MzcxIDMwLjA0NSAyNS43NTc0IDI2LjIwMDJMMCAwTDM2IDMuNjYzNTdlLTA2VjIxLjg4NDZaIiBmaWxsPSIjRThFQkYyIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMl8yMzEzIj4gPHJlY3Qgd2lkdGg9IjM2IiBoZWlnaHQ9IjI4IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
    width: 36px;
    height: 28px;
    bottom: -28px;
    right: 20px;
  }
}
.multipage-element.feedback .feedback-content {
  font: 500 28px/1.3 Inter;
  letter-spacing: -0.03em;
}
@media (width <= 1439px) {
  .multipage-element.feedback .feedback-content {
    font-size: max(14px, 1.9457956915vw);
  }
}
.multipage-element.feedback .feedback-content p + p {
  margin-top: 1em;
}
.multipage-element.feedback .feedback-author {
  --image-size: 80px;
  display: grid;
  grid-template-columns: var(--image-size) 1fr;
  align-items: center;
  gap: 4px 20px;
}
@media (width <= 1439px) {
  .multipage-element.feedback .feedback-author {
    --image-size: max(48px, 5.5594162613vw);
    column-gap: max(12px, 1.3898540653vw);
  }
}
.multipage-element.feedback .feedback-author img {
  border-radius: 50%;
  width: var(--image-size);
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}
.multipage-element.feedback .feedback-author .author-name {
  font: 18px/1.3 Inter;
}
@media (width <= 1439px) {
  .multipage-element.feedback .feedback-author .author-name {
    font-size: max(14px, 1.2508686588vw);
  }
}
.multipage-element.feedback .feedback-author .author-position {
  font: 14px/1.2 Inter;
  color: rgba(0, 0, 0, 0.55);
}
@media (width <= 1439px) {
  .multipage-element.feedback .feedback-author .author-position {
    font-size: max(12px, 0.9728978457vw);
  }
}
.multipage-element.feedback .feedback-author:has(> *:nth-child(3)) {
  grid-template-rows: 1fr 1fr;
}
.multipage-element.feedback .feedback-author:has(> *:nth-child(3)) img {
  grid-row-end: span 2;
}
.multipage-element.feedback .feedback-author:has(> *:nth-child(3)) > :nth-child(2) {
  align-self: end;
}
.multipage-element.feedback .feedback-author:has(> *:nth-child(3)) > :nth-child(3) {
  align-self: start;
}

.multipage-element.materials {
  gap: 40px;
}
.multipage-element.materials .materials-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (width <= 767px) {
  .multipage-element.materials .materials-grid {
    grid-template-columns: 100%;
    gap: 10px;
  }
}
.multipage-element.materials .material-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 28px;
  min-height: 200px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  font: 16px/1.3 Inter;
  transition: var(--transition-duration, 0.3s) background, var(--transition-duration, 0.3s) border;
}
@media (width <= 1439px) {
  .multipage-element.materials .material-block {
    min-height: unset;
  }
}
@media (width <= 960px) {
  .multipage-element.materials .material-block {
    border-radius: 20px;
  }
}
@media (width <= 767px) {
  .multipage-element.materials .material-block {
    padding: max(20px, 3.6505867014vw);
    gap: 10px;
  }
}
.multipage-element.materials .material-block > * {
  transition: var(--transition-duration, 0.3s) color;
}
.multipage-element.materials .material-block .material-caption {
  font: 500 28px/1.3 Inter;
  letter-spacing: -0.03em;
}
@media (width <= 1439px) {
  .multipage-element.materials .material-block .material-caption {
    font-size: max(20px, 1.9457956915vw);
  }
}
.multipage-element.materials .material-block .material-description {
  color: #616177;
}
@media (width <= 1439px) {
  .multipage-element.materials .material-block .material-description {
    font-size: max(14px, 1.1118832523vw);
  }
}
.multipage-element.materials .material-block .material-link {
  margin-top: auto;
  font: 500 16px/20px Inter;
  color: #306aff;
}
@media (width <= 1439px) {
  .multipage-element.materials .material-block .material-link {
    margin-top: 22px;
    font-size: max(14px, 1.1118832523vw);
  }
}
.multipage-element.materials .material-block .material-link.with-arrow::after {
  transition: var(--transition-duration, 0.3s) filter;
}
@media (pointer: fine) {
  .multipage-element.materials .material-block.blue-bg, .multipage-element.materials .material-block:hover {
    background-color: #306aff;
    border-color: #306aff;
  }
  .multipage-element.materials .material-block.blue-bg > *, .multipage-element.materials .material-block:hover > * {
    color: #fff;
  }
  .multipage-element.materials .material-block.blue-bg .material-link.with-arrow::after, .multipage-element.materials .material-block:hover .material-link.with-arrow::after {
    filter: grayscale(1) invert(1) brightness(3);
  }
}

.multipage-element.project-authors.top-border {
  padding-top: 32px;
}
@media (560px < width <= 767px) {
  .multipage-element.project-authors .cols3-col:not(:first-child) {
    grid-column: 2/-1;
    align-items: center;
  }
}
.multipage-element.project-authors .authors-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (width <= 960px) {
  .multipage-element.project-authors .authors-list {
    gap: max(24px, 4.1666666667vw);
  }
}
.multipage-element.project-authors .project-author {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font: 16px/1.3 Inter;
}
@media (width <= 767px) {
  .multipage-element.project-authors .project-author {
    font-size: max(14px, 2.0860495437vw);
  }
}
.multipage-element.project-authors .project-author-name {
  font-size: 18px;
}
.multipage-element.project-authors .project-author-position {
  color: #616177;
}

.multipage-element.discuss-project {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 40px max(20px, var(--container-padding, 0px));
  border-radius: 24px;
  background: center right 30%/contain url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc1IiBoZWlnaHQ9IjE4NiIgdmlld0JveD0iMCAwIDI3NSAxODYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNzYuNDM3IDBIMTE4LjAzNEwwIDExOS45MDRMOTAuMDI5NSAyMjlIMTQ4LjQ0OEw1OS42MjMxIDExOS45MDRMMTc2LjQzNyAwWk0yNzUgMEgyMTUuMzY5TDk4LjU1NTggMTE5LjkwNEwxODcuMzk2IDIyOUgyNDYuOTk2TDE1Ni45NjYgMTE5LjkwNEwyNzUgMFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPjwvc3ZnPg==") no-repeat #306aff;
}
@media (width <= 767px) {
  .multipage-element.discuss-project {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding-block: max(20px, 5.2151238592vw);
    background-position: center right;
  }
}
.multipage-element.discuss-project header {
  max-width: 618px;
  font: 500 48px/1.1 Inter;
  letter-spacing: -0.05em;
  color: #fff;
}
@media (width <= 1439px) {
  .multipage-element.discuss-project header {
    font-size: max(24px, 3.3356497568vw);
    line-height: 1;
    letter-spacing: -0.03em;
  }
}
.multipage-element.discuss-project .button {
  --py: 18px;
  color: #306aff;
}
.multipage-element.discuss-project .button:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
@media (width <= 767px) {
  .multipage-element.discuss-project .button {
    max-width: 320px;
    align-self: center;
  }
}

.section__inner:has(.next-case) {
  gap: 60px;
}
@media (width <= 1439px) {
  .section__inner:has(.next-case) {
    gap: max(32px, 4.169562196vw);
  }
}

.multipage-element.next-case.top-border {
  padding-top: var(--row-gap);
}
@media (width <= 1439px) {
  .multipage-element.next-case.top-border {
    padding-top: max(32px, 4.169562196vw);
  }
}
.multipage-element.next-case {
  display: grid;
  align-items: start;
  grid-template-columns: 100%;
  gap: 40px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (width <= 1439px) {
  .multipage-element.next-case {
    row-gap: max(16px, 2.7797081306vw);
  }
}
@media (width > 767px) {
  .multipage-element.next-case:has(.nextCase) {
    grid-template-columns: 1fr auto;
  }
}
.multipage-element.next-case header {
  font: 500 100px/1 Inter;
  letter-spacing: -0.05em;
}
@media (width <= 1439px) {
  .multipage-element.next-case header {
    font-size: max(36px, 6.9492703266vw);
    letter-spacing: -0.03em;
  }
}
.multipage-element.next-case .nextCase {
  justify-self: start;
  margin-top: 8px;
}
@media (width > 767px) {
  .multipage-element.next-case .nextCase {
    grid-column: 2;
    grid-row: 1;
    margin-top: 20px;
    justify-self: end;
  }
}
.multipage-element.next-case .case-description {
  font-size: 18px;
  line-height: 1.3;
}
@media (width <= 1439px) {
  .multipage-element.next-case .case-description {
    font-size: max(14px, 1.2508686588vw);
  }
}

.multipage-element.next-case-wide-image {
  --padding-inline: var(--container-padding);
  padding-inline: var(--padding-inline);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  line-height: 0;
  /* @media (width <= 767px) {
  	--padding-inline: 0px;
  } */
}
.multipage-element.next-case-wide-image img {
  --image-width: calc(100vw - 2 * var(--padding-inline));
  width: var(--image-width);
  max-width: var(--image-width);
  object-fit: contain;
}

main:has(section:last-child .next-case) + footer {
  margin-top: 0;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.detail/cases_detail/raw/css/styles-swiper.css?17912904979203*/
/**
 * Swiper 14.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 26, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

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

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

/* End */
/* /local/templates/.default/components/bitrix/news.detail/cases_detail/style.css?17150069081468 */
/* /local/templates/.default/components/bitrix/news.detail/cases_detail/raw/css/styles.css?179129049732824 */
/* /local/templates/.default/components/bitrix/news.detail/cases_detail/raw/css/styles-swiper.css?17912904979203 */