.elementor-kit-7{--e-global-color-primary:#EF2531;--e-global-color-secondary:#EF2531;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FF6962;--e-global-color-8830744:#000000;--e-global-typography-primary-font-family:"Be Vietnam Pro";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Be Vietnam Pro";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"Be Vietnam Pro";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:2em;--e-global-typography-accent-font-family:"Be Vietnam Pro";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.5em;background-color:var( --e-global-color-text );font-family:"Be Vietnam Pro", Sans-serif;font-size:16px;line-height:1.5em;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Be Vietnam Pro", Sans-serif;}.elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:"Be Vietnam Pro", Sans-serif;line-height:1.5em;}.elementor-kit-7 h2{color:var( --e-global-color-primary );font-family:"Be Vietnam Pro", Sans-serif;font-size:80px;line-height:1.5em;}.elementor-kit-7 h3{color:var( --e-global-color-primary );font-family:"Be Vietnam Pro", Sans-serif;line-height:1.5em;}.elementor-kit-7 h4{color:var( --e-global-color-primary );font-family:"Be Vietnam Pro", Sans-serif;line-height:1.5em;}.elementor-kit-7 h5{color:var( --e-global-color-primary );font-family:"Be Vietnam Pro", Sans-serif;line-height:1.5em;}.elementor-kit-7 h6{font-family:"Be Vietnam Pro", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7 h2{font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:14px;}.elementor-kit-7 h1{font-size:20px;}.elementor-kit-7 h2{font-size:24px;}.elementor-kit-7 h3{font-size:16px;}.elementor-kit-7 h4{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.gradient-title {
    transition: all 0.5s ease; /* Hiệu ứng chuyển đổi mượt */
}

.gradient-hover-section:hover .gradient-title h2 {
    background: linear-gradient(to right, #fff, #EF2531); /* Màu gradient khi hover */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.animated-border {
    position: relative;
    z-index: 1;
    display: inline-block; /* Tùy chỉnh cho widget cụ thể */
    padding: 5px; /* Khoảng cách bên trong */
    overflow: hidden;
}

.animated-border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 10px; /* Tùy chỉnh nếu muốn góc bo tròn */
    background-image: linear-gradient(90deg, white, red, green, blue);
    background-size: 300%;
    z-index: -1;
    animation: border-animate 3s linear infinite;
}

@keyframes border-animate {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 100%;
    }
}/* End custom CSS */