.project_details_sec {
  background-color: var(--color_primary_grey_light_3);
  padding: 80px 0;
}
.project_details_sec__inner {
  display: flex;
  flex-wrap: wrap;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .slick-arrow {
  cursor: pointer;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .slick-arrow svg path {
  transition: all 0.5s ease-in-out;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .image_slider_wrapper {
  margin-bottom: 10px;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .image_slider_wrapper .top_slider_arrows {
  bottom: 16px;
  right: 16px;
  gap: 12px;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .image_slider_wrapper .top_slider_arrows .counter {
  font-family: var(--font_ProximaNova_Bold);
  font-size: 14px;
  line-height: 14px;
  color: var(--color_white);
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .image_slider_wrapper .top_slider_arrows .slick-arrow:hover svg path {
  stroke: var(--color_secondary_blue);
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .image_slider_wrapper .image_slider__item {
  padding-top: 13.302%;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .nav_slider_arrows {
  top: 38%;
  transform: translateY(-50%);
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .nav_slider_arrows .slick-arrow {
  background-color: var(--color_primary_blue);
  transition: all 0.5s ease-in-out;
  padding: 8px;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .nav_slider_arrows .slick-arrow:hover {
  background-color: var(--color_primary_black);
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .nav_slider_arrows .slick-arrow.nav_slider_prev_arrow {
  left: 0;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .nav_slider_arrows .slick-arrow.nav_slider_next_arrow {
  right: 0;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .nav_slider_arrows .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider:after {
  content: '';
  position: absolute;
  width: 116px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
  top: 0;
  right: 0;
  z-index: 0;
  pointer-events: none;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider .slick-dots {
  display: none !important;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider .nav_slider__item {
  margin-right: 12px;
  padding-top: 144px;
  width: 204px;
  cursor: pointer;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider .nav_slider__item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider .nav_slider__item.slick-active {
  cursor: auto;
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider .nav_slider__item.slick-active:after {
  background-color: rgba(0, 53, 92, 0.6);
}
.project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider .nav_slider__item:hover:after {
  background-color: rgba(0, 53, 92, 0.6);
}
.project_details_sec__inner__sidebar_section__main__wrapper {
  background-color: var(--color_white);
  border-bottom: 4px solid var(--color_primary_blue);
  padding: 24px;
}
.project_details_sec__inner__sidebar_section__main__wrapper__inner {
  row-gap: 32px;
}
.project_details_sec__inner__sidebar_section__main__wrapper__inner .sidebar_item .label {
  font-family: var(--font_ProximaNova_ExtraBold);
  font-size: 15px;
  line-height: 13px;
  color: var(--color_primary_blue);
}
.project_details_sec__inner__sidebar_section__main__wrapper__inner .sidebar_item .data {
  font-family: var(--font_ProximaNova_Medium);
  line-height: 21px;
}
.project_details_sec__inner__sidebar_section__main__wrapper__inner .sidebar_item .serivces_list__item {
  margin-bottom: 3px;
}
.project_details_sec__inner__sidebar_section__main__wrapper__inner .sidebar_item .serivces_list__item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1359px) {
  .project_details_sec {
    padding: 70px 0;
  }
  .project_details_sec__inner__sidebar_section__main__wrapper__inner {
    row-gap: 26px;
  }
}

@media (max-width: 1199px) {
  .project_details_sec {
    padding: 60px 0;
  }
  .project_details_sec__inner__sidebar_section__main__wrapper__inner {
    row-gap: 20px;
  }
  .project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .nav_slider_arrows .slick-arrow {
    padding: 6px;
  }
}

@media (max-width: 991px) {
  .project_details_sec {
    padding: 50px 0;
  }
  .project_details_sec__inner__content_wrapper__inner .heading {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .project_details_sec {
    padding: 40px 0;
  }
  .project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider .nav_slider__item {
    width: 170px;
    padding-top: 120px;
    margin-right: 8px;
  }
  .project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .nav_slider_arrows .slick-arrow {
    padding: 3px;
  }
  .project_details_sec__inner__content_wrapper__inner .image_slider__main .image_slider_wrapper .top_slider_arrows {
    right: 8px;
    bottom: 8px;
    gap: 8px;
  }
}

@media (max-width: 575px) {
  .project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider .nav_slider__item {
    padding-top: 90px;
    width: 135px;
  }
  .project_details_sec__inner__content_wrapper__inner .image_slider__main .nav_slider__wrapper .project_nav_slider:after {
    width: 86px;
  }
}