/* Start:/local/templates/main/components/bitrix/news.list/projects/style.css?176700242310820*/
main .projects__content .swiper-button-next:after,
main .projects__content .swiper-rtl .swiper-button-prev:after {
   content: "";
}
main .projects__content .swiper-button-prev:after,
main .projects__content .swiper-rtl .swiper-button-next:after {
   content: "";
}
#projects-page.container {
   display: flex;
   flex-flow: column nowrap;
   margin-top: clamp(6rem, 5.54296875rem + 1.9531vw, 7.25rem);
   gap: clamp(1rem, 0.4515625rem + 2.3438vw, 2.5rem);
}
#projects-page.container .h2-style,
#projects-page.container .h4-style {
   color: var(--Grayscale-Gray-600, #303942);
}
#projects-page {
   min-height: 350px;
}
.projects__title {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   gap: 16px;
}
.projects__title__texts {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   gap: clamp(1rem, 0.8171875rem + 0.7813vw, 1.5rem);
}
.projects__title__filters {
   display: flex;
   flex-flow: row wrap;
   gap: clamp(0.75rem, -1.26328125rem + 8.5938vw, 6.25rem);
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__title__filters__buttons {
   display: flex;
   flex-flow: row wrap;
   gap: 4px;
}
.projects__title__filters__buttons-wrapper {
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-between;
   gap: 12px;
}
.projects__title__filters__buttons-wrapper span {
   color: var(--Grayscale-Gray-600, #303942);
}
.projects__title__filters__buttons button {
   cursor: pointer;
   padding: 12px 18px;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__title__filters__buttons button:hover {
   background-color: var(--Grayscale-Blue-400, #2e97ed);
   color: var(--Grayscale-White, #ffffff);
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__title__filters__buttons button.active {
   background-color: var(--Brand-Blue-500, #0780e2);
   color: var(--Grayscale-White, #ffffff);
}
.projects__title__filters__buttons .p3-style {
   color: var(--Grayscale-Gray-600, #303942);
}
.projects__content {
   display: flex;
   flex-direction: column;
}
.projects__content__project {
   display: flex;
   flex-flow: row nowrap;
   gap: 16px;
   padding-top: calc(-0.0039 * 100vw + 22px);
   padding-bottom: calc(-0.0039 * 100vw + 22px);
}
@media screen and (max-width: 768px) {
   .projects__content__project {
      flex-flow: column-reverse nowrap;
      border-bottom: 1px solid var(--Grayscale-Gray-400, #dedede);
   }
   .projects__content__project:last-child {
      border-bottom: none;
   }
}
.projects__content__project-slider {
   background-color: gray;
   border-radius: 24px;
   flex: 0 1 auto;
   height: 360px;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
@media screen and (max-width: 1399px) {
   .projects__content__project-slider {
      flex: 0 1 calc((100% - 16px) * 0.49);
      height: 25.7327vw;
   }
}
@media screen and (max-width: 768px) {
   .projects__content__project-slider {
      flex: 1 1 auto;
      width: 100%;
      height: clamp(15rem, 7.80665rem + 30.6122vw, 22.5rem);
   }
}
.projects__content__project-slider__background {
   height: 100%;
   position: relative;
}
.projects__content__project-slider__background::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(192deg, rgba(7, 128, 226, 0) 65%, #0780e2 87%);
   z-index: 1;
}
.projects__content__project-slider__text {
   position: absolute;
   bottom: 16px;
   left: 24px;
   color: var(--Grayscale-White, #ffffff);
   z-index: 2;
}
.projects__content__project-slider .swiper-slide {
   user-select: none;
}
.projects__content__project-slider .swiper-button-next,
.projects__content__project-slider .swiper-button-prev {
   opacity: 0;
   visibility: hidden;
   width: 46px;
   height: 46px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--Grayscale-White, #ffffff);
   border-radius: 50%;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-slider .swiper-button-next svg,
.projects__content__project-slider .swiper-button-prev svg {
   width: 28px;
   height: 28px;
   color: var(--Grayscale-Gray-500, #83888e);
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-slider .swiper-button-next:hover svg,
.projects__content__project-slider .swiper-button-prev:hover svg {
   color: var(--Grayscale-Gray-600, #303942);
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-slider .swiper-button-prev svg {
   transform: rotate(180deg);
}
.projects__content__project-slider:hover .swiper-button-next,
.projects__content__project-slider:hover .swiper-button-prev {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-slider .swiper-pagination {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 4px;
}
.projects__content__project-slider .swiper-pagination-bullet {
   opacity: 0.5;
   margin: 0 !important;
   background-color: var(--Grayscale-White, #ffffff);
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-slider .bullet-big {
   width: 8px;
   height: 8px;
   opacity: 1;
}
.projects__content__project-slider .bullet-medium {
   width: 6px;
   height: 6px;
}
.projects__content__project-slider .bullet-small {
   width: 4px;
   height: 4px;
}
.projects__content__project-description {
   display: flex;
   flex-direction: column;
   gap: 16px;
   flex: 1 0 592px;
}
@media screen and (max-width: 1399px) {
   .projects__content__project-description {
      flex: 0 1 calc((100% - 16px) * 0.49);
   }
}
@media screen and (max-width: 768px) {
   .projects__content__project-description {
      flex: 1 1 auto;
   }
}
.projects__content__project-description__title {
   display: flex;
   flex-direction: column;
   gap: 8px;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-description__title__accent {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   gap: 8px;
   justify-content: flex-start;
   align-items: center;
}
.projects__content__project-description__title__accent span {
   color: var(--Grayscale-Gray-500, #83888e);
}
.projects__content__project-description__title__accent span:nth-child(2) {
   color: var(--Grayscale-Gray-400, #dedede);
}
.projects__content__project-description__products {
   display: flex;
   flex-flow: column nowrap;
   gap: 8px;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-description__products .p3-style {
   color: var(--Grayscale-Gray-500, #83888e);
}
.projects__content__project-description__products-wrapper {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 8px;
}
.projects__content__project-description__product-wrapper {
   display: flex;
   padding: 2px 38px 2px 2px;
   flex-direction: row;
   flex: 0 1 49%;
   align-items: center;
   position: relative;
   border-radius: 14px;
   gap: 8px;
}
.projects__content__project-description__product-wrapper > div {
   max-width: 58px;
   max-height: 58px;
   background-color: #fff;
   border-radius: 12px;
   width: 100%;
   height: 100%;
}
.projects__content__project-description__product-wrapper > div > img {
   object-fit: contain;
}
.projects__content__project-description__product-wrapper .p3-style {
   color: var(--Grayscale-Gray-600, #303942);
}
.projects__content__project-description__product-wrapper svg {
   position: absolute;
   top: 8px;
   right: 8px;
}
.projects__content__project-description__text {
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-description__text-wrapper {
   position: relative;
   overflow: hidden;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-description__text-wrapper::after {
   height: 0;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-description__text-wrapper.expanded::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 40px;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 70%);
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__content__project-description__text-wrapper.non-expanded::after {
   content: unset;
}
.projects__content__project-description__text-wrapper p {
   color: var(--Grayscale-Gray-600, #303942);
   font-size: 16px;
   line-height: 129%;
   letter-spacing: -0.05em;
}
.projects__content__project-description__text-wrapper {
   color: var(--Grayscale-Gray-600, #303942);
   font-size: 16px;
   line-height: 129%;
   letter-spacing: -0.05em;
   height: 170px;
}
.projects__content__project-description__text__more {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.projects__load-more {
   margin: 0 auto;
   width: 200px;
}
@media (max-width: 900px) {
   .projects__content__project-description__product-wrapper {
      flex: 0 1 47%;
   }
}

@media (max-width: 768px) {
   .projects__content__project-description__product-wrapper {
      flex: 0 1 100%;
   }
   .projects__content__project-description__text-wrapper {
      height: 100px;
   }
}

/* End */
/* /local/templates/main/components/bitrix/news.list/projects/style.css?176700242310820 */