:root {
  --white: white;
  --black: black;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body {
  background-color: transparent;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  min-height: 100%;
  padding: 0;
  display: flex;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100vw;
  margin-left: -2vw;
  height: 100%;
  padding: 0;
  transform: scale(1);
  box-sizing: border-box;
}

.cell {
  justify-content: center;
  align-items: center;
}

.image {
  overflow: visible;
}

.window {
  z-index: 1;
  width: 73%;
  position: relative;
  top: 29%;
  left: 36%;
}

.tab-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.cactus {
  width: 80%;
  position: relative;
  top: -11%;
  left: 13%;
}

.birds {
  width: 80%;
  position: relative;
  top: 21%;
  left: -4%;
}

.image-2 {
  width: 240px;
}

.abstract {
  width: 90%;
  position: relative;
  top: 13%;
  left: 7%;
}

.girl {
  width: 80%;
  position: relative;
  top: -53%;
  left: 65%;
}

.image-3 {
  position: relative;
  top: 84%;
  left: -55%;
}

.image-4 {
  position: relative;
  top: 155%;
  left: 0%;
}

.lipstick {
  width: 120%;
  max-width: none;
  position: relative;
  top: 66%;
  left: -26%;
}

.couple {
  width: 93%;
  position: relative;
  top: 67%;
  left: -27%;
}

.depressed {
  width: 73%;
  position: relative;
  top: 71%;
  left: -6%;
}

.lamp {
  width: 75%;
  position: relative;
  top: 14%;
  left: -37%;
}

.converse {
  width: 90%;
  position: relative;
  top: -5%;
  left: -41%;
}

.image-5 {
  position: relative;
}

.green {
  width: 83%;
  position: relative;
  top: 37%;
  bottom: -146.907px;
  left: -31%;
}

.twogirls {
  width: 120%;
  max-width: none;
  position: relative;
  top: 38%;
  left: -42%;
}

.farhan {
  width: 75%;
  position: relative;
  top: 1%;
  left: 13%;
}

.stairs {
  z-index: 2;
  width: 70%;
  position: relative;
  top: -27%;
  left: 36%;
}

.fruits {
  z-index: 0;
  width: 117%;
  max-width: none;
  position: relative;
  top: 4%;
  left: -50%;
}

.legs {
  width: 120%;
  max-width: none;
  position: relative;
  top: 251%;
  left: 68%;
}

.subway {
  z-index: 1;
  width: 220%;
  max-width: none;
  position: relative;
  top: -57%;
  left: 173%;
}

.buildingg {
  width: 115%;
  max-width: none;
  position: relative;
  top: 21%;
  left: -48%;
}

.dark {
  width: 122%;
  max-width: none;
  position: relative;
  top: -14%;
  left: -108%;
}

.people {
  width: 100%;
  position: relative;
  top: -54%;
  left: 105%;
}

.girll {
  width: 88%;
  position: relative;
  top: 31%;
  left: -134%;
}

.heel {
  position: relative;
  top: 6%;
  left: -28%;
}

.ladki {
  width: 110%;
  max-width: none;
  position: relative;
  top: -12%;
  left: -41%;
}

.road {
  width: 90%;
  position: relative;
  top: -112%;
  left: 67%;
}

.church {
  width: 110%;
  max-width: none;
  position: relative;
  top: 63%;
  left: -131%;
}

.bridge {
  width: 100%;
  position: relative;
  top: -10%;
  bottom: 40.1845px;
  left: 39%;
}

.sadak {
  width: 80%;
  position: relative;
  top: 5%;
  left: -32%;
}

.garage {
  width: 50%;
  max-width: none;
  position: relative;
  top: 56%;
  left: -53%;
}

.aisha {
  width: 70%;
  max-width: none;
  position: relative;
  top: 35%;
  left: 3%;
}

.ananya {
  width: 88%;
  position: relative;
  top: 17%;
  left: 31%;
}

.greendress {
  width: 70%;
  position: relative;
  top: 61%;
  left: 90%;
}

.gloves {
  width: 80%;
  position: relative;
  top: 38%;
  bottom: -64.7453px;
  left: -4%;
}

.skeewi {
  width: 90%;
  position: relative;
  top: 35%;
  left: 8%;
}

.birds-phone, .two-girls-phone, .abstract-phone, .depressed-phone, .window-phone, .stairs-phone, .subway-phone, .couple-phone, .fruits-phone, .ananya-phone, .woman-phone, .legs-phone, .red-phone, .fade-phone, .aisha-phone, .white-phone, .ayesha-phone, .farhan-phone, .lipstick-phone, .church-phone, .girl-phone, .bridge-phone, .tram-phone {
  display: none;
}

@media screen and (max-width: 991px) {
  .body {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
    justify-content: center;
    align-items: center;
  }

  .grid {
    flex: 0 auto;
    align-self: center;
    width: 800px;
    height: 800px;
    transform: scale(1.1);
  }

  .window {
    width: 80%;
    top: -72%;
    left: 13%;
  }

  .quick-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0;
  }

  .cactus {
    left: -49%;
  }

  .birds {
    width: 85%;
    top: -2%;
    left: -58%;
  }

  .abstract {
    width: 60%;
    top: -13%;
    left: -94%;
  }

  .girl {
    z-index: 2;
    width: 55%;
    left: 77%;
  }

  .lipstick {
    width: 110%;
    top: -27%;
    left: -98%;
  }

  .couple {
    top: 16%;
    left: -100%;
  }

  .depressed {
    z-index: 4;
    width: 65%;
    top: 32%;
    left: -59%;
  }

  .lamp {
    z-index: 4;
    width: 60%;
    left: -50%;
  }

  .converse {
    display: none;
  }

  .green {
    width: 75%;
    top: -5%;
    left: -57%;
  }

  .twogirls {
    width: 200%;
    top: 46%;
  }

  .farhan {
    width: 90%;
    top: -20%;
    left: -4%;
  }

  .stairs {
    width: 50%;
    top: -142%;
    left: -16%;
  }

  .fruits {
    width: 110%;
    top: -107%;
    left: -101%;
  }

  .legs {
    width: 170%;
    top: 148%;
    left: -133%;
  }

  .subway {
    width: 150%;
    top: -152%;
    left: -180%;
  }

  .buildingg {
    display: none;
  }

  .dark {
    width: 120%;
    top: -133%;
    bottom: auto;
    left: -196%;
  }

  .people {
    z-index: 4;
    width: 110%;
    max-width: none;
    top: -203%;
    left: -71%;
  }

  .girll {
    width: 95%;
    top: -62%;
    left: -218%;
  }

  .heel {
    width: 90%;
    max-width: none;
    top: -100%;
    left: -164%;
  }

  .ladki {
    top: -103%;
    left: -121%;
  }

  .road {
    z-index: 4;
    width: 180%;
    max-width: none;
    top: -122%;
    left: 35%;
  }

  .church {
    width: 120%;
    top: -133%;
    left: -129%;
  }

  .bridge {
    top: -80%;
    bottom: auto;
    left: 27%;
  }

  .sadak {
    width: 110%;
    top: -51%;
    left: -11%;
  }

  .garage {
    display: none;
  }

  .aisha {
    width: 80%;
    top: -14%;
    left: -162%;
  }

  .ananya {
    width: 75%;
    top: -67%;
    left: -58%;
  }

  .greendress {
    width: 60%;
    top: -175%;
    left: 42%;
  }

  .gloves {
    width: 120%;
    max-width: none;
    top: -67%;
    left: 43%;
  }

  .skeewi {
    width: 70%;
    top: -106%;
    left: 22%;
  }

  .birds-phone {
    width: 30%;
    display: none;
    position: absolute;
  }
}

