.hct-001-trang-ch-child {
    position: relative;
    top: 688px;
    left: 955px;
    filter: blur(300px);
    border-radius: 50%;
    background: linear-gradient( -32.22deg, rgba(209, 172, 255, 0), rgba(195, 159, 241, 0.08) 17.19%, rgba(237, 208, 255, 0.24) 44.33%, rgba(201, 222, 255, 0.3) 75.52% );
    width: 625px;
    height: 690px;
    transform: rotate(90deg);
    transform-origin: 0 0;
    opacity: 0.5;
}

.image-28-parent-disanvt {
    width: 100%;
    position: relative;
    height: 430px;
    padding: 10px;
    overflow: hidden;
}

.frame-parent-disan1 {
    width: 100%;
    height: auto;
    align-items: flex-start;
    background: url(./public/rectangle-5388@2x.png);
    gap: var(--gap-25xl);
    z-index: 2;
    padding: 3rem 0;
}

.frame-chil1 {
    width: 418px;
    left: -60px;
    bottom: -10px;
    height: 254px;
    z-index: 2;
}

.frame-chil1, .frame-chil2 {
    position: absolute;
    margin: 0 !important;
}

.frame-chil2 {
    width: 422.1px;
    right: -27.1px;
    bottom: -17px;
    height: 222px;
    z-index: 3;
}

.renters {
    position: relative;
    height: 0.17%;
    width: 4.03%;
    top: 0.2%;
    left: 20.35%;
    font-size: 12px;
    font-family: var(--font-montserrat);
    color: var(--text-main-484848);
    display: none;
}

.hct-001-trang-ch-item {
    position: relative;
    top: 1985px;
    left: 811px;
    border-radius: 50%;
    background-color: #1c2869;
    width: 8px;
    height: 8px;
    display: none;
}

.clipboard-icon {
    position: absolute;
    height: 0.46%;
    width: 2.67%;
    top: 210.56%;
    right: -749.13%;
    bottom: -111.01%;
    left: 846.46%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: contain;
}

.label {
    align-self: stretch;
    position: relative;
    line-height: 20px;
    font-weight: 300;
}

.input {
    position: absolute;
    top: 2058px;
    left: 182px;
    width: 452px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: var(--text-main-484848);
}

.hct-001-trang-ch-inner {
    position: absolute;
    top: 79px;
    left: -142px;
    width: 604px;
    height: 545px;
}

.message {
    position: absolute;
    top: 2142px;
    left: 182px;
    font-weight: 300;
    color: #e02b1e;
    display: none;
}

.creative-city,
.tha-thin-hu {
    position: absolute;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.creative-city {
    top: 99.4px;
    left: 98.6px;
    text-transform: uppercase;
    background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.7) 61%);
}

.tha-thin-hu {
    top: -10px;
    left: 0;
    font-size: 99.7px;
    background: linear-gradient(180deg, #fff, #080b1c);
    opacity: 0.4;
}

.thnh-ph-sng {
    position: absolute;
    top: 53px;
    left: 177px;
    font-size: var(--font-size-21xl);
    line-height: 46px;
    font-family: var(--font-bellevue);
}

.creative-city-parent {
    position: absolute;
    top: 230px;
    left: 290px;
    width: 859px;
    height: 205.4px;
}

.hue-city-5151869-4-1 {
    position: absolute;
    top: 376px;
    left: 0;
    width: 1440px;
    height: 595px;
    object-fit: cover;
}

.trang-ch {
    color: var(--color-white);
}

.gii-thiu,
.trang-ch {
    position: relative;
    line-height: 20px;
    text-transform: capitalize;
    font-weight: 500;
}

.trang-ch-parent {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-13xl);
}

.frame-child,
.frame-item {
    position: absolute;
    top: 25px;
    left: 27px;
    max-height: 100%;
    width: 19px;
}

.frame-item {
    top: -15px;
    left: -141px;
    width: 1437px;
}

.frame-group {
    position: absolute;
    top: 72px;
    left: 141px;
    width: 1157px;
    height: 25px;
    font-size: var(--body-app-14light-size);
    color: var(--color-darkgray-100);
}

