* {
  box-sizing: border-box;
}
.header-site {
  width: 100vw;
  height: 130px;
  object-fit: contain;
  background-color: #ffffff;
  display: flex;
  justify-self: space-between;
  position: relative;
  box-sizing: border-box;
  top: 0;
  
}
.logo {
  width: 200px;
  height: 83px;
  background: url('/static/images/logo-qcgn3x.png') no-repeat ;
  margin: 0 95px 0 0;
  position: absolute;
  box-sizing: border-box;
  background-size: 100%;
  top: 16px;
  left: 480px;
}

@font-face {
  font-family: SVN-MuseoSans;
  src: url("/static/font/SVN-Museo-Sans-Semibold.otf") format("opentype");
}


.ng-k-bnh-vin {
  font-family: SVN-MuseoSans;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  position: absolute;
  top: 41px;
  left: 1018px;
}
.ng-nhp {
  width: 100%;
  height: 29px;
  font-family: SVN-MuseoSans;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  text-decoration: none;
  position: absolute;
  top: 41px;
  left: 1319px;
}

.Mask-Group-5 {
  width: 100vw;
  height: 717px;
  background: url('/static/images/mask3x.png') no-repeat ;
  box-sizing: border-box;
  background-size: 100%;
  position: relative;
  display: flex;
}

.Group-56 {
  width: 314px;
  height: 224px;
  position: absolute;
  top: 454px;
  left: 466px;
}

.Rectangle-logo {
  width: 100vw;
  height: 142px;
  background-color: #f5f5f5;
  display: flex;
  position: relative;
}

.logo-facebook {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 551px;
  top: 36px;
}

.Review-phu-thut-thm-m-reviewpttm {
  width: 300px;
  height: 56px;
  margin: 6px 34px 8px 14px;
  font-family: Lato;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  top: 42px;
  left: 635px;
}
.instagram-2 {
  width: 70px;
  height: 70px;
  margin: 0 12px 0 36px;
  object-fit: contain;
  top: 36px;
  position: absolute;
  left: 971px;
}
.insta-text{
  width: 300px;
  height: 27px;
  font-family: Lato;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  position: absolute;
  top: 57px;
  left: 1093px;
}

.Rectangle-home {
  width: 100vw;
  height: 847px;
  background-color: #ffffff;
  box-sizing: border-box;
  position: relative;
  display: flex;
}

.Asset-8 {
  width: 499px;
  height: 710px;
  object-fit: contain;
  position: absolute;
  left: 480px;
  top: 147px;
}

.img-01 {
  width: 151px;
  height: 146px;
  object-fit: contain;
  font-family: UTMAvo;
  font-size: 120px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #f9a8af;
  position: absolute;
  z-index: 2;
  top: 65px;
  left: 518px;
}

.home {
  width: 424.3px;
  height: 586.6px;
  object-fit: contain;
  position: absolute;
  left: 985px;
  top: 158px;
  background-size: 100%;
}


.home-page {
  width: 250px;
  height: 51px;
  font-family: SVN-BookAntiqua;
  font-size: 49px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #07489a;
  position: absolute;
  top: 223px;
  left: 518px;
}

.description {
  width: 495px;
  height: 180px;
  font-family: Lato;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  top: 322px;
  left: 512px;
}


.Rectangle-combo {
  width: 100vw;
  height: 847px;
  background-color: #fff3f3;
  position: relative;
  display: flex;
  box-sizing: border-box;
}

.combo-image {
  width: 455.5px;
  height: 586.8px;
  object-fit: contain;
  position: absolute;
  left: 985px;
  top: 167px;
}

.combo{
  width: 250px;
  height: 51px;
  font-family: SVN-BookAntiqua;
  font-size: 49px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  top: 213px;
  left: 518px;
}

.combo-description{
  width: 495px;
  height: 180px;
  font-family: Lato;
  font-size: 35px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  top: 328px;
  left: 518px;
}
.img-02 {
  width: 151px;
  height: 167px;
  object-fit: contain;
  font-family: UTMAvo;
  font-size: 120px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #ff9fa1;
  position: absolute;
  top: 50px;
  left: 518px;
}


