.banner {
  z-index: 100;
  position: relative;
  overflow-x: hidden; }
  .banner .banner-row {
    overflow: hidden;
    display: flex;
    align-items: center; }
    .banner .banner-row.center {
      justify-content: center;
      text-align: center; }
      .banner .banner-row.center .row-letter {
        left: 0; }
    .banner .banner-row.right {
      justify-content: flex-end; }
    .banner .banner-row .row-title,
    .banner .banner-row .row-letter {
      font-size: 28vw;
      font-weight: 500;
      position: relative;
      letter-spacing: -0.8vw;
      display: inline-block;
      white-space: nowrap; }
    .banner .banner-row .row-col {
      width: 50%;
      display: flex;
      align-content: center;
      justify-content: center; }
      .banner .banner-row .row-col .row-message {
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 2.6rem;
        width: 320px; }
    .banner .banner-row .scroll {
      height: 160px;
      width: 160px;
      border-radius: 100%;
      background: #000;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      left: 160px; }
      .banner .banner-row .scroll span {
        font-size: 18px;
        font-weight: 600;
        margin: 4px 0; }

.transition-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center; }
  .transition-image img {
    width: 800px;
    display: flex; }
  .transition-image.final {
    display: block;
    top: -128px;
    position: relative;
    width: 90%;
    margin: 0 auto;
    z-index: -100; }
    .transition-image.final img {
      width: 100%;
      max-width: 100%; }

.marquee {
  position: relative;
  overflow: hidden; }
  .marquee.animate .marquee__inner {
    animation-play-state: running; }
  .marquee .marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(calc(-25%), 0, 0);
    animation: marquee 5s linear infinite;
    animation-play-state: paused; }
  .marquee .row-title {
    padding: 0 8vw; }

@keyframes marquee {
  0% {
    transform: translate3d(calc(-25%), 0, 0); }
  100% {
    transform: translate3d(calc(-50%), 0, 0); } }

@keyframes marquee-lg {
  0% {
    transform: translate3d(calc(-25% + 10vw), 0, 0); }
  100% {
    transform: translate3d(calc(-50% + 10vw), 0, 0); } }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: 'Roboto', sans-serif;
  background-color: #151515;
  /* color: #fff; */
  color: #d9d9d9; }

body::-webkit-scrollbar {
  width: 0; }

.app::-webkit-scrollbar {
  width: 0; }

.navbar{
    margin-top: 3vw;
    z-index: 1;
    overflow: hidden;
}
.navbar__link1{
    text-decoration: none;
    color: #fff;
}
.navbar__line2{
    font-size: 1.4vw;
}
.line {
    margin-left: 0px;
}
.navbar__div5{
    display: flex;
}
.navbar__div1{
    display: flex;
    justify-content: space-between;
    margin-left: 4vw;
    margin-right: 4vw;
}
.navbar__div3{
   margin-left: 38vw;
}