.group-child,
.group-icon,
.group-inner,
.group-item {
    position: absolute;
    height: 13.16%;
    width: 17.06%;
    top: 48.37%;
    right: 11.41%;
    bottom: 38.47%;
    left: 71.53%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-child,
.group-inner,
.group-item {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.group-inner,
.group-item {
    height: 18.75%;
    width: 12.37%;
    top: 40.63%;
    bottom: 40.63%;
    left: 87.63%;
}

.group-inner {
    height: 100%;
    width: 32.99%;
    top: 0;
    right: 67.01%;
    bottom: 0;
    left: 0;
}

.dean {
    position: absolute;
    top: 12.5%;
    left: 35.05%;
    line-height: 24px;
    font-weight: 500;
}

.vector-group {
    position: absolute;
    height: 57.14%;
    width: 6.74%;
    top: 21.43%;
    right: 1.67%;
    bottom: 21.43%;
    left: 91.6%;
    display: none;
}

.group-child1,
.group-child2,
.group-child3 {
    position: absolute;
    height: 32.14%;
    width: 1.25%;
    top: 33.93%;
    right: 11.11%;
    bottom: 33.93%;
    left: 87.64%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    display: none;
}

.group-child2,
.group-child3 {
    right: 13.47%;
    left: 85.28%;
}

.group-child3 {
    right: 15.83%;
    left: 82.92%;
}

.rectangle-div {
    height: 50%;
    width: 9.44%;
    top: 25%;
    right: 18.47%;
    bottom: 25%;
    left: 72.08%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.09);
    border-radius: var(--br-14xl);
    background-color: var(--primary-homing-8551db);
    opacity: 0.1;
}

.dashboard,
.ellipse-icon,
.rectangle-div {
    position: absolute;
    display: none;
}

.dashboard {
    top: 28.57%;
    left: 73.68%;
    line-height: 24px;
    font-weight: 600;
    color: var(--primary-homing-8551db);
}

.ellipse-icon {
    height: 49.82%;
    width: 1.94%;
    top: 21.43%;
    right: 6.88%;
    bottom: 28.75%;
    left: 91.18%;
    border-radius: 50%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}

.group-child4,
.vector-parent {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
}

.vector-parent {
    width: 100%;
    right: 0;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.06));
}

.group-child4 {
    width: 84.96%;
    right: 15.04%;
    border-radius: var(--br-14xl);
    background-color: var(--color-white);
    border: 1px solid var(--line-line-f1f1f1);
    box-sizing: border-box;
}

.add-dress-city {
    position: absolute;
    top: 18.75%;
    left: 3.54%;
    line-height: 20px;
    font-weight: 300;
}

