

/* Start:/local/templates/propricus/components/bitrix/news/promo/bitrix/news.detail/.default/style.css?175744993910391*/
.promo__banner {
  position: relative;
  background: var(--gradient);
  border-radius: var(--radius-lg);
  color: #FFF;

  font-size: clamp(0.9375rem, 0.8173rem + 0.3846vw, 1.125rem);
  overflow: hidden;
  padding-inline: 65px 0;
}

.promo__banner::after {
    display: inline-block;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url("/local/templates/propricus/images/lines-slider.svg");
    background-size: 30%;
    background-position: bottom right;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .promo__banner {
    padding-inline: 24px;
    margin: 0 -20px;
  }

  .promo__banner::after {
    background-image: url("/local/templates/propricus/images/lines-slider-mobile.svg");
    background-size: 46%;
  }
}

.promo__banner ul {
  display: flex;
  flex-direction: column;
  gap: 0.1875em;
  list-style: none;
  margin: 0.625em 0;
  padding: 0;
}

.promo__banner ul li {
  position: relative;
  padding-left: 1.875em;
}

.promo__banner ul li:before {
  content: '';  /* placeholder for the SVG */
  position: absolute;
  top: 7px;
  left: 0;  /* place the SVG at the start of the padding */
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  mask: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5284 0.286187C13.4368 0.195505 13.3279 0.123527 13.2078 0.074408C13.0877 0.0252889 12.959 0 12.8289 0C12.6989 0 12.5701 0.0252889 12.45 0.074408C12.33 0.123527 12.221 0.195505 12.1294 0.286187L4.78987 7.5038L1.70625 4.46582C1.61116 4.37563 1.49891 4.30469 1.37591 4.25708C1.2529 4.20949 1.12155 4.18614 0.98936 4.18838C0.857168 4.19062 0.72672 4.21841 0.605468 4.27017C0.484213 4.32194 0.374527 4.39664 0.28267 4.49001C0.190813 4.58341 0.118586 4.69364 0.070111 4.81444C0.0216364 4.93524 -0.0021364 5.06424 0.000150652 5.19405C0.00243771 5.32387 0.0307398 5.45198 0.0834402 5.57106C0.136141 5.69015 0.212208 5.79787 0.3073 5.88806L4.09038 9.60331C4.18197 9.69398 4.29093 9.76596 4.41098 9.81509C4.53104 9.8642 4.65981 9.88951 4.78987 9.88951C4.91992 9.88951 5.04869 9.8642 5.16873 9.81509C5.28878 9.76596 5.39776 9.69398 5.48933 9.60331L13.5284 1.70843C13.6284 1.61783 13.7082 1.50787 13.7628 1.38548C13.8174 1.26309 13.8456 1.13092 13.8456 0.997308C13.8456 0.863693 13.8174 0.731527 13.7628 0.609138C13.7082 0.486748 13.6284 0.376788 13.5284 0.286187Z" fill="currentColor"/></svg>') no-repeat;
}

.promo__banner-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;
}

@media screen and (max-width: 767px) {
  .promo__banner-inner {
    flex-direction: column;
  }
}

.promo__banner-left {
  padding-block: 50px 39px;
}

@media screen and (max-width: 767px) {
  .promo__banner-left {
    position: relative;
    z-index: 1;
    padding: 37px 0;
  }
}

.promo__banner-footer {
  margin-top: 20px;
}

.promo__banner-right {
  position: relative;
  flex: 1 0 56%;
  max-width: 56%;
  align-content: end;
  padding-inline: 0 65px;
}

