/* Start:/local/templates/vivilen/components/bitrix/news.list/recycle_new/style.css?17083313877217*/
.circle_container {
  position: relative;
  width: fit-content;
  margin: 180px auto 70px;
  padding-right: 120px;
}

.circle_container-mobile,
.circle_mobile-top {
	display: none;
}

.circle {
  width: 725px;
  height: 725px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 120px;
  margin-top: 8px;
  position: relative;
  border: 13px solid #afd6d4;
}

.circle_center {
  position: absolute;
  top: -2px;
  bottom: 0;
  left: -12px;
  right: 0;
}

.circle_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 844px;
  z-index: 2;
  height: 725px;
}

.circle_text {
  position: absolute;
  border-radius: 20px;
  overflow: hidden;
  background-color: #f0f9f8;
  color: #323437;
  font-size: 20px;
  line-height: 24px;
  width: 100%;
}

.circle_text h4 {
  font-size: 25px;
  line-height: 1;
  color: #fff;
  padding: 12px 20px;
}

.circle_text div {
  padding: 10px 30px 25px;
}

.circle_text ul {
  display: grid;
  gap: 20px;
}

.circle_text li {
  display: flex;
  align-items: start;
}

.circle_text li::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  min-width: 5px;
  min-height: 5px;
  border-radius: 50%;
  background-color: #009999;
  margin: 10px 10px 0 0;
}

.circle_text:nth-child(1) {
  top: -117px;
  max-width: 380px;
}

.circle_text:nth-child(2) {
  top: -24px;
  left: 716px;
  max-width: 390px;
}

.circle_text:nth-child(3) {
  top: 221px;
  left: 831px;
  max-width: 410px;
}

.circle_text:nth-child(4) {
  top: 510px;
  left: 800px;
  max-width: 446px;
}

.circle_text:nth-child(5) {
  top: 711px;
  left: 271px;
  max-width: 380px;
}

.circle_text:nth-child(6) {
  top: 506px;
  left: -225px;
  max-width: 390px;
}

.circle_text:nth-child(7) {
  top: 140px;
  left: -209px;
  max-width: 340px;
}

.circle_slider {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  margin: 190px;
  position: relative;
}

.circle_slide {
  position: absolute;
  width: 280px;
  height: auto;
  z-index: -1;
}

.circle_slide:nth-child(1) {
  top: -217px;
  left: -78px;
  width: 290px;
}
.circle_slide:nth-child(2) {
  top: -200px;
  left: 200px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, -10% 100%, 6% 50%);
}
.circle_slide:nth-child(3) {
  top: -21px;
  left: 300px;
  clip-path: polygon(0% 34%, 50% 20%, 100% -38%, 100% 100%, 0% 100%);
}
.circle_slide:nth-child(4) {
  top: 218px;
  left: 248px;
  clip-path: polygon(0% 0%, 72% 14%, 100% 12%, 100% 100%, 0% 100%);
}
.circle_slide:nth-child(5) {
  width: 380px;
  top: 221px;
  left: -52px;
  clip-path: polygon(0% 0%, 100% 0%, 70% 17%, 109% 100%, 0% 100%);
}
.circle_slide:nth-child(6) {
  top: 174px;
  left: -211px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 53%, 86% 54%, 60% 100%, 0% 100%);
}
.circle_slide:nth-child(7) {
  top: -104px;
  left: -212px;
  clip-path: polygon(0% 0%, 46% 0%, 100% 62%, 100% 100%, 0% 100%);
}