.group-child5,
.group-child6,
.icon {
    position: absolute;
    height: 56.25%;
    width: 3.98%;
    top: 21.88%;
    right: 17.7%;
    bottom: 21.88%;
    left: 78.32%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-child6,
.icon {
    right: 7.52%;
    left: 88.5%;
}

.group-child6 {
    right: 0;
    left: 96.02%;
    object-fit: cover;
}

.rectangle-parent {
    position: absolute;
    height: 57.14%;
    width: 31.39%;
    top: 21.43%;
    right: 55.42%;
    bottom: 21.43%;
    left: 13.19%;
    display: none;
    font-size: var(--body-app-14light-size);
    color: var(--text-main-484848);
}

.creative-city1,
.thua-thien-hue {
    width: 130px;
    font-size: 14px;
    line-height: 26.5px;
    text-transform: capitalize;
}

.creative-city1 {
    font-size: 16.8px;
    line-height: 24.01px;
    font-family: var(--font-book-antiqua);
}

.thua-thien-hue-parent {
    width: 130px;
    height: 44px;
    font-size: 18.6px;
    color: var(--color-white);
    font-family: var(--font-balboaplus-fill);
}

.image-35-icon,
.image-36-icon {
    border-radius: var(--br-9xs);
    width: 22px;
    height: 15px;
    object-fit: cover;
}

.image-36-icon {
    left: 1362px;
}

.group-child7,
.header-beta {
    position: absolute;
    top: 0;
    left: 0;
    width: 1440px;
    height: 40px;
}

.group-child7 {
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    border-radius: var(--br-9xs);
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--color-darkslategray-100);
    box-sizing: border-box;
}
/*.search {
  position: absolute;
  top: 18.75%;
  left: 3.87%;
  line-height: 20px;
  font-weight: 300;
}*/
.group-child8 {
    position: absolute;
    height: 43.75%;
    width: 4.11%;
    top: 28.13%;
    right: 3.87%;
    bottom: 28.13%;
    left: 92.03%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.rectangle-group {
    position: absolute;
    height: 57.14%;
    width: 26.39%;
    top: 2.43%;
    right: 6.88%;
    bottom: 21.43%;
    left: 66.74%;
    font-size: var(--body-app-14light-size);
    color: #9a9fa9;
}

.frame-parent,
.header-beta-parent {
    position: relative;
    top: 0;
    left: 0;
    width: 1440px;
}

.header-beta-parent {
    height: 56px;
    font-size: var(--font-size-base);
    color: var(--color-darkslategray-100);
    font-family: var(--body-app-14light);
}

.frame-parent {
    background: linear-gradient(180deg, #000, #151b4a);
    height: 889px;
    font-size: 84.1px;
    font-family: var(--font-be-vietnam-pro);
}

.hct-001-trang-ch-child1,
.hct-001-trang-ch-child2 {
    position: absolute;
    height: 2.84%;
    width: 29.31%;
    top: 8.95%;
    right: -2.99%;
    bottom: 88.21%;
    left: 73.68%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.hct-001-trang-ch-child2 {
    height: 3.25%;
    width: 29.03%;
    top: 8.5%;
    right: 76.11%;
    bottom: 88.25%;
    left: -5.14%;
}

.rectangle-container-home {
    align-self: stretch;
    position: relative;
    height: 100%;
    font-size: var(--font-size-45xl);
    font-family: var(--font-bellevue);
}

.rectangle-parent-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/*.rectangle-parent-img {
    display: flex;
    width: 100%;
    justify-content: space-between;
}*/
/* N?u ch? có 1 item thì c?n gi?a */
.rectangle-parent-img.count-1 {
    display: flex;
    justify-content: center;
}

/* N?u có 2 item thì dàn ??u 2 bên */
.rectangle-parent-img.count-2 {
    display: flex;
    justify-content: space-between;
}

/* N?u có 3 item thì item gi?a to h?n */
.rectangle-parent-img.count-3 .center-big {
    transform: scale(1.1); /* phóng to */
    z-index: 1; /* n?i lên */
}

.rectangle-parent-img.count-3 .col-md-4:not(.center-big) {
    transform: scale(0.9); /* nh? l?i */
    opacity: 0.8; /* tu? ch?n làm m? nh? */
}



.frame-inner {
    background-color: var(--color-white);
    width: 100%;
    height: 737px;
}

.frame-inner-home {
    background-color: var(--color-white);
    width: 100%;
    padding: 3rem 0;
}

.frame-inner-formlienhe {
    width: 100%;
    padding: 3rem 1rem;
    background: url(./public/rectangle-5388@2x.png);
}

.image-32-parent-lienhe {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.frame-icon {
    width: 629px;
    position: relative;
    height: 558px;
    object-fit: cover;
}

.frame-icon-home {
    width: 100%;
    position: relative;
    height: auto;
    object-fit: cover;
}

.tha-thin-hu {
    align-self: stretch;
    position: relative;
    line-height: 46px;
}

.frame-child1 {
    width: 388.5px;
    position: relative;
    height: auto;
}

.frame-child1-lienhe {
    width: 220px;
    position: relative;
    height: auto;
}

.group-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
    font-size: var(--font-size-21xl);
}

.lch-s-hnh {
    width: 100%;
    text-align:justify;
}

.lch-s-hnh-container {
    width: 100%;
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-base);
    line-height: 24px;
    font-weight: 300;
    font-family: var(--font-be-vietnam-pro);
}

.nghethuat-content {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    text-align: justify;
}

.lch-s-hnh-text {
    width: 100%;
}

.xem-thm {
    position: relative;
    line-height: 20px;
    font-weight: 600;
}

.xem-thm-nghethuat {
    position: relative;
    line-height: 10px;
    font-weight: 600;
}

.xem-thm-wrapper {
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-29xl);
    font-size: var(--body-app-14light-size);
    color: var(--miscellaneous-floating-tab-text-unselected);
    font-family: var(--font-be-vietnam-pro);
}

.xem-thm-wrapper6 {
    width:100%;
    margin:auto;
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-29xl);
    font-size: var(--body-app-14light-size);
    color: var(--miscellaneous-floating-tab-text-unselected);
    font-family: var(--font-be-vietnam-pro);
}


