:root {
  --12-regular-font-family: "Manrope-Regular", Helvetica;
  --12-regular-font-size: 12px;
  --12-regular-font-style: normal;
  --12-regular-font-weight: 400;
  --12-regular-letter-spacing: 0px;
  --12-regular-line-height: normal;
  --14-regular-font-family: "Manrope-Regular", Helvetica;
  --14-regular-font-size: 14px;
  --14-regular-font-style: normal;
  --14-regular-font-weight: 400;
  --14-regular-letter-spacing: 0px;
  --14-regular-line-height: normal;
  --14-semibold-font-family: "Manrope-SemiBold", Helvetica;
  --14-semibold-font-size: 14px;
  --14-semibold-font-style: normal;
  --14-semibold-font-weight: 600;
  --14-semibold-letter-spacing: 0px;
  --14-semibold-line-height: normal;
  --16-bold-font-family: "Manrope-Bold", Helvetica;
  --16-bold-font-size: 16px;
  --16-bold-font-style: normal;
  --16-bold-font-weight: 700;
  --16-bold-letter-spacing: 0px;
  --16-bold-line-height: normal;
  --16-medium-font-family: "Manrope-Medium", Helvetica;
  --16-medium-font-size: 16px;
  --16-medium-font-style: normal;
  --16-medium-font-weight: 500;
  --16-medium-letter-spacing: 0px;
  --16-medium-line-height: normal;
  --16-regular-font-family: "Manrope-Regular", Helvetica;
  --16-regular-font-size: 16px;
  --16-regular-font-style: normal;
  --16-regular-font-weight: 400;
  --16-regular-letter-spacing: 0px;
  --16-regular-line-height: normal;
  --18-bold-font-family: "Manrope-Bold", Helvetica;
  --18-bold-font-size: 18px;
  --18-bold-font-style: normal;
  --18-bold-font-weight: 700;
  --18-bold-letter-spacing: 0px;
  --18-bold-line-height: normal;
  --24-semibold-font-family: "Manrope-SemiBold", Helvetica;
  --24-semibold-font-size: 24px;
  --24-semibold-font-style: normal;
  --24-semibold-font-weight: 600;
  --24-semibold-letter-spacing: 0px;
  --24-semibold-line-height: normal;
  --black: #121212;
  --button: #a0be43;
  --display-1-font-family: "Manrope-SemiBold", Helvetica;
  --display-1-font-size: 56px;
  --display-1-font-style: normal;
  --display-1-font-weight: 600;
  --display-1-letter-spacing: 0px;
  --display-1-line-height: normal;
  --gray-01: #464646;
  --h1-semibold-font-family: "Manrope-SemiBold", Helvetica;
  --h1-semibold-font-size: 40px;
  --h1-semibold-font-style: normal;
  --h1-semibold-font-weight: 600;
  --h1-semibold-letter-spacing: 0px;
  --h1-semibold-line-height: normal;
}

.alice-carousel .animated {
  animation-fill-mode: both;
}

.alice-carousel .animated-out {
  z-index: 1;
}

.alice-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.alice-carousel {
  direction: ltr;
  width: 100%;
  margin: auto;
  position: relative;
}

