#chuoi_gia_tri{background-color:#f4f4f4;padding:3rem 0}#chuoi_gia_tri .component-wrapper{display:flex;flex-direction:column;align-items:center;max-width:1366px;margin:0 auto}#chuoi_gia_tri .component-wrapper .title-thc.green{text-align:center;margin-bottom:0;max-width:800px;margin:0 auto}#chuoi_gia_tri .component-wrapper .infographic-scaled-wrapper{width:100%}#chuoi_gia_tri .component-wrapper .infographic-wrapper{width:100%;max-width:1728px;height:988px;position:relative;overflow:hidden;margin:auto}#chuoi_gia_tri .component-wrapper .infographic-wrapper .center-text-wrapper{position:absolute;left:50%;top:50%;transform:translate(-38%, -64%);z-index:3;width:700px;height:400px;display:flex;align-items:center;justify-content:center}#chuoi_gia_tri .component-wrapper .infographic-wrapper .center-text-wrapper .center-background-image{position:absolute;inset:0;width:100%;height:100%;z-index:1;border-radius:50%}#chuoi_gia_tri .component-wrapper .infographic-wrapper .center-text-wrapper .center-background-image .bg-image{width:100%;height:100%;object-fit:contain;border-radius:50%}#chuoi_gia_tri .component-wrapper .infographic-wrapper .center-text-wrapper .center-text{position:relative;z-index:2;text-align:center;font-size:48px;font-style:normal;font-weight:900;line-height:120%;text-transform:uppercase;color:var(--green_color);margin-left:-8rem}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-letter-wrapper,#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content-wrapper{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-letter-wrapper:hover .node-background-circle,#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content-wrapper:hover .node-background-circle{opacity:1;visibility:visible}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-background-circle{position:absolute;width:calc(var(--node-size, 147px) + 3rem);height:calc(var(--node-size, 147px) + 3rem);border-radius:50%;background:#4747470d;z-index:1;left:50%;top:50%;transform:translate(-50%, -50%);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-letter{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:147px;height:147px}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-letter::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg, #dadada 0%, #ebebeb 6%, #f6f6f6 13%, #fdfdfd 23%, #fff 51%);filter:drop-shadow(0 9px 10.28px #3f3f3f);z-index:1}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-letter::after{content:"";position:absolute;inset:0.5rem;border-radius:50%;background:linear-gradient(90deg, #fff 49%, #fdfdfd 74%, #f6f6f6 84%, #eaeaea 90%, #dadada 95%, #c6c6c6 99%);filter:drop-shadow(0 9.16px 10.46px #3f3f3f);z-index:2}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-letter .letter-icon{position:relative;z-index:3;width:auto;height:auto;display:block;max-width:100%;max-height:100%}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:50%;background:linear-gradient(135deg, #058644 14.65%, #89dc7c 85.36%);box-shadow:0 3px 6px #3f3f3f;color:#f2f2f2;text-align:center;overflow:visible;box-sizing:border-box;transition:transform 0.3s ease, box-shadow 0.3s ease;cursor:pointer}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid #d8d8d8;z-index:-1;pointer-events:none}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(63, 63, 63, 0.3)}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content .node-content-inner{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content .node-title{margin-bottom:0;text-align:center;font-size:calc(var(--content-size, 241px) * 0.095);font-weight:900;line-height:120%;text-transform:uppercase;width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;padding:0 10%}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content .node-desc{margin-bottom:0;text-align:center;width:100%;font-size:1rem;line-height:130%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;padding:0 10%}#chuoi_gia_tri .component-wrapper .infographic-wrapper .node-content .node-desc p{margin-bottom:0}@media only screen and (max-width:769px){#chuoi_gia_tri{padding:2rem 0 3rem;overflow-x:hidden;overflow-y:visible}#chuoi_gia_tri .component-wrapper{max-width:none;width:100%;padding:0;overflow-x:hidden;overflow-y:visible}#chuoi_gia_tri .component-wrapper h2{margin-bottom:2rem;padding:0 1rem}#chuoi_gia_tri .infographic-scaled-wrapper{position:relative;width:100%;max-width:100%;height:calc(100vw * 0.5717);max-height:988px;overflow:visible}#chuoi_gia_tri .infographic-wrapper{position:absolute;top:0;left:50%;width:1728px;height:988px;max-width:none;margin:0;overflow:visible;transform:translateX(-50%) scale(calc(100vw / 1728));transform-origin:top center}#chuoi_gia_tri .node-letter-wrapper,#chuoi_gia_tri .node-content-wrapper{pointer-events:auto}#chuoi_gia_tri .node-letter-wrapper:hover .node-background-circle,#chuoi_gia_tri .node-content-wrapper:hover .node-background-circle{opacity:0 !important;visibility:hidden !important}#chuoi_gia_tri .node-content:hover{transform:none !important;box-shadow:0 3px 6px #3f3f3f !important}}@media only screen and (max-width:374px){#chuoi_gia_tri .infographic-scaled-wrapper{height:calc(100vw * 0.5717)}}@media only screen and (min-width:770px) and (max-width:1024px){#chuoi_gia_tri .infographic-wrapper{margin-left:0;margin-right:0;max-width:100%}}