.frame-div {
    width: 550px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.tha-thin-hu-parent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.tha-thin-hu-parent-blog {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
}

.tha-thin-hu-parent-nghethuat {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
}

.frame-div {
    position: absolute;
    top: 118px;
    left: 98px;
    width: 1236px;
    flex-direction: row;
    align-items: center;
    gap: var(--gap-13xl);
}

.frame-div-home {
    width: 90%;
    height: auto;
    margin: auto;
    justify-content: center;
    align-items: center;
}

.frame-div-lienhe {
    width: 100%;
    height: auto;
    margin: auto;
    justify-content: center;
    align-items: center;
}

.rectangle-container {
    align-self: stretch;
    position: relative;
    height: 737px;
    font-size: var(--font-size-45xl);
    font-family: var(--font-bellevue);
}

.rectangle-icon {
    width: 100%;
    height: 834px;
    object-fit: cover;
}

.group-icon1 {
    position: absolute;
    height: 23.5%;
    width: 28.6%;
    top: 69.06%;
    right: 9.97%;
    bottom: 7.43%;
    left: 61.43%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.m-thc-hu1 {
    font-size: var(--font-size-45xl);
    line-height: 46px;
    font-family: var(--font-bellevue);
    font-weight:600;
}

.lch-s-hnh1 {
    font-size: var(--font-size-base);
    line-height: 24px;
    font-weight: 300;
    width: 100%;
    text-align: justify;
}



.image-21-icon, .image-22-icon, .image-23-icon {
    width: 100%;
    border-radius: var(--br-xs);
    height: 375px;
    object-fit: cover;
}

.image-21-icon, .image-22-icon, .image-23-icon,
.m-thc-truyn,
.vector-icon {
    position: relative;
}

.vector-icon {
    width: 26px;
    height: 26px;
}

.image-21-parent,
.m-thc-truyn-thng-parent {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.btn-details {
    width: 30px;
}

.m-thc-truyn-thng-parent {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    align-items: center;
}

.image-21-parent {
    width: 100%;
    box-shadow: 0 4px 25.3px rgba(0, 0, 0, 0.15);
    border-radius: var(--br-xs);
    background-color: var(--color-white);
    border: 1px solid var(--color-antiquewhite);
    flex-direction: column;
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-5xl);
    gap: var(--gap-base);
}

.m-thc-ng-ph-parent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    align-items: center;
}

.rectangle-parent2 {
    width: 100%;
    box-shadow: 0 4px 25.3px rgba(0, 0, 0, 0.15);
    border-radius: var(--br-xs);
    background-color: var(--color-white);
    border: 1px solid var(--color-antiquewhite);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-5xl);
    gap: var(--gap-base);
}

.m-thc-sng-to-parent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    align-items: center;
}

.rectangle-parent3 {
    display: flex;
    justify-content: center;
}

.xem-thm-container {
    display: flex;
    justify-content: center;
}

.rectangle-parent3 {
    width: 100%;
    box-shadow: 0 4px 25.3px rgba(0, 0, 0, 0.15);
    border-radius: var(--br-xs);
    background-color: var(--color-white);
    border: 1px solid var(--color-antiquewhite);
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-5xl);
    gap: var(--gap-base);
}

.xem-thm-container {
    width: 100%;
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    overflow: hidden;
    flex-direction: row;
    align-items: center;
    padding: var(--padding-3xs) var(--padding-29xl);
    font-size: var(--font-size-base);
    text-align:center;
}

.frame-child4 {
    width: 388.5px;
    height: auto;
}

/*.rectangle-parent-text {
    width: 100%;
}*/

/*.rectangle-home {
    width: 90%;
    padding: 3rem 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-5xl);
    height: 100%;
}*/

.rectangle-parent1 {
    height: 834px;
    font-size: var(--font-size-xl);
    align-self: stretch;
    position: relative;
}

.rectangle-parent-home {
    background: url(./public/rectangle-5388@2x.png);
}

.khm-ph-du-lch-parent-home {
    width: 90%;
    padding: 3rem 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-5xl);
    height: 100%;
}

.khm-ph-du-lch-parent-text {
    width: 100%;
}



