/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/
body, html { 
	overscroll-behavior: none; 
}

.e-n-tab-title {
    justify-content: space-between !important;
}

.cus-list ul li {
    padding: 6px 15px !important;
    border-left: 3px solid transparent;
    border-radius: 5px;
}

.cus-list ul li:hover {
    border-color: #2650E4;
    background-color: #f5f5f5;
}

.cus-list-item {
    padding: 15px !important;
    border-radius: 10px;
}

.cus-list-item:hover {
    background-color: #f5f5f5;
}

.cus-list-item .elementor-image-box-wrapper,
.menu-title-popup .elementor-image-box-wrapper {
    display: flex !important;
    text-align: left !important;
    gap: 15px !important;
    align-items: center;
}

.cus-btn-banner .elementor-button {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px !important;
}

.cus-title-gradiant span {
    background: -webkit-linear-gradient(242deg, #002ed1, #7ae7ff) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.cus-box-shadow>.elementor-widget-container {
    aspect-ratio: 5/3;
    object-fit: cover;
    border-radius: 30px !important;
    height: auto !important;
    overflow: hidden;
}

.cus-box-shadow::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: -10px;
    right: -18px;
    bottom: -17px;
    left: -10px;
    background: linear-gradient(-45deg, #7ae7ff 0%, #002ed1 100%);
    transform: translate3d(0px, 20px, 0) scale(0.95);
    filter: blur(20px);
    opacity: 0.7;
    transition: opacity 0.3s;
    border-radius: inherit;
    transform: rotate(-2deg);
}

.cus-box-shadow::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}

.cus-list-item:hover .elementor-image-box-title,
.cus-list li:hover .elementor-icon-list-text {
    color: #2650E4 !important;
}

.title-arrow-down {
    position: relative;
}

.title-arrow-down::before {
    position: absolute;
    left: 0;
    bottom: -6px;
    content: "";
    height: 0px;
    width: 0px;
    border: none;
    border-top: 6px solid #000000;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
}

.service-background-animate {
    animation: spin 10s linear infinite;
}

.swiper-service .swiper-slide.swiper-slide-next .elementor-heading-title,
.swiper-service .swiper-slide.swiper-slide-next .elementor-widget-theme-post-excerpt>div {
    color: #fff !important;
}

.swiper-service .swiper-slide.swiper-slide-prev {
    transform: scale(0.7);
}

.swiper-service .swiper-slide-next+.swiper-slide {
    transform: translate(50%, 0) scale(0.9);
}

.swiper-service img {
    aspect-ratio: 5/3;
    height: auto !important;
}

.swiper-project img {
    aspect-ratio: 5/3;
    height: auto !important;
}

.aspect-ratio-custom {
    aspect-ratio: 1/1;
}

.header-fixed,
.header-fixed-mobile {
    position: fixed !important;
    z-index: 9 !important;
    top: 0;
    width: 100%;
}

.header-fixed.scrolled-up,
.header-fixed-mobile.scrolled-up {
    background-color: rgb(f f f / 8%) !important;
    /* Màu nền với độ trong suốt */
    backdrop-filter: blur(10px);
    /* Làm mờ nền */
    -webkit-backdrop-filter: blur(10px);
    /* Hỗ trợ trình duyệt Safari */
}

.header-fixed-mobile.scrolled-up .btn-mobile {
    display: none !important;
}

.header-fixed-mobile.scrolled-up .icon-menu-mobile {
    display: block !important;
}

.icon-menu-mobile {
    display: none !important;
}

.header-fixed.scrolled-up .logo-white,
.header-fixed-mobile.scrolled-up .logo-white,
.header-fixed.scrolled-up .icon-white,
.header-fixed-mobile.scrolled-up .icon-white {
    display: none;
}

.logo-black,
.icon-black {
    display: none;
}

.icon-black a,
.icon-white a {
    padding: 10px 20px;
    background-color: #FFFFFF7A;
    border-radius: 20px;
}

.header-fixed.scrolled-up .logo-black,
.header-fixed-mobile.scrolled-up .logo-black,
.header-fixed.scrolled-up .icon-black,
.header-fixed-mobile.scrolled-up .icon-black {
    display: block;
}