.promo__banner-right:before, .promo__banner-right:after {
  content: "";
  position: absolute;
  top: 0;
  width: 238px;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.promo__banner-right:before {
  left: 0;
  background-image: url("/local/templates/propricus/images/banner-d-left.png");
}
.promo__banner-right:after {
  right: 0;
  background-image: url("/local/templates/propricus/images/banner-d-right.png");
}

.promo__banner-image-center {
  align-content: center;
  padding-block: 70px;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .promo__banner-right {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
  }
  .promo__banner-right:before, .promo__banner-right:after {
    width: 100px;
    top: -100px;
  }
  .promo__banner-right:before {
    left: -24px;
    background-image: url("/local/templates/propricus/images/banner-m-left.png");
  }
  .promo__banner-right:after {
    right: -24px;
    background-image: url("/local/templates/propricus/images/banner-m-right.png");
  }
  .promo__banner-image-center {
    padding-bottom: 40px;
  }
}

.promo__banner-title {
  font-size: clamp(2.1875rem, 1.6667rem + 1.6667vw, 3rem);
  font-weight: 300;
  line-height: 2.75rem;
  margin-bottom: 15px;
}
.promo__banner-title b {
  font-weight: 500;
}

.promo__banner-button {
  font-size: clamp(0.875rem, 0.7949rem + 0.2564vw, 1rem) !important;
  font-weight: 600 !important;
}

@media screen and (max-width: 767px) {
  .promo__banner-button {
    width: 100%;
  }
}

.promo__banner-image {
  position: relative;
  z-index: 1;
  width: 100%;
}
.promo__banner-image--center {
  border: 9px solid #fff;
  border-radius: var(--radius-lg);
  background: var(--gradient);
}

@media screen and (max-width: 767px) {
  .promo__banner-image {
    margin: 0;
  }
}

/* Block One */
.promo__block-one, .promo__block-two {
  counter-reset: section;
}

.promo__block-one__title, .promo__block-two__title, .promo__block-three__title {
  font-size: 48px;
  color: #000000;
}

.promo__block-one__content, .promo__block-two__content, .promo__block-three__content {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.promo__block-three__content {
  display: flex;
  margin-bottom: 15px;
}

.promo__block-one__item, .promo__block-two__item, .promo__block-three__item {
  counter-increment: section;

  padding: 35px 40px;
  background-color: #fff;
  color: #2B2B2B;
  border-radius: var(--radius-md);
}
.promo__block-one__item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.promo__block-one__item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.promo__block-one__item:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }

.promo__block-three__item {
  flex: 1 1 100%;
}

.promo__block-one__item-title {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.promo__block-one__item-title:after {
  display: flex;
  width: 64px;
  height: 64px;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  font-size: 37px;
  background-color: var(--color-accent-alt);
  color: var(--color-accent);
  content: counter(section);
  border-radius: var(--radius-md);
}

.promo__block-one__item-content {}
.promo__block-two__item-content {
  padding: 15px 0 0;
}
.promo__block-one__item-content ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
  padding-inline-start: 18px;
}

.promo__block-one__item:last-child .promo__block-one__item-content ul {
  flex-direction: row;
}
.promo__block-one__item:last-child .promo__block-one__item-content ul li {
  flex: 0 0 25%;
}
.promo__block-two__item:last-child {
  background-color: var(--color-accent-alt);
}
.promo__block-two__item:last-child .promo__block-two__item-content {
  text-align: center;
}

.promo__block-three__item-title {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 15px;
}
.promo__block-three__item-icon {
  display: flex;
  background-color: var(--color-accent-alt);
  border-radius: var(--radius-md);
  width: 43px;
  height: 43px;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
}
.promo__block-three__item-icon img {
  display: inline-flex;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 767px) {
  .promo__block-one__title, .promo__block-two__title, .promo__block-three__title {
    font-size: 24px;
  }
  .promo__block-one__content, .promo__block-two__content, .promo__block-three__content {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
  .promo__block-one__item, .promo__block-two__item, .promo__block-three__item {
    padding: 16px;
  }
  .promo__block-three__item {
    padding: 20px;
  }
  .promo__block-one__item-title, .promo__block-two__item-title, .promo__block-three__item-title {
    margin-bottom: 20px;
  }
  .promo__block-one__item-title-text, .promo__block-two__item-title-text {
    font-size: 20px;
  }
  .promo__block-one__item-title:after {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
  .promo__block-one__item:last-child .promo__block-one__item-content ul {
    flex-direction: column;
  }
  .promo__block-one__item:last-child .promo__block-one__item-content ul li {
    flex: 1 0 100%;
  }
  .promo__block-two__item-content {
    padding-top: 0;
  }
}

.steps__item-inner::after {
  padding: 13px 0 0 25px !important;
  width: 100px !important;
  height: 100px !important;
}
@media screen and (max-width: 767px) {
  .steps__item-inner::after {
    padding: 15px 0 0 17px !important;
    transform: translate(55%, 40%) !important;
  }
}
.steps__item--image {
  position: relative;
}
.steps__item--image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.promo__block-two__item-button:hover {
  border-color: var(--color-accent) !important;
}

.promo__block__title--line {
  --line-width: 378px;
  --line-height: 15px;
  position: relative;
  display: inline-flex;
  margin-bottom: var(--line-height);
}
.promo__block__title--line:after {
  position: absolute;
  bottom: calc(var(--line-height) * -1);
  display: inline-flex;
  width: var(--line-width);
  max-width: 100%;
  height: var(--line-height);
  content: '';
  background-image: url('/local/templates/propricus/images/title-line.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.promo__block__title--line.line-start:after {
  left: 0;
}
.promo__block__title--line.line-end:after {
  right: 0;
}

@media screen and (max-width: 767px) {
  .promo__block__title--line {
    margin-bottom: 12px;
  }
  .promo__block__title--line:after {
    width: 172px !important;
    height: 12px !important;
    bottom: -12px !important;
    left: 0 !important;
    background-image: url('/local/templates/propricus/images/title-line-mobile.svg');
  }
}
/* End */


/* Start:/local/templates/propricus/components/bitrix/news.list/photo_slider/style.css?1757410070459*/
@media screen and (max-width: 767px) {
}

.photos__item {
	display: flex;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: var(--radius-md);
	overflow: hidden;
}

.photos__item-image-wrapper {
	width: 100%;
}

.photos__item-image {
	width: 100%;
}

.photos__footer {
	display: flex;
	padding-block: 15px 0;
	gap: 15px;
	justify-content: center;
	align-items: center;
}

.photos__pagination {
	display: flex;
	position: static;
	width: auto !important;
}
/* End */
/* /local/templates/propricus/components/bitrix/news/promo/bitrix/news.detail/.default/style.css?175744993910391 */
/* /local/templates/propricus/components/bitrix/news.list/photo_slider/style.css?1757410070459 */
