.elementor-6196 .elementor-element.elementor-element-63164b23{--display:flex;--min-height:1;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6196 .elementor-element.elementor-element-1ebd9de{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-6196 .elementor-element.elementor-element-c8a8318{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-6196 .elementor-element.elementor-element-a594e49 .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-a594e49 .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-a594e49 .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-a594e49 .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-a594e49 .elementor-icon svg{transform:rotate(90deg);}.elementor-6196 .elementor-element.elementor-element-80529a7 .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-80529a7 .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-80529a7 .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-23524ae .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-23524ae .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-23524ae .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-23524ae .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-23524ae .elementor-icon svg{transform:rotate(90deg);}.elementor-6196 .elementor-element.elementor-element-9765586 .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-9765586 .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-9765586 .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-9765586 .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-9765586 .elementor-icon svg{transform:rotate(90deg);}.elementor-6196 .elementor-element.elementor-element-e4f178c .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-e4f178c .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-e4f178c .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-f640a3f .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-f640a3f .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-f640a3f .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-f640a3f .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-f640a3f .elementor-icon svg{transform:rotate(90deg);}.elementor-6196 .elementor-element.elementor-element-2cd68b2 .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-2cd68b2 .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-2cd68b2 .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-fb02a61{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-6196 .elementor-element.elementor-element-c440199{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-6196 .elementor-element.elementor-element-9acbbef .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-9acbbef .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-9acbbef .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-9acbbef .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-9acbbef .elementor-icon svg{transform:rotate(0deg);}.elementor-6196 .elementor-element.elementor-element-a737610 .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-a737610 .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-a737610 .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-a737610 .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-a737610 .elementor-icon svg{transform:rotate(90deg);}.elementor-6196 .elementor-element.elementor-element-aa19baa .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-aa19baa .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-aa19baa .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-aa19baa .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-aa19baa .elementor-icon svg{transform:rotate(0deg);}.elementor-6196 .elementor-element.elementor-element-03823d0 .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-03823d0 .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-03823d0 .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-03823d0 .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-03823d0 .elementor-icon svg{transform:rotate(90deg);}.elementor-6196 .elementor-element.elementor-element-0751b8c .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-0751b8c .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-0751b8c .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-0751b8c .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-0751b8c .elementor-icon svg{transform:rotate(0deg);}.elementor-6196 .elementor-element.elementor-element-2120ace .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-2120ace .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-2120ace .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-2120ace .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-2120ace .elementor-icon svg{transform:rotate(90deg);}.elementor-6196 .elementor-element.elementor-element-3cf1aa3 .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-3cf1aa3 .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-3cf1aa3 .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-3cf1aa3 .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-3cf1aa3 .elementor-icon svg{transform:rotate(0deg);}.elementor-6196 .elementor-element.elementor-element-6920629 .elementor-icon-wrapper{text-align:center;}.elementor-6196 .elementor-element.elementor-element-6920629 .elementor-icon{font-size:50px;}.elementor-6196 .elementor-element.elementor-element-6920629 .elementor-icon svg{height:50px;}.elementor-6196 .elementor-element.elementor-element-6920629 .elementor-icon i, .elementor-6196 .elementor-element.elementor-element-6920629 .elementor-icon svg{transform:rotate(90deg);}@media(min-width:768px){.elementor-6196 .elementor-element.elementor-element-1ebd9de{--width:1;}.elementor-6196 .elementor-element.elementor-element-c8a8318{--width:400vw;}.elementor-6196 .elementor-element.elementor-element-fb02a61{--width:1;}.elementor-6196 .elementor-element.elementor-element-c440199{--width:400vw;}}@media(max-width:767px){.elementor-6196 .elementor-element.elementor-element-4f34e476 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-4f34e476 *//* Using em for your padding-left is going to ensure the padding scales in proportion to the font-size. */


.content {
    font-family: "HM-ClashDisplay-Semibold", sans-serif;
    font-size: 5rem;
    font-weight: 700;
    color: white;
    padding-left: 50PX;
    padding-bottom: 20px;
    padding-top: 13px;
}


/*chỉnh responsicve*/


.outer {
    overflow: hidden  !important;
}

.outer div {
    display: inline-block;
}

.loop {
    white-space: nowrap;
    animation: loop-anim 30s linear infinite;
}

@media only screen and (max-width: 767px) {
    .loop {
        animation: loop-anim 17s linear infinite;
    }
}

@keyframes loop-anim {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -50% /* This works because of the div between "outer" and "loop" */
    }
}


/*CODE để resize cái icon mũi tên*/
.heading-image {
    max-width: 6rem !important;
    padding-left: 20px;
    padding-right: 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fbe5eb1 *//* Using em for your padding-left is going to ensure the padding scales in proportion to the font-size. */



	/*set bộ màu để xài CSS*/
	:root {
  --royalblue: #1786F6;
  --amsblue: #072749;
  --voltgreen: #E2EC14;
  --iceblue:#EBFAFF;
  --patesilver: #F0F0F0;
}
	
	

.content6 {
    font-family: "HM-ClashDisplay-Semibold", sans-serif;
    font-size: 5rem;
    font-weight: 700;
    color: white;
    padding-left: 50PX;
    padding-bottom: 13px;
    padding-top: 13px;
}


/*chỉnh responsicve*/


.outer6 {
    overflow: hidden  !important;
}

.outer6 div {
    display: inline-block;
}

.loop6 {
    white-space: nowrap;
    animation: loop-anim 30s linear infinite;
    animation-direction: reverse;
}

@media only screen and (max-width: 767px) {
    .loop6 {
        animation: loop-anim 17s linear infinite;
         animation-direction: reverse;
    }
}

@keyframes loop-anim {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -50% /* This works because of the div between "outer" and "loop" */
    }
}


/*CODE để resize cái icon mũi tên*/
.heading-image {
    max-width: 6rem !important;
    padding-left: 20px;
    padding-right: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63164b23 *//* ======================================================= */
/* 📦 1. CONTAINER CHA NGOÀI CÙNG (.outer) - GIẤU PHẦN THỪA */
/* ======================================================= */
.outer {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

/* ======================================================= */
/* 🧺 2. CONTAINER CON (.loop) - GOM TẤT CẢ THÀNH ĐOÀN TÀU */
/* ======================================================= */
.loop {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    width: max-content !important; 
    min-width: max-content !important;
    max-width: none !important;
}

/* Khóa chết lệnh xuống dòng của từng cái chữ inside Elementor */
.loop > .elementor-widget,
.loop .elementor-heading-title,
.loop p, .loop h1, .loop h2, .loop h3 {
    display: inline-block !important;
    white-space: nowrap !important;
    width: auto !important;
    max-width: none !important;
    flex-shrink: 0 !important;
}

/* Đảm bảo icon/hình mũi tên căn giữa mượt mà với chữ */
.loop img, .loop i, .loop svg {
    vertical-align: middle !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* ======================================================= */
/* 🏃‍♂️ 3. ĐIỀU KHIỂN TỐC ĐỘ (ĐÃ HÃM PHANH TÀ TÀ DẠO PHỐ) */
/* ======================================================= */

/* Dòng 1: Chạy từ Phải sang Trái (Thư thái 35 giây) */
.outer:not(.reverse) .loop {
    animation: marquee-chay-trai-chuan-pixel 45s linear infinite !important;
}

/* Dòng 2: Chạy từ Trái sang Phải (Nhỉnh hơn xíu 26 giây) */
.outer.reverse .loop {
    animation: marquee-chay-phai-chuan-pixel 38s linear infinite !important;
}


/* ======================================================= */
/* 🔮 4. BÙA CHÚ DỊCH CHUYỂN FIX CỨNG THEO PIXEL CHU KỲ */
/* ======================================================= */

@keyframes marquee-chay-trai-chuan-pixel {
    0% { 
        transform: translate3d(0, 0, 0); 
    }
    100% { 
        /* 🛑 CHỖ THAY SỐ 1: Bả sửa cái số -3000px thành số chu kỳ thực tế bả đo được nha */
        transform: translate3d(-3000px, 0, 0); 
    }
}

@keyframes marquee-chay-phai-chuan-pixel {
    0% { 
        /* 🛑 CHỖ THAY SỐ 2: Bả cũng sửa cái số -3000px ở đây giống y chang số ở trên nha */
        transform: translate3d(-3000px, 0, 0); 
    }
    100% { 
        transform: translate3d(0, 0, 0); 
    }
}/* End custom CSS */