body {
  background-color: #03080f !important;
}

/* Top section */

.project-bg-image {
  display: none;
}

.top-project-section-container {
  height: auto;

  background-color: #06101d;

  padding-bottom: 200px;

  min-height: 1015px;

  background-repeat: no-repeat;

  background-position-x: center;

  background-position-y: 547px;
}

.top-project-section {
  max-width: 1630px;

  width: 100%;
}

.post-thumbnail {
  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;
}

.project-thumbnail {
  width: 100%;

  height: 100%;
}

.post-thumbnail img {
  width: auto;

  height: 100%;
}

.top-right p {
  font-size: 24px;

  color: #f2efed;

  font-family: OpenSansHebrewCondensedRegular;
}

.top-right {
  padding-bottom: 50px;

  padding-left: 97px;
}

.all-project-button {
  width: 214px;

  height: 57px;

  font-family: OpenSansHebrewCondensedRegular;

  background-color: #e19502;

  color: #fefefe;

  font-size: 36px;

  border: none;

  border-radius: 0;

  padding: 0;

  text-align: center;

  margin-top: 100px;
}

.all-project-button a {
  color: #fefefe;

  text-decoration: none;
}

/* Additional projects */

.additional-projects {
  position: relative;

  bottom: 146px;

  margin-bottom: -176px;
}

.additional-projects-title {
  font-family: OpenSansHebrewCondensedRegular;

  color: #e19502;

  font-size: 48px;

  padding-bottom: 58px;
}

.additional-projects-slick-slider .slick-prev {
  right: 25% !important;

  z-index: 9;
}

.additional-projects-slick-slider .slick-next {
  left: 25% !important;

  z-index: 9;
}

.additional-projects-slick-slider .slick-dots {
  bottom: -60px !important;
}

.additional-projects-slick-slider .slick-prev,
.slick-next {
  width: 40px;

  height: 40px;
}

.additional-projects-slick-slider .slick-prev::before,
.additional-projects-slick-slider .slick-next::before {
  font-size: 40px;
}

@media screen and (max-width: 635px) {
  .additional-projects-slick-slider .slick-prev {
    right: 10% !important;
  }

  .additional-projects-slick-slider .slick-next {
    left: 10% !important;
  }

  .additional-projects-slick-slider .slick-dots {
    bottom: -32px !important;
  }
}

/* Slick slider */

.project-slick-slider .slick-dotted.slick-slider {
  margin-bottom: 30px;

  width: 100%;
}

.project-slick-slider .slick-slide img {
  width: 100%;
}

.project-slick-slider .slick-slide img:hover {
  cursor: pointer;
}

.slick-slide {
  max-height: 643px;
}

.project-slick-slider .slick-list.draggable {
  max-width: 1630px;

  width: 100%;
}

.project-slick-slider .slick-initialized .slick-slide {
  height: 645px;
}

.project-slick-slider .slick-prev,
.project-slick-slider .slick-next {
  top: 106%;

  width: 40px;

  height: 40px;
}

.project-slick-slider .slick-prev::before,
.project-slick-slider .slick-next::before {
  font-size: 40px;

  color: #e19502;
}

.project-slick-slider .slick-dots li button::before {
  color: #e19502;
}

.project-slick-slider .slick-dots {
  bottom: -36px;
}

.project-slick-slider .slick-dots li button::before {
  font-size: 13px;

  line-height: 36px;

  width: 30px;

  height: 30px;
}

.project-slick-slider .slick-dots li.slick-active button::before {
  opacity: 0.75;

  color: #e19502;
}

.project-slick-slider .additional-projects-slick-slider {
  margin-bottom: 30px;

  width: 100%;
}

.project-slick-slider .slick-prev {
  right: 0px;

  z-index: 9;
}

.project-slick-slider .slick-next {
  left: 0px;

  z-index: 9;
}

@media screen and (max-width: 500px) {
  .project-slick-slider .slick-prev {
    right: 0% !important;
  }

  .project-slick-slider .slick-next {
    left: 0% !important;
  }

  .project-slick-slider .slick-dots {
    bottom: -30px !important;
  }

  .project-slick-slider .slick-prev,
  .project-slick-slider .slick-next {
    top: 113% !important;
  }

  .top-right {
    padding: 15px;
  }
}

/* modal */

.btn-close {
  position: absolute;

  color: #e19502;

  top: 10px;

  right: 10px;

  opacity: 1;

  background: none;

  height: 40px;

  width: 40px;
}

.btn-close:hover {
  color: #faa602;
}

.btn-close svg {
  height: 40px;

  width: 40px;
}

#clients {
  min-height: 668px !important;

  padding-top: 123px !important;
}

.modal {
  --bs-modal-width: 1200px;

  background-color: rgba(0, 0, 0, 0.8);
}

.project-modal-image img {
  width: 100%;
}