.tha-thin-hu2 {
    font-size: 40px;
    line-height: 44px;
    font-family: var(--font-bellevue);
}

.tha-thin-hu1 {
    font-size: 55px;
    line-height: 55px;
    font-family: var(--font-bellevue);
    font-weight: 600;
}

.di-sn-vn-ha-hu-parent-home {
    width: 100%;
    padding: 3rem 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}

.tri-nghim-hu {
    align-self: stretch;
    position: relative;
    font-size: 50px;
    line-height: 46px;
    font-family: var(--font-bellevue);
    font-weight: 600;
}

.xem-thm-frame {
    width: 100%;
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    text-align: center;
}

.tri-nghim-hu-parent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-13xl);
    margin: auto;
}

.trai-nghiem-hue-img {
    margin: auto;
    width: 100%;
}

.di-san-img {
    margin: auto;
    width: 100%;
    flex-wrap: wrap;
    height: auto;
}

.trai-nghiem-hue-icon {
    margin: auto;
    width: 100%;
    
}

.di-san-hue-icon {
    margin: auto;
    width: 80%;
}

.th-vin-hnh-icon {
    margin: auto;
    width: 100%;
}

.image-30-icon,
.image-31-icon,
.image-32-icon {
    width: 100%;
    border-radius: var(--br-xs);
    height: 480px;
    object-fit: cover;
    margin: 10px 0;
}



.frame-child5,
.frame-child6 {
    width: 100%;
    height: auto;
    padding-top: 15px;
}



.frame-parent1 {
    width: 100%;
    position: relative;
    height: 800px;
    text-align: center;
}

.frame-parent1-home {
    width: 100%;
    position: relative;
    height: auto;
    text-align: center;
}

.tri-nghim-hu-parent-home {
    width: 100%;
    padding: 3rem 0px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.image-22-icon {
    
    width: 100%;
    height: auto;
    object-fit: cover;
}
.image-28-icon {
    
    object-fit: cover;
}

.image-28-icon {
    border-radius: var(--br-xs);
    width: 100%;
    height: 100%;
}

.ngh-thut-m {
    position: absolute;
    bottom: 17%;
    left: 20px;
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: start;
}

.t-ho-l {
    position: absolute;
    left: 20px;
}

.t-ho-l {
    bottom: 10%;
    font-size: var(--body-app-14light-size);
    font-weight: 300;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 80%;
    text-align: start;
}

.ngh-thut-text {
    width:100%;
}

.image-28-parent {
    width: 100%;
    position: relative;
    height: auto;
    padding: 10px;
    height: 430px;
}

.m-hng-dn {
    position: absolute;
    bottom: 10%;
    left: 20px;
    font-size: var(--body-app-14light-size);
    font-weight: 300;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 80%;
}

.frame-parent2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.xem-thm-wrapper1 {
    display: flex;
    flex-direction: row;
    align-items: center;
   
}

.frame-parent2 {
    width: 100%;
    height: auto;
    justify-content: space-evenly;
    text-align: center;
    color: var(--color-white);
}

.xem-thm-wrapper1 {
    top: 453px;
    left: 750px;
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    overflow: hidden;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-29xl);
    font-size: var(--font-size-base);
}

.sng-to-hu1 {
    align-self: stretch;
    position: relative;
    line-height: 46px;
    font-family: var(--font-bellevue);
    font-weight:600;
}

.frame-child7 {
    width: 388.5px;
    height: auto;
}

.kp-frame-child7 {
    width: 388.5px;
    height: auto;
}

.khm-ph-du-lch-parent-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.mng-li-cc,
.mng-li-cc1 {
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-xl);
}

.mng-li-cc1 {
    font-size: var(--font-size-base);
    line-height: 24px;
    font-weight: 300;
}

.sng-to-hu-parent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap-5xl);
    font-size: 55px;
    height: 100%;
    margin: auto;
    padding: 2rem 10px 2rem 1rem;
}

.mask-group-icon,
.mask-group-icon1,
.mask-group-icon2 {
    position: absolute;
    
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: contain;
}

.mask-group-icon {
    height: 40.19%;
    width: 58.7%;
    top: 3.2%;
    bottom: 56.61%;
    left: 24.78%;
    z-index: 1;
}

