.projects-details-slider-warp {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0px;
  --primary-900-color: #000;
}

.projects-details-slider-warp .projects-details-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}

@media (min-width: 1200px) {
  .projects-details-slider-warp .projects-details-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.projectsDetailsSwiper {
  padding-bottom: 15px;
}

.floor-box figure {
  position: relative;
  margin: 0;
  margin-bottom: 0;
}

.floor-box figure > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  max-width: 100%;
  max-height: 100%;
}

.floor-box figure::after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  padding-top: 141.6666666667%;
}

.custom-button-prev,
.custom-button-next {
  display: none;
  width: 20px;
  height: 15px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  z-index: 10;
  cursor: pointer;
  opacity: 0.5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4805 6.74436C21.4805 6.53102 21.4138 6.35769 21.2805 6.22436C21.1471 6.09102 20.9738 6.02436 20.7605 6.02436H3.08047L7.80047 1.30436C7.96047 1.14436 8.04047 0.957689 8.04047 0.744356C8.04047 0.531022 7.96047 0.357689 7.80047 0.224356C7.64047 0.0910225 7.4538 0.0243559 7.24047 0.0243559C7.02714 0.0243559 6.84047 0.0776892 6.68047 0.184356L0.68047 6.18436C0.573803 6.34436 0.52047 6.53102 0.52047 6.74436C0.52047 6.95769 0.573803 7.14436 0.68047 7.30436L6.68047 13.3044C6.84047 13.411 7.02714 13.4644 7.24047 13.4644C7.4538 13.4644 7.64047 13.3977 7.80047 13.2644C7.96047 13.131 8.04047 12.9577 8.04047 12.7444C8.04047 12.531 7.96047 12.3444 7.80047 12.1844L3.08047 7.46436H20.7605C20.9738 7.46436 21.1471 7.39769 21.2805 7.26436C21.4138 7.13102 21.4805 6.95769 21.4805 6.74436Z' fill='black'/%3E%3C/svg%3E%0A");
}

.custom-button-prev {
  left: -30px;
}

.custom-button-next {
  right: -30px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.custom-button-prev:hover,
.custom-button-next:hover {
  opacity: 1;
}

.floor-box-title {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .custom-button-prev,
  .custom-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .projectsDetailsSwiper {
    padding-bottom: 40px;
  }
  .floor-box-title {
    font-size: 21px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
/* popup css */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  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;
  z-index: 9999;
  opacity: 0;
  /* transition: opacity 0.3s ease-in-out; */
  pointer-events: none;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 20px 0;
}

.popup.popup-show {
  opacity: 1;
  pointer-events: auto;
  overflow: hidden;
}

.popup-content {
  background-color: transparent;
  padding: 0px;
  border-radius: 5px;
  max-width: 900px;
  width: 90%;
  position: relative;
}

/* .projectsbigSwiper, .projectsthumbSwiper{
    overflow: hidden;
    position: relative;
 } */
.projectsthumbSwiper {
  margin-top: 10px;
}

.projectsbigSwiper .Items figure {
  position: relative;
  margin: 0;
  margin-bottom: 0;
}

.projectsbigSwiper .swiper-button-prev,
.projectsbigSwiper .swiper-button-next {
  display: none;
}

.projectsbigSwiper .Items figure > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  max-width: 100%;
  max-height: 100%;
}

.projectsbigSwiper .Items figure::after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  padding-top: 70%;
}

.projectsbigSwiper .Items {
  opacity: 0.5;
  -webkit-transition: 0.3s ease-in opacity;
  transition: 0.3s ease-in opacity;
}

.projectsbigSwiper .Items figure {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.3s ease-in transform;
  transition: 0.3s ease-in transform;
}

.projectsbigSwiper .Items.Items-active {
  opacity: 1;
}

.projectsbigSwiper .Items.Items-active figure {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.projectsthumbSwiper .Items figure {
  position: relative;
  margin: 0;
  margin-bottom: 0;
  cursor: pointer;
}

.projectsthumbSwiper .Items figure > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  max-width: 100%;
  max-height: 100%;
}

.projectsthumbSwiper .Items figure::after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  padding-top: 66.6666666667%;
}

.projectsthumbSwiper .Items figure {
  margin: 0;
  border: 2px solid #fff;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.projectsthumbSwiper .Items.Items-thumb-active figure {
  border-color: var(--secondary-color, #A6A182);
}

.swiper-button-prev,
.swiper-button-next {
  color: #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 1;
}

.close-popup-button {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0px;
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: block;
  z-index: 2;
  /* background: rgba(255, 255, 255); */
}

.close-popup-button svg path {
  stroke: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.close-popup-button:hover svg path {
  stroke: var(--secondary-color, #A6A182);
}

.projectsthumbSwiper .swiper-button-prev, .projectsthumbSwiper .swiper-button-next {
  display: none;
}

@media (min-width: 1200px) {
  .projectsbigSwiper .swiper-button-prev,
  .projectsbigSwiper .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .projectsthumbSwiper .Items figure {
    border: 5px solid #fff;
  }
  .projectsDetailsSwiper.swiper {
    overflow: hidden;
  }
}
.list-item {
  padding-top: 20px;
}

.projectsbigSwiper .swiper-slide figure {
  position: relative;
}
.projectsbigSwiper .swiper-slide figure::after {
  content: "";
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 69.4444444444%;
}
.projectsbigSwiper .swiper-slide figure > img, .projectsbigSwiper .swiper-slide figure > picture, .projectsbigSwiper .swiper-slide figure > video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.projectsbigSwiper .swiper-slide figure > img img, .projectsbigSwiper .swiper-slide figure > picture img, .projectsbigSwiper .swiper-slide figure > video img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 575.98px) {
  .projectsbigSwiper .swiper-slide figure {
    position: relative;
  }
  .projectsbigSwiper .swiper-slide figure::after {
    content: "";
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 135.3887399464%;
  }
  .projectsbigSwiper .swiper-slide figure > img, .projectsbigSwiper .swiper-slide figure > picture, .projectsbigSwiper .swiper-slide figure > video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
  }
  .projectsbigSwiper .swiper-slide figure > img img, .projectsbigSwiper .swiper-slide figure > picture img, .projectsbigSwiper .swiper-slide figure > video img {
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

.projectsthumbSwiper .swiper-slide figure {
  position: relative;
}
.projectsthumbSwiper .swiper-slide figure::after {
  content: "";
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 100%;
}
.projectsthumbSwiper .swiper-slide figure > img, .projectsthumbSwiper .swiper-slide figure > picture, .projectsthumbSwiper .swiper-slide figure > video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.projectsthumbSwiper .swiper-slide figure > img img, .projectsthumbSwiper .swiper-slide figure > picture img, .projectsthumbSwiper .swiper-slide figure > video img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}