@media screen and (max-width: 767px) {
  .grid {
    transform: scale(1.2);
  }

  .birds-phone {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .body {
    background-image: transparent ;
    border: 10px #000;
    justify-content: center;
    align-items: center;
    display: block;
    transform: none;
  }

  .grid {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .cell {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .window {
    position: relative;
    top: 334%;
    left: -167%;
  }

  .cactus {
    display: none;
    position: static;
  }

  .birds {
    width: 100%;
    min-width: 100%;
    position: relative;
    top: -4.6vh;
    left: -75%;
  }

  .abstract {
    position: relative;
    top: 17.3vh;
    left: 121%;
  }

  .girl {
    left: -17%;
  }

  .lipstick {
    position: static;
  }

  .couple {
    position: relative;
    top: 618%;
    left: -20%;
  }

  .depressed {
    z-index: 99;
    position: relative;
    top: 20.9vh;
    left: -5%;
    overflow: visible;
  }

  .lamp {
    display: none;
    position: relative;
    top: 319%;
  }

  .green {
    display: none;
    position: relative;
    top: 499%;
    bottom: auto;
  }

  .twogirls {
    width: 100%;
    position: relative;
    top: -23.3vh;
    left: 225%;
  }

  .farhan {
    position: relative;
    top: 987%;
  }

  .stairs {
    position: relative;
    top: 867%;
  }

  .fruits {
    position: static;
  }

  .legs {
    position: relative;
    top: 651%;
  }

  .subway {
    top: -376%;
    left: -103%;
  }

  .dark {
    position: static;
  }

  .people {
    display: none;
    position: static;
  }

  .girll {
    position: static;
  }

  .heel {
    position: relative;
  }

  .ladki {
    position: static;
  }

  .road {
    position: relative;
    top: 83%;
    left: 134%;
  }

  .church {
    position: static;
  }

  .bridge {
    position: relative;
    top: 23%;
  }

  .sadak {
    display: none;
    position: relative;
    top: 381%;
  }

  .garage {
    position: static;
  }

  .aisha {
    width: 100%;
    position: relative;
    top: 396%;
    left: 53%;
  }

  .ananya {
    position: static;
  }

  .greendress {
    display: none;
  }

  .gloves {
    position: relative;
    top: 134%;
    bottom: auto;
    left: -32%;
  }

  .skeewi {
    width: 100%;
    position: relative;
    top: 125%;
    left: -10%;
  }

  .birds-phone {
    width: 37%;
    display: block;
    position: absolute;
    top: 4%;
    left: 2%;
  }

  .two-girls-phone {
    border: 1px #000;
    width: 36%;
    display: block;
    position: absolute;
    top: 4%;
    left: 61%;
  }

  .abstract-phone {
    z-index: 1;
    width: 19%;
    display: block;
    position: absolute;
    top: 19%;
    left: 21%;
  }

  .depressed-phone {
    z-index: 2;
    width: 27%;
    display: block;
    position: absolute;
    top: 22%;
    bottom: 0%;
    left: 33%;
    right: 0%;
  }

  .window-phone {
    width: 50%;
    display: inline-block;
    position: absolute;
    top: 28.5%;
    left: 37.5%;
  }

  .stairs-phone {
    width: 16%;
    display: block;
    position: absolute;
    top: 29.5%;
    left: 84%;
  }

  .subway-phone {
    width: 28.5%;
    display: block;
    position: absolute;
    top: 33%;
    left: 12%;
  }

  .couple-phone {
    width: 31.5%;
    display: block;
    position: absolute;
    top: 44%;
    left: 2%;
  }

  .fruits-phone {
    z-index: 4;
    width: 31%;
    display: block;
    position: absolute;
    top: 53%;
    left: 68.5%;
  }

  .ananya-phone {
    width: 23.5%;
    display: block;
    position: absolute;
    top: 73%;
    left: 2%;
  }

  .woman-phone {
    width: 45%;
    display: block;
    position: absolute;
    top: 58%;
    left: 16%;
  }

  .legs-phone {
    z-index: 6;
    width: 14%;
    display: block;
    position: absolute;
    top: 60.5%;
    left: 53%;
  }

  .red-phone {
    z-index: 5;
    width: 25%;
    display: block;
    position: absolute;
    top: 65%;
    left: 65%;
  }

  .fade-phone {
    width: 16.5%;
    display: block;
    position: absolute;
    top: 76%;
    left: 45%;
  }

  .aisha-phone {
    width: 32%;
    display: block;
    position: absolute;
    top: 131.5%;
    left: 4%;
  }

  .black {
    width: 40%;
    position: absolute;
    top: 193%;
    left: 50%;
  }

  .white-phone {
    width: 56%;
    display: block;
    position: absolute;
    top: 133%;
    left: 40%;
  }

  .ayesha-phone {
    width: 26%;
    display: block;
    position: absolute;
    top: 116%;
    left: 25.5%;
  }

  .farhan-phone {
    width: 49%;
    display: block;
    position: absolute;
    top: 114%;
    left: 47%;
  }

  .lipstick-phone {
    width: 40%;
    display: block;
    position: absolute;
    top: 87%;
    left: 6%;
  }

  .church-phone {
    z-index: 5;
    width: 30%;
    display: block;
    position: absolute;
    top: 98%;
    left: 62%;
  }

  .girl-phone {
    width: 21%;
    display: block;
    position: absolute;
    top: 104.5%;
    left: 5%;
  }

  .bridge-phone {
    width: 39%;
    display: block;
    position: absolute;
    top: 102%;
    left: 21.5%;
  }

  .tram-phone {
    width: 43.5%;
    display: block;
    position: absolute;
    top: 84.5%;
    left: 53%;
  }
}

#w-node-fd4386c2-f247-0683-aae6-bac866901c63-77fbb666 {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  display: grid;
}

#w-node-fd4386c2-f247-0683-aae6-bac866901c64-77fbb666 {
  grid-area: span 5 / span 3 / span 5 / span 3;
}

#w-node-_838cf025-61de-a377-0fbf-b0ff61474795-77fbb666, #w-node-_4099c5b0-3593-5839-ffac-f54cfd43633c-77fbb666 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_8105b0fd-c269-b12a-59e3-a9efb2491e06-77fbb666 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-_032e22e5-c4b5-84b3-02de-ff26bc74d40c-77fbb666 {
  grid-area: span 4 / span 3 / span 4 / span 3;
}