.mask-group-icon1 {
    height: 40.19%;
    width: 38.7%;
    top: 33.2%;
    bottom: 56.61%;
    left: 3.78%;
}

.mask-group-icon2 {
    height: 42.19%;
    width: 55.7%;
    top: 46.2%;
    bottom: 56.61%;
    left: 45.78%;
    z-index: 1;
}

.image-22-parent {
    width: 100%;
    position: relative;
    height: 988px;
    font-size: var(--font-size-xl);
}

.image-22-parent-home {
    width: 100%;
    position: relative;
    height: auto;
    font-size: var(--font-size-xl);
}

.frame-child8 {
    width: 100%;
    height: 739px;
    object-fit: cover;
}

.sang-tao-hue-home {
    width: 100%;
    height: auto;
    margin: auto;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sang-tao-hue-img {
    height:100%;
}

.city-img {
    position: relative;
    width: 100%;
    height: 100%;
    
}
.frame-child9 {
    height: 20.91%;
    width: 16.5%;
    bottom: -15px;
    right: 0px;
}
.frame-child10 {
    height: 19.91%;
    width: 14.5%;
    bottom: -10px;
    left: -3px;
}

.frame-child10, .frame-child9 {
    position: absolute;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.thnh-ph-hu {
    align-self: stretch;
    position: relative;
    line-height: 24px;
    font-weight: 300;
    margin:auto;
    text-align: justify;
}

.xem-thm-wrapper2 {
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-29xl);
}

.l-hi-s-kin-parent {
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap-base);
    margin: auto;
}

.sang-tao-hue-parent-home {
    width: 100%;
    padding-bottom: 3rem;
}

.frame-child12 {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.rectangle-parent4 {
    align-self: stretch;
    position: relative;
    height: 772.7px;
}

.rectangle-parent4-home {
    align-self: stretch;
    position: relative;
    height: auto;
    background: url(./public/rectangle-5389@2x.png);
}
.parent4-home {
    width: 100%;
    height: auto;
    padding: 3rem 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lch-s {
    width: 100%;
    position: relative;
    line-height: 24px;
    font-weight: 300;
    display: inline-block;
    text-align: justify;
}

.di-sn-vn-ha-hu-parent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-13xl);
    margin: auto;
}

.image-30-icon1,
.image-31-icon1,
.image-32-icon1 {
    border-radius: var(--br-xs);
    width: 100%;
    height: 480px;
    object-fit: cover;
    padding: 1rem;
}

.image-31-icon1,
.image-32-icon1 {
    left: 788px;
}

.image-32-icon1 {
    left: 0;
}

.frame-parent3 {
    width: 100%;
    position: relative;
    height: auto;
    text-align: center;
}

.image-34-icon {
    position: absolute;
    top: -135px;
    left: 0;
    width: 1440px;
    height: 719px;
    object-fit: cover;
}

.nm-trn-di {
    font-size: var(--font-size-base);
    line-height: 24px;
    font-weight: 300;
    width: 100%;
    text-align:justify;
}

.khm-ph-du-lch-parent {
    
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-6xl);
}

.xem-thm-wrapper4 {
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-29xl);
    font-size: var(--font-size-base);
    color: var(--miscellaneous-floating-tab-text-unselected);
    font-family: var(--font-be-vietnam-pro);
}

.image-34-parent {
    position: absolute;
    top: 0.3px;
    left: 0;
    background-color: #dfdfdf;
    width: 100%;
    height: 584px;
    overflow: hidden;
}

.caretright-icon {
    width: 48px;
    position: relative;
    border-radius: var(--br-59xl);
    height: 48px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: contain;
}

.cung-an-nh-parent {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.rectangle-parent5 {
    box-shadow: 0 4px 26px rgba(0, 0, 0, 0.1);
    border-radius: var(--br-xs);
    background-color: var(--color-seashell);
    border: 1px solid var(--color-gainsboro-100);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-3xs) var(--padding-5xl);
    gap: var(--gap-base);
}

.kinh-thnh-i-ni-hu-parent,
.lng-hng-thy-xun-parent {
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}


.caretright-icon1 {
    width: 48px;
    position: relative;
    border-radius: var(--br-59xl);
    height: 48px;
    overflow: hidden;
    flex-shrink: 0;
}

.caretright-parent {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 2rem;
    margin: auto;
}

