.list__wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--spacing-15);
}
@media (min-width: 992px) {
  .list__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .list__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.list__faq {
  list-style: none;
}
.list__lead {
  margin-bottom: var(--spacing-30);
}
@media (min-width: 992px) {
  .list__lead {
    max-width: 70%;
  }
}

.ships-list {
  padding-bottom: var(--spacing-40);
}

.title__section {
  margin: var(--spacing-40) 0 var(--spacing-15);
  font-family: var(--fs-special);
  text-transform: uppercase;
  text-align: left;
  font-size: var(--step-5);
}

.section__hero img {
  display: block;
}

.ships__wrapper__class {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-10);
}
@media (min-width: 992px) {
  .ships__wrapper__class {
    grid-template-columns: repeat(4, 1fr);
  }
}
.ships__wrapper__ship {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-10);
  padding-bottom: var(--spacing-15);
  overflow-x: scroll;
  width: 100%;
}
@media (min-width: 992px) {
  .ships__wrapper__ship {
    display: grid;
    overflow-x: unset;
    grid-template-columns: repeat(4, 1fr);
  }
}

.attractions_wrap {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-10);
  padding: var(--spacing-15);
  overflow-x: scroll;
  width: 100%;
}
@media (min-width: 992px) {
  .attractions_wrap {
    padding: var(--spacing-15) 0;
  }
}

.part__ship-class {
  aspect-ratio: 4/1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cl-blue-1);
  border-radius: var(--br-default);
  color: var(--cl-white);
  position: relative;
}
.part__ship-class:hover {
  color: var(--cl-white);
}
.part__ship-class:hover img {
  opacity: 0.2;
}
.part__ship-class img {
  display: block;
  opacity: 0.6;
  transition: all ease-out 0.3s;
}
.part__ship-class h2 {
  font-size: var(--step-3) !important;
  text-transform: uppercase;
  font-family: var(--fs-special);
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.part__ship {
  aspect-ratio: 9/16;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: var(--cl-blue-1);
  border-radius: var(--br-default);
  color: var(--cl-white);
  min-width: 25rem;
  position: relative;
}
.part__ship::before {
  content: "";
  background: var(--gradient-1);
  position: absolute;
  inset: 80% 0 0 0;
  z-index: 2;
}
.part__ship:hover {
  color: var(--cl-white);
}
.part__ship:hover img {
  transform: scale(1.1);
}
.part__ship .image {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.part__ship .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all ease-out 0.3s;
}
.part__ship h3 {
  font-size: var(--step-5) !important;
  font-family: var(--fs-special);
  text-transform: uppercase;
  text-align: center;
  padding: var(--spacing-10) var(--spacing-10) var(--spacing-20);
  position: absolute;
  bottom: 0;
  z-index: 3;
  width: 100%;
}
.part__ship h3 span {
  display: block;
  font-size: 70%;
}
.part__attraction {
  aspect-ratio: 1;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: var(--cl-blue-1);
  border-radius: var(--br-default);
  color: var(--cl-white);
  min-width: 25rem;
  position: relative;
}
.part__attraction::before {
  content: "";
  background: var(--gradient-2);
  position: absolute;
  inset: 50% 0 0 0;
  z-index: 2;
}
.part__attraction:hover {
  color: var(--cl-white);
}
.part__attraction:hover img {
  transform: scale(1.1);
}
.part__attraction .image {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.part__attraction .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all ease-out 0.3s;
}
.part__attraction h3 {
  font-size: var(--step-5) !important;
  font-family: var(--fs-special);
  text-transform: uppercase;
  text-align: center;
  padding: var(--spacing-10) var(--spacing-10) var(--spacing-20);
  position: absolute;
  bottom: 0;
  z-index: 3;
  width: 100%;
}
.part__attraction h3 span {
  display: block;
  font-size: 70%;
}
.part__faq {
  text-align: left;
  border-radius: var(--br-default);
  overflow: hidden;
  box-shadow: var(--shadow-1);
  text-align: left;
  display: flex;
  flex-direction: column;
  background-color: var(--cl-white);
  height: 100%;
}
.part__faq h2 {
  padding: var(--spacing-15);
  font-size: var(--step-2);
  font-weight: 400;
}
.part__post {
  text-align: left;
  border-radius: var(--br-default);
  overflow: hidden;
  box-shadow: var(--shadow-1);
  text-align: left;
  display: flex;
  flex-direction: column;
  background-color: var(--cl-white);
}
.part__post h2 {
  padding: var(--spacing-15) var(--spacing-15) 0;
  font-size: var(--step-2);
}
.part__post p {
  margin-top: auto;
  padding: var(--spacing-10) var(--spacing-15) var(--spacing-20);
  font-size: var(--step-2);
  line-height: 1.2;
}
@media (min-width: 992px) {
  .part__post p {
    font-size: var(--step-1);
  }
}
.part__post p span {
  padding-top: var(--spacing-15);
  display: block;
  font-size: var(--step-0);
  text-transform: uppercase;
  color: var(--cl-blue-1);
}
.part__post__image {
  aspect-ratio: 5/3;
  background-color: var(--cl-blue-0);
  background-image: url("../images/rccl.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--spacing-30);
}
.part__post img {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.part__post.active {
  color: var(--cl-blue-1);
}
.part__post.active h3 {
  font-weight: 700;
}/*# sourceMappingURL=part.css.map */