.elementor-122 .elementor-element.elementor-element-4c901a3{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-122 .elementor-element.elementor-element-8e59d68{--display:flex;}.elementor-122 .elementor-element.elementor-element-4ee7f8f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-122 .elementor-element.elementor-element-4ee7f8f.elementor-element{--align-self:flex-start;}.elementor-122 .elementor-element.elementor-element-4ee7f8f img{width:90%;}.elementor-122 .elementor-element.elementor-element-27bc226{font-family:"Quicksand", Sans-serif;font-size:16px;color:var( --e-global-color-2780c70 );}.elementor-122 .elementor-element.elementor-element-96ee481{--grid-template-columns:repeat(0, auto);--icon-size:15px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-122 .elementor-element.elementor-element-96ee481 .elementor-widget-container{text-align:left;}.elementor-122 .elementor-element.elementor-element-cfb46a6{--display:flex;}.elementor-122 .elementor-element.elementor-element-9f098f2 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:25px;font-weight:700;}.elementor-122 .elementor-element.elementor-element-c782847{--divider-border-style:solid;--divider-color:#353FC0;--divider-border-width:3px;}.elementor-122 .elementor-element.elementor-element-c782847 .elementor-divider-separator{width:30%;}.elementor-122 .elementor-element.elementor-element-c782847 .elementor-divider{padding-block-start:1px;padding-block-end:1px;}.elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(12px/2);}.elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(12px/2);}.elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(12px/2);margin-left:calc(12px/2);}.elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-12px/2);margin-left:calc(-12px/2);}body.rtl .elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-12px/2);}body:not(.rtl) .elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-12px/2);}.elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-122 .elementor-element.elementor-element-fefed66{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-item > a{font-family:"Quicksand", Sans-serif;font-size:18px;font-weight:700;}.elementor-122 .elementor-element.elementor-element-fefed66 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-122 .elementor-element.elementor-element-01d064e{--display:flex;}.elementor-122 .elementor-element.elementor-element-4ea1929 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:25px;font-weight:700;}.elementor-122 .elementor-element.elementor-element-0602809{--divider-border-style:solid;--divider-color:#353FC0;--divider-border-width:3px;}.elementor-122 .elementor-element.elementor-element-0602809 .elementor-divider-separator{width:30%;}.elementor-122 .elementor-element.elementor-element-0602809 .elementor-divider{padding-block-start:1px;padding-block-end:1px;}.elementor-122 .elementor-element.elementor-element-c3d72f1 > .elementor-widget-container{margin:0px 0px 0px 8px;}.elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(7px/2);}.elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(7px/2);}.elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(7px/2);margin-left:calc(7px/2);}.elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-7px/2);margin-left:calc(-7px/2);}body.rtl .elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-7px/2);}body:not(.rtl) .elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-7px/2);}.elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-122 .elementor-element.elementor-element-c3d72f1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-item > a{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:500;}.elementor-122 .elementor-element.elementor-element-c3d72f1 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-122 .elementor-element.elementor-element-4141040{--display:flex;}.elementor-122 .elementor-element.elementor-element-b77c887 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:25px;font-weight:700;}.elementor-122 .elementor-element.elementor-element-b57fca8{--divider-border-style:solid;--divider-color:#353FC0;--divider-border-width:3px;}.elementor-122 .elementor-element.elementor-element-b57fca8 .elementor-divider-separator{width:30%;}.elementor-122 .elementor-element.elementor-element-b57fca8 .elementor-divider{padding-block-start:1px;padding-block-end:1px;}.elementor-122 .elementor-element.elementor-element-7202fce > .elementor-widget-container{margin:0px 0px 0px 8px;}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(7px/2);}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(7px/2);}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(7px/2);margin-left:calc(7px/2);}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-7px/2);margin-left:calc(-7px/2);}body.rtl .elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-7px/2);}body:not(.rtl) .elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-7px/2);}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-122 .elementor-element.elementor-element-7202fce{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-item > .elementor-icon-list-text, .elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-item > a{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:500;}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-122 .elementor-element.elementor-element-7202fce .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-4ac60ba );}.elementor-122 .elementor-element.elementor-element-aa33350{--display:flex;--position:fixed;bottom:40%;--z-index:2;}.elementor-122 .elementor-element.elementor-element-aa33350.e-con{--order:99999 /* order end hack */;}body:not(.rtl) .elementor-122 .elementor-element.elementor-element-aa33350{left:1%;}body.rtl .elementor-122 .elementor-element.elementor-element-aa33350{right:1%;}.elementor-122 .elementor-element.elementor-element-37d9593{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:center;}.elementor-122 .elementor-element.elementor-element-37d9593 > .elementor-widget-container{padding:8px 0px 8px 0px;}.elementor-122 .elementor-element.elementor-element-37d9593.elementor-element{--align-self:flex-end;}.elementor-122 .elementor-element.elementor-element-37d9593 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:19px;}.elementor-122 .elementor-element.elementor-element-6b24ac9{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:center;}.elementor-122 .elementor-element.elementor-element-6b24ac9 > .elementor-widget-container{padding:8px 0px 8px 0px;}.elementor-122 .elementor-element.elementor-element-6b24ac9.elementor-element{--align-self:flex-end;}.elementor-122 .elementor-element.elementor-element-6b24ac9 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:19px;}.elementor-122 .elementor-element.elementor-element-360e970{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:center;}.elementor-122 .elementor-element.elementor-element-360e970 > .elementor-widget-container{padding:8px 0px 8px 0px;}.elementor-122 .elementor-element.elementor-element-360e970.elementor-element{--align-self:flex-end;}.elementor-122 .elementor-element.elementor-element-360e970 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:19px;}.elementor-122 .elementor-element.elementor-element-81f8827{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:center;}.elementor-122 .elementor-element.elementor-element-81f8827 > .elementor-widget-container{padding:8px 0px 8px 0px;}.elementor-122 .elementor-element.elementor-element-81f8827.elementor-element{--align-self:flex-end;}.elementor-122 .elementor-element.elementor-element-81f8827 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:19px;}@media(max-width:1024px){.elementor-122 .elementor-element.elementor-element-4c901a3{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-122 .elementor-element.elementor-element-4c901a3{--content-width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-122 .elementor-element.elementor-element-4c901a3{--content-width:100%;}}@media(max-width:767px){.elementor-122 .elementor-element.elementor-element-4c901a3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-aa33350 *//* Container chính */
.box-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

/* Các ô mặc định */
.box {
    text-align: center;
    background-color: #e0e0e0; /* Màu xám nhạt */
    color: #333;
    border-radius: 5px;
    font-size: 18px;
    font-family: Arial, sans-serif;
    transition: background-color 0.5s ease, color 0.5s ease;
    opacity: 0.5; /* Ô không active sẽ mờ đi */
}

/* Animation keyframes cho ô active */
@keyframes activeBox {
    0%, 100% {
        background-color: #8B4513; /* Màu nâu */
        color: #fff; /* Chữ trắng */
        opacity: 1; /* Hiển thị rõ */
    }
    25%, 75% {
        background-color: #e0e0e0; /* Màu xám */
        color: #333; /* Chữ đen */
        opacity: 0.5; /* Mờ đi */
    }
}

/* Áp dụng animation cho từng ô */
.box:nth-child(1) {
    animation: activeBox 8s infinite;
    animation-delay: 0s;
}

.box:nth-child(2) {
    animation: activeBox 8s infinite;
    animation-delay: 2s;
}

.box:nth-child(3) {
    animation: activeBox 8s infinite;
    animation-delay: 4s;
}

.box:nth-child(4) {
    animation: activeBox 8s infinite;
    animation-delay: 6s;
}/* End custom CSS */