.frame-parent4 {
    height: 100%;
    font-size: var(--font-size-xl);
    align-self: stretch;
    position: relative;
    background: url(./public/image-34@2x.png);
}

.th-vin-hnh {
    line-height: 46px;
    display: inline-block;
    width: 100%;
    font-weight:600;
}

.image-hinh-anh {
    width: 90%;
    margin: auto;
}

.image-33-icon {
    width: 100%;
    position: relative;
    height: 200px;
    object-fit: cover;
    padding: 0 5px;
}

.image-32-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    
}

.caretright-icon2,
.caretright-icon3 {
    position: absolute;
    top: 174px;
    border-radius: var(--br-59xl);
    width: 48px;
    height: 48px;
    overflow: hidden;
}

.caretright-icon2 {
    left: 40px;
    object-fit: contain;
}

.caretright-icon3 {
    left: 1310px;
}

.frame-child19,
.frame-child20 {
    width: 100%;
    height: auto;
    padding-top: 20px;
}



.th-vin-hnh-nh-parent {
    width: 100%;
    position: relative;
    height: auto;
    text-align: center;
    font-size: var(--font-size-21xl);
    font-family: var(--font-bellevue);
}

.th-vin-hnh-home {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 0;
}

.frame-container {
    position: absolute;
    top: 890px;
    left: 0;
    width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 100px;
    font-size: var(--font-size-base);
    color: var(--color-gray-200);
    font-family: var(--font-be-vietnam-pro);
}

.la-plateforme {
    position: relative;
    font-weight: 300;
}

.frame-parent7,
.la-plateforme-parent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.la-plateforme-parent {
    width: auto;
    flex-direction: column;
    gap: var(--gap-10xl);
    width:100%;
}

.frame-parent7 {
    align-self: stretch;
    flex-direction: row;
    gap: 82px;
}

.rserver-une-dmo-wrapper {
    border-radius: var(--br-5xs);
    background-color: var(--color-white);
    border: 1px solid var(--color-yellowgreen);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-xs) var(--padding-5xl);
}

.se-connecter {
    position: relative;
    line-height: 20px;
    font-weight: 500;
}

.frame-parent8,
.se-connecter-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.se-connecter-wrapper {
    border-radius: var(--br-5xs);
    background-color: var(--color-yellowgreen);
    justify-content: center;
    padding: var(--padding-xs) var(--padding-5xl);
    color: var(--color-white);
}

.frame-parent8 {
    align-self: stretch;
    justify-content: flex-start;
    gap: 19px;
    text-align: center;
    font-size: var(--body-app-14light-size);
    color: var(--color-yellowgreen);
}

.frame-parent6 {
    align-self: stretch;
    width: 459px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.adresse-mail,
.suivez-lactualit-de {
    position: relative;
    font-weight: 500;
}

.adresse-mail {
    padding: 0 10px !important;
    font-weight: 300;
    width: 100%;
    height: 44px;
}

.adresse-mail-wrapper {
    flex: 1;
    border-radius: var(--br-5xs);
    box-sizing: border-box;
    height: 44px;
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.content-gopy-wrapper {
    flex: 1;
    border-radius: var(--br-5xs);
    box-sizing: border-box;
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.envoyer-wrapper,
.frame-parent10 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.frame-parent-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--gap-base);
}

.thoi-gian {
    font-size: var(--body-app-14light-size);
    font-weight: 300;
    align-items: center;
    display: flex;
}

    .thoi-gian-icon {
        height:20px;
        width:20px;
        margin-right: 5px;
    }

    .content-gopy {
        resize: none;
    }

.content-gopy-lienhe {
    resize: none;
    min-height: 10rem !important;
}

.envoyer-wrapper {
    width: 120px;
    border-radius: var(--br-5xs);
    background-color: var(--color-yellowgreen);
    height: 44px;
    align-items: center;
    padding: var(--padding-xs) var(--padding-5xl);
    box-sizing: border-box;
    text-align: center;
    color: #243544;
}

.frame-parent10 {
    width: 100%;
    align-items: flex-start;
    gap: var(--gap-2xs);
    color: var(--color-gray-100);
}

.suivez-lactualit-de-green-it-parent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}

.social-icon {
    width: 40px;
    position: relative;
    height: 40px;
    overflow: hidden;
    flex-shrink: 0;
}

