.relatedProjectSwiper {
  margin-top: 2.5rem;
  cursor: -webkit-grab;
  cursor: grab;
}

@media screen and (min-width:921px){
	.relatedProjectSwiper .swiper-slide.swiper-slide-active {
	  margin-left: -365px;
	}
}
@media screen and (max-width:920px){
	.swiper.relatedProjectSwiper{
	  padding-left:40px;
	  padding-right:40px;
	}
}

@media screen and (max-width:1100px){
	.container-expert .client-review {
	    flex-direction: column ;
	    gap: 20px ;
	}
}

@media screen and (max-width: 95rem) and (min-width: 42.0625rem) {
    .swiper.relatedProjectSwiper,
	.container-expert .client-review
	{
	        padding-left: 2.5rem;
	        padding-right: 2.5rem;
	    }
}

@media screen and (max-width: 42rem) {
      .swiper.relatedProjectSwiper,
	.container-expert .client-review{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media screen and (max-width: 57.5rem) {
  .relatedProjectSwiper {
    max-width: 44.125rem;
  }
}
@media screen and (max-width: 57rem) and (min-width: 42.0625rem) {
  .relatedProjectSwiper {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}
@media screen and (max-width: 42rem) {
  .relatedProjectSwiper {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide a {
  word-break: auto-phrase;
  white-space: wrap;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
  -webkit-transition: 0.6s linear;
  -o-transition: 0.6s linear;
  transition: 0.6s linear;
}
@media screen and (max-width: 57rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
    max-width: 100%;
  }
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-prev
  .swiper-slide-main-title {
  font-size: 1.25rem;
  word-break: break-word;
  white-space: normal;
  white-space: wrap;
  line-height: 100%;
  background: -o-linear-gradient(221deg, #fff 0%, #7b7b7b 100%);
  background: linear-gradient(229deg, #fff 0%, #7b7b7b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-prev
  .swiper-slide-main-title:hover {
  background: -o-linear-gradient(221deg, #7b7b7b 0%, #fff 100%);
  background: linear-gradient(229deg, #7b7b7b 0%, #fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 95.0625rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
  }
}
@media screen and (max-width: 95rem) and (min-width: 57.5625rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    -webkit-transition: 0.6s linear;
    -o-transition: 0.6s linear;
    transition: 0.6s linear;
  }
}
@media screen and (max-width: 57.5rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
  }
}
@media screen and (max-width: 57.5rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    max-width: 43.875rem;
  }
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-next
  .swiper-slide-main-title {
  font-size: 1.25rem;
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-next
  .swiper-slide-main-title {
  font-size: 1.25rem;
  word-break: break-word;
  white-space: normal;
  line-height: 100%;
  background: -o-linear-gradient(221deg, #fff 0%, #7b7b7b 100%);
  background: linear-gradient(229deg, #fff 0%, #7b7b7b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 95.0625rem) {
  .relatedProjectSwiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-next
    .swiper-slide-main-title {
    max-width: 43.625rem;
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
  }
}
@media screen and (max-width: 57.5rem) {
  .relatedProjectSwiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-next
    .swiper-slide-main-title {
    max-width: 43.875rem;
  }
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-next
  .swiper-slide-main-title:hover {
  background: -o-linear-gradient(221deg, #7b7b7b 0%, #fff 100%);
  background: linear-gradient(229deg, #7b7b7b 0%, #fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-next
  ~ .swiper-slide
  .swiper-slide-main-title {
  font-size: 1.25rem;
  word-break: break-word;
  white-space: normal;
  max-width: 43.625rem;
  line-height: 100%;
  background: -o-linear-gradient(221deg, #fff 0%, #7b7b7b 100%);
  background: linear-gradient(229deg, #fff 0%, #7b7b7b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-next
  ~ .swiper-slide
  .swiper-slide-main-title:hover {
  background: -o-linear-gradient(221deg, #7b7b7b 0%, #fff 100%);
  background: linear-gradient(229deg, #7b7b7b 0%, #fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 57.5625rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
  }
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .block-time {
  margin-left: 1.4375rem;
}
@media screen and (max-width: 95rem) and (min-width: 57.5625rem) {
  .relatedProjectSwiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .swiper-slide-main-image {
    max-width: 100%;
  }
  
}
@media screen and (max-width: 95rem) and (min-width: 42.0625rem) {
.container-expert.container-expert__single-article{
    padding-bottom: 9.5rem;
  }
}
@media screen and (max-width:42rem){
.container-expert.container-expert__single-article{
    padding-bottom: 4.5rem;
  }
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .swiper-slide-main-title {
  font-size: 1.25rem;
  word-break: break-word;
  white-space: normal;
  line-height: 100%;
  background: -o-linear-gradient(221deg, #fff 0%, #7b7b7b 100%);
  background: linear-gradient(229deg, #fff 0%, #7b7b7b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 57.5625rem) {
  .relatedProjectSwiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .swiper-slide-main-title {
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
  }
}
.relatedProjectSwiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .swiper-slide-main-title:hover {
  background: -o-linear-gradient(221deg, #7b7b7b 0%, #fff 100%);
  background: linear-gradient(229deg, #7b7b7b 0%, #fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide .autor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.625rem;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide .autor img {
  width: 51px;
  height: 51px;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide .autor p {
  font-size: 0.875rem;
  color: var(--belyy);
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0.625rem;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .block-time {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 1.4375rem;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .block-time::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15C11.2044 15 10.4413 14.6839 9.87868 14.1213C9.31607 13.5587 9 12.7956 9 12C9 11.2044 9.31607 10.4413 9.87868 9.87868C10.4413 9.31607 11.2044 9 12 9C12.7956 9 13.5587 9.31607 14.1213 9.87868C14.6839 10.4413 15 11.2044 15 12Z' stroke='%23FF6900' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2 12C3.6 7.903 7.336 5 12 5C16.664 5 20.4 7.903 22 12C20.4 16.097 16.664 19 12 19C7.336 19 3.6 16.097 2 12Z' stroke='%23FF6900' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: 0;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .block-time p {
  font-size: 14px;
  line-height: 120%;
  color: var(--belyy-600);
}
@media screen and (max-width: 22.5rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide-info .block-time p {
    font-size: 12px;
  }
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .block-views {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .block-views::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 3C14.0196 3 16.4359 4.00089 18.2175 5.78249C19.9991 7.56408 21 9.98044 21 12.5C21 15.0196 19.9991 17.4359 18.2175 19.2175C16.4359 20.9991 14.0196 22 11.5 22C8.98044 22 6.56408 20.9991 4.78249 19.2175C3.00089 17.4359 2 15.0196 2 12.5C2 9.98044 3.00089 7.56408 4.78249 5.78249C6.56408 4.00089 8.98044 3 11.5 3ZM11.5 4C9.24566 4 7.08365 4.89553 5.48959 6.48959C3.89553 8.08365 3 10.2457 3 12.5C3 14.7543 3.89553 16.9163 5.48959 18.5104C7.08365 20.1045 9.24566 21 11.5 21C12.6162 21 13.7215 20.7801 14.7528 20.353C15.7841 19.9258 16.7211 19.2997 17.5104 18.5104C18.2997 17.7211 18.9258 16.7841 19.353 15.7528C19.7801 14.7215 20 13.6162 20 12.5C20 10.2457 19.1045 8.08365 17.5104 6.48959C15.9163 4.89553 13.7543 4 11.5 4ZM11 7H12V12.42L16.7 15.13L16.2 16L11 13V7Z' fill='%23FF6900' /%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: 0;
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .block-views p {
  font-size: 14px;
  line-height: 120%;
  color: var(--belyy-600);
}
@media screen and (max-width: 22.5rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide-info .block-views p {
    font-size: 12px;
  }
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .date {
  font-size: 14px;
  line-height: 120%;
  color: var(--belyy-600);
}
@media screen and (max-width: 22.5rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide-info .date {
    font-size: 12px;
  }
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .tag {
  padding: 0.3125rem 0.75rem;
  border-radius: 3.75rem;
  background: var(--oranzhevyy);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  border: 1px solid var(--oranzhevyy);
}
@media screen and (max-width: 22.5rem) {
  .relatedProjectSwiper .swiper-wrapper .swiper-slide-info .tag {
    font-size: 12px;
  }
}
.relatedProjectSwiper .swiper-wrapper .swiper-slide-info .tag:hover {
  background-color: transparent;
}
.related-projectSwiper-pagination.relatedProjectSwiper-pagination {
  position: relative;
  margin-left: auto;
  margin-right: auto;
      margin-top: 25px;
}
@media screen and (min-width: 42.0625rem) {
  .related-projectSwiper-pagination.relatedProjectSwiper-pagination {
    display: none;
  }
}
@media screen and (max-width: 42rem) {
  .related-projectSwiper-pagination.relatedProjectSwiper-pagination {
    display: block;
  }
  .related-projectSwiper-pagination.relatedProjectSwiper-pagination .swiper-pagination-bullet {
	background-color: #FFFFFF4D;
  }
}
.related-projectSwiper-pagination.relatedProjectSwiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;
  background-color: #fff 4D;
}
.related-projectSwiper-pagination.relatedProjectSwiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--oranzhevyy);
}

.relatedProjectSwiper .swiper-slide .tags {
  display: inline-flex;
  gap: 0.625rem;
}

.relatedProjectSwiper .swiper-slide .tags span {
    color: var(--oranzhevyy);
    font-size: 0.875rem;
  }

.relatedProjectSwiper .swiper-slide .item-title {
  background: linear-gradient(266.48deg, #FFFFFF 3.18%, #7B7B7B 98.8%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.5625rem, 2vw + 1rem, 2.5rem);
}

.relatedProjectSwiper .swiper-slide .item-subtitle {
  font-size: 0.875rem;
  line-height: 120%;
  color: #FFFFFF99;
}
