@charset "UTF-8";

#tw-intro {
  display: flex;
  background-color: #111111;
  margin-top: 80px;
  position: relative;
  aspect-ratio: 1280/640;
}

#tw-intro .intro-img {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url(../../images/telebooth-wire/TELEBOOTH-STUDIO-v2.jpg), #111111;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: bottom;
  background-position-x: right;
}

#tw-intro .intro {
  z-index: 1;
  display: flex;
  height: 100%;
  margin-left: 120px;
  flex-direction: column;
  justify-content: center;
}

#tw-intro .intro-v2 {
  z-index: 1;
  margin-top: 90px;
  margin-left: 50px;
  margin-right: 117px;
  display: flex;
  flex-direction: column;
  color: #fff;
  @media (min-width: 1024px) {
    margin-left: auto;
  }
}

#tw-intro .intro-v2-title {
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 10px;
  font-family: 'Barlow Semi Condensed';
}

#tw-intro .intro-v2-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: 'Barlow Semi Condensed';
  margin-bottom: 52px;
}

/* #tw-intro .intro-v2-buttons {
  display: flex;
  gap: 40px;
} */

#tw-intro .intro-v2-buttons .tw-button {
  width: 160px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  font-family: 'Barlow';
}

#tw-intro .intro-w-logo {
  content: url(../../images/telebooth-wire/W.svg);
}

#tw-intro .intro-www {
  margin-top: 42px;
}

#tw-intro .intro-www-img {
  content: url(../../images/telebooth-wire/work-with-wall.svg);
}

#tw-intro .intro-www-img-en {
  content: url(../../images/telebooth-wire/work-with-wall-en.svg);
}
#tw-intro .intro-www-img-vi {
  content: url(../../images/telebooth-wire/work-with-wall-vi.svg);
}

/* -----------------------------------992---------------
DESKTOP SMALLAND LARGE SCREENS
--------------------------------------------------*/

/*===============================================================
min-width: 992px
===============================================================*/
@media (min-width: 992px) {
  #tw-intro {
    margin-right: -135px;
  }
}
/*===============================================================
min-width: 1100px
===============================================================*/
@media (min-width: 1100px) {
  #tw-intro {
    margin-right: 0px;
  }
}
/*===============================================================
min-width: 1200px
===============================================================*/
@media (min-width: 1200px) {
}

/*===============================================================

===============================================================*/
@media (min-width: 1400px) {
}
/*===============================================================
1920px
===============================================================*/
@media (min-width: 1920px) {
}

/*===============================================================
2133px
===============================================================*/
@media (min-width: 2133px) {
}

/*===============================================================
2400px
===============================================================*/
@media (min-width: 2400px) {
}

/*===============================================================
2560px
===============================================================*/
@media (min-width: 2560px) {
}

/*===============================================================
3440px
===============================================================*/
@media (min-width: 3440px) {
}

/*===============================================================
3840px
===============================================================*/
@media (min-width: 3840px) {
}

/*===============================================================
5120px
===============================================================*/
@media (min-width: 5120px) {
}