.Rectangle-Seoul {
  width: 100vw;
  height: 847px;
  background-color: #ffffff;
  position: relative;
  display: flex;
  box-sizing: border-box;

}
.asset-seoul{
  width: 499px;
  height: 710px;
  position: absolute;
  top: 136px;
  left: 461px;
}
.seoul-image{
  width: 424.3px;
  height: 586.6px;
  object-fit: contain;
  position: absolute;
  top: 163px;
  left: 985px;
}
.logo-03{
  width: 151px;
  height: 167px;
  object-fit: contain;
  font-family: UTMAvo;
  font-size: 120px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #f9a8af;
  position: absolute;
  top: 43px;
  left: 518px;

}

.name-seoul{
  width: 250px;
  height: 51px;
  font-family: SVN-BookAntiqua;
  font-size: 49px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  left: 518px;
  top: 224px;
}
.seoul-description{
  width: 495px;
  height: 180px;
  font-family: Lato;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  left: 518px;
  top: 321px;
}

.Rectangle-Review {
  width: 100vw;
  height: 847px;
  background-color: #fff3f3;
  position: relative;
  display: flex;

}
.review-04{
  width: 151px;
  height: 167px;
  object-fit: contain;
  font-family: UTMAvo;
  font-size: 120px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #ff9fa1;
  position: absolute;
  top: 50px;
  left: 518px;
}
.review-image{
  width: 424.3px;
  height: 586.6px;
  object-fit: contain;
  position: absolute;
  top: 166px;
  left: 984.5px;

}


.review-text{
  width: 250px;
  height: 51px;
  font-family: SVN-BookAntiqua;
  font-size: 49px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  top: 213px;
  left: 518px;
}

.review-description{
  width: 495px;
  height: 180px;
  font-family: Lato;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  top: 310px;
  left: 518px;
}



.Rectangle-Talk {
  width: 100vw;
  height: 847px;
  background-color: #ffffff;
  position: relative;
  display: flex;

}


.asset-talk{
  width: 499px;
  height: 710px;
  object-fit: contain;
  position: absolute;
  left: 480px;
  top: 152px;
}

.talk-05{
  width: 151px;
  height: 167px;
  object-fit: contain;
  font-family: UTMAvo;
  font-size: 120px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #ff9fa1;
  position: absolute;
  top: 56px;
  left: 518px;
}
.talk-name{
  width: 250px;
  height: 51px;
  font-family: SVN-BookAntiqua;
  font-size: 49px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  top: 223px;
  left: 518px;
}
.talk-description{
  width: 495px;
  height: 180px;
  font-family: Lato;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #07489a;
  position: absolute;
  left: 521px;
  top: 320px;
}


.talk-image{
  width: 424.3px;
  height: 590.9px;
  object-fit: contain;
  position: absolute;
  top: 161px;
  left: 1015.7px;
}

.footer {
  width: 100vw;
  height: 401px;
  display: flex;
  background-color: #f5f5f5;
  margin-top: 15px;
  justify-content: space-between;
  position: relative;
}

.app-logo{
  width: 200px;
  height: 83px;
  background: url('/static/images/logo-qcgn3x.png') no-repeat ;
  box-sizing: border-box;
  background-size: 100%;
  position: absolute;
  top:91px;
  left: 545px;
}
.address-infor{
  width: 440px;
  height: 237px;
  box-sizing: border-box;
  background-size: 100%;
  position: absolute;
  top: 73px;
  left: 874px;
}
/* .infor-text{
  color: #07489a;
  font-size: 24px;
} */
.address-infor > p {
  color: #07489a;
  font-size: 24px;
}

.apple-store{
  width: 283px;
  height: 83px;
  background: url('/static/images/apple-store.png') no-repeat ;
  box-sizing: border-box;
  background-size: 100%;
  position: absolute;
  left: 545px;
  bottom: 105px;
}