.navbar__line1{
    margin-right: 6vw;
}
.navbar__div6{
    display: flex;
    justify-content: space-around;
}
@media (max-width: 1024px) {
    .navbar__div3{
        margin-left: 33vw;
     }
}
@media (max-width: 768px) {
    .navbar__div3{
        margin-left: 30vw;
     }
}
@media (max-width: 600px) {
    .navbar__div3{
        margin-left: 25vw;
     }
}
@media (max-width: 500px) {
    .navbar__div3{
        margin-left: 20vw;
     }
}
@media (max-width: 425px) {
    .navbar__div3{
        display: none;
     }
}
.homeScreen{
    overflow-x: hidden;
}
.homeScreen__div2 video{
    display: block;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.homeScreen__div2{
    position: absolute;
  top: 0;
  left: 0;
  /** could be any size **/
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.homeScreen__div1{
    overflow-x: hidden;
    height: 100vh;
}
.homeScreen__div4{
    z-index: 1;
    position: relative;
    margin-top: -30vw;
    margin-left: 26vw;
}
.homeScreen__div5{
    font-size: 8vw;
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
    display: flex;
    object-fit: contain;
}
.homeScreen__div5:hover {
    color: #fff;
}
.homeScreen__div6{
    font-size: 8vw;
    line-height: 8vw;
    position: relative;
    left: -12vw;
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
    display: flex;
    object-fit: contain;
}
.homeScreen__div6:hover {
    color: #fff;
}
.homeScreen__div7{
    font-size: 8vw;
    line-height: 19vw;
    margin-left: 0vw;
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
    display: flex;
    object-fit: contain;
}
.homeScreen__div7:hover {
    color: #fff;
}
.homeScreen__line1{
    font-weight: 400;
    margin-left: 14vw;
    margin-top: 1.3vw;
}
.homeScreen__div8{
    margin-top: 8vw;
}
.homeScreen__div9{
    border: 1px solid #d9d9d9;
    width: 85vw;
    margin-left: 9vw;
    background-color: #d9d9d9;
}
.homeScreen__div11{
    border: 1px solid #d9d9d9;
    width: 85vw;
    margin-left: 9vw;
    background-color: #d9d9d9;
}
.homeScreen__div10{
    width: 90vw;
    font-size: 1.8vw;
    justify-content: center;
    text-align: center;
    margin-top: 3vw;
    margin-bottom: 3vw;
    color: #d9d9d9;
}
.homeScreen__div12{
    margin-top: 6vw;
    overflow: hidden;
}
.homeScreen__div13{
    font-size: 4.4vw;
    width: 90vw;
    text-align: center;
    margin-left: 6.5vw;
    letter-spacing: 2px;
}
.homeScreen__div15{
    /* line-height: 6.3vw; */
    line-height: 5.7vw;
}
.homeScreen__span{
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
}
.homeScreen__span:hover{
    color: #fff;
}
.homeScreen__div16{
    margin-top: 2.4vw;
    /* margin-left: 10rem; */
    text-align: center;
    justify-content: center;
    font-size: 1.2vw;
    letter-spacing: 1px;
}
/* .homeScreen__line3{
    font-weight: 400;
    width: 20%;
}
.homeScreen__div19{
    margin-left: 15rem;
    margin-top: 3rem;
    
} */

@media (max-width: 1024px) {
    .homeScreen__div1{
        overflow-x: hidden;
        height: 100vh;
    }
    .homeScreen__div5{
        font-size: 10vw;
        color: transparent;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: 2px #fff;
        transition: color 0.3s, -webkit-text-stroke 0.3s;
        cursor: pointer;
        display: flex;
        object-fit: contain;
    }
    .homeScreen__div6{
        font-size: 10vw;
        line-height: 8vw;
        position: relative;
        left: -12vw;
        color: transparent;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: 2px #fff;
        transition: color 0.3s, -webkit-text-stroke 0.3s;
        cursor: pointer;
        display: flex;
        object-fit: contain;
    }
    .homeScreen__div7{
        font-size: 10vw;
        line-height: 24vw;
        margin-left: 0vw;
        color: transparent;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: 2px #fff;
        transition: color 0.3s, -webkit-text-stroke 0.3s;
        cursor: pointer;
        display: flex;
        object-fit: contain;
    }
    .homeScreen__div4{
        z-index: 1;
        position: relative;
        margin-top: -38vw;
        margin-left: 18vw;
    }
}
@media (max-width: 768px) {
    .homeScreen__div2{
        position: absolute;
      top: 0;
      left: 0;
      /** could be any size **/
      width: 100%;
      height: 85%;
      overflow: hidden;
      z-index: -1;
    }
    .homeScreen__div4{
        z-index: 1;
        position: relative;
        margin-top: -50vw;
        margin-left: 18vw;
    }
}
@media (max-width: 425px) {
    .homeScreen__div2{
        position: absolute;
      top: 0;
      left: 0;
      /** could be any size **/
      width: 100%;
      height: 85%;
      overflow: hidden;
      z-index: -1;
    }
    .homeScreen__div4{
        z-index: 1;
        position: relative;
        margin-top: -65vw;
        margin-left: 15vw;
    }
    .homeScreen__div5{
        font-size: 11vw;
        color: transparent;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: 2px #fff;
        transition: color 0.3s, -webkit-text-stroke 0.3s;
        cursor: pointer;
        display: flex;
        object-fit: contain;
    }
    .homeScreen__div6{
        font-size: 11vw;
        line-height: 12vw;
        position: relative;
        left: -12vw;
        color: transparent;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: 2px #fff;
        transition: color 0.3s, -webkit-text-stroke 0.3s;
        cursor: pointer;
        display: flex;
        object-fit: contain;
    }
    .homeScreen__div7{
        font-size: 11vw;
        line-height: 26vw;
        margin-left: -3vw;
        color: transparent;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: 2px #fff;
        transition: color 0.3s, -webkit-text-stroke 0.3s;
        cursor: pointer;
        display: flex;
        object-fit: contain;
    }
}

.aboutUs__div1{
    display: flex;
    justify-content: space-around;
    margin-left: 3.5vw;
}
.aboutUs{
    margin-top: 10vw;
}
.about1{
    font-size: 1.2vw;
}
.aboutUs__div3{
    margin-left: 2vw;
    letter-spacing: 1px;
}
.about__line3{
    display: flex;
}
.about__line1{
    font-weight: 400;
    font-size: 5vw;
    display: inline-flex;
}
.about__span1{
    font-weight: 400;
    font-size: 5.2vw;
    word-spacing: normal;
    margin-left: 1vw;
}
.about__div4{
    margin-left: 8vw;
}
.about__div7{
    margin-left: 2vw;
}
.about__div9{
    margin-left: 2vw;
}
.about__div12 {
    margin-left: 8.3vw;
    margin-top: 1vw;
    display: flex;
    justify-content: space-between;
}
.about__div15{
    margin-top: 8vw;
}
.about__div16{
    display: flex;
    justify-content: space-around;
    margin-left: 1vw;
}
.about__div19{
    margin-left: 8vw;
}
.about__line2{
    font-weight: 400;
    font-size: 5vw;
    display: flex;
}
.about__div21{
    display: flex;
    justify-content: space-around;
    margin-top: 5vw;
    margin-left: 23vw;
}
.about__line3{
    margin-top: 0.3vw;
    font-weight: 400;
}
.about__div24{
    margin-top: 13vw;
    margin-left: 7vw;
    margin-bottom: 3vw;
    font-size: 1.2vw;
}
.about__span2{
    font-size: 1.7vw;
    font-weight: 400;
    margin-left: 0.4vw;
}
.homeProduct__div20{
    border: 1px solid #d9d9d9;
    width: 85vw;
    margin-left: 8vw;
    background-color: #d9d9d9;
    margin-top: 13vw;
}

.homeProduct__line6{
    font-weight: 400;
    margin-left: 7rem;
}

@media (max-width: 425px) {
    .aboutUs__div1{
        display: flex;
        justify-content: space-around;
        margin-left: 10vw;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .about1{
        font-size: 3vw;
    }
    .aboutUs__div3{
        margin-top: 8vw;
        margin-left: -3.5vw;
        letter-spacing: 1px;
    }
    .about__span1{
        font-weight: 400;
        font-size: 6.5vw;
        word-spacing: normal;
    }
    .about__div16{
        display: flex;
        justify-content: space-around;
        margin-left: 10vw;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .about__div18{
        margin-top: 8vw;
        margin-left: -1.5vw;
        letter-spacing: 1px;
    }
    .about__div21{
        display: flex;
        justify-content: space-around;
        margin-top: 5vw;
        margin-left: -8vw;
    }
    .about__div23{
        position: relative;
        right: 25vw;
    }
}


.footer{
    background-color: #000;
    height: 85vw;
    width: 100vw;
    color: #fff;
    overflow-x: hidden;
}
.footer__div3{
    display: flex;
    top: 11vw;
    position: relative;
    margin-left: 9vw;
}
.footer__div5{
    font-size: 5.5vw;
    margin-left: 22vw;
    letter-spacing: 0.1vw;
    margin-top: -1.7vw;
}
.footer__div7{
    position: relative;
    right: 9vw;
    line-height: 6vw;
}
.footer__div8{
    line-height: 12vw;
}
.footer__div9{ 
     margin-left: 30vw;
     margin-right: -10vw;
     display: flex;
     margin-top: 5vw;
}
/* .footer__div10{
    margin-top: 5vw;
} */
/* .footer__div15{
    margin-top: 5vw;
    margin-left: 10vw;
} */
.footer__img1{
    height: 9vw;
}
.footer__div12{
    margin-left: 3vw;
}
.footer__line1{
    font-weight: 400;
    font-size: 2.3vw;
}
.footer__line2{
    font-weight: 400;
    color: #d9d9d9;
    font-size: 1.3vw;
}
.footer__div13{
    border: 1px solid #fff;
    border-radius: 100%;
    width: 20vw;
    height: 19vw;
    margin-top: 14vw;
    margin-left: 28vw;
}

.footer__div14 > .MuiSvgIcon-root {
    font-size: 14vw;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    margin-left: 3.2vw;
    margin-top: 2.2vw;
}

@media (max-width: 425px) {
    .footer__div3{
        display: flex;
        top: 11vw;
        position: relative;
        margin-left: 15vw;
        flex-direction: column;
    }
    .footer__div5{
        font-size: 5.8vw;
        margin-left: 15vw;
        letter-spacing: 0.1vw;
        margin-top: 1.9vw;
    }
    .footer{
        background-color: #000;
        height: 97vw;
        width: 100vw;
        color: #fff;
        overflow: hidden;
    }
    .footer__div7{
        position: relative;
        right: 9vw;
        line-height: 7vw;
    }
    .footer__div8{
        line-height: 14vw;
    }
    .footer__line1{
        font-weight: 400;
        font-size: 2.5vw;
    }
    .footer__line2{
        font-weight: 400;
        color: #d9d9d9;
        font-size: 1.8vw;
    }
}
.homeci__div11{
    display: flex;
    justify-content: space-between;
    margin-left: 9vw;
    margin-top: 5vw;
    margin-right: 6.5vw;
}
.home1{
    font-size: 1.2vw;
}
.homeci__div3{
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    justify-content: center;
    text-align: center;
    width: 50vw;
    height: 32vw;
    position: relative;
    cursor: pointer;
}
.homeci__div4{
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    justify-content: center;
    text-align: center;
    width: 50vw;
    height: 32vw;
    position: relative;
    left: -4vw;
    cursor: pointer;
}
.homeCi__div5{
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    justify-content: center;
    text-align: center;
    width: 50vw;
    height: 32vw;
    position: relative;
    left: -8vw;
    cursor: pointer;
}
.homeci__div6{
    display: flex;
    position: relative;
    top: -7.5vw;
    margin-left: 11vw;
}
.homeci__div7{
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    justify-content: center;
    text-align: center;
    width: 33vw;
    height: 33vw;
    position: relative;
    cursor: pointer;
}
.homeCi__div8{
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    justify-content: center;
    text-align: center;
    width: 33vw;
    height: 33vw;
    position: relative;
    left: -4vw;
    cursor: pointer;
}
.homCi__div9{
    position: relative;
    top: -15vw;
    margin-left: 25vw;
}
.homeCi__div10{
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    justify-content: center;
    text-align: center;
    width: 33vw;
    height: 33vw;
    position: relative;
    cursor: pointer;
}
.homeci__line1{
    margin-top: 15vw;
    font-size: 1.8vw;
}
.homeci__div1{
    margin-left: 10vw;
    margin-top: 6vw;
}
.homeci__div2{
    display: flex;
}
.homeci__div20{
    border: 1px solid #d9d9d9;
    width: 85vw;
    margin-left: 8vw;
    background-color: #d9d9d9;
}
.homeProduct__div21{
    display: flex;
    margin-left: 8vw;
    margin-top: 1vw;
}
.homeProduct__line6{
    font-weight: 400;
    margin-left: 6vw;
}
.homeProduct__line5{
    font-size: 1.2vw;
}
.homeProduct__line6{
    font-size: 1.2vw;
}
.productPage__img1{
    height: 44vw;
    z-index: -1;
    object-fit: contain;
}
.productpage__div4{
    display: flex;
    z-index: 1;
}
.productPgae__span:hover {
    color: #fff;
}
.productpage__div5{
    z-index: -1;
    margin-top: -2vw;
}
.productPage{
    margin-left: 12vw;
    margin-top: 8vw;
    overflow-x: hidden;
}
.productpage__div2{
    margin-top: 2vw;
    z-index: 1;
}
.productpage__div3{
    margin-left: 12vw;
    z-index: 1;
}
.productPage__line1{
    font-size: 8.5vw;
    font-weight: 500;
}
.productPgae__span{
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
}

.productPage__line{
    font-weight: 400;
    font-size: 4.6vw;
}
.productPage__div9{
    display: flex;
    margin-top: 8vw;
    overflow-x: hidden;
}
.productPage__div11{
    margin-left: 10vw;
    overflow: hidden;
}
.productPage__div12{
    margin-left: 5vw;
}
.productPage__div14{
    margin-left: 4vw;
}
.productPage__div15{
    margin-left: 4vw;
}
/* .productpage__div18{
    display: flex;
    justify-content: space-between;
    margin-top: 8rem;
}
.productPage__div19{
    margin-top: 12rem;
}
.productPage__div22{
    margin-top: 12rem;
} */

.productpage__div18{
    margin-top: 10vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.productPage__div20{
    margin-left: 14vw;
    margin-top: 8vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.productPage__img2{
    height: 29vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 6.5vw;
}
.productPage__img3{
    height: 28vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 7.5vw;
}

@media (max-width: 425px) {
    .productpage__div4{
        display: flex;
        z-index: 1;
        flex-direction: column;
        margin-left: 7vw;
    }
    .productPage__line1{
        font-size: 15.5vw;
        font-weight: 500;
    }
    .productpage__div3{
        margin-left: 0vw;
        z-index: 1;
        margin-top: 2vw;
    }
    .productPage__img1{
        height: 56vw;
        z-index: -1;
        object-fit: contain;
    }
    .productpage__div5{
        z-index: -1;
        margin-top: 2vw;
    }
    .productPage{
        margin-left: 0vw;
        margin-top: 8vw;
        overflow-x: hidden;
    }
    .productPage__div9{
        margin-left: 7vw;
        display: flex;
        flex-direction: column;
        margin-top: 12vw;
        overflow-x: hidden;
    }
    .productPage__div11{
        margin-left: 0vw;
        overflow: hidden;
        margin-top: 6vw;
    }
    .productPage__line{
        font-weight: 400;
        font-size: 6.6vw;
    }
    .productpage__div18{
        margin-top: 15vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
        margin-left: 7vw;
    }
    .productPage__div20{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        margin-top: 8vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
    }
    .productPage__img2{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
    }
    .productPage__img3{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
        margin-left: 8vw;
    }
}
.hotel__img1{
    height: 44vw;
    z-index: -1;
    object-fit: contain;
}
.hotel__div4{
    display: flex;
    z-index: 1;
}
.hotel__span:hover {
    color: #fff;
}
.hotel__div5{
    z-index: -1;
    margin-top: -2vw;
}
.hotel{
    margin-left: 12vw;
    margin-top: 8vw;
    overflow-x: hidden;
}
.hotel__div2{
    margin-top: 2vw;
    z-index: 1;
}
.hotel__div3{
    margin-left: 12vw;
    z-index: 1;
}
.hotel__line1{
    font-size: 8.5vw;
    font-weight: 500;
}
.hotel__span{
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
}

.hotel__line{
    font-weight: 400;
    font-size: 4.6vw;
}
.hotel__div9{
    display: flex;
    margin-top: 8vw;
    overflow-x: hidden;
}
.hotel__div11{
    margin-left: 10vw;
    overflow: hidden;
}
.hotel__div12{
    margin-left: 5vw;
}
.hotel__div14{
    margin-left: 4vw;
}
.hotel__div15{
    margin-left: 4vw;
}
/* .productpage__div18{
    display: flex;
    justify-content: space-between;
    margin-top: 8rem;
}
.productPage__div19{
    margin-top: 12rem;
}
.productPage__div22{
    margin-top: 12rem;
} */

.hotel__div18{
    margin-top: 10vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.hotel__div20{
    margin-left: 14vw;
    margin-top: 8vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.hotel__img2{
    height: 29vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 6.5vw;
}
.hotel__img3{
    height: 28vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 7.5vw;
}

@media (max-width: 425px) {
    .hotel__div4{
        display: flex;
        z-index: 1;
        flex-direction: column;
        margin-left: 7vw;
    }
    .hotel__line1{
        font-size: 15.5vw;
        font-weight: 500;
    }
    .hotel__div3{
        margin-left: 0vw;
        z-index: 1;
        margin-top: 2vw;
    }
    .hotel__img1{
        height: 56vw;
        z-index: -1;
        object-fit: contain;
    }
    .hotel__div5{
        z-index: -1;
        margin-top: 2vw;
    }
    .hotel{
        margin-left: 0vw;
        margin-top: 8vw;
        overflow-x: hidden;
    }
    .hotel__div9{
        margin-left: 7vw;
        display: flex;
        flex-direction: column;
        margin-top: 12vw;
        overflow-x: hidden;
    }
    .hotel__div11{
        margin-left: 0vw;
        overflow: hidden;
        margin-top: 6vw;
    }
    .hotel__line{
        font-weight: 400;
        font-size: 6.6vw;
    }
    .hotel__div18{
        margin-top: 15vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
        margin-left: 7vw;
    }
    .hotel__div20{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        margin-top: 8vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
    }
    .hotel__img2{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
    }
    .hotel__img3{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
        margin-left: 8vw;
    }
}
.carbon__img1{
    height: 44vw;
    z-index: -1;
    object-fit: contain;
}
.carbon__div4{
    display: flex;
    z-index: 1;
}
.carbon__span:hover {
    color: #fff;
}
.carbon__div5{
    z-index: -1;
    margin-top: -2vw;
}
.carbon{
    margin-left: 12vw;
    margin-top: 8vw;
    overflow-x: hidden;
}
.carbon__div2{
    margin-top: 2vw;
    z-index: 1;
}
.carbon__div3{
    margin-left: 12vw;
    z-index: 1;
}
.carbon__line1{
    font-size: 8.5vw;
    font-weight: 500;
}
.carbon__span{
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
}

.carbon__line{
    font-weight: 400;
    font-size: 4.6vw;
}
.carbon__div9{
    display: flex;
    margin-top: 8vw;
    overflow-x: hidden;
}
.carbon__div11{
    margin-left: 10vw;
    overflow: hidden;
}
.carbon__div12{
    margin-left: 5vw;
}
.carbon__div14{
    margin-left: 4vw;
}
.carbon__div15{
    margin-left: 4vw;
}
/* .carbon__div18{
    display: flex;
    justify-content: space-between;
    margin-top: 8rem;
}
.carbon__div19{
    margin-top: 12rem;
}
.carbon__div22{
    margin-top: 12rem;
} */

.carbon__div18{
    margin-top: 10vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.carbon__div20{
    margin-left: 14vw;
    margin-top: 8vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.carbon__img2{
    height: 29vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 6.5vw;
}
.carbon__img3{
    height: 28vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 7.5vw;
}

@media (max-width: 425px) {
    .carbon__div4{
        display: flex;
        z-index: 1;
        flex-direction: column;
        margin-left: 7vw;
    }
    .carbon__line1{
        font-size: 15.5vw;
        font-weight: 500;
    }
    .carbon__div3{
        margin-left: 0vw;
        z-index: 1;
        margin-top: 2vw;
    }
    .carbon__img1{
        height: 56vw;
        z-index: -1;
        object-fit: contain;
    }
    .carbon__div5{
        z-index: -1;
        margin-top: 2vw;
    }
    .carbon{
        margin-left: 0vw;
        margin-top: 8vw;
        overflow-x: hidden;
    }
    .carbon__div9{
        margin-left: 7vw;
        display: flex;
        flex-direction: column;
        margin-top: 12vw;
        overflow-x: hidden;
    }
    .carbon__div11{
        margin-left: 0vw;
        overflow: hidden;
        margin-top: 6vw;
    }
    .carbon__line{
        font-weight: 400;
        font-size: 6.6vw;
    }
    .carbon__div18{
        margin-top: 15vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
        margin-left: 7vw;
    }
    .carbon__div20{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        margin-top: 8vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
    }
    .carbon__img2{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
    }
    .carbon__img3{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
        margin-left: 8vw;
    }
}
.ak__img1{
    height: 44vw;
    z-index: -1;
    object-fit: contain;
}
.ak__div4{
    display: flex;
    z-index: 1;
}
.ak__span:hover {
    color: #fff;
}
.ak__div5{
    z-index: -1;
    margin-top: -2vw;
}
.ak{
    margin-left: 12vw;
    margin-top: 8vw;
    overflow-x: hidden;
}
.ak__div2{
    margin-top: 2vw;
    z-index: 1;
}
.ak__div3{
    margin-left: 12vw;
    z-index: 1;
}
.ak__line1{
    font-size: 8.5vw;
    font-weight: 500;
}
.ak__span{
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
}

.ak__line{
    font-weight: 400;
    font-size: 4.6vw;
}
.ak__div9{
    display: flex;
    margin-top: 8vw;
    overflow-x: hidden;
}
.ak__div11{
    margin-left: 10vw;
    overflow: hidden;
}
.ak__div12{
    margin-left: 5vw;
}
.ak__div14{
    margin-left: 4vw;
}
.ak__div15{
    margin-left: 4vw;
}
/* .ak__div18{
    display: flex;
    justify-content: space-between;
    margin-top: 8rem;
}
.ak__div19{
    margin-top: 12rem;
}
.ak__div22{
    margin-top: 12rem;
} */

.ak__div18{
    margin-top: 10vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.ak__div20{
    margin-left: 14vw;
    margin-top: 8vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.ak__img2{
    height: 29vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 6.5vw;
}
.ak__img3{
    height: 28vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 7.5vw;
}

@media (max-width: 425px) {
    .ak__div4{
        display: flex;
        z-index: 1;
        flex-direction: column;
        margin-left: 7vw;
    }
    .ak__line1{
        font-size: 15.5vw;
        font-weight: 500;
    }
    .ak__div3{
        margin-left: 0vw;
        z-index: 1;
        margin-top: 2vw;
    }
    .ak__img1{
        height: 56vw;
        z-index: -1;
        object-fit: contain;
    }
    .ak__div5{
        z-index: -1;
        margin-top: 2vw;
    }
    .ak{
        margin-left: 0vw;
        margin-top: 8vw;
        overflow-x: hidden;
    }
    .ak__div9{
        margin-left: 7vw;
        display: flex;
        flex-direction: column;
        margin-top: 12vw;
        overflow-x: hidden;
    }
    .ak__div11{
        margin-left: 0vw;
        overflow: hidden;
        margin-top: 6vw;
    }
    .ak__line{
        font-weight: 400;
        font-size: 6.6vw;
    }
    .ak__div18{
        margin-top: 15vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
        margin-left: 7vw;
    }
    .ak__div20{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        margin-top: 8vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
    }
    .ak__img2{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
    }
    .ak__img3{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
        margin-left: 8vw;
    }
}
.portfolio__img1{
    height: 44vw;
    z-index: -1;
    object-fit: contain;
}
.portfolio__div4{
    display: flex;
    z-index: 1;
}
.protfolio__span:hover {
    color: #fff;
}
.portfolio__div5{
    z-index: -1;
    margin-top: -2vw;
}
.portfolio{
    margin-left: 12vw;
    margin-top: 8vw;
    overflow-x: hidden;
}
.portfolio__div2{
    margin-top: 2vw;
    z-index: 1;
}
.portfolio__div3{
    margin-left: 12vw;
    z-index: 1;
}
.portfolio__line1{
    font-size: 8.5vw;
    font-weight: 500;
}
.protfolio__span{
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
}

.portfolio__line{
    font-weight: 400;
    font-size: 4.6vw;
}
.portfolio__div9{
    display: flex;
    margin-top: 8vw;
    overflow-x: hidden;
}
.portfolio__div11{
    margin-left: 10vw;
    overflow: hidden;
}
.portfolio__div12{
    margin-left: 5vw;
}
.portfolio__div14{
    margin-left: 4vw;
}
.portfolio__div15{
    margin-left: 4vw;
}
/* .portfolio__div18{
    display: flex;
    justify-content: space-between;
    margin-top: 8rem;
}
.portfolio__div19{
    margin-top: 12rem;
}
.portfolio__div22{
    margin-top: 12rem;
} */

.portfolio__div18{
    margin-top: 10vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.portfolio__div20{
    margin-left: 14vw;
    margin-top: 8vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.portfolio__img2{
    height: 29vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 6.5vw;
}
.portfolio__img3{
    height: 28vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 7.5vw;
}

@media (max-width: 425px) {
    .portfolio__div4{
        display: flex;
        z-index: 1;
        flex-direction: column;
        margin-left: 7vw;
    }
    .portfolio__line1{
        font-size: 15.5vw;
        font-weight: 500;
    }
    .portfolio__div3{
        margin-left: 0vw;
        z-index: 1;
        margin-top: 2vw;
    }
    .portfolio__img1{
        height: 56vw;
        z-index: -1;
        object-fit: contain;
    }
    .portfolio__div5{
        z-index: -1;
        margin-top: 2vw;
    }
    .portfolio{
        margin-left: 0vw;
        margin-top: 8vw;
        overflow-x: hidden;
    }
    .portfolio__div9{
        margin-left: 7vw;
        display: flex;
        flex-direction: column;
        margin-top: 12vw;
        overflow-x: hidden;
    }
    .portfolio__div11{
        margin-left: 0vw;
        overflow: hidden;
        margin-top: 6vw;
    }
    .portfolio__line{
        font-weight: 400;
        font-size: 6.6vw;
    }
    .portfolio__div18{
        margin-top: 15vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
        margin-left: 7vw;
    }
    .portfolio__div20{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        margin-top: 8vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
    }
    .portfolio__img2{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
    }
    .portfolio__img3{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
        margin-left: 8vw;
    }
}
.realestate__img1{
    height: 44vw;
    z-index: -1;
    object-fit: contain;
}
.realestate__div4{
    display: flex;
    z-index: 1;
}
.realestate__span:hover {
    color: #fff;
}
.realestate__div5{
    z-index: -1;
    margin-top: -2vw;
}
.realestate{
    margin-left: 12vw;
    margin-top: 8vw;
    overflow-x: hidden;
}
.realestate__div2{
    margin-top: 2vw;
    z-index: 1;
}
.realestate__div3{
    margin-left: 12vw;
    z-index: 1;
}
.realestate__line1{
    font-size: 8.5vw;
    font-weight: 500;
}
.realestate__span{
    color: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 2px #fff;
    transition: color 0.3s, -webkit-text-stroke 0.3s;
    cursor: pointer;
}

.realestate__line{
    font-weight: 400;
    font-size: 4.6vw;
}
.realestate__div9{
    display: flex;
    margin-top: 8vw;
    overflow-x: hidden;
}
.realestate__div11{
    margin-left: 10vw;
    overflow: hidden;
}
.realestate__div12{
    margin-left: 5vw;
}
.realestate__div14{
    margin-left: 4vw;
}
.realestate__div15{
    margin-left: 4vw;
}
/* .realestate__div18{
    display: flex;
    justify-content: space-between;
    margin-top: 8rem;
}
.realestate__div19{
    margin-top: 12rem;
}
.realestate__div22{
    margin-top: 12rem;
} */

.realestate__div18{
    margin-top: 10vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.realestate__div20{
    margin-left: 14vw;
    margin-top: 8vw;
    background-color: #000;
    height: 42vw;
    width: 65vw;
}
.realestate__img2{
    height: 29vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 6.5vw;
}
.realestate__img3{
    height: 28vw;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    position: relative;
    top: 7.5vw;
}

@media (max-width: 425px) {
    .realestate__div4{
        display: flex;
        z-index: 1;
        flex-direction: column;
        margin-left: 7vw;
    }
    .realestate__line1{
        font-size: 15.5vw;
        font-weight: 500;
    }
    .realestate__div3{
        margin-left: 0vw;
        z-index: 1;
        margin-top: 2vw;
    }
    .realestate__img1{
        height: 56vw;
        z-index: -1;
        object-fit: contain;
    }
    .realestate__div5{
        z-index: -1;
        margin-top: 2vw;
    }
    .realestate{
        margin-left: 0vw;
        margin-top: 8vw;
        overflow-x: hidden;
    }
    .realestate__div9{
        margin-left: 7vw;
        display: flex;
        flex-direction: column;
        margin-top: 12vw;
        overflow-x: hidden;
    }
    .realestate__div11{
        margin-left: 0vw;
        overflow: hidden;
        margin-top: 6vw;
    }
    .realestate__line{
        font-weight: 400;
        font-size: 6.6vw;
    }
    .realestate__div18{
        margin-top: 15vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
        margin-left: 7vw;
    }
    .realestate__div20{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        margin-top: 8vw;
        background-color: #000;
        height: 53vw;
        width: 85vw;
    }
    .realestate__img2{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
    }
    .realestate__img3{
        height: 38vw;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        position: relative;
        top: 6.5vw;
        margin-left: 8vw;
    }
}

/*# sourceMappingURL=/src.e31bb0bc.css.map */