.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.background {
  width: 100vw;
  height: 100vh;
  background-color: #4e5851;
}

.holding-page-grid {
  width: 100vw;
  height: 100%;
  grid-auto-flow: row;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 2.5fr;
  grid-template-columns: 1fr 2.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.left-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30vw;
  padding: 20px 40px 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.carousel {
  width: 100%;
}

.paragraph {
  position: relative;
  font-family: Inter, sans-serif;
  color: #f4ebe1;
  font-size: 25px;
  line-height: 1.1;
  font-weight: 300;
  letter-spacing: 0px;
}

.paragraph.light-style {
  font-size: 12px;
  font-weight: 100;
  letter-spacing: 1.9px;
  text-transform: uppercase;
}

.paragraph.padding-bottom {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f4ebe1;
  font-size: 23px;
  line-height: 1.1;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.paragraph.star {
  position: relative;
  top: 0px;
  z-index: 10;
  padding: 10px;
  font-size: 38px;
  cursor: pointer;
}

.paragraph.star.abs {
  position: absolute;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 3000;
  display: block;
  margin-left: 3px;
  opacity: 1;
  color: #4e5850;
  cursor: pointer;
}

.paragraph.email {
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 1px;
  text-decoration: none;
}

.star {
  position: relative;
  top: 8px;
  padding-right: 4px;
  font-size: 25px;
  font-weight: 400;
}

.slider {
  width: 70vw;
  height: 100%;
  background-color: transparent;
}

.slide {
  background-image: url('../images/Living-Room-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-2 {
  background-image: url('../images/Kitchen-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-3 {
  background-image: url('../images/Bathroom-1.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.b-logo {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-right: 0px;
}

.arrow {
  position: relative;
}

.arrow.left {
  width: 64px;
}

.arrow.right {
  width: 64px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.arrow.right.abs {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.arrow.abs {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 64px;
}

.left-arrow-div {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  margin-top: 20px;
  margin-left: 40px;
  padding: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-nav {
  display: none;
}

.right-arrow-div {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: auto;
  height: auto;
  margin-top: 20px;
  margin-right: 40px;
  padding: 10px;
}

.dropdown {
  position: absolute;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dropdown.hide {
  display: none;
}

.dropdown-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dropdown-list {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 300px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #f4ebe1;
  font-size: 1438px;
}

.dropdown-list.w--open {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.dropdown-list.new {
  position: relative;
  z-index: 100;
  height: auto;
  padding-top: 107px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dropdown-toggle {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.dropdown-toggle.abs {
  position: absolute;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  height: 60px;
  margin-top: 10px;
}

.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.project-name {
  display: block;
  padding-bottom: 18px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: Inter, sans-serif;
  color: #4e5850;
  font-size: 32px;
  line-height: 12px;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-decoration: none;
}

.project-address {
  padding-right: 0px;
  padding-left: 2px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 2.5px;
}

.project-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 52%;
  padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: Inter, sans-serif;
  color: #4e5850;
  font-size: 17px;
  line-height: 21px;
  letter-spacing: 1px;
}

.dropdown-left-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: auto;
  padding-bottom: 30px;
  padding-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dopdown-icon-div {
  position: relative;
  z-index: 200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block {
  position: relative;
}

.slide-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-image.s4 {
  background-image: url('../images/Exterior-01-1.jpg');
  background-position: 50% 50%;
}

.slide-image.s5 {
  background-image: url('../images/Terrace-1.jpg');
}

.slide-image.s6 {
  background-image: url('../images/1-Barons-Walk-fpz251227-17-1.jpg');
}

.slide-image.s7 {
  background-image: url('../images/1-Barons-Walk-fpz251227-3-1.jpg');
  background-position: 50% 50%;
}

.slide-image.s8 {
  background-image: url('../images/1-Barons-Walk-fpz251227-13-1.jpg');
}

.slide-image.s9 {
  background-image: url('../images/1-Barons-Walk-fpz251227-8-1.jpg');
}

.slide-image.s10 {
  background-image: url('../images/1-Barons-Walk-fpz251227-24-1.jpg');
}

.slide-image.s11 {
  background-image: url('../images/17.jpg');
}

.slide-image.s12 {
  background-image: url('../images/11.jpg');
}

.slide-image.s13 {
  background-image: url('../images/12.jpg');
}

.slide-image.s14 {
  background-image: url('../images/8-1.jpg');
}

@media screen and (max-width: 991px) {
  .paragraph.light-style {
    font-size: 8px;
  }

  .paragraph.padding-bottom {
    font-size: 16px;
  }

  .paragraph.email {
    width: auto;
    margin-right: 0px;
    font-size: 15px;
    letter-spacing: 1px;
  }

  .paragraph-div {
    width: 25vw;
  }

  .star {
    top: 6px;
    font-size: 17px;
    letter-spacing: 0px;
  }

  .project-name {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    padding-bottom: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    font-size: 25px;
    line-height: 1;
  }

  .project-address {
    font-size: 12px;
    line-height: 15px;
  }

  .project-description {
    font-size: 13px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .background {
    height: auto;
  }

  .left-grid {
    width: 100%;
  }

  .carousel {
    height: 70vh;
    min-height: 600px;
  }

  .paragraph-div {
    width: 100%;
  }

  .slider {
    width: 100%;
  }

  .b-logo {
    position: fixed;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
  }

  .left-arrow-div {
    margin-left: 20px;
  }

  .right-arrow-div {
    margin-right: 20px;
  }

  .image {
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 479px) {
  .carousel {
    height: auto;
    background-color: #f4ebe1;
  }

  .paragraph.email {
    font-size: 14px;
  }

  .paragraph-div {
    width: 85vw;
  }

  .slider {
    height: 760px;
  }

  .slide {
    background-position: 50% 100%;
    background-size: contain;
  }

  .slide-2 {
    background-position: 50% 100%;
    background-size: contain;
  }

  .slide-3 {
    background-position: 50% 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .dropdown-toggle {
    display: none;
  }

  .grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .project-address {
    margin-top: 30px;
  }

  .project-description {
    width: 100%;
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .dropdown-left-info {
    width: 100%;
    padding-bottom: 0px;
    padding-left: 30px;
  }

  .slide-image {
    background-size: contain;
  }

  .slide-image.s4 {
    background-position: 50% 100%;
    background-size: contain;
  }

  .slide-image.s7 {
    background-position: 50% 100%;
  }

  .slide-image.slide-2 {
    background-image: url('../images/Kitchen-1.jpg');
  }

  .slide-image.s2 {
    background-image: url('../images/Kitchen-1.jpg');
  }
}

#w-node-_841cb77e-af13-8820-51b7-40429337eaa3-6ba6bdda {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_0c795dcf-5157-c683-17d6-b9d3a079c2ae-6ba6bdda {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_9d1ddd98-86d3-7cbe-38ba-a734af30e327-6ba6bdda {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_6e296118-7539-c0b0-c918-05960838d1a0-6ba6bdda {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-c1a2c3fe-db8a-34b3-3e4b-326885e0467e-6ba6bdda {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-fdf893f6-2180-16e2-a3f5-59e129d5b3bc-6ba6bdda {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-d80f25fa-b0c4-42d2-ad20-66be59ac6fab-6ba6bdda {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_841cb77e-af13-8820-51b7-40429337eaa3-6ba6bdda {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_9d1ddd98-86d3-7cbe-38ba-a734af30e327-6ba6bdda {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
}