.social-icon-parent {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 27px;
}

.suivez-nous-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
}

.frame-parent5,
.frame-parent9 {
    height: 182px;
    align-items: flex-start;
}

.frame-parent9 {
    border-radius: var(--br-xs);
    display: none;
    flex-direction: column;
    justify-content: space-between;
    font-size: var(--font-size-base);
}

.frame-parent5 {
    width: 941px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 43px;
}

.footer {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
}


.footer-parent {
    position: relative;
    width: 100%;
    height: auto;
    font-size: var(--font-size-lg);
    background-color: #FFF;

}

.footer-home {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}

.creative-city2,
.thua-thien-hue1 {
    
    text-transform: capitalize;
    display: flex;
    justify-content: flex-start
}

.thua-thien-hue1 {
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
}

.creative-city2 {
    font-size: 24.5px;
    line-height: 24.5px;
    font-family: var(--font-book-antiqua);
}

.thua-thien-hue-group {
    width: 100%;
    height: auto;
    font-size: 30.4px;
    font-family: var(--font-balboaplus-fill);
}

.frame-parent11,
.frame-parent13,
.frame-wrapper1 {
    display: flex;
    align-items: flex-start;
}

.frame-parent13 {
    width: 100%;
    border-radius: var(--br-xs);
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.frame-parent11 {
    width: 80%;
    flex-direction: row;
    justify-content: flex-end;
    gap: 63px;
    font-size: var(--font-size-base);
    font-family: var(--font-be-vietnam-pro);
}

.tri-nghim-hu1 {
    width: 156px;
    position: relative;
    text-decoration: underline;
    font-weight: 300;
    display: inline-block;
}

.frame-parent12,
.frame-wrapper,
.gii-thiu-parent {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.gii-thiu-parent {
    width: auto;
    flex-direction: column;
    gap: var(--gap-10xl);
}

.frame-parent12,
.frame-wrapper {
    width: 100%;
    flex-direction: row;
}

.frame-wrapper {
    width: 100%;
    height: auto;
}

.ng-k-wrapper {
    width: 114px;
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    color: #090904;
}

.social-icon2 {
    width: 26px;
    position: relative;
    height: 26px;
    overflow: hidden;
    flex-shrink: 0;
}

.social-icon-group {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 17.6px;
}

.frame-wrapper1 {
    flex-direction: column;
    justify-content: flex-start;
}



.hct-001-trang-ch {
    width: 1440px;
    background-color: var(--color-white);
    max-width: 100%;
    height: 7819px;
    overflow: hidden;
    text-align: left;
    font-size: var(--body-app-14light-size);
    color: var(--color-white);
    font-family: var(--body-app-14light);
}


@media screen and (max-width: 768px) {
    .mt-none {
        margin-top: 0 !important;
    }
    .dis-none {
        display:none;
    }
    .tha-thin-hu1 {
        font-size: var(--font-size-21xl);
        line-height: 44px;
    }
    .thong-tin-lien-lienhe {
        font-size: var(--font-size-21xl);
        line-height: 44px;
    }
    .m-thc-hu1 {
        font-size: var(--font-size-21xl);
        line-height: 46px;
    }
    .tri-nghim-hu {
        font-size: var(--font-size-21xl);
    }
    .sng-to-hu1 {
        font-size: var(--font-size-21xl);
    }
    .image-30-icon, .image-31-icon, .image-32-icon {
        height: 380px;
    }
    .kp-frame-child7 {
        width:100%;
    }
    .th-vin-hnh {
        font-size: var(--font-size-21xl);
    }
    .frame-child4 {
        width: 100%;
    }
    .sang-tao-am-thuc4 {
        font-size: var(--font-size-21xl);
        top: 290px;
    }
    .thnh-ph-hu-lehoi {
        text-align: justify !important;
    }
    .m-thc-cung-amthuc {
        text-align: justify;
    }

    .thua-thien-hue1 {
        font-size: 11px;
        font-weight: bold;
        line-height: 11px;
    }
    .creative-city2 {
        font-size: 16.5px;
        line-height: 20.33px;
        font-family: var(--font-book-antiqua);
    }

    .frame-container-lienhe {
        justify-content: space-evenly !important;
        gap: 0 !important;
    }
    
}