#w-node-_7077d64e-fda1-d3b8-c63b-ef6cf94ec2e3-77fbb666, #w-node-_4a42e881-6a69-d2f1-d141-87a2c15075e3-77fbb666 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_96263099-c3b5-e738-4f78-5a3ec84fef03-77fbb666 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-b2072e1b-531a-eb60-3e6b-eb8006e77343-77fbb666 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-_315b0fab-9b8b-18aa-5d5a-e10c7d98b614-77fbb666 {
  grid-area: span 4 / span 4 / span 4 / span 4;
}

#w-node-_46fd48a2-a2a3-515f-3fa3-fd88c6bc6676-77fbb666 {
  grid-area: span 3 / span 5 / span 3 / span 5;
}

#w-node-_8fc46133-3444-3e26-7436-664f8d2bec71-77fbb666 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-_0e7053ae-894d-cf12-e38f-c5bc2222016f-77fbb666 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-f0477950-10c4-3c07-1dd4-9b185837e0b3-77fbb666 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-d7d6ff37-3714-cd4f-7004-60c759f899f5-77fbb666 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_72ff7a60-1d5b-4403-c1c9-aab614bdc07f-77fbb666 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_0ced508f-d086-8569-ed7f-8a1a3c8fb4e0-77fbb666 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-d6cee541-e43f-8951-684f-089009645a61-77fbb666 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-a7c38b8c-12a7-675f-147a-9d90444caaa8-77fbb666 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_10f12cb7-9b79-f5f9-0d88-a0151aeaa22c-77fbb666 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-_1c1c706c-ba46-ee7d-e55c-bd9e23ceb337-77fbb666 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-ec828b03-a57a-b27a-a8c1-7308ac4a0c81-77fbb666 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-a87feac3-206f-cef7-e9ce-0dcc9539f8e5-77fbb666, #w-node-_569a97ea-5ee5-74d0-e58e-e3cd572a221b-77fbb666, #w-node-_10006a28-3768-71df-5060-f2fe0e3dd465-77fbb666, #w-node-_1bc4375c-32d0-31cf-2610-2387398ccef2-77fbb666 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-b3814e7a-993f-5aab-9def-4b3c72e98714-77fbb666 {
  grid-area: span 4 / span 3 / span 4 / span 3;
}

