.elementor-4522 .elementor-element.elementor-element-d174208{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4522 .elementor-element.elementor-element-22d2121 .elementor-button{background-color:#D7E671D9;font-family:"Roboto", Sans-serif;font-weight:900;fill:#FF4949;color:#FF4949;}.elementor-4522 .elementor-element.elementor-element-cdd5288{--display:flex;}.elementor-4522 .elementor-element.elementor-element-3d540b7 .elementor-button{background-color:#E1F176B0;font-family:"Roboto", Sans-serif;font-weight:800;fill:#FF4949;color:#FF4949;}.elementor-4522 .elementor-element.elementor-element-6518c93{--display:flex;}.elementor-4522 .elementor-element.elementor-element-9e85c79 .elementor-button{background-color:#E1F176B0;font-family:"Roboto", Sans-serif;font-weight:800;fill:#FF4949;color:#FF4949;}.elementor-4522 .elementor-element.elementor-element-174c174{--display:flex;}.elementor-4522 .elementor-element.elementor-element-e26f604 .elementor-button{background-color:#E1F176B0;font-family:"Roboto", Sans-serif;font-weight:800;fill:#FF4949;color:#FF4949;}.elementor-4522 .elementor-element.elementor-element-d91dd3f{--display:flex;}.elementor-4522 .elementor-element.elementor-element-1148983 .elementor-button{background-color:#E1F176B0;font-family:"Roboto", Sans-serif;font-weight:800;fill:#FF4949;color:#FF4949;}.elementor-4522 .elementor-element.elementor-element-01cc200{--display:flex;}.elementor-4522 .elementor-element.elementor-element-aee5f9e .elementor-button{background-color:#E1F176B0;font-family:"Roboto", Sans-serif;font-weight:800;fill:#FF4949;color:#FF4949;}.elementor-4522 .elementor-element.elementor-element-ce6b0d2{--display:flex;}.elementor-4522 .elementor-element.elementor-element-78d268b .elementor-button{background-color:#E1F176B0;font-family:"Roboto", Sans-serif;font-weight:800;fill:#FF4949;color:#FF4949;}.elementor-4522 .elementor-element.elementor-element-da6abbd{--display:flex;}.elementor-4522 .elementor-element.elementor-element-bb87dd2 .elementor-button{background-color:#387E55A3;font-family:"Roboto", Sans-serif;font-weight:800;fill:#E3FF00;color:#E3FF00;}body.elementor-page-4522:not(.elementor-motion-effects-element-type-background), body.elementor-page-4522 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#263728;}@media(max-width:767px){.elementor-4522 .elementor-element.elementor-element-d174208{--margin-top:0px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;}.elementor-4522 .elementor-element.elementor-element-22d2121 .elementor-button{font-size:20px;line-height:1.5em;border-radius:49px 49px 49px 49px;}.elementor-4522 .elementor-element.elementor-element-cdd5288{--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-4522 .elementor-element.elementor-element-3d540b7{--e-transform-rotateZ:0deg;}.elementor-4522 .elementor-element.elementor-element-3d540b7 .elementor-button{font-size:18px;line-height:1.5em;border-radius:49px 49px 49px 49px;}.elementor-4522 .elementor-element.elementor-element-6518c93{--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-4522 .elementor-element.elementor-element-9e85c79 .elementor-button{font-size:18px;line-height:1.5em;border-radius:49px 49px 49px 49px;}.elementor-4522 .elementor-element.elementor-element-174c174{--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-4522 .elementor-element.elementor-element-e26f604 .elementor-button{font-size:18px;line-height:1.5em;border-radius:49px 49px 49px 49px;}.elementor-4522 .elementor-element.elementor-element-d91dd3f{--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-4522 .elementor-element.elementor-element-1148983 .elementor-button{font-size:18px;line-height:1.5em;border-radius:49px 49px 49px 49px;}.elementor-4522 .elementor-element.elementor-element-01cc200{--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-4522 .elementor-element.elementor-element-aee5f9e .elementor-button{font-size:18px;line-height:1.5em;border-radius:49px 49px 49px 49px;}.elementor-4522 .elementor-element.elementor-element-ce6b0d2{--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-4522 .elementor-element.elementor-element-78d268b .elementor-button{font-size:18px;line-height:1.5em;border-radius:49px 49px 49px 49px;}.elementor-4522 .elementor-element.elementor-element-bb87dd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4522 .elementor-element.elementor-element-bb87dd2.elementor-element{--align-self:stretch;}.elementor-4522 .elementor-element.elementor-element-bb87dd2 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-4522 .elementor-element.elementor-element-bb87dd2 .elementor-button{font-size:18px;}body.elementor-page-4522:not(.elementor-motion-effects-element-type-background), body.elementor-page-4522 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hainamelectronics.com/wp-content/uploads/2026/08/Gemini_Generated_Image_limyuclimyuclimy-607x1024.png");}}/* Start custom CSS for button, class: .elementor-element-22d2121 */.elementor-4522 .elementor-element.elementor-element-22d2121 { position: relative; border-radius: 40px; overflow: hidden; /* --- PHẦN BẠN CẦN QUAN TÂM --- */ /* Nền bạc 3D (gradient sáng - tối) */ background: linear-gradient( to bottom, #e0e0e0 10% /* Màu 1: Đỉnh trên cùng (đã làm tối hơn) */ #bfbfbf 35%, /* Màu 2: Phần thân trên (đã làm tối hơn) */ #9e9e9e 60%, /* Màu 3: Phần bóng đổ (đã làm tối hơn) */ #d1d1d1 100% /* Màu 4: Phản chiếu dưới đáy (đã làm tối hơn) */ ); /* ----------------------------- */ /* Hiệu ứng nổi 3D */ box-shadow: 0 6px 18px rgba(0,0,0,0.35), /* bóng bên ngoài */ inset 0 3px 4px rgba(255,255,255,0.9), /* sáng trên */ inset 0 -4px 6px rgba(0,0,0,0.35); /* tối dưới */ } /* Lớp vân phay xước kim loại */ .elementor-4522 .elementor-element.elementor-element-22d2121::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( 90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 1px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px ); opacity: 0.35; mix-blend-mode: overlay; pointer-events: none; } /* Lớp ánh sáng glossy nhẹ phía trên */ .elementor-4522 .elementor-element.elementor-element-22d2121::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 45%; background: linear-gradient( to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.15), rgba(255,255,255,0) ); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3d540b7 */.elementor-4522 .elementor-element.elementor-element-3d540b7 { position: relative; border-radius: 40px; overflow: hidden; /* --- PHẦN BẠN CẦN QUAN TÂM --- */ /* Nền bạc 3D (gradient sáng - tối) */ background: linear-gradient( to bottom, #e0e0e0 10% /* Màu 1: Đỉnh trên cùng (đã làm tối hơn) */ #bfbfbf 35%, /* Màu 2: Phần thân trên (đã làm tối hơn) */ #9e9e9e 60%, /* Màu 3: Phần bóng đổ (đã làm tối hơn) */ #d1d1d1 100% /* Màu 4: Phản chiếu dưới đáy (đã làm tối hơn) */ ); /* ----------------------------- */ /* Hiệu ứng nổi 3D */ box-shadow: 0 6px 18px rgba(0,0,0,0.35), /* bóng bên ngoài */ inset 0 3px 4px rgba(255,255,255,0.9), /* sáng trên */ inset 0 -4px 6px rgba(0,0,0,0.35); /* tối dưới */ } /* Lớp vân phay xước kim loại */ .elementor-4522 .elementor-element.elementor-element-3d540b7::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( 90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 1px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px ); opacity: 0.35; mix-blend-mode: overlay; pointer-events: none; } /* Lớp ánh sáng glossy nhẹ phía trên */ .elementor-4522 .elementor-element.elementor-element-3d540b7::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 45%; background: linear-gradient( to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.15), rgba(255,255,255,0) ); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e85c79 */.elementor-4522 .elementor-element.elementor-element-9e85c79 { position: relative; border-radius: 40px; overflow: hidden; /* --- PHẦN BẠN CẦN QUAN TÂM --- */ /* Nền bạc 3D (gradient sáng - tối) */ background: linear-gradient( to bottom, #e0e0e0 10% /* Màu 1: Đỉnh trên cùng (đã làm tối hơn) */ #bfbfbf 35%, /* Màu 2: Phần thân trên (đã làm tối hơn) */ #9e9e9e 60%, /* Màu 3: Phần bóng đổ (đã làm tối hơn) */ #d1d1d1 100% /* Màu 4: Phản chiếu dưới đáy (đã làm tối hơn) */ ); /* ----------------------------- */ /* Hiệu ứng nổi 3D */ box-shadow: 0 6px 18px rgba(0,0,0,0.35), /* bóng bên ngoài */ inset 0 3px 4px rgba(255,255,255,0.9), /* sáng trên */ inset 0 -4px 6px rgba(0,0,0,0.35); /* tối dưới */ } /* Lớp vân phay xước kim loại */ .elementor-4522 .elementor-element.elementor-element-9e85c79::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( 90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 1px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px ); opacity: 0.35; mix-blend-mode: overlay; pointer-events: none; } /* Lớp ánh sáng glossy nhẹ phía trên */ .elementor-4522 .elementor-element.elementor-element-9e85c79::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 45%; background: linear-gradient( to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.15), rgba(255,255,255,0) ); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e26f604 */.elementor-4522 .elementor-element.elementor-element-e26f604 { position: relative; border-radius: 40px; overflow: hidden; /* --- PHẦN BẠN CẦN QUAN TÂM --- */ /* Nền bạc 3D (gradient sáng - tối) */ background: linear-gradient( to bottom, #e0e0e0 10% /* Màu 1: Đỉnh trên cùng (đã làm tối hơn) */ #bfbfbf 35%, /* Màu 2: Phần thân trên (đã làm tối hơn) */ #9e9e9e 60%, /* Màu 3: Phần bóng đổ (đã làm tối hơn) */ #d1d1d1 100% /* Màu 4: Phản chiếu dưới đáy (đã làm tối hơn) */ ); /* ----------------------------- */ /* Hiệu ứng nổi 3D */ box-shadow: 0 6px 18px rgba(0,0,0,0.35), /* bóng bên ngoài */ inset 0 3px 4px rgba(255,255,255,0.9), /* sáng trên */ inset 0 -4px 6px rgba(0,0,0,0.35); /* tối dưới */ } /* Lớp vân phay xước kim loại */ .elementor-4522 .elementor-element.elementor-element-e26f604::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( 90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 1px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px ); opacity: 0.35; mix-blend-mode: overlay; pointer-events: none; } /* Lớp ánh sáng glossy nhẹ phía trên */ .elementor-4522 .elementor-element.elementor-element-e26f604::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 45%; background: linear-gradient( to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.15), rgba(255,255,255,0) ); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1148983 */.elementor-4522 .elementor-element.elementor-element-1148983 { position: relative; border-radius: 40px; overflow: hidden; /* --- PHẦN BẠN CẦN QUAN TÂM --- */ /* Nền bạc 3D (gradient sáng - tối) */ background: linear-gradient( to bottom, #e0e0e0 10% /* Màu 1: Đỉnh trên cùng (đã làm tối hơn) */ #bfbfbf 35%, /* Màu 2: Phần thân trên (đã làm tối hơn) */ #9e9e9e 60%, /* Màu 3: Phần bóng đổ (đã làm tối hơn) */ #d1d1d1 100% /* Màu 4: Phản chiếu dưới đáy (đã làm tối hơn) */ ); /* ----------------------------- */ /* Hiệu ứng nổi 3D */ box-shadow: 0 6px 18px rgba(0,0,0,0.35), /* bóng bên ngoài */ inset 0 3px 4px rgba(255,255,255,0.9), /* sáng trên */ inset 0 -4px 6px rgba(0,0,0,0.35); /* tối dưới */ } /* Lớp vân phay xước kim loại */ .elementor-4522 .elementor-element.elementor-element-1148983::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( 90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 1px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px ); opacity: 0.35; mix-blend-mode: overlay; pointer-events: none; } /* Lớp ánh sáng glossy nhẹ phía trên */ .elementor-4522 .elementor-element.elementor-element-1148983::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 45%; background: linear-gradient( to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.15), rgba(255,255,255,0) ); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aee5f9e */.elementor-4522 .elementor-element.elementor-element-aee5f9e { position: relative; border-radius: 40px; overflow: hidden; /* --- PHẦN BẠN CẦN QUAN TÂM --- */ /* Nền bạc 3D (gradient sáng - tối) */ background: linear-gradient( to bottom, #e0e0e0 10% /* Màu 1: Đỉnh trên cùng (đã làm tối hơn) */ #bfbfbf 35%, /* Màu 2: Phần thân trên (đã làm tối hơn) */ #9e9e9e 60%, /* Màu 3: Phần bóng đổ (đã làm tối hơn) */ #d1d1d1 100% /* Màu 4: Phản chiếu dưới đáy (đã làm tối hơn) */ ); /* ----------------------------- */ /* Hiệu ứng nổi 3D */ box-shadow: 0 6px 18px rgba(0,0,0,0.35), /* bóng bên ngoài */ inset 0 3px 4px rgba(255,255,255,0.9), /* sáng trên */ inset 0 -4px 6px rgba(0,0,0,0.35); /* tối dưới */ } /* Lớp vân phay xước kim loại */ .elementor-4522 .elementor-element.elementor-element-aee5f9e::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( 90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 1px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px ); opacity: 0.35; mix-blend-mode: overlay; pointer-events: none; } /* Lớp ánh sáng glossy nhẹ phía trên */ .elementor-4522 .elementor-element.elementor-element-aee5f9e::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 45%; background: linear-gradient( to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.15), rgba(255,255,255,0) ); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-78d268b */.elementor-4522 .elementor-element.elementor-element-78d268b { position: relative; border-radius: 40px; overflow: hidden; /* --- PHẦN BẠN CẦN QUAN TÂM --- */ /* Nền bạc 3D (gradient sáng - tối) */ background: linear-gradient( to bottom, #e0e0e0 10% /* Màu 1: Đỉnh trên cùng (đã làm tối hơn) */ #bfbfbf 35%, /* Màu 2: Phần thân trên (đã làm tối hơn) */ #9e9e9e 60%, /* Màu 3: Phần bóng đổ (đã làm tối hơn) */ #d1d1d1 100% /* Màu 4: Phản chiếu dưới đáy (đã làm tối hơn) */ ); /* ----------------------------- */ /* Hiệu ứng nổi 3D */ box-shadow: 0 6px 18px rgba(0,0,0,0.35), /* bóng bên ngoài */ inset 0 3px 4px rgba(255,255,255,0.9), /* sáng trên */ inset 0 -4px 6px rgba(0,0,0,0.35); /* tối dưới */ } /* Lớp vân phay xước kim loại */ .elementor-4522 .elementor-element.elementor-element-78d268b::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( 90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 1px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px ); opacity: 0.35; mix-blend-mode: overlay; pointer-events: none; } /* Lớp ánh sáng glossy nhẹ phía trên */ .elementor-4522 .elementor-element.elementor-element-78d268b::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 45%; background: linear-gradient( to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.15), rgba(255,255,255,0) ); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb87dd2 */.elementor-4522 .elementor-element.elementor-element-bb87dd2 { position: relative; border-radius: 40px; overflow: hidden; /* --- PHẦN BẠN CẦN QUAN TÂM --- */ /* Nền bạc 3D (gradient sáng - tối) */ background: linear-gradient( to bottom, #e0e0e0 10% /* Màu 1: Đỉnh trên cùng (đã làm tối hơn) */ #bfbfbf 35%, /* Màu 2: Phần thân trên (đã làm tối hơn) */ #9e9e9e 60%, /* Màu 3: Phần bóng đổ (đã làm tối hơn) */ #d1d1d1 100% /* Màu 4: Phản chiếu dưới đáy (đã làm tối hơn) */ ); /* ----------------------------- */ /* Hiệu ứng nổi 3D */ box-shadow: 0 6px 18px rgba(0,0,0,0.35), /* bóng bên ngoài */ inset 0 3px 4px rgba(255,255,255,0.9), /* sáng trên */ inset 0 -4px 6px rgba(0,0,0,0.35); /* tối dưới */ } /* Lớp vân phay xước kim loại */ .elementor-4522 .elementor-element.elementor-element-bb87dd2::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( 90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 1px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px ); opacity: 0.35; mix-blend-mode: overlay; pointer-events: none; } /* Lớp ánh sáng glossy nhẹ phía trên */ .elementor-4522 .elementor-element.elementor-element-bb87dd2::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 45%; background: linear-gradient( to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.15), rgba(255,255,255,0) ); pointer-events: none; }/* End custom CSS */