.btn-container {
  width: 100%;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: flex-end;
}

:root {
  --light-blue: #96c2cf;
  --gold: #cc9b51;
}

.btn-logo {
  position: absolute;
  z-index: 3;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.5s ease-in-out;
}

.btn-logo:hover {
  transform: translateX(-50%) scale(1.1);
}

@media (max-width: 900px) {
  .btn-logo {
    top: 50%;
    transform: translateX(-50%) translateY(-100%);
  }
}

.btn-logo img {
  width: 100%;
  max-width: 235px;
}

.btn-container .btn-slider {
  width: 100%;
  height: 100%;
  position: relative;
}

.btn-container .swiper {
  height: 100%;
}

.btn-container .btn-slide-image {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.btn-container .btn-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  position: relative;
}

.btn-container .btn-slide-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.25;
  background: var(--Thorn-Hill-Navy, #162931);
  z-index: 2;
}

/* Slider Pagination */
.btn-swiper-pagination {
  position: absolute;
  bottom: 150px !important;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 3;
  text-align: left;
  display: flex;
  max-width: 1098px;
  margin: auto;
  padding: 0 74px;
  overflow: hidden;
}

@media (max-width: 900px) {
  .btn-swiper-pagination {
    display: none;
  }
}

.btn-swiper-pagination .btn-swiper-bullet {
  flex-grow: 1;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-family: "gravesend-sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}

.btn-swiper-pagination .btn-bullet-btn {
  cursor: pointer;
}

.btn-swiper-pagination .btn-bullet-btn a {
    color: white;
}

/* Large Title */
.btn-swiper-pagination .btn-bullet-title {
  position: relative;
  font-size: 96px;
  letter-spacing: 4.8px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-out;
  /* transform: translateX(-50%); */
  transform: translateX(-25%);
  width: max-content;
}

.btn-swiper-pagination .btn-bullet-title a {
  color: #fff;
  transition: 0.5s ease-in-out;
}

/*.btn-swiper-pagination .btn-bullet-title a svg {*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*  transition: 0.5s ease-in-out;*/
/*}*/

/*.btn-swiper-pagination .btn-bullet-title a:hover svg {*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*}*/

@media (max-width: 900px) {
  .btn-swiper-pagination .btn-bullet-title {
    font-size: 60px;
  }
}

/*.btn-swiper-pagination .btn-swiper-bullet:nth-of-type(5) .btn-bullet-title {
  transform: translateX(-200%); 
  transform: translateX(-55%);
}*/

.btn-swiper-pagination .btn-swiper-bullet .btn-bullet-title.second-last-title {
  /* transform: translateX(-200%); */
  transform: translateX(-55%);
}

.btn-swiper-pagination .btn-swiper-bullet:last-of-type .btn-bullet-title {
  /* transform: translateX(-200%); */
  transform: translateX(-70%);
}

@media (max-width: 1020px) {
  .btn-swiper-pagination .btn-swiper-bullet:last-of-type .btn-bullet-title {
    transform: translateX(-70%);
  }
}

@media (max-width: 830px) {
  .btn-swiper-pagination .btn-bullet-title {
    font-size: 35px;
  }
  .btn-swiper-pagination .btn-swiper-bullet:last-of-type .btn-bullet-title {
    transform: translateX(-55%);
  }
}

.btn-swiper-pagination .btn-swiper-bullet:nth-of-type(1) .btn-bullet-title {
  transform: none;
}

.btn-swiper-pagination .btn-bullet-title span {
  display: flex;
  align-items: center;
}

.btn-swiper-pagination .btn-bullet-title svg {
  margin-top: 15px;
}

.btn-swiper-pagination .btn-swiper-bullet .btn-bullet-text {
    transition: 0.5s ease-in-out;
}

/* Diamond Icon */
.btn-swiper-pagination .btn-swiper-icon {
  display: grid;
  grid-template: 1fr / 1fr;
  position: relative;
  align-items: center;
}

.btn-swiper-pagination .btn-swiper-icon:after,
.btn-swiper-pagination .btn-swiper-icon:before {
  position: absolute;
  content: "";
  width: calc(50% - 8px);
  height: 1px;
  background: #fff;
}

.btn-swiper-pagination .btn-swiper-icon:before {
  left: 0;
}

.btn-swiper-pagination .btn-swiper-icon:after {
  right: 0;
}

.btn-swiper-pagination .btn-swiper-icon > * {
  grid-column: 1;
  grid-row: 1;
  margin: auto;
  position: relative;
  transition: opacity 0.5s ease-in-out;
}

/* Active State */
.btn-swiper-pagination .btn-swiper-bullet.active .btn-bullet-title {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition: 1s ease-in;
}

.btn-swiper-pagination .btn-swiper-bullet.active .btn-swiper-icon img {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}

.btn-swiper-pagination .btn-swiper-bullet.active .btn-swiper-icon .active-icon {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.btn-swiper-pagination .btn-swiper-bullet.active .btn-bullet-text {
    opacity: 0;
}