.img-section {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 3.13rem;
}
.img-section :nth-child(1) {
  width: 23.125rem;
  height: 23.125rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 7.8125rem;
}
.img-section :nth-child(2) {
  width: 48.125rem;
  height: 26.5625rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (orientation: portrait) {
  .img-section {
    flex-direction: column-reverse;
    gap: 1.57rem;
    margin-bottom: 5rem;
    padding: 0px;
  }
  .img-section :nth-child(1) {
    -o-object-fit: cover;
       object-fit: cover;
    width: 18.4375rem;
    height: 12.5rem;
    margin-top: 0px;
  }
  .img-section :nth-child(2) {
    -o-object-fit: cover;
       object-fit: cover;
    align-self: self-end;
    width: 16.1875rem;
    height: 15.625rem;
  }
}

.cards-introduction {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
}
.cards-introduction h2 {
  color: var(--Grass, #7D8168);
  text-align: center;
  font-family: "Poppins";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
}

.icon-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--grass, #7D8168);
  scroll-margin-top: 7.5rem;
}
.icon-text p, .icon-text h1 {
  width: 23.125rem;
  gap: 3.125rem;
}
@media (orientation: portrait) {
  .icon-text {
    padding: 0px 1.57rem;
  }
  .icon-text h1, .icon-text p {
    width: 21.25rem;
    text-align: left;
  }
}
.icon-text div {
  display: flex;
  flex-direction: column;
  width: 21.25rem;
  gap: 1.875rem;
}
.icon-text div p {
  margin-top: 0px;
}

.second-banner {
  display: flex;
  height: 27.5rem;
  margin-bottom: 3.125rem;
  margin-top: 3.12rem;
  justify-content: center;
}
@media (orientation: portrait) {
  .second-banner {
    margin: 1.25rem 0px;
  }
}
.second-banner img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.second-banner svg {
  width: 28.25rem;
}
@media (orientation: portrait) {
  .second-banner svg {
    width: 22.81rem;
  }
}

.second-text-image {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1.25rem;
  margin-bottom: 3.13rem;
}
.second-text-image img {
  width: 48.125rem;
  height: 27.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.second-text-image p {
  align-self: flex-end;
  width: 21.25rem;
  margin-top: 0px;
}
@media (orientation: portrait) {
  .second-text-image {
    display: flex;
    flex-direction: column;
    margin-bottom: 5.125rem;
    padding: 0px;
  }
  .second-text-image img {
    align-self: center;
    width: 22.8125rem;
    height: 15.625rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .second-text-image p {
    padding-right: 10%;
    width: 15rem;
  }
}

.cabans-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  scroll-margin-top: 6.057rem;
}
@media (orientation: portrait) {
  .cabans-section {
    margin-bottom: 4.375rem;
    padding: 0px;
  }
  .cabans-section svg {
    margin-bottom: 3.125rem;
  }
}
.cabans-section svg {
  margin-bottom: 4.375rem;
}
.cabans-section .inner-content {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 4.38rem;
  gap: 2rem;
}
@media (orientation: portrait) {
  .cabans-section .inner-content {
    display: flex;
    flex-direction: column;
    padding: 0px;
  }
}
.cabans-section .inner-content .text {
  width: 21.25rem;
}
.cabans-section .inner-content .text h2 {
  color: var(--mauve, #947B79);
  margin-top: 1.87rem;
  font-family: "Poppins";
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 250;
  line-height: 4rem;
  text-transform: uppercase;
}
.cabans-section .inner-content .text p {
  margin-top: 1.25rem;
}
.cabans-section .inner-content .text span {
  color: var(--mauve, #947B79);
  font-family: Times New Roman;
  font-size: 3.125rem;
  font-style: italic;
  font-weight: 400;
  line-height: 4rem;
  text-transform: lowercase;
}
.cabans-section .inner-content ul {
  display: flex;
  flex-direction: row;
  width: 19rem;
  gap: 1.5rem;
  list-style: none;
  color: var(--pistachio, #CFE1A6);
  text-align: center;
  font-family: "Poppins";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-top: 1.875rem;
}
@media (orientation: portrait) {
  .cabans-section .inner-content ul {
    align-self: center;
    gap: 1.19rem;
  }
}
.cabans-section .inner-content ul li {
  cursor: pointer;
}
.cabans-section .inner-content ul li:hover {
  color: var(--pistachio, #947B79);
}
.cabans-section .inner-content ul .clicked {
  color: var(--pistachio, #947B79);
}
.cabans-section .inner-content ul::before {
  content: "";
  width: 21.25rem;
  height: 1px;
  position: absolute;
  background: #CFE1A6;
  bottom: 1.44rem;
}
@media (orientation: portrait) {
  .cabans-section .inner-content ul::before {
    width: 24.375rem;
  }
}
.cabans-section .inner-content .img-carrosel {
  display: flex;
  flex-direction: column;
}
.cabans-section .inner-content .img-carrosel .slider {
  display: flex;
  gap: 2rem;
  width: 46rem;
  height: 40rem;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 5rem 0;
  transition: 0.5s;
}
@media (orientation: portrait) {
  .cabans-section .inner-content .img-carrosel .slider {
    padding: 0;
  }
}
.cabans-section .inner-content .img-carrosel .slider::-webkit-scrollbar {
  display: none;
}
.cabans-section .inner-content .img-carrosel .slider figure {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  min-width: 22rem;
  transition: 0.5s;
  scroll-snap-align: unset;
}
.cabans-section .inner-content .img-carrosel .slider figure:target, .cabans-section .inner-content .img-carrosel .slider figure:first-of-type {
  transform: translateY(-5rem);
}
@media (orientation: portrait) {
  .cabans-section .inner-content .img-carrosel .slider figure:target, .cabans-section .inner-content .img-carrosel .slider figure:first-of-type {
    transform: translateY(0);
  }
}
.cabans-section .inner-content .img-carrosel .slider figure:target nav, .cabans-section .inner-content .img-carrosel .slider figure:first-of-type nav {
  opacity: 1;
}
@media (orientation: portrait) {
  .cabans-section .inner-content .img-carrosel .slider figure:target nav, .cabans-section .inner-content .img-carrosel .slider figure:first-of-type nav {
    opacity: 0;
  }
}
.cabans-section .inner-content .img-carrosel .slider figure:target {
  scroll-snap-align: start;
}
.cabans-section .inner-content .img-carrosel .slider figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabans-section .inner-content .img-carrosel .slider figure nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  opacity: 0;
}
.cabans-section .inner-content .img-carrosel .slider figure nav a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2rem;
}
.cabans-section .inner-content .img-carrosel .slider figure nav a::before {
  content: "";
  width: 5rem;
  height: 1px;
  background: black;
}
.cabans-section .inner-content .img-carrosel .slider figure nav a::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid black;
  border-right: 1px solid black;
  transform: translateX(-0.6rem) rotate(45deg);
}
.cabans-section .inner-content .img-carrosel .slider figure nav a:first-of-type::after {
  order: -1;
  transform: translateX(0.6rem) rotate(-135deg);
}

.images-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.13rem;
  scroll-margin-top: 8.125rem;
}
@media (orientation: portrait) {
  .images-section {
    display: none;
  }
}
.images-section .content {
  display: flex;
  margin-left: 20%;
}
.images-section .content .first-content {
  display: flex;
  gap: 8.06rem;
}
.images-section .content .first-content .text-section {
  display: flex;
  flex-direction: column;
  width: 15.625rem;
  gap: 1.25rem;
}
.images-section .content .first-content .text-section h1 {
  margin-top: 0.3rem;
  color: var(--pistachio, #CFE1A6);
  width: 15.625rem;
}
@media (orientation: portrait) {
  .images-section .content .first-content .text-section img {
    width: 23.125rem;
    height: 23.125rem;
  }
}
.images-section .content .first-content .text-section p {
  margin-top: 0px;
}
.images-section .content .first-content .specification {
  margin-left: 5.625rem;
  width: 16.875rem;
}
.images-section .content .first-content .specification span {
  color: var(--night, #342F2C);
  font-family: "Poppins";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 0.9375rem;
}
@media (orientation: portrait) {
  .images-section .content .first-content .specification span {
    letter-spacing: 0.1125rem;
    text-transform: uppercase;
  }
}
.images-section .content .first-content .specification h5 {
  color: var(--night, #342F2C);
  font-family: "Times New Roman";
  font-size: 2.5rem;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -2px;
  text-transform: lowercase;
  margin-bottom: 0.9375rem;
}
@media (orientation: portrait) {
  .images-section .content .first-content .specification h5 {
    letter-spacing: -0.125rem;
  }
}
.images-section .content .first-content img {
  margin-top: 3.62rem;
  width: 21.25rem;
  height: 18.75rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.images-section .content .last-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1.875rem;
}
.images-section .content .last-content .images-first-section {
  display: flex;
  align-items: flex-end;
  gap: 1.25rem;
}
.images-section .content .last-content .images-first-section img {
  width: 21.25rem;
  height: 18.75rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.images-section .content .last-content .images-first-section :nth-child(2) {
  width: 15.625rem;
  height: 27.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.images-section .content .last-content .images-last-section {
  display: flex;
  flex-direction: column;
}
.images-section .content .last-content .images-last-section img {
  width: 38.125rem;
  height: 18.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 0px;
}
.images-section .content .last-content .images-last-section .info-content {
  display: flex;
  flex-direction: column;
  margin-top: 3.375rem;
  margin-left: 11.25rem;
  gap: 1.25rem;
  width: 29.375rem;
}
.images-section .content .last-content .images-last-section .info-content span {
  color: var(--night, #342F2C);
  font-family: Times New Roman;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5rem;
}

.images-section-mobile {
  display: none;
}
@media (orientation: portrait) {
  .images-section-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .images-section-mobile svg {
    margin-bottom: 2.54rem;
  }
  .images-section-mobile .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .images-section-mobile .content .first-content .text-section {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    text-align: left;
    padding-left: 7%;
    padding-right: 7%;
    margin-bottom: 2.125rem;
  }
  .images-section-mobile .content .first-content .text-section h1 {
    color: var(--pistachio, #CFE1A6);
  }
  .images-section-mobile .content .first-content .text-section img {
    width: 23.125rem;
    height: 23.125rem;
    align-self: center;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .images-section-mobile .content .first-content .text-section p {
    color: var(--night, #342F2C);
    font-family: Times New Roman;
    font-style: italic;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: 0px;
  }
  .images-section-mobile .content .last-content {
    display: flex;
    gap: 0.9375rem;
  }
  .images-section-mobile .content .last-content .images-first-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.9375rem;
  }
  .images-section-mobile .content .last-content .images-first-section .img1 {
    width: 12.5rem;
    height: 12.5rem;
  }
  .images-section-mobile .content .last-content .images-first-section .img2 {
    width: 10.93rem;
    height: 11.57rem;
  }
  .images-section-mobile .content .last-content .images-first-section .specification {
    margin-left: 2.1875rem;
    padding-top: 1.25rem;
    width: 9.625rem;
    height: 14.3125rem;
  }
  .images-section-mobile .content .last-content .images-first-section .specification span {
    color: var(--Night, #342F2C);
    font-family: "Poppins";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.13125rem;
    text-transform: uppercase;
  }
  .images-section-mobile .content .last-content .images-first-section .specification h5 {
    color: var(--Night, #342F2C);
    font-family: " Times New Roman";
    font-size: 1.875rem;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.09375rem;
    text-transform: lowercase;
  }
  .images-section-mobile .content .last-content .other-img {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
    margin-top: 5rem;
  }
  .images-section-mobile .content .last-content .other-img .img-1 {
    width: 12.5rem;
    height: 25rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .images-section-mobile .content .last-content .other-img .img-2 {
    width: 8.125rem;
    height: 8.125rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .images-section-mobile .content .images-last-section {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 1.25rem;
    justify-content: center;
    width: 100%;
    margin-bottom: 5rem;
  }
  .images-section-mobile .content .images-last-section img {
    width: 100%;
    height: 15.625rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .images-section-mobile .content .images-last-section .info-content {
    display: flex;
    flex-direction: column;
    padding-left: 7%;
    padding-right: 7%;
    height: 17.5rem;
  }
  .images-section-mobile .content .images-last-section .info-content span {
    color: var(--night, #342F2C);
    font-family: Times New Roman;
    font-style: italic;
    font-weight: 400;
    line-height: 1.75rem;
  }
}/*# sourceMappingURL=style.css.map */