.home {
  width: 100%;
  .home-hero {
    height: 100vh;
    .home-hero-title {
      position: absolute;
      z-index: +1;
      top: 40vh;
      width: 100%;
      h1 {
        font-family: var(--text);
        font-size: 4rem;
        color: var(--bg);
        font-style: italic;
        font-weight: var(--bold);
        padding-left: 5%;
        p {
          margin-bottom: 1rem;
        }
        p:nth-child(2) {
          padding-left: 10%;
        }
        p:nth-child(3) {
          padding-left: 15%;
        }
      }
      h2 {
        font-style: italic;
        font-size: 1.8rem;
        color: var(--bg);
        padding-left: 20%;
      }
    }

    .home-hero-img {
      position: absolute;
      top: 0;
      picture {
        img {
          width: 100%;
          height: 100vh;
          object-fit: cover;
          object-position: center center;
          filter: brightness(65%);
        }
      }
    }
  }
  @media (min-width: 768px) {
    .home-hero {
      height: 50vh;

      .home-hero-title {
        padding-left: 20%;
        top: 20vh;
        h1 {
          p:nth-child(3) {
            padding-left: 5%;
          }
        }
        h3 {
          padding-left: 10%;
        }
      }
      .home-hero-img {
        width: 100%;
        picture {
          img {
            width: 100%;
            height: 50vh;
          }
        }
      }
    }
  }

  @media (min-width: 992px) {
    .home-hero {
      height: 70vh;

      .home-hero-title {
        top: 25vh;
        h1 {
          font-size: 6rem;
        }
        h3 {
          font-size: 3rem;
        }
      }
      .home-hero-img {
        picture {
          img {
            height: 70vh;
          }
        }
      }
    }
  }

  .home-bungalows {
    margin: 5rem auto;
    h2 {
      text-align: center;
      font-size: 3.5rem;
      margin-bottom: 2rem;
    }
    .home-bungalows-info {
      width: 80%;
      margin: 0 auto;
      background-color: var(--bg-blue-light);
      box-shadow: 13px 6px 15px #0009;
      padding: 1rem;
      z-index: +1;
      position: relative;
      top: 3rem;
      h3 {
        text-align: center;
        font-size: 2.5rem;
        margin-bottom: 2rem;
      }
      p {
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 2rem;
        font-family: var(--content);
      }
    }
    .home-galery {
      .galery-home {
        height: 60vh;
        width: 95%;
        margin: 0 auto;
        box-shadow: 13px 6px 15px #0009;
        .n2-ss-align.n2-ss-align-visible {
          height: 100%;
          .n2-padding {
            height: 100%;
            .n2-ss-slider {
              height: 100%;
              .n2-ss-slider-wrapper-inside {
                height: 100%;
                .n2-ss-slider-2.n2-ow {
                  height: 100%;
                  .n2-ss-slider-3.n2-ow {
                    height: 100%;
                    .n2-ss-slide-backgrounds.n2-ow-all {
                      height: 100%;
                      .n2-ss-slide-background {
                        height: 100%;
                        .n2-ss-slide-background-image {
                          height: 100%;
                          picture {
                            img {
                              height: 100%;
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  @media (min-width: 768px) {
    .home-bungalows {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: 0.5fr 2fr 0.5fr;
      grid-template-areas:
        "title galery"
        "text galery"
        "empty galery";

      h2 {
        grid-area: title;
      }

      .home-bungalows-info {
        grid-area: text;
        height: max-content;
        width: 100%;
        margin-left: 10%;
      }

      .home-galery {
        grid-area: galery;
      }
    }
  }

  @media (min-width: 1200px) {
    .home-bungalows {
      width: 70%;
      margin: 5rem 15%;

      h2 {
        grid-area: title;
      }

      .home-bungalows-info {
        grid-area: text;
        height: max-content;
        width: 100%;
        margin-left: 10%;
        align-self: center;
      }

      .home-galery {
        grid-area: galery;
      }
    }
  }

  .home-reviews {
    width: 90%;
    margin: 4rem auto;
    max-width: 1080px;
    padding-top: 4rem;
    .wprs_unslider {
      .wprev-slider {
        height: max-content;
        .wprs_unslider-wrap.wprs_unslider-carousel {
          li {
            display: flex;
            flex-flow: column nowrap;
            align-items: center;
            min-height: 500px;
            .wprevpro_t1_outer_div.w3_wprs-row-padding {
              position: relative;
              height: 100%;
              .wprevpro_t1_DIV_1.w3_wprs-col {
                height: 100%;
                .indrevdiv.wprevpro_t1_DIV_2.wprev_preview_bg1_T1.wprev_preview_bradius_T1 {
                  height: 100%;
                  padding-top: 13rem;
                  padding-left: 2.5rem;
                  padding-right: 2.5rem;
                  box-shadow: 7px 4px 10px #0009;
                  border: none;
                  p {
                    text-align: center;
                    padding-top: 1rem;
                    border-top: 2px solid var(--bg-blue);
                    .wprevpro_star_imgs_T1 {
                      width: 100%;
                      position: absolute;
                      top: 0%;
                      left: 50%;
                      transform: translateX(-50%);
                      padding-top: 10rem;
                      z-index: +500;
                      .svgicons.svg-wprsp-star {
                        background-color: var(--bg-blue);
                        margin: 0 0.5rem;
                        width: 2rem;
                        height: 2rem;
                      }
                    }
                  }
                }
                .indrevdiv.wprevpro_t1_DIV_2.wprev_preview_bg1_T1.wprev_preview_bradius_T1::before,
                .indrevdiv.wprevpro_t1_DIV_2.wprev_preview_bg1_T1.wprev_preview_bradius_T1::after {
                  display: none;
                }
                .wprevpro_t1_A_8 {
                  position: absolute;
                  top: 0%;
                  left: 50%;
                  transform: translateX(-50%);
                  z-index: +500;
                  img {
                    width: 6rem;
                    height: 6rem;
                  }
                }
                .wprevpro_t1_SPAN_5.wprev_preview_tcolor2_T1 {
                  position: absolute;
                  top: 0%;
                  left: 50%;
                  width: 100%;
                  padding-top: 7rem;
                  text-align: center;
                  transform: translateX(-50%);
                  z-index: +500;
                }
              }
            }
          }
        }
      }
    }
    .wprs_unslider:last-child {
      display: none;
    }
    @media (min-width: 992px) {
      .wprs_unslider:first-of-type {
        display: none;
      }
      .wprs_unslider:last-child {
        display: block;
        .wprev-slider {
          .wprs_unslider-wrap.wprs_unslider-carousel {
            li {
              min-height: auto;
              .wprevpro_t1_outer_div.w3_wprs-row-padding {
                .wprevpro_t1_DIV_1.w3_wprs-col {
                  position: relative;
                  .wprevpro_t1_A_8 {
                    top: -3%;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .home-predio {
    h2 {
      padding-top: 2rem;
      text-align: center;
      font-size: 3.5rem;
      background-color: var(--link-active);
    }
    h3 {
      text-align: center;
      font-size: 2.5rem;
      background-color: var(--link-active);
    }
    .home-predio-img {
      background-color: var(--link-active);
      width: 100%;
      margin: 0;
      padding: 5%;
      picture {
        img {
          width: 100%;
          object-fit: cover;
          object-position: center center;
          margin-bottom: 2rem;
        }
      }
    }

    .home-predio-text {
      width: 100%;
      position: relative;
      picture {
        img {
          width: 100%;
          height: 85vh;
          object-fit: cover;
          object-position: center center;
        }
      }
      .predio-text {
        width: 80%;
        margin-left: 10%;
        position: absolute;
        top: 10%;
        z-index: +1;
        background-color: var(--bg-blue-light);
        padding: 1rem;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-evenly;
        align-items: center;
        box-shadow: 13px 6px 15px #0009;

        h3 {
          text-align: center;
          font-size: 2.5rem;
          margin-bottom: 1rem;
          background: none;
        }

        p {
          font-size: 1.6rem;
          text-align: center;
          margin-bottom: 1rem;
          font-family: var(--content);
        }
      }
    }
  }

  @media (min-width: 768px) {
    .home-predio {
      .home-predio-img {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 35vh);
        grid-template-areas:
          "vertical up"
          "vertical down";
        gap: 2rem;
        picture {
          width: 100%;
          height: 100%;
          img {
            width: 100%;
            height: 100%;
          }
        }
        picture:nth-child(1) {
          grid-area: vertical;
        }
        picture:nth-child(2) {
          grid-area: up;
        }
        picture:nth-child(3) {
          grid-area: down;
        }
      }
      
      .home-predio-img.resto {
        grid-template-areas:
          "up vertical"
          "down vertical";
      }

      .home-predio-text {
        picture {
          display: block;
          img {
            height: 50vh;
            object-position: center bottom;
          }
        }
        .predio-text {
          width: 50%;
        }
      }
    }
  }
  @media (min-width: 992px) {
    .home-predio {
      .home-predio-img {
        grid-template-rows: repeat(2, 25vh);
      }
    }
  }

  @media (min-width: 1200px) {
    .home-predio {
      .home-predio-img {
        grid-template-rows: repeat(2, 30vh);
      }

      .home-predio-text {
        picture {
          img {
            height: 70vh;
          }
        }
        .predio-text {
          margin-left: 0;
          width: 30%;
        }
      }
    }
  }
}