.collaboration {
  background-color: #02031E;
  padding-top: 100px;
  padding-bottom: 150px;
  position: relative;
}
@media (max-width: 992px) {
  .collaboration {
    padding-top: 100px;
  }
}
.collaboration .collaboration-header {
  max-width: 605px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 70px;
}
.collaboration .collaboration-header .collaboration-title {
  font-family: "ClashDisplay", sans-serif;
  font-weight: 700;
  font-size: 64px;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .collaboration .collaboration-header .collaboration-title {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .collaboration .collaboration-header .collaboration-title {
    font-size: 35px;
    line-height: 35px;
  }
}
.collaboration .collaboration-header .collaboration-description {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 992px) {
  .collaboration .collaboration-header .collaboration-description {
    font-size: 15px;
  }
}
.collaboration .collaboration_wave {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 992px) {
  .collaboration .collaboration_wave {
    display: none;
  }
}

.project-swiper-container {
  width: 100%;
  height: 550px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
@media (max-width: 980px) {
  .project-swiper-container {
    width: 95%;
    height: 440px;
  }
}
@media (max-width: 576px) {
  .project-swiper-container {
    height: 395px;
  }
}
.project-swiper-container .swiper-wrapper {
  height: 100%;
}
.project-swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 24px;
}
.project-swiper-container .swiper-wrapper .swiper-slide .slide-inner {
  width: 100%;
  max-width: 900px;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.project-swiper-container .swiper-wrapper .swiper-slide .slide-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  border-radius: 24px;
}
.project-swiper-container .swiper-wrapper .swiper-slide-prev .slide-inner {
  position: relative;
}
.project-swiper-container .swiper-wrapper .swiper-slide-prev .slide-inner::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.project-swiper-container .swiper-wrapper .swiper-slide-next .slide-inner {
  position: relative;
}
.project-swiper-container .swiper-wrapper .swiper-slide-next .slide-inner::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.project-swiper-container .swiper-wrapper .swiper-slide-prev,
.project-swiper-container .swiper-wrapper .swiper-slide-next {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0.7;
}
.project-swiper-container .navigation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: absolute;
  bottom: -100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.project-swiper-container .navigation-wrapper .collaboration-button-next {
  position: relative;
  display: block;
  background-color: rgb(113, 25, 255);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.project-swiper-container .navigation-wrapper .collaboration-button-next:hover {
  opacity: 0.4;
}
.project-swiper-container .navigation-wrapper .collaboration-button-next::after {
  content: "";
  display: none;
}
.project-swiper-container .navigation-wrapper .collaboration-button-next::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 11px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' class='swiper-button-left'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6699 19.17C11.2306 19.6093 10.5183 19.6093 10.0789 19.17L3.90389 12.9949C3.56537 12.7926 3.33868 12.4225 3.33868 11.9995C3.33868 11.5765 3.56538 11.2064 3.90392 11.0041L10.0789 4.82906C10.5183 4.38972 11.2306 4.38972 11.6699 4.82906C12.1093 5.26841 12.1093 5.98062 11.6699 6.41997L7.24916 10.8407L7.96622 10.8407C8.6062 10.8407 9.125 11.3595 9.125 11.9995C9.125 12.6395 8.6062 13.1583 7.96622 13.1583L7.24916 13.1583L11.6699 17.579C12.1093 18.0184 12.1093 18.7307 11.6699 19.17ZM18.3725 13.1583C19.0124 13.1583 19.5313 12.6395 19.5313 11.9995C19.5313 11.3595 19.0124 10.8407 18.3725 10.8407L14.9037 10.8407C14.2637 10.8407 13.7449 11.3595 13.7449 11.9995C13.7449 12.6395 14.2637 13.1583 14.9037 13.1583L18.3725 13.1583Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
}
.project-swiper-container .navigation-wrapper .collaboration-button-prev {
  position: relative;
  display: block;
  background-color: rgb(113, 25, 255);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.project-swiper-container .navigation-wrapper .collaboration-button-prev:hover {
  opacity: 0.4;
}
.project-swiper-container .navigation-wrapper .collaboration-button-prev::after {
  content: "";
  display: none;
}
.project-swiper-container .navigation-wrapper .collaboration-button-prev::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 11px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none' class='swiper-button-right'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3301 5.32999C12.7694 4.89065 13.4817 4.89065 13.9211 5.32999L20.0961 11.5051C20.4346 11.7074 20.6613 12.0775 20.6613 12.5005C20.6613 12.9235 20.4346 13.2936 20.0961 13.4959L13.9211 19.6709C13.4817 20.1103 12.7694 20.1103 12.3301 19.6709C11.8907 19.2316 11.8907 18.5194 12.3301 18.08L16.7508 13.6593H16.0338C15.3938 13.6593 14.875 13.1405 14.875 12.5005C14.875 11.8605 15.3938 11.3417 16.0338 11.3417H16.7508L12.3301 6.92098C11.8907 6.48164 11.8907 5.76932 12.3301 5.32999ZM5.62753 11.3417C4.98755 11.3417 4.46875 11.8605 4.46875 12.5005C4.46875 13.1405 4.98755 13.6593 5.62753 13.6593H9.09628C9.73626 13.6593 10.2551 13.1405 10.2551 12.5005C10.2551 11.8605 9.73626 11.3417 9.09628 11.3417H5.62753Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
}