.animate-rotate {
    overflow: hidden;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

.background-animate-rotate:before {
    overflow: hidden;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

.animate-down {
    animation: animate-down 3s infinite;
}

@keyframes animate-down {
    50% {
        transform: translate(0, 30px);
    }
}

.animate-up {
    animation: animate-up 3s infinite;
}

@keyframes animate-up {
    50% {
        transform: translate(0, -12px);
    }
}

.list-terms ul {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 30px;
}

.list-terms ul li {
    display: inline-flex;
}

.list-terms ul li a {
    background-image: none !important;
    background-color: #fff;
    padding: 13px 25px;
    min-width: 126px;
    text-align: center;
    border-radius: 25px;
    /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);*/
    color: #2650e4;
}

.list-terms ul li a:hover,
.list-terms ul li.active a {
    background-image: radial-gradient(at top left, #7AE7FF 0%, #2650E4 70%) !important;
    color: #fff;
}

.elementor-pagination {
    display: flex;
    justify-content: center;
}

.elementor-pagination .page-numbers {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    color: #000;
}

.elementor-pagination .page-numbers.current {
    background-color: #fff;
    color: #2650e4;
}

.form-search-btn .e-search-submit {
    background-image: none !important;
}

.box-method-support .elementor-image-box-img {
    aspect-ratio: 1 / 1;
    padding: 50px;
    border-radius: 50%;
    background-color: #fff;
    transition: 0.3s all ease-in-out;
}

.box-method-support:hover .elementor-image-box-img {
    background-color: #b4c4ffb5;
}

.box-method-support:hover .elementor-image-box-title {
    color: #2650E4 !important;
}

.cau-hoi-thuong-gap #danh_muc_cau_hoi {
    gap: 15px;
    margin-top: 25px;
}

.cau-hoi-thuong-gap #danh_muc_cau_hoi a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    transition: 0.3s all ease-in-out;
    border-left: 3px solid transparent;
}

.cau-hoi-thuong-gap #danh_muc_cau_hoi a.active,
.cau-hoi-thuong-gap #danh_muc_cau_hoi a:hover {
    background-color: transparent;
    border-left: 3px solid #2650e4;
    color: #2650e4;
}

.cau-hoi-thuong-gap .accordion-item,
.cau-hoi-thuong-gap .accordion-button {
    background-color: transparent;
}

.cau-hoi-thuong-gap .accordion-button:focus {
    box-shadow: none !important
}

.cau-hoi-thuong-gap .accordion-button span.number {
    width: 30px;
    height: 30px;
    min-width: 30px;
    background-color: #2650e4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 50%;
    font-size: 16px;
}

.cau-hoi-thuong-gap .accordion-button {
    color: #2650e4;
    line-height: 24px;
    padding: 30px 0;
    font-size: 18px;
}

.cau-hoi-thuong-gap .accordion-button.collapsed {
    color: #000;
}

.cau-hoi-thuong-gap .accordion-body {
    padding: 15px 45px;
    font-size: 18px;
    font-family: SVN-Poppins;
}

.cau-hoi-thuong-gap h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    margin: 60px 0 30px 0;
}

.effect-btn-transparent .elementor-button:hover {
    border-color: transparent !important;
}

