@keyframes slide-in-left {
  0% {
    transform: translateX(-200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    transform: translateY(-200px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    transform: translateY(200px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.image-icon51,
.services-child {
  position: absolute;
  margin: 0 !important;
  left: 0;
  flex-shrink: 0;
  object-fit: cover;
}
.image-icon51 {
  top: 238px;
  border-radius: var(--br-11xs);
  width: 1691px;
  height: 450px;
  opacity: 0;
  z-index: 0;
}
.image-icon51.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-left;
}
.services-child {
  top: 2410px;
  width: 5000px;
  height: 2950px;
  z-index: 1;
}
.vector-icon16 {
  position: relative;
  width: 117.4px;
  height: 38px;
  flex-shrink: 0;
  cursor: pointer;
}
.portfolio11 {
  color: inherit;
  text-align: center;
  text-decoration: none;
}
.portfolio11.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-top;
}
.portfolio11:active,
.portfolio11:hover {
  font-family: var(--font-montserrat);
  font-size: var(--font-size-base);
  text-align: center;
}
.portfolio11:hover {
  font-weight: 600;
  color: var(--color-snow-100);
  cursor: pointer;
}
.portfolio11:active {
  font-weight: 700;
  color: var(--color-white);
}
.about-us11,
.contact5,
.portfolio11,
.services12 {
  position: relative;
  line-height: 145%;
  opacity: 0;
  cursor: pointer;
}
.services12.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-top;
}
.services12:active,
.services12:hover {
  font-family: var(--font-montserrat);
  color: var(--color-snow-100);
}
.services12:hover {
  font-weight: 600;
  text-align: center;
}
.services12:active {
  font-weight: 700;
}
.about-us11,
.contact5 {
  color: inherit;
  text-decoration: none;
}
.about-us11.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-top;
}
.about-us11:active,
.about-us11:hover {
  font-family: var(--font-montserrat);
  text-align: center;
}
.about-us11:hover {
  font-weight: 600;
  font-size: var(--font-size-base);
  color: var(--color-snow-100);
}
.about-us11:active {
  font-weight: 700;
  color: var(--color-white);
}
.contact5 {
  text-align: center;
}
.contact5.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-top;
}
.contact5:active,
.contact5:hover {
  font-weight: 600;
  font-family: var(--font-montserrat);
  color: var(--color-snow-100);
}
.contact5:active {
  font-weight: 700;
  color: var(--color-white);
}
.vector-icon17 {
  position: relative;
  width: 32px;
  height: 23px;
  flex-shrink: 0;
  display: none;
}
.portfolio-parent4,
.vector-wrapper7 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.vector-wrapper7 {
  width: 43px;
  height: 35px;
  flex-shrink: 0;
  display: none;
}
.portfolio-parent4 {
  flex: 1;
  display: flex;
}
.vector-parent12 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-320xl);
  z-index: 2;
  font-size: var(--font-size-base);
}
.services-item {
  width: 1354px;
  height: 452px;
  flex-shrink: 0;
  z-index: 3;
}
.services13 {
  position: relative;
  line-height: 145%;
  font-weight: 600;
  opacity: 0;
}
.services13.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-left;
}
.services13:hover {
  font-weight: 700;
  font-family: var(--font-montserrat);
}
.frame-child44 {
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 2.21px;
  opacity: 0.7;
}
.frame-child44.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-right;
}
.services-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-70xl);
  z-index: 4;
  font-size: 44.28px;
}
.image-icon52 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 644.24px;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 0;
}
.image-icon52.animate {
  animation: 1s ease 0s 1 normal forwards fade-in;
}
.frame-child45 {
  cursor: pointer;
  border: 1.1px solid var(--color-gray-100);
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.frame-child45.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-bottom;
}
.frame-child45:hover {
  background-color: var(--color-gray-300);
}
.frame-child45:active {
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-100);
  box-sizing: border-box;
}
.contact-us11,
.frame-child45,
.rectangle-parent1 {
  width: 244.63px;
  height: 50.92px;
  opacity: 0;
}
.contact-us11 {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 145%;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-us11.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-bottom;
}
.contact-us11:hover {
  font-weight: 700;
  font-family: var(--font-montserrat);
}
.contact-us11:active {
  color: var(--color-white);
}
.rectangle-parent1 {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}
.rectangle-parent1.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-bottom;
}
.image-parent23 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-63xl);
}
.span {
  font-weight: 500;
  font-family: var(--font-montserrat);
}
.looking-to-upgrade-your-living {
  margin: 0;
}
.looking-to-upgrade-container {
  line-height: 145%;
  color: inherit;
  white-space: pre-wrap;
  display: inline-block;
  height: 209px;
  text-decoration: none;
  opacity: 0;
}
.looking-to-upgrade-container.animate,
.our-expert-team.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-right;
}
.image-icon53,
.looking-to-upgrade-container,
.our-expert-team {
  align-self: stretch;
  position: relative;
  flex-shrink: 0;
}
.our-expert-team {
  font-size: var(--font-size-base);
  color: inherit;
  display: inline-block;
  height: 145px;
  text-decoration: none;
  opacity: 0.8;
}
.image-icon53 {
  max-width: 100%;
  overflow: hidden;
  height: 354.22px;
  object-fit: cover;
  opacity: 0;
}
.image-icon53.animate,
.image-icon54.animate {
  animation: 1s ease 0s 1 normal forwards fade-in;
}
.looking-to-upgrade-your-living-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-8xl);
  text-align: left;
  font-size: 22.14px;
}
.frame-parent30 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-138xl);
  z-index: 5;
  text-align: center;
  font-size: 17.71px;
}
.image-icon54,
.image-icon55 {
  position: relative;
  border-radius: var(--br-11xs);
  object-fit: cover;
  opacity: 0;
}
.image-icon54 {
  width: 2000px;
  height: 668px;
  flex-shrink: 0;
  z-index: 6;
}
.image-icon55 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  height: 590px;
  cursor: pointer;
}
.image-icon55.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-left;
}
.image-icon55:hover {
  border: 2px solid var(--color-white);
  box-sizing: border-box;
}
.hardscapes2,
.our-experienced-team1 {
  align-self: stretch;
  position: relative;
  line-height: 145%;
}
.hardscapes2 {
  text-transform: uppercase;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  opacity: 0;
}
.hardscapes2.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-top;
}
.hardscapes2:hover {
  font-weight: 600;
  font-family: var(--font-montserrat);
}
.our-experienced-team1 {
  font-size: var(--font-size-base);
  opacity: 0.8;
}
.learn-more8.animate,
.our-experienced-team1.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-bottom;
}
.hardscapes-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-31xl);
}
.learn-more8 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-base);
  text-decoration: underline;
  line-height: 145%;
  text-transform: uppercase;
  color: inherit;
  opacity: 0;
}
.learn-more8:hover {
  font-weight: 600;
  font-family: var(--font-montserrat);
}
.frame-parent31,
.image-parent24 {
  display: flex;
  justify-content: flex-start;
}
.frame-parent31 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-81xl);
}
.image-parent24 {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-102xl);
  cursor: pointer;
  z-index: 7;
  color: var(--color-snow-100);
}
.image-icon56 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-11xs);
  max-width: 100%;
  overflow: hidden;
  height: 352px;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 0;
}
.image-icon56.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-left;
}
.image-icon56:hover {
  border: 2px solid var(--color-white);
  box-sizing: border-box;
}
.image-parent25 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.image-icon57 {
  flex: 1;
  position: relative;
  border-radius: var(--br-11xs);
  max-width: 100%;
  overflow: hidden;
  height: 774px;
  object-fit: cover;
  opacity: 0;
}
.image-icon57.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-right;
}
.image-icon57:hover {
  border: 2px solid var(--color-white);
  box-sizing: border-box;
}
.frame-parent32,
.frame-parent33 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-41xl);
  cursor: pointer;
  z-index: 8;
}
.frame-parent33 {
  align-items: center;
  gap: var(--gap-102xl);
  z-index: 9;
  color: var(--color-snow-100);
}
.image-icon59,
.image-icon60 {
  position: relative;
  border-radius: var(--br-11xs);
  object-fit: cover;
  opacity: 0;
  cursor: pointer;
}
.image-icon59 {
  width: 2000px;
  height: 673px;
  flex-shrink: 0;
  z-index: 10;
}
.image-icon59.animate {
  animation: 1s ease 0s 1 normal forwards fade-in;
}
.image-icon60 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  height: 590px;
}
.image-icon60.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-left;
}
.image-icon60:hover {
  border: 2px solid var(--color-white);
  box-sizing: border-box;
}
.frame-parent35,
.image-parent26 {
  display: flex;
  justify-content: flex-start;
}
.frame-parent35 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-81xl);
}
.image-parent26 {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-102xl);
  cursor: pointer;
  z-index: 11;
}
.image-icon61 {
  position: absolute;
  margin: 0 !important;
  top: -0.16px;
  left: 0;
  border-radius: var(--br-11xs);
  width: 1790px;
  height: 442px;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 0;
  z-index: 0;
}
.image-icon61.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-right;
}
.image-icon61:hover {
  border: 2px solid var(--color-gray-100);
  box-sizing: border-box;
}
.frame-parent36,
.frame-parent38,
.image-wrapper5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.image-wrapper5 {
  width: 1354px;
  height: 445px;
  flex-shrink: 0;
  position: relative;
  z-index: 12;
}
.frame-parent36,
.frame-parent38 {
  align-self: stretch;
  gap: var(--gap-102xl);
  z-index: 13;
}
.frame-parent38 {
  align-items: flex-start;
  gap: var(--gap-41xl);
  z-index: 14;
}
.take-a-look {
  position: relative;
  line-height: 145%;
  text-transform: uppercase;
  font-weight: 600;
  color: inherit;
  display: inline-block;
  width: 834px;
  text-decoration: none;
}
.take-a-look:hover {
  font-weight: 700;
  font-family: var(--font-montserrat);
}
.at-nuview-construction6,
.learn-more12 {
  align-self: stretch;
  position: relative;
  line-height: 145%;
  opacity: 0.8;
}
.at-nuview-construction6.animate,
.learn-more12.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-bottom;
}
.learn-more12 {
  text-decoration: underline;
  text-transform: uppercase;
  color: inherit;
  opacity: 0;
}
.deep-rock-rd5:hover,
.facebook5:hover,
.home5:hover,
.instagram5:hover,
.learn-more12:hover {
  font-weight: 600;
  font-family: var(--font-montserrat);
}
.at-nuview-construction-we-bel-parent2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-31xl);
  font-size: var(--font-size-base);
}
.take-a-look-at-what-we-do-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: var(--gap-21xl);
  cursor: pointer;
  z-index: 15;
  font-size: 44px;
}
.frame-child48,
.vector-icon18 {
  align-self: stretch;
  position: relative;
  flex-shrink: 0;
}
.frame-child48 {
  border-top: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  height: 1px;
  opacity: 0.2;
}
.vector-icon18 {
  max-width: 100%;
  overflow: hidden;
  height: 56px;
  cursor: pointer;
}
.facebook5,
.instagram5 {
  text-decoration: none;
  position: relative;
  font-weight: 500;
  color: inherit;
  display: inline-block;
  width: 85.75px;
}
.facebook5 {
  width: 81.67px;
}
.instagram-parent3,
.vector-parent13 {
  align-self: stretch;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.instagram-parent3 {
  height: 50px;
  gap: var(--gap-3xs);
}
.vector-parent13 {
  width: 174px;
  gap: var(--gap-25xl);
}
.deep-rock-rd5,
.website-by-vasilina5 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
}
.deep-rock-rd5 {
  text-decoration: none;
  color: inherit;
}
.website-by-vasilina5 {
  opacity: 0.2;
}
.deep-rock-rd-rochester-ny-146-parent3,
.infonvroccom-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.deep-rock-rd-rochester-ny-146-parent3 {
  flex: 1;
  gap: var(--gap-45xl);
}
.infonvroccom-parent3 {
  gap: var(--gap-3xs);
}
.nuview-construction-llc5 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
}
.frame-parent40 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.home5 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  cursor: pointer;
}
.frame-parent39,
.home-parent3 {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
}
.home-parent3 {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-3xs);
  text-align: right;
}
.frame-parent39 {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-161xl);
}
.line-parent4,
.services11 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.line-parent4 {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-81xl);
  z-index: 16;
  font-size: var(--font-size-base);
}
.services11 {
  position: relative;
  background-color: var(--color-snow-100);
  width: 100%;
  overflow: hidden;
  padding: var(--padding-31xl) var(--padding-101xl);
  box-sizing: border-box;
  align-items: center;
  gap: var(--gap-131xl);
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-gray-100);
  font-family: var(--font-montserrat);
}
@media screen and (max-width: 1200px) {
  .image-icon51 {
    width: 1200px;
  }
  .about-us11,
  .contact5,
  .portfolio11,
  .services12 {
    font-size: var(--font-size-sm);
  }
  .vector-icon17 {
    display: none;
  }
  .portfolio-parent4 {
    gap: var(--gap-41xl);
  }
  .frame-child44 {
    flex: 1;
  }
  .looking-to-upgrade-your-living-parent {
    gap: 120px;
  }
  .frame-parent30 {
    gap: var(--gap-81xl);
  }
  .image-icon54 {
    width: 1200px;
  }
  .frame-parent32 {
    gap: var(--gap-36xl);
  }
  .image-icon59 {
    width: 1200px;
  }
  .frame-parent38 {
    gap: var(--gap-36xl);
  }
  .frame-parent39 {
    gap: var(--gap-121xl);
  }
  .services11 {
    padding-left: var(--padding-81xl);
    padding-right: var(--padding-81xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 960px) {
  .image-icon51 {
    width: 960px;
  }
  .services-child {
    width: 5000px;
    height: 3900px;
  }
  .about-us11,
  .contact5,
  .portfolio11,
  .services12 {
    font-size: var(--font-size-3xs);
  }
  .portfolio-parent4 {
    gap: var(--gap-21xl);
  }
  .services-item,
  .vector-parent12 {
    gap: var(--gap-231xl);
  }
  .rectangle-parent1 {
    display: flex;
  }
  .looking-to-upgrade-your-living-parent {
    gap: var(--gap-81xl);
  }
  .frame-parent30 {
    gap: var(--gap-61xl);
  }
  .image-icon54 {
    width: 960px;
  }
  .image-icon55 {
    height: 450px;
  }
  .frame-parent31,
  .image-icon55 {
    flex: unset;
    align-self: stretch;
  }
  .image-parent24 {
    flex-direction: column;
  }
  .frame-parent32,
  .image-parent25 {
    gap: var(--gap-31xl);
  }
  .frame-parent32 {
    flex-direction: row;
  }
  .frame-parent33 {
    flex-direction: column;
  }
  .image-icon59 {
    width: 960px;
  }
  .image-icon60 {
    height: 450px;
  }
  .frame-parent35,
  .image-icon60 {
    flex: unset;
    align-self: stretch;
  }
  .image-parent26 {
    flex-direction: column;
  }
  .image-wrapper5 {
    gap: var(--gap-231xl);
  }
  .frame-parent36 {
    flex-direction: column;
  }
  .frame-parent38 {
    flex-direction: row;
    gap: var(--gap-31xl);
  }
  .at-nuview-construction-we-bel-parent2,
  .take-a-look {
    align-self: stretch;
    width: auto;
  }
  .frame-parent39 {
    gap: var(--gap-31xl);
  }
  .line-parent4 {
    gap: var(--gap-56xl);
  }
  .services11 {
    padding-left: var(--padding-21xl);
    padding-right: var(--padding-21xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 420px) {
  .image-icon51 {
    width: 420px;
  }
  .about-us11,
  .contact5,
  .portfolio11,
  .services12 {
    display: none;
  }
  .vector-icon17 {
    display: flex;
    flex: 1;
    opacity: 0;
  }
  .vector-icon17.animate {
    animation: 1s ease 0s 1 normal forwards fade-in;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .vector-wrapper7 {
    display: flex;
  }
  .portfolio-parent4 {
    display: flex;
    width: 32px;
  }
  .services-item,
  .vector-parent12 {
    gap: var(--gap-161xl);
  }
  .services13 {
    font-size: var(--font-size-19xl);
  }
  .rectangle-parent1 {
    display: none;
    align-self: stretch;
    width: auto;
  }
  .image-parent23 {
    flex: unset;
    align-self: stretch;
  }
  .looking-to-upgrade-your-living-parent {
    gap: 160px;
    flex: unset;
    align-self: stretch;
  }
  .frame-parent30 {
    flex-direction: column;
    gap: var(--gap-31xl);
  }
  .image-icon54 {
    width: 420px;
    height: 350px;
  }
  .image-icon55 {
    display: flex;
  }
  .image-parent25 {
    gap: var(--gap-31xl);
  }
  .image-icon57,
  .image-parent25 {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent32 {
    display: none;
    flex-direction: column;
    gap: var(--gap-xl);
  }
  .image-icon59 {
    width: 420px;
    height: 350px;
  }
  .frame-parent35 {
    flex: 1;
  }
  .image-icon61 {
    height: 300px;
  }
  .image-wrapper5 {
    height: 300px;
    gap: var(--gap-161xl);
  }
  .frame-parent38 {
    display: none;
    flex-direction: column;
    gap: var(--gap-xl);
  }
  .website-by-vasilina5 {
    display: none;
  }
  .deep-rock-rd-rochester-ny-146-parent3 {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent40,
  .home-parent3 {
    align-items: flex-start;
    justify-content: flex-start;
    flex: unset;
    align-self: stretch;
  }
  .home-parent3 {
    display: none;
  }
  .frame-parent39 {
    flex-direction: column;
    gap: var(--gap-6xl);
  }
  .line-parent4 {
    gap: var(--gap-31xl);
  }
  .services11 {
    gap: var(--gap-81xl);
  }
}