.circle_slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1400px) {
	.circle_container {
		display: none;
	}

	.circle_center {
		position: absolute;
		top: -17px;
		bottom: -17px;
		left: 0;
		right: 0;
	}

	.circle_container-mobile,
	.circle_mobile-top {
		display: block;
		position: relative;
	}

	.circle_container-mobile .circle {
		width: 420px;
		height: 420px;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		border: 0;
		margin: 0 auto;
		transition: .5s;
	}

	.circle_container-mobile .circle_slider {
		width: 210px;
		height: 210px;
		border-radius: 50%;
		margin: 100px;
		position: relative;
	}

	.circle_container-mobile .circle_slide {
		position: absolute;
		width: 180px;
		height: auto;
		z-index: 0;
		clip-path: polygon(-22% 0%, 100% 0%, 98% 55%, 60% 100%, 23% 81%, 26% 64%);
	}

	.circle_container-mobile .circle_slide:nth-child(1) {
		top: -129px;
    left: 15px;
	}

	.circle_container-mobile .circle_slide:nth-child(2) {
		top: -72px;
    left: 127px;
    transform: rotate(51deg);
	}

	.circle_container-mobile .circle_slide:nth-child(3) {
		top: 45px;
    left: 185px;
    transform: rotate(100deg);
	}

	.circle_container-mobile .circle_slide:nth-child(4) {
		top: 133px;
    left: 85px;
    transform: rotate(151deg);
	}

	.circle_container-mobile .circle_slide:nth-child(5) {
		top: 135px;
    left: -58px;
    transform: rotate(200deg);
    width: 220px;
	}

	.circle_container-mobile .circle_slide:nth-child(6) {
		top: 47px;
    left: -135px;
    transform: rotate(256deg);
	}

	.circle_container-mobile .circle_slide:nth-child(7) {
		top: -81px;
    left: -95px;
    transform: rotate(306deg);
		z-index: -1;
	}

	.circle_name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}

	.circle_mobile-textes {
		margin: 0 auto 30px;
    width: fit-content;
		min-height: 205px;
	}

	.circle_mobile-text {
		border-radius: 20px;
		overflow: hidden;
		background-color: #f0f9f8;
		color: #323437;
		font-size: 10px;
		line-height: 12px;
		width: 100%;
		max-width: 245px;
		opacity: 0;
		transition: .5s;
		position: absolute;
	}

	.circle_mobile-text.active {
		position: static;
		opacity: 1;
	}
	
	.circle_mobile-text h4 {
		font-size: 13px;
		line-height: normal;
		color: #fff;
		padding: 12px 20px;
	}
	
	.circle_mobile-text div {
		padding: 10px 30px 25px;
	}
	
	.circle_mobile-text ul {
		display: grid;
		gap: 20px;
	}
	
	.circle_mobile-text li {
		display: flex;
		align-items: start;
	}
	
	.circle_mobile-text li::before {
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		min-width: 5px;
		min-height: 5px;
		border-radius: 50%;
		background-color: #009999;
		margin: 3px 10px 0 0;
	}

	.circle_mobile-controls {
		position: absolute;
		top: calc(100% - 30px);
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.circle_mobile-controls button {
    background: linear-gradient(45deg, #099 7.88%, #64C72A 91.91%);
    width: 60px;
    height: 60px;
		border-radius: 50%;
		z-index: 3;
	}

	.circle_mobile-controls button::after {
		content: 'prev';
		display: block;
		font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
		color: #fff;
		font-size: 26px;
	}

	.circle_mobile-controls button:last-child:after {
		content: 'next';
	}

	.circle_container-mobile::after {
		content: "";
		display: block;
		width: 100%;
		height: 200px;
		background: #FFFFFF;
		background: linear-gradient(0deg, #FFFFFF 70%, #FFFFFF00);
    position: absolute;
    bottom: 0;
	}
	
}

@media (max-width: 430px) {
	.circle_container-mobile {
		display: flex;
    align-items: center;
    justify-content: center;
	}

	.circle_container-mobile .circle {
		flex: none;
	}

	.circle_container-mobile::after {
		width: 100vw;
    left: -10px;
    right: -10px;
	}
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/projects/style.css?17120645009790*/
*, :before, :after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .projects {
    background: url('/local/templates/.default/components/bitrix/news.list/projects/./images/projects_back.jpg') no-repeat center/cover transparent;
    max-width: 100vw;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    padding-top: 72px;
  }
  
  .projects h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    color: #027A7A;
    margin-bottom: 30px;
  }
  
  .projects_description {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #027A7A;
    margin: 0 auto;
    max-width: 1210px;
  }
  
  .projects_slider {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;  
    padding-top: 56px;
    min-height: 700px;
    max-height: 900px;
    overflow: hidden;  
    position: relative;
  }

  .projects_slider_bottom {
    max-height: 1040px;
  }
  
  .circular-slider {
    width: 100%;
    height: 100%;  
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .circular-slider .wrapper {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .circular-slider .wrapper .controls__left,
  .circular-slider .wrapper .controls__right {
    width: 186px;
    height: 186px;
    top: 35%;
    background: url('/local/templates/.default/components/bitrix/news.list/projects/./images/arrow.png') no-repeat center/contain transparent;
    z-index: 0;
    position: absolute;
    -webkit-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
    cursor: pointer;
  }
  
  .circular-slider .wrapper .controls__left {
    left: 50%;
    transform: translateX(-470px);
  }
  
  .circular-slider .wrapper .controls__right {
    right: 50%;
    transform: rotate(180deg) translateX(-470px);
  }
  
  .circular-slider .wrapper .slides-holder {
    border-radius: 50%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    position: relative;
    z-index: 0;
  }
  
  .circular-slider .wrapper .slides-holder__item {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    width: 100%;
    max-width: 700px;
    border-radius: 50px;
    background-color: #D9EEED;
    color: #009999;
    text-align: center;
  }
  
  .slide-item__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
  
  .circular-slider .wrapper .slides-holder__item img {
    display: block;
    width: 100%;
    max-height: 250px;
    object-fit: cover;
    border-radius: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .circular-slider .wrapper .slides-holder__item h4 {
    max-width: 82%;
    margin: 16px auto 8px;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    background: linear-gradient(45.39deg, #009999 7.88%, #64C72A 91.91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  
  .circular-slider .wrapper .slides-holder__item p {
    max-width: 90%;
    margin: 0 auto 8px;
    font-size: 16px;
  }
  
  .slide-item__more {
    background: linear-gradient(45.39deg, #009999 7.88%, #64C72A 91.91%);
    border-radius: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #D9EEED;
    display: block;
    padding: 15px;
    margin: 10px 27px 20px;
    text-decoration: none;
    position: relative;
  }
  
  .mobile_slider-container {
    padding-top: 18px;
    padding-bottom: 0px;
    position: relative;
    display: none;
  }
  
  .mobile_slider {
    position: relative;
    z-index: 1;
  }
  
  .mobile_slider-item {
    background: #D9EEED;
    border-radius: 30px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 17px;
    z-index: 1;
  }
  
  .mobile_slider-content img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 170px;
    object-fit: cover;
    object-position: top;
    border-radius: 30px 0 0;
  }
  
  .mobile_slider-content h4 {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    max-width: 80%;
    margin: 20px auto 15px;
    background: linear-gradient(45.39deg, #009999 7.88%, #64C72A 91.91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  
  .mobile_slider-content p {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #009999;
    padding: 0 17px;
    margin-bottom: 15px;
  }
  
  .mobile_slider-more {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #D9EEED;
    text-decoration: none;
    padding: 10px;
    display: block;
    margin: 0 17px;
    background: linear-gradient(45.39deg, #009999 7.88%, #64C72A 91.91%);
    border-radius: 10px;
  }
  
  .mobile_slider-controls button {
    display: block;
    width: 93px;
    height: 93px;
    border: 0;
    background-image: url('/local/templates/.default/components/bitrix/news.list/projects/./images/arrow_mobile.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    position: absolute;
    bottom: 17px;
    left: -22px;
    z-index: 1;
  }
  
  .mobile_slider-controls button[data-controls="next"] {
    transform: rotate(180deg);
    left: auto;
    right: -22px;
  }

  .tns-item {
    transition: all .3s linear;
  }

  .tns-slide-active + .tns-slide-active + .tns-slide-active {
    transform: scaleY(0.8);
  }

  .tns-slide-active:not(.tns-slide-active + .tns-slide-active) {
    transform: scaleY(0.8);
   
  }

  .hero button.hero-slide__button.white-btn-hero, a.hero-slide__button.white-btn-hero {
    margin-top: 2rem;
  }

  .circular-slider .wrapper .slides-holder__item p br,
  .mobile_slider-container .mobile_slider-content p br {
    display: none;
  }

  /* active */

  .circular-slider .wrapper .slides-holder__item:not(.slides-holder__item_active) {
    height: auto !important;
  }
  .circular-slider .wrapper .slides-holder__item:not(.slides-holder__item_active) .slide-item__text-wrap {
    max-height: 0px;
    overflow: hidden; 
    transition: all .3s ease;   
  }

  .circular-slider .wrapper .slides-holder__item .slide-item__text-wrap {
    height: auto;
    max-height: 200px;
    
  }
  /* active */
  
  @media (max-width: 968px) {
    .projects {
      background: url('/local/templates/.default/components/bitrix/news.list/projects/./images/project_back-mob.jpg') no-repeat center/cover transparent;
      padding-top: 40px;
      padding-bottom: 40px;
      position: relative;
      z-index: 2000;
    }
  
    .projects h2 {
      font-size: 20px;
      line-height: 23px;
      margin-bottom: 18px;
    }
  
    .projects_description {
      font-size: 13px;
      line-height: 15px;
      padding: 0 27px;
    }
  
    .mobile_slider-container {
      display: block;
    }

    .mobile_slider-container .tns-outer {
        z-index: 2;
        position: relative;
    }
}

@media (max-width: 767px) {
  .mobile_slider-controls button {
    --size: 61px;
    --top: calc(170px + 18px);
    width: var(--size);
    height: var(--size);
    aspect-ratio: 1;
    bottom: unset;
    top: calc(var(--top) - var(--size) / 2);
    z-index: 2;
    filter: drop-shadow(0px 8px 34px rgba(15, 90, 90, 0.10));
    background-image: url("data:image/svg+xml,%3Csvg width='69' height='69' viewBox='0 0 69 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='34.5' cy='34.5' r='34.5' transform='matrix(-1 0 0 1 69 0)' fill='white'/%3E%3Cpath d='M38 26.5L30 34.5L38 42.5' stroke='%23027A7A' stroke-width='3'/%3E%3C/svg%3E%0A");
    background-size: contain;
  }
  .mobile_slider-controls button[data-controls="prev"] {
    left: 0px;
  }
  .mobile_slider-controls button[data-controls="next"] {
    right: 0px;
  }
}
.technology-progrees__line {
  display: none;
}
@media (min-width: 1280px) {
  .projects_slider_bottom {
    min-height: clamp(1100px, 70vw, 75vw);
    margin-bottom: -200px;
  }
  .technology--b2b div.technology-card__text {
    margin-bottom: 10px;
  }
}

@media (min-width: 1600px) {
  .projects_slider_bottom {
    min-height: 65vw;
  }
}
@media (min-width: 2000px) {
  .projects_slider_bottom {
    min-height: 55vw;
  }
}

/* year */
.slide-item__content,
.mobile_slider-content {
  position: relative;
}
.slide-item__year {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.year {
  border-radius: 30px 0px;
  background: linear-gradient(71deg, #099 7.56%, #64C72A 88.29%);
  display: inline-flex;
  color: #FFF;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  padding: 13px 57px 13px;
}
@media (max-width: 767px) {
  .year {
    font-size: 16px;
    padding: 5px 18px;
  }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/projects/styles/tiny-slider.css?17120645012633*/
.tns-outer {
	padding: 0 !important
}

.tns-outer [hidden] {
	display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s
}

.tns-slider>.tns-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
	content: '';
	display: table;
	clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-no-calc {
	position: relative;
	left: 0
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto !important
}

.tns-gallery>.tns-moving {
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s
}

.tns-autowidth {
	display: inline-block
}

.tns-lazy-img {
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	transition: opacity 0.6s;
	opacity: 0.6
}

.tns-lazy-img.tns-complete {
	opacity: 1
}

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	transition: height 0s
}

.tns-ovh {
	overflow: hidden
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1
}

.tns-vpfix {
	white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
	display: inline-block
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333%;
	width: -webkit-calc(100% * 70 / 3);
	width: -moz-calc(100% * 70 / 3);
	width: calc(100% * 70 / 3);
	position: absolute;
	right: 0
}

.tns-t-ct:after {
	content: '';
	display: table;
	clear: both
}

.tns-t-ct>div {
	width: 1.4285714%;
	width: -webkit-calc(100% / 70);
	width: -moz-calc(100% / 70);
	width: calc(100% / 70);
	height: 10px;
	float: left
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/our_partners_2/style.css?17120644997148*/
.our-client-slide .swiper-wrapper {
    align-items: center;
}
.swiper-slide.client-box {
    min-width: 720px;
    max-width: 900px;
}
.client-box[data-type-color="pervoe-mesto"] {
    --base-color: #D0C882;
    --br-color: linear-gradient(var(--base-color), var(--base-color));
}
.client-box[data-type-color="gold"] {
    --base-color: #D0C882;
    --br-color: linear-gradient(var(--base-color), var(--base-color));
}
.client-box[data-type-color="bronze"] {
    --base-color: #A79A78;
    --br-color: linear-gradient(var(--base-color), var(--base-color));
}
.client-box[data-type-color="silver"] {
    --base-color: #aaa;
    --br-color:  linear-gradient(#aaa, #aaa);
}
.client-box[data-type-color="silver-2"] {
    --base-color: #027A7A;
    --br-color: linear-gradient(var(--base-color), #5EC330);
}
.client-box[data-type-color="short-list"] {
    --base-color: #027A7A;
    --br-color: linear-gradient(var(--base-color), #5EC330);
}
.client-box[data-type-color="laureat"] {
    --base-color: #027A7A;
    --br-color: linear-gradient(var(--base-color), #5EC330);
}

.client-box[data-type-color="silver-2"] .client-head .top-head {
    background-color: transparent;
    border: 2px solid var(--base-color);
}

.client-box[data-type-color="silver-2"] .client-head .top-head span {
    color: var(--base-color);
}

.slider-client-box {
    background: #FFFFFF;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    min-height: 340px;
    max-width: 900px;
    color: var(--base-color);
    padding: 24px 45px;
    border: 3px solid transparent;
    position: relative;

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;

    background-image: var(--br-color);
    background-origin: border-box;
    box-shadow: inset 0 100vw white;
}

.client-head {
    display: flex;
    justify-content: center;
    grid-area: head;
    margin-bottom: 35px;
}
.client-logo {
    grid-area: logo;
    text-align: center;
    max-width: 320px;
    margin: 0 auto;
    flex-shrink: 0;
    /* flex-basis: calc(50% - 1rem); */
    /* top: -15px; */
    position: relative;
    flex-basis: 320px;
}

.client-name {
    grid-area: name;
    text-align: center;
    color: var(--base-color);
}
.client-name span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: normal;
    text-align: center;
}
/* .client-head .top-head {
    width: 236px;
    height: 86px;
    border-radius: 0 0 10px 10px;

} */

.client-head .top-head {
    border-radius: 30.512px;
    background-color: var(--base-color);
    min-width: 200px;
    min-height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;

}

.client-head .top-head span {
    text-transform: lowercase;
    font-size: 28px;
    font-weight: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff;
   /*  font-family: 'Roboto';
    font-style: normal;
    
    font-size: 35px;
    line-height: 41px;
    text-align: center;
    color: #FFFFFF;
     */
}
.client-logo {
    /* position: relative;
    top: -30px; */
}
.client-logo .client-logo__img {
    position: relative;
    padding-bottom: 0rem;
    display: block;
    width: 100%;
    height: 95px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.client-logo .client-logo__text {
    display: block;
    color: #BFBFBF;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    margin-top: 10px;
}
.client-text {
    flex-grow: 1;
    flex-basis: calc(50% - 1rem);
    text-align: center;
}
.client-nomination {
    font-size: 25px;
    line-height: normal;
    font-weight: 500;
    margin-top: 5px;
}
.swiper-slide.client-box:not(.swiper-slide-active) .slider-client-box {
    transform: scale(0.85);
    opacity: 0.8;
    transition: all ease-in-out 0.3s;
}
.client-body {
    display: flex;
    align-items: center;
}

h2.our-client-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    color: #027A7A;
    margin-bottom: 3rem;
}

.our-client-description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #027A7A;
    max-width: 1170px;
    margin: 0 auto 70px;
}

.swiper.our-client-slide::before {
    content: "";
    display: block;
    width: 15vw;
    height: 100%;
    position: absolute;
    top: 0;
    background-image: linear-gradient(90deg, #FFF 36.2%, rgba(255, 255, 255, 0.00) 115.83%);
    z-index: 2;
}

.swiper.our-client-slide::after {
    content: "";
    display: block;
    width: 15vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: linear-gradient(270deg, #FFF 36.2%, rgba(255, 255, 255, 0.00) 115.83%);
    z-index: 2;
}

.swiper-pagination.drag-line span.swiper-pagination-bullet {
    width: 80px;
    height: 15px;
    border-radius: 0;
    background: #027A7A;
    opacity: 1;
}
.swiper-pagination.drag-line span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #64C72A;
}
.client-logo .client-logo__img img {
    max-width: 220px;
    max-height: 110px;
}

.swiper-button-prev,
.swiper-button-next {
    background: linear-gradient(45deg, #099 7.88%, #64C72A 91.91%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    position: relative;
}

.swiper-button-next:after {
    right: -2px;
}

.swiper-button-prev:after {
    left: -2px;
}

@media screen and (max-width: 768px) {
    .client-body {
        flex-direction: column;
    }
    .client-logo {
        flex-basis: auto;
    }
    .client-logo .client-logo__img {
        position: relative;
        top: 0px;
        margin-bottom: 10px;
        width: 180px;
        height: 50px;
    }
    .client-logo .client-logo__text {
        margin-bottom: 30px;
    }
    h2.our-client-title {
        font-size: 35px;
        line-height: 45px;

        margin-bottom: 1rem;
        padding: 0 1rem;
    }
    .our-client-description {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 30px;
        max-width: 264px;
    }
    .swiper-slide.client-box {
        min-width: unset;
        max-width: 70%;
    }
    .slider-client-box {
        grid-template-areas: 
          "head"
          "logo"
          "name";
    
        padding: 30px;
        min-width: unset;
        background: unset;
        border: 4px solid;

    }

    .client-head .top-head span {
        font-size: 28px;
        line-height: 28px;
    }
    .client-head .top-head {
        width: 220px;
        height: 55px;
    }

    .client-name span {
        font-size: 18px;
    }
    .swiper-pagination.drag-line span.swiper-pagination-bullet {
        width: 60px;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/media/style.css?17120645001185*/
*, :before, :after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.media.container {
  padding-top: 80px;
  padding-bottom: 160px;
}

.media_title {
  text-align: center;
  font-size: 60px;
  font-weight: 500;
}

.media_cards {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 100px 20px;
  justify-content: space-between;
  margin-top: 100px;
}

.media_card {
  width: 32%;
}

.media_card img {
  display: block;
  object-fit: none;
  margin: 0 auto;
}

.media_link {
  display: block;
  font-size: 25px;
  font-weight: 500;
  width: 100%;
  max-width: 354px;
  padding: 20px;
  color: #fff;
  background: linear-gradient(89.61deg, #009999 13.97%, #64c72a 92.29%);
  text-align: center;
  border-radius: 20px;
  margin: 130px auto 0;
}

@media (max-width: 1400px) {
  .media_card {
    width: 48%;
  }
}

@media (max-width: 920px) {

  .media.container {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .media_cards {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 60px;
    justify-content: space-between;
    margin-top: 50px;
  }

  .media_card {
    width: 100%;
  }

  .media_card img {
    object-fit: contain;
  }
  
}
/* End */
/* /local/templates/vivilen/components/bitrix/news.list/recycle_new/style.css?17083313877217 */
/* /local/templates/.default/components/bitrix/news.list/projects/style.css?17120645009790 */
/* /local/templates/.default/components/bitrix/news.list/projects/styles/tiny-slider.css?17120645012633 */
/* /local/templates/.default/components/bitrix/news.list/our_partners_2/style.css?17120644997148 */
/* /local/templates/.default/components/bitrix/news.list/media/style.css?17120645001185 */