.elementor-10 .elementor-element.elementor-element-fc7300e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-fc7300e:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-fc7300e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-10 .elementor-element.elementor-element-fc7300e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 20px 10px 20px;}.elementor-10 .elementor-element.elementor-element-fc7300e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-9737b8b{text-align:left;}.elementor-10 .elementor-element.elementor-element-9737b8b img{width:100%;max-width:100%;height:47px;}.elementor-10 .elementor-element.elementor-element-14d487b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-10 .elementor-element.elementor-element-43b1620.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-10 .elementor-element.elementor-element-46fd836.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-10 .elementor-element.elementor-element-c80e628.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.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-10 .elementor-element.elementor-element-16e2de5 .elementor-button{background-color:#FF0000;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:2px 2px 2px 2px;}.elementor-10 .elementor-element.elementor-element-16e2de5{width:var( --container-widget-width, 85.481% );max-width:85.481%;--container-widget-width:85.481%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-cb0ca90.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-10 .elementor-element.elementor-element-eb367ea .elementor-button{background-color:#FEFF00;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;fill:#000000;color:#000000;border-radius:2px 2px 2px 2px;padding:13px 35px 13px 35px;}.elementor-10 .elementor-element.elementor-element-eb367ea{width:var( --container-widget-width, 91.127% );max-width:91.127%;--container-widget-width:91.127%;--container-widget-flex-grow:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-9f273d9{width:var( --container-widget-width, 120.862% );max-width:120.862%;--container-widget-width:120.862%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-menu-toggle{margin:0 auto;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--main .elementor-item:hover, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--main .elementor-item:focus{color:#FFCC00;fill:#FFCC00;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFCC00;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown a, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-menu-toggle{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown{background-color:#0A0A0A;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown a:hover, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown a.highlighted, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-menu-toggle:hover{color:#FFEC00;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown a:hover, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown a.highlighted{background-color:#080808;}.elementor-10 .elementor-element.elementor-element-9f273d9 .elementor-nav-menu--dropdown a.elementor-item-active{color:#F7FF00;background-color:#181717;}.elementor-10 .elementor-element.elementor-element-9f273d9 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9f273d9 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9f273d9 div.elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9f273d9 div.elementor-menu-toggle:hover svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-db7e1f6:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-db7e1f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-10 .elementor-element.elementor-element-db7e1f6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 20px 10px 20px;}.elementor-10 .elementor-element.elementor-element-db7e1f6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-2167827{width:var( --container-widget-width, 120.862% );max-width:120.862%;--container-widget-width:120.862%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-menu-toggle{margin:0 auto;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--main .elementor-item:hover, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--main .elementor-item:focus{color:#FFCC00;fill:#FFCC00;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFCC00;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown a, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-menu-toggle{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown{background-color:#0A0A0A;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown a:hover, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown a.highlighted, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-menu-toggle:hover{color:#FFEC00;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown a:hover, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown a.highlighted{background-color:#080808;}.elementor-10 .elementor-element.elementor-element-2167827 .elementor-nav-menu--dropdown a.elementor-item-active{color:#F7FF00;background-color:#181717;}.elementor-10 .elementor-element.elementor-element-2167827 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-2167827 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-2167827 div.elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-2167827 div.elementor-menu-toggle:hover svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-6264a99{text-align:left;}.elementor-10 .elementor-element.elementor-element-6264a99 img{width:100%;max-width:100%;height:47px;}.elementor-10 .elementor-element.elementor-element-ba6060f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-c53dec3 .elementor-button{background-color:#FF0000;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:2px 2px 2px 2px;}.elementor-10 .elementor-element.elementor-element-c53dec3{width:var( --container-widget-width, 85.481% );max-width:85.481%;--container-widget-width:85.481%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-63719df .elementor-button{background-color:#FEFF00;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;fill:#000000;color:#000000;border-radius:2px 2px 2px 2px;padding:13px 35px 13px 35px;}.elementor-10 .elementor-element.elementor-element-63719df{width:var( --container-widget-width, 91.127% );max-width:91.127%;--container-widget-width:91.127%;--container-widget-flex-grow:0;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-7cc4704{width:100%;}.elementor-10 .elementor-element.elementor-element-4e4cca3{padding:5px 0px 10px 0px;}.elementor-10 .elementor-element.elementor-element-9f4329b{width:35%;}.elementor-10 .elementor-element.elementor-element-48a6c4b{width:65%;}.elementor-10 .elementor-element.elementor-element-6264a99{width:var( --container-widget-width, 160.95px );max-width:160.95px;--container-widget-width:160.95px;--container-widget-flex-grow:0;text-align:center;}.elementor-10 .elementor-element.elementor-element-6264a99 img{width:100%;max-width:100%;height:26px;object-fit:contain;}.elementor-10 .elementor-element.elementor-element-ba6060f{padding:5px 0px 10px 0px;}.elementor-10 .elementor-element.elementor-element-bc9039f{width:50%;}.elementor-10 .elementor-element.elementor-element-c53dec3 .elementor-button{font-size:11px;}.elementor-10 .elementor-element.elementor-element-89aa2a1{width:50%;}.elementor-10 .elementor-element.elementor-element-63719df .elementor-button{font-size:11px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-34ece91{width:13%;}.elementor-10 .elementor-element.elementor-element-44b763c{width:87%;}}/* Start custom CSS for button, class: .elementor-element-16e2de5 *//* --- Định nghĩa Animation Đổi Màu Viền --- */ @keyframes rainbowBorderAnimation { 0% { border-color: #FF0000; } /* Đỏ */ 15% { border-color: #FF7F00; } /* Cam */ 30% { border-color: #FFFF00; } /* Vàng */ 45% { border-color: #00FF00; } /* Xanh lá */ 60% { border-color: #00FFFF; } /* Xanh dương sáng (Cyan) */ 75% { border-color: #0000FF; } /* Xanh dương đậm */ 90% { border-color: #8B00FF; } /* Tím */ 100% { border-color: #FF0000; } /* Quay lại Đỏ để lặp mượt */ } /* --- Áp dụng Animation vào Nút --- */ .cta-dang-ky-mobile .elementor-button { /* --- CÁC STYLE HIỆN CÓ CỦA BẠN --- */ /* Ví dụ: */ background-color: #FFD900; /* Màu nền vàng */ color: #0A182E; /* Màu chữ xanh navy đậm */ font-weight: 700; text-transform: uppercase; border-radius: 8px; padding: 14px 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; /* Giữ transition cho các hiệu ứng khác nếu có */ /* --- PHẦN THÊM MỚI CHO VIỀN ĐỔI MÀU --- */ border-style: solid !important; /* QUAN TRỌNG: Phải có kiểu viền */ border-width: 3px !important; /* QUAN TRỌNG: Đặt độ dày viền (vd: 2px, 3px) */ /* Dùng !important để đảm bảo ghi đè style mặc định nếu cần */ animation-name: rainbowBorderAnimation; /* Tên animation đã định nghĩa ở trên */ animation-duration: 4s; /* Thời gian hoàn thành 1 vòng đổi màu (vd: 4 giây) */ animation-timing-function: linear;/* Kiểu chuyển động (linear là đều) */ animation-iteration-count: infinite;/* Lặp lại vô hạn */ } /* (Tùy chọn) Giữ hiệu ứng hover khác nếu bạn muốn */ .cta-dang-ky-mobile .elementor-button:hover { background-color: #e6c300; color: #000000; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); transform: translateY(-2px); /* Animation viền vẫn sẽ chạy khi hover */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-eb367ea *//* --- Định nghĩa Animation Đổi Màu Viền --- */ @keyframes rainbowBorderAnimation { 0% { border-color: #FF0000; } /* Đỏ */ 15% { border-color: #FF7F00; } /* Cam */ 30% { border-color: #FFFF00; } /* Vàng */ 45% { border-color: #00FF00; } /* Xanh lá */ 60% { border-color: #00FFFF; } /* Xanh dương sáng (Cyan) */ 75% { border-color: #0000FF; } /* Xanh dương đậm */ 90% { border-color: #8B00FF; } /* Tím */ 100% { border-color: #FF0000; } /* Quay lại Đỏ để lặp mượt */ } /* --- Áp dụng Animation vào Nút --- */ .cta-dang-ky-mobile .elementor-button { /* --- CÁC STYLE HIỆN CÓ CỦA BẠN --- */ /* Ví dụ: */ background-color: #FFD900; /* Màu nền vàng */ color: #0A182E; /* Màu chữ xanh navy đậm */ font-weight: 700; text-transform: uppercase; border-radius: 8px; padding: 14px 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; /* Giữ transition cho các hiệu ứng khác nếu có */ /* --- PHẦN THÊM MỚI CHO VIỀN ĐỔI MÀU --- */ border-style: solid !important; /* QUAN TRỌNG: Phải có kiểu viền */ border-width: 3px !important; /* QUAN TRỌNG: Đặt độ dày viền (vd: 2px, 3px) */ /* Dùng !important để đảm bảo ghi đè style mặc định nếu cần */ animation-name: rainbowBorderAnimation; /* Tên animation đã định nghĩa ở trên */ animation-duration: 4s; /* Thời gian hoàn thành 1 vòng đổi màu (vd: 4 giây) */ animation-timing-function: linear;/* Kiểu chuyển động (linear là đều) */ animation-iteration-count: infinite;/* Lặp lại vô hạn */ } /* (Tùy chọn) Giữ hiệu ứng hover khác nếu bạn muốn */ .cta-dang-ky-mobile .elementor-button:hover { background-color: #e6c300; color: #000000; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); transform: translateY(-2px); /* Animation viền vẫn sẽ chạy khi hover */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c53dec3 *//* --- Định nghĩa Animation Đổi Màu Viền --- */ @keyframes rainbowBorderAnimation { 0% { border-color: #FF0000; } /* Đỏ */ 15% { border-color: #FF7F00; } /* Cam */ 30% { border-color: #FFFF00; } /* Vàng */ 45% { border-color: #00FF00; } /* Xanh lá */ 60% { border-color: #00FFFF; } /* Xanh dương sáng (Cyan) */ 75% { border-color: #0000FF; } /* Xanh dương đậm */ 90% { border-color: #8B00FF; } /* Tím */ 100% { border-color: #FF0000; } /* Quay lại Đỏ để lặp mượt */ } /* --- Áp dụng Animation vào Nút --- */ .cta-dang-ky-mobile .elementor-button { /* --- CÁC STYLE HIỆN CÓ CỦA BẠN --- */ /* Ví dụ: */ background-color: #FFD900; /* Màu nền vàng */ color: #0A182E; /* Màu chữ xanh navy đậm */ font-weight: 700; text-transform: uppercase; border-radius: 8px; padding: 14px 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; /* Giữ transition cho các hiệu ứng khác nếu có */ /* --- PHẦN THÊM MỚI CHO VIỀN ĐỔI MÀU --- */ border-style: solid !important; /* QUAN TRỌNG: Phải có kiểu viền */ border-width: 3px !important; /* QUAN TRỌNG: Đặt độ dày viền (vd: 2px, 3px) */ /* Dùng !important để đảm bảo ghi đè style mặc định nếu cần */ animation-name: rainbowBorderAnimation; /* Tên animation đã định nghĩa ở trên */ animation-duration: 4s; /* Thời gian hoàn thành 1 vòng đổi màu (vd: 4 giây) */ animation-timing-function: linear;/* Kiểu chuyển động (linear là đều) */ animation-iteration-count: infinite;/* Lặp lại vô hạn */ } /* (Tùy chọn) Giữ hiệu ứng hover khác nếu bạn muốn */ .cta-dang-ky-mobile .elementor-button:hover { background-color: #e6c300; color: #000000; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); transform: translateY(-2px); /* Animation viền vẫn sẽ chạy khi hover */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-63719df *//* --- Định nghĩa Animation Đổi Màu Viền --- */ @keyframes rainbowBorderAnimation { 0% { border-color: #FF0000; } /* Đỏ */ 15% { border-color: #FF7F00; } /* Cam */ 30% { border-color: #FFFF00; } /* Vàng */ 45% { border-color: #00FF00; } /* Xanh lá */ 60% { border-color: #00FFFF; } /* Xanh dương sáng (Cyan) */ 75% { border-color: #0000FF; } /* Xanh dương đậm */ 90% { border-color: #8B00FF; } /* Tím */ 100% { border-color: #FF0000; } /* Quay lại Đỏ để lặp mượt */ } /* --- Áp dụng Animation vào Nút --- */ .cta-dang-ky-mobile .elementor-button { /* --- CÁC STYLE HIỆN CÓ CỦA BẠN --- */ /* Ví dụ: */ background-color: #FFD900; /* Màu nền vàng */ color: #0A182E; /* Màu chữ xanh navy đậm */ font-weight: 700; text-transform: uppercase; border-radius: 8px; padding: 14px 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; /* Giữ transition cho các hiệu ứng khác nếu có */ /* --- PHẦN THÊM MỚI CHO VIỀN ĐỔI MÀU --- */ border-style: solid !important; /* QUAN TRỌNG: Phải có kiểu viền */ border-width: 3px !important; /* QUAN TRỌNG: Đặt độ dày viền (vd: 2px, 3px) */ /* Dùng !important để đảm bảo ghi đè style mặc định nếu cần */ animation-name: rainbowBorderAnimation; /* Tên animation đã định nghĩa ở trên */ animation-duration: 4s; /* Thời gian hoàn thành 1 vòng đổi màu (vd: 4 giây) */ animation-timing-function: linear;/* Kiểu chuyển động (linear là đều) */ animation-iteration-count: infinite;/* Lặp lại vô hạn */ } /* (Tùy chọn) Giữ hiệu ứng hover khác nếu bạn muốn */ .cta-dang-ky-mobile .elementor-button:hover { background-color: #e6c300; color: #000000; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); transform: translateY(-2px); /* Animation viền vẫn sẽ chạy khi hover */ }/* End custom CSS */