.mega-search-box {
    border-radius: var(--br-xs);
}

.mega-search-box {
    width: 100%;
    margin-top: -75px;
    box-shadow: var(--glass-01);
    backdrop-filter: blur(32px);
    background-color: #fff;
    border: 1px solid var(--neutrals-7);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-5xl);
    font-size: var(--font-size-xl);
    color: var(--neutrals-2);
    font-family: var(--font-be-vietnam-pro);
    z-index: 99;
}

.tri-nghim-hu-parent-blog {
    width: 100%;
    padding: 3rem 0px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
}

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

.thua-thien-hue-blog, .where-are-you {
    width: 160px;
    font-size: 14px;
    line-height: 26.5px;
    text-transform: capitalize;
    font-weight: 600;
}

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

.frame-inner-blog-nghethuat {
    width: 100%;
    /*padding: 2rem 0;*/
}

.frame-icon-blog {
    width: 100%;
    position: relative;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}

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

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

.frame-icon-nghethuat {
    width: 100%;
    position: relative;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}

.frame-icon-nghethuat2 {
    width: 100%;
    position: relative;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
}

.frame-nghethuat-img {
    width:100%;
    padding:10px;
}

.rectangle-container-blog {
    align-self: stretch;
    position: relative;
    height: 100%;
    font-size: var(--font-size-45xl);
    font-family: var(--font-bellevue);
}
.mega-search-box-home {
    display: flex;
    justify-content:space-evenly;
    align-items: center;
    padding: 10px 0;
}

.sang-tao-am-thuc4 {
    width: 75%;
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 73.6px;
    line-height: 84.64px;
    font-family: var(--font-bellevue);
    color: white;
    text-align: center;
    font-weight: 600;
}

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

/* Liên H? */

.frame-parent-lienhe {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    
    width: 100%;
    height:auto;
    gap: 100px;
    font-size: var(--font-size-29xl);
    font-family: var(--font-bellevue);
}

.content-parent-lienhe {
    width: 1170px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-13xl);
}

.content-lienhe {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.su-menh-parent-lienhe {
    width: 300px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.su-menh-lienhe {
    align-self: stretch;
    position: relative;
}

.frame-child-lienhe {
    width: 300px;
    position: relative;
    height: 22px;
}

.gui-gop-y-lienhe {
    align-self: stretch;
    position: relative;
    line-height: 46px;
    color: var(--color-gray-100);
}

.content-child-lienhe {
    width: 208px;
    position: relative;
    height: 22px;
}

.ni-dung-gp-wrapper-lienhe {
    align-self: stretch;
    flex: 1;
    border-radius: var(--br-5xs);
    background-color: var(--color-white);
    border: 1px solid var(--dark-dark-300);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-base) var(--padding-3xs);
    font-size: var(--font-size-base);
    color: var(--color-dimgray-100);
    font-family: var(--font-be-vietnam-pro);
}

.ni-dung-gp-lienhe {
    position: relative;
    line-height: 20px;
    font-weight: 300;
}

.ng-gp-wrapper-lienhe {
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-29xl);
    box-sizing: border-box;
    text-align: center;
    font-size: var(--font-size-base);
    color: var(--color-gray-200);
    font-family: var(--font-be-vietnam-pro);
}

.ng-gp-lienhe {
    position: relative;
    line-height: 20px;
    font-weight: 500;
}

.frame-item-lienhe {
    flex: 1;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    height: 400px;
    object-fit: cover;
}

.group-parent-lienhe {
    display: flex;
    justify-content: flex-start;
    align-self: stretch;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    padding: var(--padding-46xl) 0;
    position: relative;
    gap: var(--gap-3xs);
    background-image: url(./public/frame-1321315095@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    font-size: var(--font-size-base);
    color: var(--color-dimgray-100);
    font-family: var(--font-be-vietnam-pro);
}

.frame-inner-lienhe {
    width: 418px;
    position: absolute;
    margin: 0 !important;
    bottom: -29px;
    left: 1120px;
    height: 254px;
    object-fit: contain;
    z-index: 0;
}

.parent-lienhe {
    display: flex;
    justify-content: flex-start;
    width: 1170px;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--gap-13xl);
    z-index: 1;
}

.icon-lienhe {
    align-self: stretch;
    flex: 1;
    position: relative;
    border-radius: var(--br-xs);
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}

.content1-lienhe {
    flex: 1;
    overflow: hidden;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-5xl);
    display: flex;
    justify-content: flex-start;
}

.su-menh-group-lienhe {
    width: 300px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: var(--color-black);
    font-size: var(--font-size-29xl);
    font-family: var(--font-bellevue);
}

.su-menh-lienhe {
    align-self: stretch;
    position: relative;
}

.thong-tin-lien-lienhe {
    align-self: stretch;
    font-size: 55px;
    line-height: 55px;
    font-weight: 600;
    font-family: var(--font-bellevue);
}

.content-item-lienhe {
    width: 353.5px;
    position: relative;
    height: auto;
}

.h-v-tn-wrapper-lienhe {
    align-self: stretch;
    background-color: var(--color-white);
    border: 1px solid var(--dark-dark-300);
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-base) var(--padding-3xs);
    border-radius: var(--br-5xs);
    display: flex;
    flex-direction: row;
}

.gi-thng-tin-wrapper-lienhe {
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-29xl);
    box-sizing: border-box;
    text-align: center;
    color: var(--color-gray-200);
    border-radius: var(--br-5xs);
    display: flex;
    flex-direction: row;
}

.frame-group-lienhe {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 1169.5px;
    gap: 40px;
    color: var(--color-gray-100);
    flex-direction: column;
}

.group-container-lienhe {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

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

.mang-xa-hoi-lienhe {
    position: relative;
    line-height: 46px;
}

.frame-container-lienhe {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 80px;
}

.social-icon-wrapper-lienhe {
    border-radius: 50%;
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-5xl);
}

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