.alice-carousel__wrapper {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.alice-carousel__stage {
  box-sizing: border-box;
  white-space: nowrap;
  transform-style: flat;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.alice-carousel__stage-item {
  box-sizing: border-box;
  vertical-align: top;
  white-space: normal;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  display: inline-block;
  position: relative;
}

.alice-carousel__stage-item * {
  line-height: initial;
}

.alice-carousel__stage-item.__hidden {
  opacity: 0;
  overflow: hidden;
}

.alice-carousel__prev-btn, .alice-carousel__next-btn {
  box-sizing: border-box;
  width: 50%;
  padding: 10px 5px;
  display: inline-block;
}

.alice-carousel__prev-btn [data-area]:after, .alice-carousel__next-btn [data-area]:after {
  content: attr(data-area);
  text-transform: capitalize;
  position: relative;
}

.alice-carousel__prev-btn {
  text-align: right;
}

.alice-carousel__prev-btn-item, .alice-carousel__next-btn-item {
  cursor: pointer;
  color: #465798;
  margin: 0;
  padding: 5px;
  display: inline-block;
}

.alice-carousel__prev-btn-item:hover, .alice-carousel__next-btn-item:hover {
  color: #8b0000;
}

.alice-carousel__prev-btn-item.__inactive, .alice-carousel__next-btn-item.__inactive {
  opacity: .4;
  pointer-events: none;
}

.alice-carousel__play-btn {
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 20px;
}

.alice-carousel__play-btn:hover {
  cursor: pointer;
}

.alice-carousel__play-btn-wrapper {
  background-color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 10px;
  position: relative;
}

.alice-carousel__play-btn-item {
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
  width: 32px;
  height: 32px;
  position: absolute;
}

.alice-carousel__play-btn-item:before, .alice-carousel__play-btn-item:after {
  pointer-events: none;
  content: "";
  border: 8px solid #0000;
  border-left: 15px solid #465798;
  border-right-width: 0;
  width: 0;
  height: 0;
  transition: all .4s linear;
  display: block;
  position: absolute;
}

.alice-carousel__play-btn-item:before {
  height: 14px;
  left: 5px;
}

.alice-carousel__play-btn-item:after {
  top: 7px;
  left: 18px;
}

.alice-carousel__play-btn-item.__pause:before, .alice-carousel__play-btn-item.__pause:after {
  border-width: 0 0 0 10px;
  height: 30px;
}

.alice-carousel__play-btn-item.__pause:after {
  top: 0;
  left: 18px;
}

.alice-carousel__dots {
  text-align: center;
  margin: 30px 3px 5px;
  padding: 0;
  list-style: none;
}

.alice-carousel__dots > li {
  display: inline-block;
}

.alice-carousel__dots-item:not(.__custom) {
  cursor: pointer;
  background-color: #e0e4fb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.alice-carousel__dots-item:not(.__custom):not(:last-child) {
  margin-right: 20px;
}

.alice-carousel__dots-item:not(.__custom):hover, .alice-carousel__dots-item:not(.__custom).__active {
  background-color: #6e7ebc;
}

.alice-carousel__slide-info {
  color: #465798;
  background-color: #e0e4fb99;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
}

.alice-carousel__slide-info-item {
  vertical-align: middle;
  line-height: 0;
}

.hills {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/hills-1@2x.png");
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.card {
  width: 554px;
  height: 900px;
}

.card .c-ontainer {
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.card .div {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 554px;
  padding: 32px;
  display: flex;
  position: relative;
}

.card .frame-2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 343px;
  display: flex;
  position: relative;
}

.card .tour-trecking {
  color: var(--black);
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.card .h-nh-tr-nh-a-ch-ng {
  color: var(--gray-01);
  align-self: stretch;
  position: relative;
}

.card .bullet-point {
  flex: none;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  position: relative;
}

.card .rectangle {
  width: 12px;
  height: 12px;
  position: relative;
}

.card .text-wrapper, .card .bullet-point-2, .card .bullet-point-3 {
  color: var(--gray-01);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.card .frame-3 {
  flex: none;
  align-items: flex-start;
  gap: 8px;
  padding: 24px 0 0;
  display: inline-flex;
  position: relative;
}

.card .text-wrapper-2 {
  color: #839a3b;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Inter, Helvetica;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  position: relative;
}

.card .arrow-forward {
  width: 24px;
  height: 24px;
  position: relative;
}

.card .ing {
  object-fit: cover;
  background-position: 50%;
  background-size: cover;
  width: 554px;
  height: 600px;
  position: relative;
}

.card .ing > div {
  width: 100%;
}

.slider {
  object-fit: cover;
  width: 100%;
  height: 500px;
}

.card .hills-1 {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/hills-1-2@2x.png") !important;
  width: 120px !important;
  height: 120px !important;
  position: relative !important;
}

.card.default {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 #eb5567;
}

.card.hover .c-ontainer {
  background-color: #fff;
  top: -8px;
  left: -8px;
  box-shadow: 8px 8px #eb5567;
}

.card.hover .h-nh-tr-nh-a-ch-ng {
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.card.default .h-nh-tr-nh-a-ch-ng {
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
}

.card.hover .text-wrapper {
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.card.default .text-wrapper {
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
}

.card.hover .bullet-point-2 {
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.card.default .bullet-point-2 {
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
}

.card.hover .bullet-point-3 {
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.card.default .bullet-point-3 {
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
}

.bagpack {
  background-image: url("https://c.animaapp.com/5lOEbtXS/img/bagpack@2x.png");
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.accordians {
  background-color: #fff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 400px;
  padding: 20px;
  display: flex;
  position: relative;
}

.accordians .div-3 {
  position: relative;
}

.accordians .text-wrapper-5 {
  color: #3d8634;
  font-family: var(--18-bold-font-family);
  font-size: var(--18-bold-font-size);
  font-style: var(--18-bold-font-style);
  font-weight: var(--18-bold-font-weight);
  letter-spacing: var(--18-bold-letter-spacing);
  line-height: var(--18-bold-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.accordians .text-wrapper-6 {
  color: #626262;
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.accordians .add {
  width: 24px;
  height: 24px;
  position: relative;
}

.accordians .property-1-3-default {
  color: #2e2e2e;
  font-family: var(--18-bold-font-family);
  font-size: var(--18-bold-font-size);
  font-style: var(--18-bold-font-style);
  font-weight: var(--18-bold-font-weight);
  letter-spacing: var(--18-bold-letter-spacing);
  line-height: var(--18-bold-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
}

.accordians .property-1-3-variant-2 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 8px;
  width: 680px;
  display: inline-flex;
}

.bullet {
  border-bottom-style: dashed;
  border-bottom-width: 5px;
  justify-content: space-between;
  align-items: center;
  width: 588px;
  height: 105px;
  padding: 0 32px 0 90px;
  display: flex;
  position: relative;
}

.bullet .frame-8 {
  flex: none;
  align-items: center;
  gap: 32px;
  display: inline-flex;
  position: relative;
}

.bullet .m-y-ch-p-h-nh {
  font-family: var(--24-semibold-font-family);
  font-size: var(--24-semibold-font-size);
  font-style: var(--24-semibold-font-style);
  font-weight: var(--24-semibold-font-weight);
  letter-spacing: var(--24-semibold-letter-spacing);
  line-height: var(--24-semibold-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.bullet .frame-96-1 {
  width: 33.69px !important;
  height: 34.06px !important;
  margin-bottom: -1.56px !important;
  position: relative !important;
}

.bullet .photo-camera {
  width: 90px !important;
  height: 90px !important;
  position: relative !important;
}

.bullet.yellow {
  border-color: #d4f470;
}

.bullet.pink {
  border-color: #eca9ee;
}

.bullet.property-1-5-hover.yellow {
  background-color: #e8ef9e;
}

.bullet.pink.property-1-5-hover {
  background-color: #ffc8e2;
}

.bullet.yellow .m-y-ch-p-h-nh {
  color: #377312;
}

.bullet.pink .m-y-ch-p-h-nh {
  color: #ac2ccc;
}

.car {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/car-1@2x.png");
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.card {
  width: 554px;
  height: 900px;
}

.card .c-ontainer {
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.card .div {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 554px;
  padding: 32px;
  display: flex;
  position: relative;
}

.card .frame-2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 343px;
  display: flex;
  position: relative;
}

.card .tour-trecking {
  color: var(--black);
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.card .h-nh-tr-nh-a-ch-ng {
  color: var(--gray-01);
  align-self: stretch;
  position: relative;
}

.card .bullet-point {
  flex: none;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  position: relative;
}

.card .rectangle {
  width: 12px;
  height: 12px;
  position: relative;
}

.card .text-wrapper, .card .bullet-point-2, .card .bullet-point-3 {
  color: var(--gray-01);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.card .frame-3 {
  flex: none;
  align-items: flex-start;
  gap: 8px;
  padding: 24px 0 0;
  display: inline-flex;
  position: relative;
}

.card .text-wrapper-2 {
  color: #839a3b;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Inter, Helvetica;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  position: relative;
}

.card .arrow-forward {
  width: 24px;
  height: 24px;
  position: relative;
}

.card .ing {
  object-fit: cover;
  background-position: 50%;
  background-size: cover;
  width: 554px;
  height: 600px;
  position: relative;
}

.card .ing > div {
  width: 100%;
}

.slider {
  object-fit: cover;
  width: 100%;
  height: 500px;
}

.card .hills-1 {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/hills-1-2@2x.png") !important;
  width: 120px !important;
  height: 120px !important;
  position: relative !important;
}

.card.default {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 #eb5567;
}

.card.hover .c-ontainer {
  background-color: #fff;
  top: -8px;
  left: -8px;
  box-shadow: 8px 8px #eb5567;
}

.card.hover .h-nh-tr-nh-a-ch-ng {
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.card.default .h-nh-tr-nh-a-ch-ng {
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
}

.card.hover .text-wrapper {
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.card.default .text-wrapper {
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
}

.card.hover .bullet-point-2 {
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.card.default .bullet-point-2 {
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
}

.card.hover .bullet-point-3 {
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.card.default .bullet-point-3 {
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
}

.component {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/image-7.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 562px;
  height: 450px;
  overflow: hidden;
}

.component:hover {
  box-shadow: 8px 8px #b5d358;
}

.component .activity {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  width: 562px;
  height: 450px;
  padding: 32px;
  display: flex;
  position: relative;
}

.component .b-i-xe-r-ng {
  color: #fff;
  letter-spacing: 0;
  align-self: stretch;
  font-family: Manrope, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.frame {
  border-color: #e0e0d1;
  border-top-style: dashed;
  border-top-width: 2px;
  flex-direction: column;
  align-items: flex-start;
  width: 562px;
  padding: 32px;
  display: flex;
  position: relative;
}

.frame .tittle {
  font-family: var(--16-regular-font-family);
  font-size: var(--16-regular-font-size);
  font-style: var(--16-regular-font-style);
  font-weight: var(--16-regular-font-weight);
  letter-spacing: var(--16-regular-letter-spacing);
  line-height: var(--16-regular-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -2px;
  position: relative;
}

.frame .div-2 {
  flex: none;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  position: relative;
}

.frame .element-VND {
  color: #eb5567;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  position: relative;
}

.frame .text-wrapper-3 {
  color: var(--gray-01);
  font-family: var(--16-regular-font-family);
  font-size: var(--16-regular-font-size);
  font-style: var(--16-regular-font-style);
  font-weight: var(--16-regular-font-weight);
  letter-spacing: var(--16-regular-letter-spacing);
  line-height: var(--16-regular-line-height);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.frame .text-wrapper {
  color: #9f9f9f;
  font-family: var(--16-regular-font-family);
  font-size: var(--16-regular-font-size);
  font-style: var(--16-regular-font-style);
  font-weight: var(--16-regular-font-weight);
  letter-spacing: var(--16-regular-letter-spacing);
  line-height: var(--16-regular-line-height);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.frame.property-1-3-hover {
  background-color: #f7f7ea;
}

.frame.property-1-3-hover .tittle {
  color: #464646;
}

.frame.property-1-3-default .tittle {
  color: var(--gray-01);
}

.hiking {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/hiking-1-1.png");
  background-position: 50%;
  background-size: cover;
  width: 512px;
  height: 512px;
}

.logo {
  width: 442px;
  height: 177px;
  position: absolute;
  top: 0;
  left: 0;
}

.rice-bowl {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/rice-bowl-2@2x.png");
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.tea {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/tea-1@2x.png");
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.testimonials {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 369px;
  height: 318px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonials .frame-4 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  display: flex;
  position: relative;
}

.testimonials .img {
  width: 33.75px;
  height: 32px;
  position: relative;
}

.testimonials .we-had-such-an {
  color: #000;
  font-family: var(--16-medium-font-family);
  font-size: var(--16-medium-font-size);
  font-style: var(--16-medium-font-style);
  font-weight: var(--16-medium-font-weight);
  letter-spacing: var(--16-medium-letter-spacing);
  line-height: var(--16-medium-line-height);
  align-self: stretch;
  position: relative;
}

.testimonials .frame-5 {
  flex: none;
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: relative;
}

.testimonials .ellipse {
  object-fit: cover;
  width: 32px;
  height: 32px;
  position: relative;
}

.testimonials .content {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: inline-flex;
  position: relative;
}

.testimonials .our-team {
  color: #000;
  font-family: var(--14-semibold-font-family);
  font-size: var(--14-semibold-font-size);
  font-style: var(--14-semibold-font-style);
  font-weight: var(--14-semibold-font-weight);
  letter-spacing: var(--14-semibold-letter-spacing);
  line-height: var(--14-semibold-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.testimonials .frame-6 {
  flex: none;
  align-items: center;
  gap: 3px;
  display: inline-flex;
  position: relative;
}

.testimonials .star {
  flex: none;
  align-items: flex-start;
  display: inline-flex;
  position: relative;
}

.testimonials .star-2 {
  width: 11.41px;
  height: 10.85px;
  position: relative;
}

.testimonials .frame-7 {
  flex: none;
  align-items: center;
  gap: 2px;
  display: inline-flex;
  position: relative;
}

.testimonials .text-wrapper-4 {
  color: var(--gray-01);
  font-family: var(--12-regular-font-family);
  font-size: var(--12-regular-font-size);
  font-style: var(--12-regular-font-style);
  font-weight: var(--12-regular-font-weight);
  letter-spacing: var(--12-regular-letter-spacing);
  line-height: var(--12-regular-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.testimonials .social-icons {
  width: 14px !important;
  height: 14px !important;
  position: relative !important;
}

.homepage {
  background-color: #f4f3e1;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.homepage .div-4 {
  background-color: #f4f3e1;
  width: 1440px;
  height: 10000px;
  position: relative;
  overflow: hidden;
}

.homepage .frame-9 {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  display: inline-flex;
  position: absolute;
  top: 800px;
  left: 0;
}

.homepage .section {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 48px;
  width: 100%;
  padding: 90px 0;
  display: flex;
  position: relative;
}

.homepage .event_poster {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.event_poster img {
  width: 80%;
}

.register_btn {
  padding: 20px;
  position: sticky;
}

.btn--outline {
  box-sizing: border-box;
  color: #0d172a;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  background-color: #fff;
  border: 5px solid #0ba80b;
  border-radius: 1.5rem;
  width: 280px;
  height: 80px;
  padding: 1rem 1.6rem;
  font-family: Basier circle, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 100px;
  font-weight: 1000;
  line-height: 1;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all .1s cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
  box-shadow: 0 1px 2px #a6afc340;
}

.btn--outline p {
  padding-top: 5px;
  font-size: 25px;
}

.btn--outline:hover {
  color: #fff;
  background-color: #0a670a;
}

@media (width >= 768px) {
  .btn--outline {
    padding: 1rem 2rem;
    font-size: 1.125rem;
  }
}

.homepage .d-ch-v-h-p-d-n-t-i {
  color: var(--black);
  font-family: var(--h1-semibold-font-family);
  font-size: var(--h1-semibold-font-size);
  font-style: var(--h1-semibold-font-style);
  font-weight: var(--h1-semibold-font-weight);
  letter-spacing: var(--h1-semibold-letter-spacing);
  line-height: var(--h1-semibold-line-height);
  text-align: center;
  width: 554px;
  margin-top: -1px;
  position: relative;
}

.homepage .frame-10 {
  flex: none;
  align-items: center;
  gap: 32px;
  display: inline-flex;
  position: relative;
}

.homepage .frame-11 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex;
  position: relative;
}

.homepage .card-instance {
  position: relative !important;
}

.homepage .hiking-1 {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/hiking-1@2x.png") !important;
  width: 120px !important;
  height: 120px !important;
  position: relative !important;
}

.homepage .design-component-instance-node {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/ing-4.png") !important;
}

.homepage .rice-bowl-instance {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/rice-bowl-1@2x.png") !important;
  width: 120px !important;
  height: 120px !important;
  position: relative !important;
}

.homepage .card-2 {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/ing-3.png") !important;
}

.homepage .card-2-1 {
  background-image: url("Eat.854622a8.png") !important;
}

.homepage .card-2-2 {
  background-image: url("Eat1.ce1a62e7.png") !important;
}

.homepage .card-3 {
  height: 788px !important;
  position: relative !important;
}

.homepage .card-4 {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/ing-2.png") !important;
}

.homepage .card-5 {
  background-color: #fff !important;
}

.homepage .card-6 {
  background-color: unset !important;
  height: 810px !important;
  position: relative !important;
}

.homepage .tea-instance {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/tea@2x.png") !important;
  width: 120px !important;
  height: 120px !important;
  position: relative !important;
}

.homepage .card-7 {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/ing-1.png") !important;
}

.homepage .card-7-1 {
  background-image: url("Cafe.0eaef23c.png") !important;
}

.homepage .card-7-2 {
  background-image: url("Cafe1.5bd088b5.png") !important;
}

.homepage .car-instance {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/car@2x.png") !important;
  width: 120px !important;
  height: 120px !important;
  position: relative !important;
}

.homepage .card-8 {
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/ing.png") !important;
}

.homepage .section-2 {
  background-color: #e3e4b7;
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 48px;
  width: 100%;
  padding: 90px 0;
  display: flex;
  position: relative;
}

.homepage .p {
  color: #000;
  font-family: var(--h1-semibold-font-family);
  font-size: var(--h1-semibold-font-size);
  font-style: var(--h1-semibold-font-style);
  font-weight: var(--h1-semibold-font-weight);
  letter-spacing: var(--h1-semibold-letter-spacing);
  line-height: var(--h1-semibold-line-height);
  text-align: center;
  width: 570px;
  margin-top: -1px;
  position: relative;
}

.homepage .frame-12 {
  flex: none;
  align-items: flex-start;
  gap: 32px;
  width: 1138px;
  display: flex;
  position: relative;
}

.homepage .frame-13 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  height: 840px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.homepage .frame-14 {
  background-color: #fff;
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  padding: 32px;
  display: flex;
  position: absolute;
}

.homepage .frame-15 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 4px;
  display: inline-flex;
  position: relative;
}

.homepage .text-wrapper-7 {
  color: #232323;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.homepage .text-wrapper-8 {
  color: #464646;
  font-family: var(--16-regular-font-family);
  font-size: var(--16-regular-font-size);
  font-style: var(--16-regular-font-style);
  font-weight: var(--16-regular-font-weight);
  letter-spacing: var(--16-regular-letter-spacing);
  line-height: var(--16-regular-line-height);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.homepage .frame-16 {
  flex: none;
  align-items: center;
  gap: 12px;
  display: inline-flex;
  position: relative;
}

.homepage .frame-17 {
  flex: none;
  align-items: center;
  gap: 4px;
  display: inline-flex;
  position: relative;
}

.homepage .img-2 {
  width: 20px;
  height: 20px;
  position: relative;
}

.homepage .text-wrapper-9 {
  color: #464646;
  font-family: var(--16-regular-font-family);
  font-size: var(--16-regular-font-size);
  font-style: var(--16-regular-font-style);
  font-weight: var(--16-regular-font-weight);
  letter-spacing: var(--16-regular-letter-spacing);
  line-height: var(--16-regular-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.homepage .line {
  object-fit: cover;
  width: 1px;
  height: 16px;
  position: relative;
}

.homepage .leu-lon-a-chinh {
  object-fit: cover;
  align-self: stretch;
  width: 100%;
  height: 341px;
  position: absolute;
  top: 167px;
}

.homepage .leu-lon-a-chinh > div {
  width: 100%;
}

.homepage .frame-22 {
  position: absolute;
  bottom: 188px;
  border-color: unset !important;
  border-top-style: unset !important;
  border-top-width: unset !important;
  flex: none !important;
  align-self: stretch !important;
  width: 100% !important;
}

.homepage .frame-22-01 {
  position: absolute;
  bottom: 130px;
  border-color: unset !important;
  border-top-style: unset !important;
  border-top-width: unset !important;
  flex: none !important;
  align-self: stretch !important;
  width: 100% !important;
}

.homepage .frame-18 {
  background-color: #a0be42;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 20px 24px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.homepage .text-wrapper-10 {
  color: #fff;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Inter, Helvetica;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  position: relative;
}

.homepage .arrow-forward-2 {
  width: 24px;
  height: 24px;
  position: relative;
}

.homepage .leu-lon-a-chinh-2 {
  align-self: stretch;
  width: 100%;
  height: 341px;
  position: absolute;
  top: 167px;
}

.homepage .design-component-instance-node-2 {
  flex: none !important;
  align-self: stretch !important;
  width: 100% !important;
}

.homepage .design-component-instance-node-3 {
  position: absolute;
  bottom: 64px;
  flex: none !important;
  align-self: stretch !important;
  width: 100% !important;
}

.homepage .frame-19 {
  background-color: var(--button);
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 20px 24px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.homepage .frame-wrapper {
  background: url("section.e54b31ec.png") 50% / cover;
  width: 100%;
  height: 900px;
  position: relative;
}

.homepage .frame-20 {
  flex-direction: column;
  align-items: center;
  gap: 48px;
  display: inline-flex;
  position: relative;
  top: 153px;
  left: 150px;
}

.homepage .frame-21 {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 12px;
  width: 554px;
  display: flex;
  position: relative;
}

.homepage .div-wrapper {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 4px;
  display: inline-flex;
  position: relative;
}

.homepage .text-wrapper-11 {
  color: #fff;
  font-family: var(--h1-semibold-font-family);
  font-size: var(--h1-semibold-font-size);
  font-style: var(--h1-semibold-font-style);
  font-weight: var(--h1-semibold-font-weight);
  letter-spacing: var(--h1-semibold-letter-spacing);
  line-height: var(--h1-semibold-line-height);
  width: 720px;
  margin-top: -1px;
  position: relative;
}

.homepage .text-wrapper-11-1 {
  color: #fff;
  font-family: var(--h1-semibold-font-family);
  font-size: var(--h1-semibold-font-size);
  font-style: var(--h1-semibold-font-style);
  font-weight: var(--h1-semibold-font-weight);
  letter-spacing: var(--h1-semibold-letter-spacing);
  line-height: var(--h1-semibold-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.homepage .text-wrapper-12 {
  color: #fff;
  letter-spacing: 0;
  opacity: .7;
  text-align: center;
  width: 554px;
  font-family: Manrope, Helvetica;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.homepage .frame-23 {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 32px;
  display: inline-flex;
  position: relative;
}

.homepage .frame-24 {
  flex: none;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex;
  position: relative;
}

.homepage .frame-25 {
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 261px;
  display: flex;
  position: relative;
}

.homepage .icon-instance-node {
  width: 90px !important;
  height: 90px !important;
  position: relative !important;
}

.homepage .text-wrapper-13 {
  color: #fff;
  font-family: var(--16-regular-font-family);
  font-size: var(--16-regular-font-size);
  font-style: var(--16-regular-font-style);
  font-weight: var(--16-regular-font-weight);
  letter-spacing: var(--16-regular-letter-spacing);
  line-height: var(--16-regular-line-height);
  text-align: center;
  align-self: stretch;
  position: relative;
}

.homepage .group {
  width: 59.11px;
  height: 90px;
  position: relative;
}

.homepage .frame-26 {
  background-color: #a0be42;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 24px;
  display: inline-flex;
  position: relative;
}

.homepage .frame-27 {
  align-items: flex-start;
  gap: 16px;
  width: 1140px;
  height: 450px;
  display: flex;
  position: relative;
}

.homepage .component-1 {
  height: unset !important;
  width: unset !important;
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/image-5@2x.png") !important;
  flex: 1 !important;
  align-self: stretch !important;
  position: relative !important;
}

.homepage .component-instance {
  width: 273px !important;
}

.homepage .component-1-instance {
  height: unset !important;
  width: unset !important;
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/image-3@2x.png") !important;
  flex: 1 !important;
  align-self: stretch !important;
  position: relative !important;
}

.homepage .component-2 {
  height: unset !important;
  width: unset !important;
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/image-1@2x.png") !important;
  flex: 1 !important;
  align-self: stretch !important;
  position: relative !important;
}

.homepage .component-3 {
  height: unset !important;
  width: unset !important;
  background-image: url("https://generation-sessions.s3.amazonaws.com/d492c08a3017c553696af269c3e39fe1/img/image@2x.png") !important;
  flex: 1 !important;
  align-self: stretch !important;
  position: relative !important;
}

.homepage .frame-28 {
  width: 1140px;
  height: 652px;
  position: relative;
}

.homepage .frame-29 {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  width: 1544px;
  display: flex;
  position: relative;
}

.homepage .testimonials-instance {
  font-family: Manrope, Helvetica !important;
  font-size: 12px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.homepage .testimonials-2 {
  width: 6.71px !important;
}

.homepage .testimonials-3 {
  font-family: Manrope, Helvetica !important;
  font-size: 14px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  line-height: normal !important;
}

.homepage .rectangle-2 {
  width: 386px;
  height: 990px;
  position: absolute;
  top: 0;
  left: 1054px;
}

.homepage .overlap-wrapper {
  background-image: url("frame115.b95a2c5f.png");
  background-position: 50%;
  background-size: cover;
  width: 1440px;
  height: 1440.03px;
  position: relative;
}

.homepage .overlap {
  width: 1407px;
  height: 1436px;
  position: relative;
  top: 22px;
  left: 33px;
}

.homepage .overlap-group {
  width: 1407px;
  height: 1332px;
  position: absolute;
  top: 0;
  left: 0;
}

.homepage .vector {
  width: 251px;
  height: 178px;
  position: absolute;
  top: 1154px;
  left: 1156px;
}

.homepage .vector-2 {
  width: 292px;
  height: 454px;
  position: absolute;
  top: 345px;
  left: 673px;
}

.homepage .pink-note {
  width: 554px;
  height: 719px;
  position: absolute;
  top: 210px;
  left: 127px;
}

.homepage .yellow-note {
  width: 554px;
  height: 580px;
  position: absolute;
  top: 648px;
  left: 703px;
}

.homepage .overlap-2 {
  width: 609px;
  height: 628px;
  position: relative;
  top: -3px;
  left: -10px;
}

.homepage .rectangle-3 {
  width: 609px;
  height: 304px;
  position: absolute;
  top: 324px;
  left: 0;
}

.homepage .rectangle-11 {
  width: 609px;
  height: 304px;
  position: absolute;
  top: 480px;
  left: 0;
}

.homepage .rectangle-4 {
  width: 570px;
  height: 595px;
  position: absolute;
  top: 0;
  left: 2px;
}

.homepage .rectangle-10 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 2px;
}

.homepage .frame-30 {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: inline-flex;
  position: absolute;
  top: 103px;
  left: 10px;
}

.homepage .frame-50 {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: inline-flex;
  position: absolute;
  top: 75px;
  left: 10px;
}

.homepage .overlap-group-wrapper {
  width: 275.05px;
  height: 56.04px;
  position: relative;
}

.homepage .overlap-group-2 {
  width: 275px;
  height: 57px;
  position: relative;
  top: -1px;
}

.homepage .overlap-group-3 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ1IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjQ1IDYyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC43NSA3LjVWNjJIMjI2LjI1TDI0NC4yNSAwTDUwLjc1IDcuNUgwLjc1WiIgZmlsbD0iI0ZGQTVEMCIvPgo8L3N2Zz4K");
  background-size: cover;
  width: 275px;
  height: 57px;
  position: relative;
  top: -1px;
}

.homepage .text-wrapper-14 {
  color: #000;
  letter-spacing: 0;
  width: 250px;
  font-family: Margarine, Helvetica;
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: 0;
  left: 20px;
  transform: rotate(-.06deg);
}

.homepage .text-wrapper-31 {
  color: #000;
  letter-spacing: 0;
  width: 245px;
  font-family: Margarine, Helvetica;
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: 0;
  left: 41px;
  transform: rotate(-.06deg);
}

.homepage .vector-3 {
  width: 275px;
  height: 54px;
  position: absolute;
  top: 3px;
  left: 0;
}

.homepage .vector-4 {
  background-size: cover;
  width: 275px;
  height: 54px;
  position: absolute;
  top: 3px;
  left: 0;
}

.homepage .frame-31 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 553.71px;
  display: flex;
  position: relative;
}

.homepage .frame-51 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 540px;
  display: flex;
  position: relative;
}

.homepage .bullet-instance {
  align-self: stretch !important;
  width: 100% !important;
  margin-top: -2.5px !important;
  margin-left: -2.5px !important;
  margin-right: -2.5px !important;
}

.homepage .frame-32 {
  width: 33.69px !important;
  height: 34.06px !important;
  margin-bottom: -1.56px !important;
  position: relative !important;
}

.homepage .bullet-2 {
  align-self: stretch !important;
  width: 100% !important;
  margin-left: -2.5px !important;
  margin-right: -2.5px !important;
}

.homepage .bullet-3 {
  align-self: stretch !important;
  width: 100% !important;
  margin-bottom: -2.5px !important;
  margin-left: -2.5px !important;
  margin-right: -2.5px !important;
}

.homepage .fujifilm-instax-wide {
  background-color: #fff;
  width: 344px;
  height: 275px;
  position: absolute;
  top: 255px;
  left: 910px;
  transform: rotate(-19.44deg);
  box-shadow: 0 0 12px #0000001a;
}

.homepage .picture-fujifilm {
  width: 365px;
  height: 293px;
  position: absolute;
  top: -24px;
  left: -10px;
  transform: rotate(19.44deg);
}

.homepage .frame-33 {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 554px;
  display: flex;
  position: absolute;
  top: 54px;
  left: 410px;
}

.homepage .text-wrapper-15 {
  color: var(--black);
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.homepage .c-ng-i-m-danh-qua-nh {
  color: var(--black);
  letter-spacing: 0;
  opacity: .7;
  text-align: center;
  width: 554px;
  font-family: Manrope, Helvetica;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.homepage .fitness-tracker {
  width: 120px;
  height: 114px;
  position: absolute;
  top: 25px;
  left: 827px;
  transform: rotate(53.21deg);
}

.homepage .fitness-tracker-2 {
  object-fit: cover;
  width: 163px;
  height: 164px;
  position: absolute;
  top: -25px;
  left: -22px;
  transform: rotate(-53.21deg);
}

.homepage .polaroid-format {
  background-color: #fff;
  width: 284px;
  height: 347px;
  position: absolute;
  top: 1055px;
  left: 122px;
  transform: rotate(16.96deg);
  box-shadow: 0 0 12px #0000001a;
}

.homepage .picture-polaroid {
  width: 316px;
  height: 317px;
  position: absolute;
  top: -11px;
  left: -16px;
  transform: rotate(-16.96deg);
}

.homepage .fujifilm-instax-mini {
  background-color: #fff;
  width: 193px;
  height: 308px;
  position: absolute;
  top: 1019px;
  left: 415px;
  transform: rotate(-12.19deg);
  box-shadow: 0 0 12px #0000001a;
}

.homepage .picture-fujifilm-2 {
  width: 200px;
  height: 249px;
  position: absolute;
  top: 11px;
  left: -3px;
  transform: rotate(12.19deg);
}

.homepage .frame-34 {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 32px;
  width: 1440px;
  padding: 90px 0;
  display: flex;
  position: relative;
}

.homepage .text-wrapper-16 {
  color: var(--black);
  font-family: var(--h1-semibold-font-family);
  font-size: var(--h1-semibold-font-size);
  font-style: var(--h1-semibold-font-style);
  font-weight: var(--h1-semibold-font-weight);
  letter-spacing: var(--h1-semibold-letter-spacing);
  line-height: var(--h1-semibold-line-height);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.homepage .frame-35 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 8px;
  width: 750px;
  display: flex;
  position: relative;
}

.homepage .overlap-3 {
  width: auto;
  height: 1000px;
  position: absolute;
  inset: 0;
}

.homepage .logo-instance {
  left: unset !important;
  top: unset !important;
  width: 140px !important;
  height: 60px !important;
  position: relative !important;
}

.homepage .menu {
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: inline-flex;
  position: relative;
}

.homepage .text-wrapper-17 {
  color: #000;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.homepage .rectangle-5 {
  background-color: #000;
  width: 1px;
  height: 11px;
  position: relative;
}

.homepage .text-wrapper-18 {
  color: #bee24f;
  letter-spacing: 0;
  background-color: inherit;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.homepage .text-wrapper-18-1 {
  color: #c97539;
  letter-spacing: 0;
  background-color: inherit;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.homepage .call {
  width: 24px;
  height: 24px;
  position: relative;
}

.homepage .text-wrapper-19 {
  color: #000;
  letter-spacing: 0;
  width: 150px;
  font-family: Inter, Helvetica;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: 514px;
  left: 77px;
}

.homepage .section-3 {
  background-position: 50%;
  background-size: cover;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 750px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.homepage .ch-o-m-ng-b-n-n-t-i {
  color: #f7f150;
  font-family: var(--display-1-font-family);
  font-size: var(--display-1-font-size);
  font-style: var(--display-1-font-style);
  font-weight: var(--display-1-font-weight);
  letter-spacing: var(--display-1-letter-spacing);
  line-height: var(--display-1-line-height);
  text-align: center;
  position: absolute;
  top: 323px;
  left: 290px;
}

.homepage .subtitle {
  color: #000;
  font-family: var(--display-1-font-family);
  font-size: 24px;
  font-style: var(--display-1-font-style);
  font-weight: var(--display-1-font-weight);
  letter-spacing: var(--display-1-letter-spacing);
  line-height: var(--display-1-line-height);
  text-align: center;
  background-color: #fffc;
  border-radius: 1000px;
  gap: 10px;
  padding: 6px 20px;
  display: inline-flex;
  position: absolute;
  top: 465px;
  left: 500px;
}

.each-slide {
  background-size: cover;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 1440px;
  height: 800px;
  display: flex;
  position: absolute;
}

.each-slide > div {
  width: 100%;
}

.each-slide > div img {
  object-fit: cover;
  width: 1440px;
  height: 800px;
}

.header-nav {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 120px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.homepage .text-wrapper-20 {
  color: #242005;
  letter-spacing: 0;
  background-color: inherit;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.homepage .rectangle-9 {
  background-color: #000;
  width: 1px;
  height: 11px;
  position: relative;
}

.homepage .overlap-4 {
  width: 100%;
  position: relative;
  left: 0;
}

.homepage .frame-36 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
}

.homepage .footer {
  background: url("footer.d35b141c.png") 50% / cover;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 1440px;
  padding: 90px 0;
  display: flex;
  position: relative;
}

.homepage .frame-37 {
  align-items: flex-start;
  gap: 32px;
  width: 1140px;
  display: flex;
  position: relative;
}

.homepage .frame-38 {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 359px;
  display: flex;
  position: relative;
}

.homepage .frame-39 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: inline-flex;
  position: relative;
}

.homepage .text-wrapper-21 {
  color: #fffc;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  position: relative;
}

.homepage .text-wrapper-22 {
  color: #fffc;
  font-family: var(--14-regular-font-family);
  font-size: var(--14-regular-font-size);
  font-style: var(--14-regular-font-style);
  font-weight: var(--14-regular-font-weight);
  letter-spacing: var(--14-regular-letter-spacing);
  line-height: var(--14-regular-line-height);
  width: 100%;
  position: relative;
}

.homepage .frame-40 {
  justify-content: space-between;
  align-items: flex-start;
  width: 749px;
  display: flex;
  position: relative;
}

.homepage .frame-41 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  width: 261px;
  display: flex;
  position: relative;
}

.homepage .text-wrapper-23 {
  color: #fffc;
  letter-spacing: -.32px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  position: relative;
}

.homepage .text-wrapper-24 {
  color: #fffc;
  font-family: var(--14-regular-font-family);
  font-size: var(--14-regular-font-size);
  font-style: var(--14-regular-font-style);
  font-weight: var(--14-regular-font-weight);
  letter-spacing: var(--14-regular-letter-spacing);
  line-height: var(--14-regular-line-height);
  align-self: stretch;
  position: relative;
}

.homepage .frame-42 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex;
  position: relative;
}

.homepage .text-wrapper-25 {
  color: #fff;
  font-family: var(--14-regular-font-family);
  font-size: var(--14-regular-font-size);
  font-style: var(--14-regular-font-style);
  font-weight: var(--14-regular-font-weight);
  letter-spacing: var(--14-regular-letter-spacing);
  line-height: var(--14-regular-line-height);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.homepage .frame-43 {
  flex: none;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex;
  position: relative;
}

.homepage .frame-44 {
  background-color: #000;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 1440px;
  padding: 10px 0;
  display: flex;
  position: relative;
}

.homepage .text-wrapper-26 {
  color: #fffc;
  letter-spacing: -.28px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.homepage .frame-45 {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  display: inline-flex;
  position: absolute;
  top: 148px;
  left: 1261px;
}

.homepage .frame-46 {
  background-color: #fff;
  border-radius: 100px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 9px;
  display: inline-flex;
  position: relative;
}

.homepage .image {
  object-fit: cover;
  width: 28px;
  height: 28px;
  position: relative;
}

.homepage .frame-47 {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
  position: relative;
}

.homepage .text-wrapper-27 {
  color: var(--gray-01);
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Manrope, Helvetica;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.homepage .text-wrapper-28 {
  color: var(--gray-01);
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  font-family: Manrope, Helvetica;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.homepage .frame-48 {
  background-color: #fff;
  border-radius: 100px;
  flex: none;
  align-items: center;
  gap: 8px;
  width: 153px;
  padding: 12px 16px;
  display: flex;
  position: relative;
}

.homepage .text-wrapper-29 {
  color: var(--gray-01);
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  font-family: Manrope, Helvetica;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.homepage .text-wrapper-30 {
  color: #000;
  letter-spacing: 0;
  font-family: Manrope, Helvetica;
  font-size: 32px;
  font-weight: 600;
  line-height: normal;
  position: absolute;
  top: 2432px;
  left: -81px;
}

.interact-box {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 1440px;
  height: 430px;
  display: flex;
  position: relative;
  bottom: 0;
}

.fb-page {
  position: absolute;
  left: 0;
}

.zalo-icon {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 90px;
  right: 25px;
}

.frame-49 {
  background: linear-gradient(#3b5d0500 12.5%, #3b5d05cc 59.38%, #12310f 100%);
  width: 1440px;
  height: 800px;
  position: relative;
}

.frame-49 .div {
  align-items: flex-start;
  gap: 32px;
  width: 1189px;
  display: flex;
  position: relative;
  top: 389px;
  left: 100px;
}

.frame-49 .div-2 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 10px;
  display: inline-flex;
  position: relative;
}

.frame-49 .text-wrapper {
  color: #fff;
  font-family: var(--h1-semibold-font-family);
  font-size: var(--h1-semibold-font-size);
  font-style: var(--h1-semibold-font-style);
  font-weight: var(--h1-semibold-font-weight);
  letter-spacing: var(--h1-semibold-letter-spacing);
  line-height: var(--h1-semibold-line-height);
  width: 454.27px;
  margin-top: -1px;
  position: relative;
}

.frame-49 .p {
  color: #fffc;
  font-family: var(--h1-semibold-font-family);
  font-size: var(--18-medium-font-size);
  font-style: var(--18-medium-font-style);
  font-weight: var(--18-medium-font-weight);
  letter-spacing: var(--18-medium-letter-spacing);
  line-height: var(--18-medium-line-height);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.frame-49 .div-3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 24px;
  display: flex;
  position: relative;
}

.frame-49 .text-wrapper-2 {
  color: #fffc;
  font-family: var(--24-semibold-font-family);
  font-size: var(--24-semibold-font-size);
  font-style: var(--24-semibold-font-style);
  letter-spacing: var(--24-semibold-letter-spacing);
  line-height: var(--24-semibold-line-height);
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.frame-49 .text-wrapper-3 {
  color: #fffc;
  font-family: var(--24-semibold-font-family);
  font-size: var(--24-semibold-font-size);
  font-style: var(--24-semibold-font-style);
  letter-spacing: var(--24-semibold-letter-spacing);
  line-height: var(--24-semibold-line-height);
  align-self: stretch;
  position: relative;
}

/*# sourceMappingURL=index.7e392595.css.map */