.elementor-10484 .elementor-element.elementor-element-e0f557a{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10484 .elementor-element.elementor-element-e0f557a:not(.elementor-motion-effects-element-type-background), .elementor-10484 .elementor-element.elementor-element-e0f557a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#073A91;}.elementor-widget-image .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-10484 .elementor-element.elementor-element-c08ce10 img{width:40%;}.elementor-widget-login .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-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{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-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{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-10484 .elementor-element.elementor-element-471e69d .elementor-field-group{margin-bottom:10px;}.elementor-10484 .elementor-element.elementor-element-471e69d .elementor-form-fields-wrapper{margin-bottom:-10px;}.elementor-10484 .elementor-element.elementor-element-471e69d .elementor-field-group > a{color:#FFFFFF;}.elementor-10484 .elementor-element.elementor-element-471e69d .elementor-field-group > a:hover{color:#FF9100;}body .elementor-10484 .elementor-element.elementor-element-471e69d .elementor-field-group > label{padding-bottom:10px;}.elementor-10484 .elementor-element.elementor-element-471e69d .elementor-form-fields-wrapper label{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-10484 .elementor-element.elementor-element-471e69d .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-10484 .elementor-element.elementor-element-471e69d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#032E5A;border-color:#FF9100;border-width:2px 2px 2px 2px;border-radius:15px 15px 15px 15px;}.elementor-10484 .elementor-element.elementor-element-471e69d .elementor-field-group .elementor-select-wrapper select{background-color:#032E5A;border-color:#FF9100;border-width:2px 2px 2px 2px;border-radius:15px 15px 15px 15px;}.elementor-10484 .elementor-element.elementor-element-471e69d .elementor-field-group .elementor-select-wrapper::before{color:#FF9100;}body.elementor-page-10484:not(.elementor-motion-effects-element-type-background), body.elementor-page-10484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#073A91;}@media(max-width:767px){.elementor-10484 .elementor-element.elementor-element-471e69d > .elementor-widget-container{padding:0px 50px 0px 50px;}}@media(min-width:768px){.elementor-10484 .elementor-element.elementor-element-e0f557a{--content-width:500px;}}/* Start custom CSS for login, class: .elementor-element-471e69d *//* Tăng không gian bên phải cho cả ô mật khẩu và ô xác nhận mật khẩu */
#form-field-password,
#form-field-password-confirm {
    padding-right: 40px !important; /* Đảm bảo không bị che mất nội dung */
}

/* Căn chỉnh biểu tượng mắt bên trong ô mật khẩu và xác nhận mật khẩu */
#form-field-password + span,
#form-field-password-confirm + span {
    position: absolute !important; /* Đặt biểu tượng mắt ở vị trí tuyệt đối */
    right: 10px !important;        /* Đảm bảo biểu tượng mắt nằm sát bên phải */
    top: 50% !important;           /* Căn giữa biểu tượng mắt theo chiều dọc */
    transform: translateY(-50%) !important; /* Giúp biểu tượng căn chính giữa */
    cursor: pointer;              /* Hiển thị cursor khi hover */
    font-size: 20px !important;    /* Kích thước biểu tượng mắt */
    color: #ffffff !important;        /* Màu sắc của biểu tượng */
}

/* Giữ nguyên các thuộc tính khác của nút đăng ký */
.elementor-form .elementor-button {
    background: radial-gradient(circle, #D9B77E, #8B6A3F);
    color: white;
    border: none;
    border-radius: 30px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: bold;
    transition: background 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

/* Hiệu ứng khi hover */
.elementor-form .elementor-button:hover {
    background: radial-gradient(circle, #8B6A3F, #D9B77E);
    animation: blink 1s infinite;
    transform: scale(1.05);
}

@keyframes blink {
    0% { background-color: #D9B77E; }
    50% { background-color: #8B6A3F; }
    100% { background-color: #D9B77E; }
}

/* Hiệu ứng cho chữ khi hover */
.elementor-form .elementor-button:hover .elementor-button-text {
    color: #fff;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}

/* Áp dụng màu trắng cho biểu tượng mắt */
#form-field-password + span,
#form-field-password-confirm + span {
    color: #ffffff !important;
}/* End custom CSS */