.effect-btn-blue .ff-btn-submit {
    background-image: linear-gradient(308deg, #2650e4 0%, #7ae7ff 100%) !important;
    color: #fff !important;
}

.effect-btn-blue .ff-btn-submit:hover {
    background-image: none !important;
    color: #2650e4 !important;
}

.effect-btn-white .ff-btn-submit:hover {
    background-image: linear-gradient(308deg, #2650e4 0%, #7ae7ff 100%);
}

.mn-img-product {
    display: none;
}

.cus-counter .elementor-counter-number:hover {
    background: -webkit-linear-gradient(242deg, #002ed1, #7ae7ff) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/*loading*/
.loader-container {
    height: 100vh;
    width: 100vw;
    position: absolute;
    overflow: hidden;
    z-index: 1000;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    position: fixed;
}

.loader {
    display: flex;
    align-items: center;
    position: relative;
}

.loader span {
    font-weight: 400;
    font-size: 96px;
}

.loader-text-left,
.loader-text-right {
    display: flex;
    gap: 4vw;
    transition: gap 0.5s ease-in-out;
}

.loader span.text {
    color: #bdbdbd;
    font-weight: 400;
    font-family: SVN-Poppins;
}

.count-wrapper {
    width: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.loader #count {
    font-family: SVN-Poppins;
    font-size: 96px;
    font-weight: 700;
    background: radial-gradient(circle, #7ae7ff 0%, #2650e4 100%);
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    transition: opacity 0.3s ease-in-out;
    margin: 0 2vw;
}

.loader-logo {
    width: 7vw;
    position: absolute;
    display: flex;
    justify-content: center;
    opacity: 0;
    transform: scale(0);
    z-index: 1001;
}

.loader-logo img {
    width: 100%;
}

.ratio img {
    height: 100% !important;
    object-fit: cover !important;
}

.qua-trinh-xay-dung .e-n-tab-title-text {
    display: block !important;
}

.qua-trinh-xay-dung .e-n-tab-title-text h3 {
    font-size: 21px;
    line-height: 33px;
}

.qua-trinh-xay-dung .e-n-tab-title-text p {
    font-size: 14px;
    line-height: 24px;
}

.qua-trinh-xay-dung .e-n-tab-title:hover svg,
.qua-trinh-xay-dung .e-n-tab-title[aria-selected="true"] svg {
    filter: brightness(100);
}

.qua-trinh-xay-dung .e-n-tab-title-text p {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0;

    transition: 
        max-height 0.3s ease-in-out,
        opacity 0.3s ease-in-out,
        visibility 0.3s ease-in-out;
}

.qua-trinh-xay-dung .e-n-tab-title[aria-selected="true"] p {
    max-height: 200px; /* hoặc dùng JS để tính đúng chiều cao */
    opacity: 1;
    visibility: visible;
}

.hover-white-service-img:hover img {
    /*filter: brightness(0) invert(1);*/
	
}

.text-gradient-background-inluencer {
    background: radial-gradient(100% 187.4% at 0 106.36%, #a799ff 0, #fb5cb5 62.95%, #ffbc96 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.backdrop-filter {
    backdrop-filter: blur(5px);
}

.span-pink span {
    color: #FB5CB5;
}

.span-blue span {
    color: #32A1F6;
}


/*.cursor-about .elementor-button-text,*/
/*.cursor-service .dich_vu,*/
/*.cursor-service .dich_vu img,*/
/*.cursor-service .elementor-heading-title a{*/
/*    cursor: url(img/cursor-about.png), auto !important;*/
/*}*/
/*.cursor-history .lich_su_hinh_thanh{*/
/*    cursor: url(img/icon-p.png), auto !important;*/
/*}*/
/* .elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled{
    display: none;
} */
.linear-carousel .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.back-to-top {
    display: none;
}

.back-to-top.show {
    display: block;
    opacity: 1;
}

.cus-box-shadow-service>.elementor-widget-container::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 24px;
    right: 0;
    bottom: 4px;
    left: 11px;
    background: linear-gradient(344deg, #7ae7ff 0%, #002ed1 100%);
    transform: translate3d(0px, 20px, 0) scale(0.95);
    filter: blur(7px);
    opacity: 1.7;
    transition: opacity 0.3s;
    border-radius: 20px;
    transform: rotate(0deg);
}

.arcodion-footer-mobile .e-n-accordion-item-title {
    justify-content: space-between !important;
}

.span-green span {
    color: #1ECD65;
}

.link-career ul li:first-child .elementor-icon-list-text,
.link-career ul li:first-child .elementor-icon-list-icon {
    color: #2650E4 !important;
}

.span-main span {
    color: #1F43C1;
    font-weight: 600;
}

.span-yellow span {
    color: #F2994A;
}

.aspect-ratio-1-1 {
    aspect-ratio: 1/1;
}
.aspect-ratio-1-1 img{
    aspect-ratio: 1/1;
}
.animate-ecom-backgeeound-1 img{
    -webkit-animation: spin 40s infinite linear;
}
.animate-background-dhv:before{
    -webkit-animation: spin 40s infinite linear reverse;
}
@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}
.span-red span {
    color: #FF5B65;
}

.span-mint span {
    color: #00CCCE;
}

.footer-link-hover ul li:hover {
    text-decoration: underline;
    color: #2650E4;
}

.dot-product {
    top: 90px;
}
.qua-trinh-xay-dung [role="tablist"] button[aria-selected="true"]{
    align-items:flex-start;
}
.service-loop-box-img > .elementor-widget-container{
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 1024px) {
    .swiper-kols .swiper-slide {
        transition: 0.3s all ease-in-out;
    }

    .swiper-kols .swiper-slide.swiper-slide-active {
        transform: scale(0.9);
    }

    .swiper-kols .swiper-slide {
        transform: translate(-10%, 0) scale(0.8);
        z-index: 1;
    }

    .swiper-kols .swiper-slide.swiper-slide-next {
        transform: scale(1.2);
    }

    .swiper-kols .swiper-slide.swiper-slide-prev {
        transform: translate(10%, 0) scale(0.8);
    }

    .swiper-kols .swiper-slide-next+.swiper-slide {
        transform: scale(0.9);
        z-index: 0;
    }

    /*.swiper-project .swiper-slide.swiper-slide-active{*/
    /*    transform: scale(1);*/
    /*}*/
    /*.swiper-project .swiper-slide{*/
    /*    transform: translate(0,0) scale(1);*/
    /*}*/
    /*.swiper-project .swiper-slide.swiper-slide-next{*/
    /*    transform: scale(1);*/
    /*}*/
    /*.swiper-project .swiper-slide.swiper-slide-prev{*/
    /*    transform: translate(0,0) scale(1);*/
    /*}*/
    /*.swiper-project .swiper-slide-next + .swiper-slide{*/
    /*    transform: scale(1);*/
    /*}*/


    .cus-counter .elementor-counter {
        gap: 15px;
    }

    .cus-box-shadow {
        margin: 20px !important;
        width: calc(100% - 20px) !important;
    }

    .swiper-project .swiper-slide,
    .swiper-service .swiper-slide {
        transition: 0.3s all ease-in-out;
    }

    .swiper-project .swiper-slide.swiper-slide-active {
        transform: scale(0.9);
    }

    .swiper-project .swiper-slide {
        transform: translate(-5%, 0) scale(0.9);
    }

    .swiper-project .swiper-slide.swiper-slide-next {
        transform: scale(1);
    }

    .swiper-project .swiper-slide.swiper-slide-prev {
        transform: translate(5%, 0) scale(0.9);
    }

    .swiper-project .swiper-slide-next+.swiper-slide {
        transform: scale(0.9);
    }

    .swiper-service .swiper-slide.swiper-slide-active {
        transform: translate(-50%, 0) scale(0.9) !important;
    }

    .swiper-service .swiper-backface-hidden .swiper-slide {
        transform: translate(50%, 0) scale(0.9);
    }

    .swiper-service .swiper-slide.swiper-slide-next {
        transform: scale(1.2);
    }
	.canvas-container{
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
	}
}

.container-project-home .elementor-widget-theme-post-featured-image {
    aspect-ratio: 3/2;
}
.home-slide-project-title h3 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* Giới hạn số dòng */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 3em;
        /* Giới hạn chiều cao (khoảng 2 dòng, tùy font-size) */
        line-height: 1.5em;
        /* Điều chỉnh khoảng cách dòng */
        word-break: break-word;
}
.dh-span span{
    color: #ED1B24 !important;
}
@media only screen and (max-width: 768px) {
    .dot-product {
        top: 0px;
    }

    .box-list-mb .elementor-image-box-wrapper {
        display: flex;
        gap: 20px;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi {
        gap: 0;
    }

    .cus-list-item {
        padding: 10px !important;
    }

    .font-strong strong {
        font-size: 18px;
    }

    .header-fixed-mobile {
        background-color: rgb(0 0 0 / 10%) !important;
        /* Màu nền với độ trong suốt */
        backdrop-filter: blur(10px);
        /* Làm mờ nền */
        -webkit-backdrop-filter: blur(10px);
        /* Hỗ trợ trình duyệt Safari */
        /*background: transparent !important;*/
    }

    .list-terms ul li a {
        font-size: 14px;
        padding: 12px;
        min-width: 110px;
        background-color: #fff0;
        box-shadow: none;
        color: #333333;

    }

    .list-terms ul {
        gap: 10px;
    }

    .box-method-support .elementor-image-box-img {
        padding: 26px;
    }

    .cau-hoi-thuong-gap .accordion-button {
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
    }

    .form-search-btn .e-search-input-wrapper {
        width: 100%;
    }

    .form-search-btn .e-search-form {
        display: flex;
        width: 100%;
    }

    .background-contact-page {
        background-color: transparent !important;
    }

    #fluentform_2 .ff-btn-submit {
        min-width: auto !important;
    }

    .adress-flex-footer .elementor-image-box-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .cus-box-shadow-service>.elementor-widget-container::before {
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px;
    }

    .cursor-history .elementor-swiper-button {
        /*         display: none !important; */
    }

    .cus-counter .elementor-counter-number-wrapper {
        flex: 0 !important;
    }

    .cus-counter .elementor-counter-number-suffix {
        display: none;
    }

    .qua-trinh-xay-dung .e-n-tab-title-text h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .img-service-mobile img {
        height: auto !important;
        aspect-ratio: 4 / 3;
        object-fit: cover !important;
        box-shadow: 0px 0px 10px 0px #FFFFFF !important;
    }

    .cau-hoi-thuong-gap .accordion-body {
        padding: 15px;
        font-size: 18px;
        line-height: 32px;
        font-weight: 400;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi a {
        text-wrap: nowrap;
        border-color: transparent !important;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi {
        flex-direction: row !important;
        flex-wrap: nowrap;
        overflow-x: scroll;
        border-bottom: solid 1px grey;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi::-webkit-scrollbar {
        height: 2px;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi::-webkit-scrollbar-thumb {
        background: #2650e4;
    }

    .cau-hoi-thuong-gap h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
    }

    .home-slide-project-title h3 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* Giới hạn số dòng */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 3em;
        /* Giới hạn chiều cao (khoảng 2 dòng, tùy font-size) */
        line-height: 1.5em;
        /* Điều chỉnh khoảng cách dòng */
        word-break: break-word;
    }


    .menu-popup-hamburger .dialog-close-button {
        font-size: 25px !important;
    }

    .loader span {
        font-size: 48px;
        /* Giảm size chữ */
    }

    .loader-text-left,
    .loader-text-right {
        gap: 5vw;
        /* Giảm khoảng cách chữ */
    }

    .loader #count {
        font-size: 48px;
        /* Giảm size số đếm */
    }

    .loader-logo {
        width: 12vw;
        /* Giảm size logo */
    }

    .count-wrapper {
        width: 15vw;
        /* Điều chỉnh container chứa số */
    }
	.mobile-loop-project .elementor-widget-container .elementor-loop-container{
		grid-auto-rows: 0fr !important;
	}
}
@media screen and (max-width: 991px) {
    
}
    
@media screen and (max-width: 1024px) {
	.header-fixed-mobile {
        background-color: rgb(0 0 0 / 10%) !important;
        /* Màu nền với độ trong suốt */
        backdrop-filter: blur(10px);
        /* Làm mờ nền */
        -webkit-backdrop-filter: blur(10px);
        /* Hỗ trợ trình duyệt Safari */
        /*background: transparent !important;*/
    }
    .position-relative-mb{
        position: relative !important;
    }
    .cau-hoi-thuong-gap #danh_muc_cau_hoi {
        gap: 0;
    }

    .cau-hoi-thuong-gap .accordion-button {
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
    }

    .cau-hoi-thuong-gap .accordion-body {
        padding: 15px;
        font-size: 18px;
        line-height: 32px;
        font-weight: 400;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi a {
        text-wrap: nowrap;
        border-color: transparent !important;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi {
        flex-direction: row !important;
        flex-wrap: nowrap;
        overflow-x: scroll;
        border-bottom: solid 1px grey;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi::-webkit-scrollbar {
        height: 2px;
    }

    .cau-hoi-thuong-gap #danh_muc_cau_hoi::-webkit-scrollbar-thumb {
        background: #2650e4;
    }

    .cau-hoi-thuong-gap h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
    }
	.tab-project .e-n-tabs-heading{
		border-bottom: solid 2px white;
		padding-bottom: 20px;
 		overflow: scroll !important; 
		flex-wrap: nowrap !important;
		justify-content: start !important;
		scrollbar-width: auto !important;
	}

	.tab-project .e-n-tabs-heading .e-n-tab-title{
		white-space: nowrap;
	}
	.tab-project .e-n-tabs-heading::-webkit-scrollbar{
		display: block !important;
		height: 2px !important;
		width: 100%;
	}
	.tab-project .e-n-tabs-heading::-webkit-scrollbar-thumb{
		background: #2650e4 !important;
	}
}

.bread-crum-hover ul.elementor-icon-list-items li:hover>a>span {
    color: #2650e4 !important;
    text-decoration: underline;
}

.bread-crum-hover ul.elementor-icon-list-items li > a > span {
    position: relative;
    padding-right: 15px;
    margin-right: 8px;
}

.bread-crum-hover ul.elementor-icon-list-items li > a > span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 11%; /* Điều chỉnh tùy ý */
    height: 70%; /* Điều chỉnh độ dài border */
    border-right: 2px solid white;
}
.dhv-breadcrum ul.elementor-icon-list-items li:hover>a>span {
    color: #fff !important;
    text-decoration: underline;
}
.knorr-breadcrum ul.elementor-icon-list-items li > a > span::after{
	border-color: #201F1F !important;
}
.elementor-custom-embed-play {
    opacity: 0;
}

.video-hover-play-button:hover .elementor-custom-embed-play {
    opacity: 1;
}

/* 
.video-hover-play-button {
    position: relative;
    overflow: hidden;
}

.video-hover-play-button::after {
    content: "▶"; 
    font-size: 40px;
    color: white;
    background: #ffffffad;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video-hover-play-button:hover::after {
    opacity: 1;
} */
.hover-scale img {
  transition: transform 0.3s ease; /* Tạo hiệu ứng mượt khi scale */
}
.hover-scale:hover img{
	transform: scale(1.11);
}
.tab-dich-vu-chung .e-n-tabs-heading{
	transform: translate(20%); 
	width: max-content;
}
.tab-dich-vu-chung .e-n-tabs-heading .e-n-tab-title{
	margin: 15px;
}
.knorr-title-color span{
	color: #007D29;
}
.unilever-title-color span{
	color: #1F36C7;
}
.moving-cloud1 svg{
  position: relative;
  animation: cloudMove1 25s linear infinite alternate;
  will-change: transform;
	filter: drop-shadow(4px 6px 10px rgba(0, 0, 0, 0.25));
}
.moving-cloud2 svg{
  position: relative;
  animation: cloudMove2 15s linear infinite alternate;
  will-change: transform;
	filter: drop-shadow(4px 6px 10px rgba(0, 0, 0, 0.25));
}
.moving-cloud3 svg{
  position: relative;
  animation: cloudMove3 20s linear infinite alternate;
  will-change: transform;
	filter: drop-shadow(4px 6px 10px rgba(0, 0, 0, 0.25));
}


/* Keyframes */
@keyframes cloudMove1 {
  0% {
    transform: translateX(0) scale(1);
  }
  100% {
    transform: translateX(-100px) scale(1.4);
  }
}

@keyframes cloudMove2 {
  0% {
    transform: translateX(0) scale(1);
  }
  100% {
    transform: translateX(100px) scale(1.2);
  }
}

@keyframes cloudMove3 {
  0% {
    transform: translateX(0) scale(1);
  }
  100% {
    transform: translateX(-100px) scale(1.3);
  }
}

.fix-height-div::-webkit-scrollbar {
  display: none;
}