#w-node-_4bb27c4a-716d-f7bd-7e94-32bcd9d1bd6c-77fbb666 {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_7d1ce6fa-28ad-a937-c85b-7950d6e84f9b-77fbb666 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-ef0b5e50-42bc-6ad3-4676-7fb0cc34f308-77fbb666 {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_7a1e8c15-267f-df89-185b-622400d062e9-77fbb666 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-fd4386c2-f247-0683-aae6-bac866901c63-77fbb666 {
    display: grid;
  }
}

@media screen and (max-width: 767px) {
  #w-node-fd4386c2-f247-0683-aae6-bac866901c63-77fbb666 {
    display: grid;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fd4386c2-f247-0683-aae6-bac866901c63-77fbb666 {
    display: none;
  }

  #w-node-_838cf025-61de-a377-0fbf-b0ff61474795-77fbb666 {
    grid-area: span 3 / span 4 / span 3 / span 4;
  }

  #w-node-_7077d64e-fda1-d3b8-c63b-ef6cf94ec2e3-77fbb666 {
    grid-area: span 4 / span 4 / span 4 / span 4;
  }

  #w-node-_4bb27c4a-716d-f7bd-7e94-32bcd9d1bd6c-77fbb666 {
    grid-column: span 5 / span 5;
  }
}