:root {
		--primary-bg: #000000;
		--section-bg: #050c17; 
		--accent-blue: #00b4d8;
		--accent-orange: #f25b22;
		--text-gray: #fff;
		--text-light: #eeeeee; 
		--heading-font: 'Inter', sans-serif;
		--body-font: 'Montserrat', sans-serif;
		--vnchip-blue: #062a4d;
	}

	.monster_heading, h4{
		font-family: 'Montserrat', sans-serif !important;
		font-size:1.3rem !important;
		font-weight:800;
	}
	body {
		background-color: var(--section-bg);
		color: #ffffff;
		font-family: var(--body-font);
		margin: 0;
		overflow-x: hidden;
	}

	/* Reveal Animation Styles */
	.reveal {
		opacity: 0;
		transform: translateY(30px);
		transition: all 0.8s ease-out;
	}
	.reveal.active {
		opacity: 1;
		transform: translateY(0);
	}

	/* Typography */
			
					/* Typography Updated to Inter Extra Bold */
	h1, h2, h3 {
		font-family: var(--heading-font);
		font-weight: 800; /* Extra Bold */
		letter-spacing: -0.02em; /* Inter looks better with slight negative tracking at bold weights */
	}

	.text-accent-orange { color: var(--accent-orange) !important; }
	.text-white { color: #ffffff !important; }

	/* Navbar */
	.navbar {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		background: transparent !important;
		padding: 30px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.navbar-brand { text-decoration: none; transition: 0.3s; }
	.navbar-brand:hover { opacity: 0.8; }
	.navbar-brand .logo-vn { color: #fff; font-weight: 800; font-size: 1.8rem; }
	.navbar-brand .logo-chip { color: var(--accent-blue); font-weight: 800; font-size: 1.8rem; }
	.navbar-brand .logo-labs { 
		color: var(--accent-orange); 
		font-family: var(--body-font); 
		font-weight: 400; 
		font-size: 1.1rem;
		margin-left: 5px;
	}

	.nav-link {
		color: #fff !important;
		font-size: 1rem; 
		font-weight: 700;
		margin: 0 15px;

		letter-spacing: 1px;
		transition: 0.3s;
	}
	.nav-link:hover { color: var(--accent-orange) !important; }

	/* Dropdown Styling */
	.dropdown-menu {
		background-color: rgba(5, 12, 23, 0.95);
		backdrop-filter: blur(10px);
		border: 1px solid rgba(255,255,255,0.1);
		border-radius: 8px;
		padding: 10px 0;
		margin-top: 15px !important;
	}
	.dropdown-item {
		color: #ccc;
		font-size: 0.85rem;
		padding: 10px 25px;

		letter-spacing: 1px;
	}


	.btn-talk-nav {
		background-color: var(--accent-orange);
		color: #fff;
		border: none;
		border-radius: 4px;
		padding: 12px 30px;
		font-weight: 800;
		font-size: 0.9rem;
		text-transform: uppercase;
		transition: 0.3s;
		margin-left: 15px;
		text-decoration: none;
	}
	.btn-talk-nav:hover {
		background-color: #fff;
		color: var(--accent-orange);
		transform: translateY(-2px);
	}

	/* Scroll to Top Button */
	#scrollTopBtn {
		position: fixed;
		bottom: 30px;
		right: 30px;
		width: 50px;
		height: 50px;
		background: var(--accent-orange);
		color: white;
		border: none;
		border-radius: 50%;
		display: none;
		z-index: 2000;
		cursor: pointer;
		box-shadow: 0 5px 15px rgba(0,0,0,0.4);
		transition: 0.3s;
	}
	#scrollTopBtn:hover { transform: translateY(-5px); background: #fff; color: var(--accent-orange); }

	/* Hero Section */
	.hero {
		position: relative;
		height: 90vh;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.hero-video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: -1;
	}

	.hero-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.4) 60%, var(--section-bg) 100%);
		z-index: 0;
	}

	/* ======= STATS BAR WITH GRADIENT AND ROUNDED CORNERS ======= */
	.stats-wrapper {
		position: relative;
		z-index: 100;
		margin-top: -100px;
	}

	.stats-bar {
		background: linear-gradient(90deg, #02060b 0%, #062a4d 100%); /* Gradient as per image_79e1e2.png */
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
	   
	}

	.stat-col {
		padding: 45px 40px;
		border-right: 1px solid rgba(255, 255, 255, 0.3); /* Thin white divider */
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.stat-col:last-child { border-right: none; }

	.stat-title {
		font-size: 3rem;
		font-family: var(--heading-font);
		font-weight: 800;
		margin-bottom: 15px;
		line-height: 1;
		text-transform: none;
	}

	.stat-desc {
		font-size: 0.9rem;
		color: #ffffff;
		line-height: 1.5;
		margin: 0;
		font-weight: 400;
		opacity: 0.9;
	}

	/* ======= IC DESIGN SECTION ======= */
	.ic-design-section {
		padding: 70px 0 100px; 
		background: linear-gradient(to bottom, var(--section-bg) 0%, #0a192f 100%);
		position: relative;
		z-index: 5;
	}

	.section-title {
		font-size: 3.5rem;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 0;
		line-height: 1;
	}

	.section-desc {
		color: var(--text-gray);
		font-size: 1rem;
		line-height: 1.8;
		margin: 0;
		font-weight: 400;
		text-align: justify;
	}

	.design-card {
		position: relative;
		border-radius: 25px;
		overflow: hidden;
		height: 480px;
		border: 1px solid rgba(255,255,255,0.1);
		background: #000;
		transition: 0.5s;
		box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8);
		z-index: 10;
		display: block; 
		text-decoration: none;
	}

	.design-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: 1.2s cubic-bezier(0.2, 1, 0.3, 1);
		opacity: 0.7;
	}
	.design-card:hover img { transform: scale(1.08); opacity: 0.95; }
	
	.design-overlay {
		position: absolute;
		inset: 0;
		background: linear-gradient(to top, rgba(5, 12, 23, 1) 0%, rgba(5, 12, 23, 0.5) 50%, transparent 100%);
		padding: 45px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	.design-overlay h3 {
		font-size: 2.2rem;
		line-height: 1.2;
		margin-bottom: 15px;
		font-weight: 800;
		color: #fff;
	}
	
	.card-dummy-text {
		font-size: 0.85rem;
		color: #fff;
		line-height: 1.7;
		max-width: 90%;
		margin: 0;
	}

	/* DESIGN SERVICE ACCORDION SECTION */
	.design-service-section {
		padding: 280px 0 100px;
		background-color: var(--page-bg); 
		color: #000000;
		margin-top: -240px; 
		position: relative;
		z-index: 1;
	}

	.ds-title {
		color: var(--accent-orange);
		font-size: 2.5rem;
		font-weight: 700;
		margin-bottom: 60px;
		font-family: var(--body-font); 
		text-transform: none;
	}
	h2.accordion-header{font-family: 'Montserrat' !important;}
	.accordion-custom { --bs-accordion-border-color: #000; --bs-accordion-bg: transparent; }
	.accordion-item { border: none; border-bottom: 1.5px solid #000 !important; }
	.accordion-button {
		padding: 25px 0;
		background-color: transparent !important;
		color: #000 !important;
		font-size: 1.15rem;
		font-weight: 700;
		box-shadow: none !important;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 0 !important;
	}
	.accordion-button::after {
		content: '+';
		background-image: none !important;
		font-size: 1.8rem;
		font-weight: 400;
		color: var(--accent-orange);
		transform: none !important;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: none;
	}
	.accordion-button:not(.collapsed)::after { content: '-'; font-size: 2.2rem; }
	.accordion-body { padding: 0 0 25px 0; font-size: 0.95rem; color: #555; line-height: 1.8; }
	
	/* Specific content for Specification */
	.spec-image {
		width: 100%;
		max-width: 500px;
		border-radius: 10px;
		margin-bottom: 20px;
		display: block;
	}
	.spec-paragraph {
		font-size: 0.9rem;
		color: #333;
		margin-bottom: 15px;
		line-height: 1.6;
	}

	/* INDUSTRIES & INSIGHTS SLIDERS */
	.industries-section { padding: 100px 0; background-color: #fff; color: #000; border-top: 1px solid #eee; }
	.ind-header, .ins-header { display: flex; justify-content: space-between; margin-bottom: 50px; }
	.ind-title-group h2, .ins-title-group h2 { font-size: 3rem; font-weight: 700; }
	.slider-controls { display: flex; gap: 15px; }
	.slider-btn {
		width: 45px; height: 45px; border-radius: 50%; border: 1px solid #ccc;
		background: transparent; display: flex; align-items: center; justify-content: center;
		transition: 0.3s; cursor: pointer; color: #333;
	}
	.slider-btn:hover { border-color: var(--accent-orange); color: var(--accent-orange); }

	.slider-container {
		overflow-x: auto; display: flex; gap: 22px;
		scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; 
	}
	.slider-container::-webkit-scrollbar { display: none; }

	.industry-article-card {
		min-width: calc(33.333% - 20px); height: 500px; border-radius: 25px;
		overflow: hidden; position: relative; scroll-snap-align: start;
		cursor: pointer; 
		text-decoration: none;
	}
	.industry-article-card img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
	.industry-article-card:hover img { transform: scale(1.05); }
	.article-overlay {
		position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
		padding: 35px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff;
	}

	.insights-section { padding: 100px 0; background: linear-gradient(to bottom, #050c17 0%, #0a192f 100%); color: #fff; }
	.insight-article-card { min-width: calc(33.333% - 17px); overflow: hidden; position: relative; scroll-snap-align: start; cursor: pointer; transition: 0.4s; text-decoration: none; }
	.insight-article-card img { width: 100%; height: 250px; object-fit: cover; opacity: 0.8; transition: 0.5s; }
	.insight-article-card:hover img { opacity: 1; transform: scale(1.05); }
	.insight-content { padding: 25px 0; }
	.insight-content h4 { font-size: 1.1rem; font-weight: 700; color: #fff; text-transform: none; }
	.insight-content p { color: var(--text-gray); font-size: 0.85rem; line-height: 1.6; }

	/* CTA SECTION */
	.cta-section-new { padding-bottom: 100px; background-color: #ffffff; }
	.cta-box-new {
		background: linear-gradient(90deg, rgba(6, 42, 77, 0.9) 0%, rgba(10, 25, 47, 0.8) 100%), 
					url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=1200') center/cover no-repeat;
		border-radius: 20px; padding: 80px 40px; text-align: center; color: #ffffff;
		margin-top:40px;
	}
	.btn-cta-large {
		background-color: var(--accent-orange); color: #fff; border: none; padding: 15px 40px;
		border-radius: 50px; font-weight: 700; font-size: 1.1rem; transition: 0.3s;
		display: inline-flex; align-items: center; gap: 15px; text-decoration: none;
		margin-top:20px;
	}
	.btn-cta-large:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(242, 91, 34, 0.4); color: #fff; }
	
	/* Logo Image Style */
	.header-logo {
		height: 45px; /* Điều chỉnh chiều cao logo cho phù hợp */
		width: auto;
		display: block;
	}
	/* FOOTER SECTION */
	.footer-new { background-color: #03080f; padding: 60px 0 20px; color: #ffffff; border-top: 1px solid rgba(255,255,255,0.05); }
	.footer-col { padding: 0 30px; border-right: 1px solid rgba(255, 255, 255, 0.1); }
	.footer-col:last-child { border-right: none; }
	.footer-logo-box { margin-bottom: 25px; text-decoration: none; display: flex; align-items: center; }
	.footer-logo-box .logo-vn { color: #fff; font-weight: 800; font-size: 1.8rem; }
	.footer-logo-box .logo-chip { color: var(--accent-blue); font-weight: 800; font-size: 1.8rem; }
	.footer-logo-box .logo-labs { color: var(--accent-orange); font-size: 1.2rem; margin-left: 5px; }
	.footer-info-text { color: var(--text-light); font-size: 0.85rem; line-height: 1.6; margin-bottom: 8px; }
	.footer-heading-new { font-family: var(--heading-font); font-size: 0.85rem; font-weight: 800; margin-bottom: 25px; color: #ffffff; text-transform: uppercase; }
	.footer-links-new { list-style: none; padding: 0; margin: 0; }
	.footer-links-new li { margin-bottom: 10px; }
	.footer-links-new a { color: var(--text-light); text-decoration: none; font-size: 0.8rem; transition: 0.3s; }
	.footer-links-new a:hover { color: var(--accent-blue); }
	.footer-divider { border-top: 1px solid rgba(255, 255, 255, 0.1); margin: 40px 0; }
	.building-row { display: flex; align-items: center; justify-content: flex-start; gap: 50px; }
	.building-logos-wrap { display: flex; gap: 30px; }
	.building-logo-item { display: flex; align-items: center; gap: 10px; }
	.building-logo-box { border: 1px solid #fff; padding: 2px 6px; font-weight: 900; font-size: 1.1rem; color: #fff; }
	.building-logo-text { font-size: 0.6rem; color: #aaa; line-height: 1.1; max-width: 150px; }
	.building-details h5 { font-size: 0.95rem; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; }
	.copyright-line { border-top: 1px solid rgba(255,255,255,0.05); padding: 25px 0 0; margin-top: 40px; display: flex; justify-content: space-between; align-items: center; }
	.social-circle { width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; color: #fff; margin-left: 10px; transition: 0.3s; font-size: 0.8rem; text-decoration: none; }
	.social-circle:hover { background-color: #fff; color: #000; border-color: #fff; }

	@media (max-width: 992px) {
		.navbar { padding: 15px 0; background: rgba(0,0,0,0.8) !important; position: fixed; }
		.hero { height: auto; min-height: 500px; padding-top: 100px; }
		.stats-wrapper { margin-top: -50px; padding: 0 15px; }
		.stat-col { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 30px 20px; }
		.footer-col { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 0; }
		.building-row { flex-direction: column; align-items: flex-start; gap: 30px; }
		.copyright-line { flex-direction: column; gap: 15px; text-align: center; }
		.dropdown-menu { background: #050c17; }
		.industry-article-card, .insight-article-card { min-width: 100%; }
	}
			.btn-talk-nav {
		background-color: var(--accent-orange);
		color: #fff;
		border: none;
		border-radius: 50px; /* Bo tròn hoàn toàn theo mẫu */
		padding: 12px 30px;
		font-weight: 800;
		font-size: 0.9rem;
		text-transform: none; /* Đổi thành chữ thường/hoa theo text nhập vào */
		transition: 0.3s;
		margin-left: 15px;
		text-decoration: none;
		display: inline-block;
	}
	.btn-talk-nav:hover {
		background-color: #fff;
		color: var(--accent-orange);
		transform: translateY(-2px);
	}
	  @media (max-width: 992px) {
			/* DO NOT DISPLAY SLIDER CONTROL ON MOBILE */
	.slider-controls { display: none !important; }
}
.dropdown-divider{
	border-top:1px solid rgb(255 255 255 / 18%);
}
   /* Điều chỉnh slider Partners để hiển thị 4 item trên desktop */
    .insight-article-card { 
        min-width: calc(25% - 22.5px); /* (100% - (30px gap * 3)) / 4 */
    }

    /* ======= THIẾT KẾ MỚI CHO ASIC DESIGN SLIDER (CONTROL Ở DƯỚI GIỮA) ======= */
    .asic-section-wrapper {
        position: relative;
        padding: 0;
    }

    .asic-slider-container {
        overflow-x: auto;
        display: flex;
        gap: 30px;
        padding: 20px 0 30px;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }
    .asic-slider-container::-webkit-scrollbar { display: none; }
    
    .asic-card {
        min-width: calc(50% - 15px);
        position: relative;
        border-radius: 25px;
        overflow: hidden;
        height: 520px;
        border: 1px solid rgba(255,255,255,0.08);
        background: #020810;
        transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: block;
        text-decoration: none;
    }
    
    .asic-card:hover {
        transform: translateY(-10px);
        border-color: var(--accent-orange);

    }

    .asic-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 1.5s cubic-bezier(0.2, 1, 0.3, 1);
        opacity: 0.6;
    }
    .asic-card:hover img { transform: scale(1.1); opacity: 0.85; }
    
    .asic-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(5, 12, 23, 1) 0%, rgba(5, 12, 23, 0.4) 60%, transparent 100%);
        padding: 45px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .asic-overlay h3 {
        font-size: 2.2rem;
        line-height: 1.2;
        margin-bottom: 15px;
        font-weight: 800;
        color: #fff;
    }

    /* Bộ điều khiển nằm ở dưới và căn giữa */
    .asic-controls-bottom {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 20px;
    }

    .asic-nav-btn {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .asic-nav-btn:hover {
        background: var(--accent-orange);
        border-color: var(--accent-orange);
        box-shadow: 0 0 20px rgba(242, 91, 34, 0.3);
        transform: scale(1.1);
    }
    .asic-nav-btn i { font-size: 1rem; }

    @media (max-width: 1200px) {
        .insight-article-card { min-width: calc(33.333% - 20px); }
    }

    @media (max-width: 992px) {
        .asic-card { min-width: 85%; height: 420px; }
        .insight-article-card { min-width: calc(50% - 15px); }
        .asic-nav-btn { width: 45px; height: 45px; }
    }

    @media (max-width: 768px) {
        .insight-article-card { min-width: 100%; }
        .asic-card { min-width: 100%; }
    }
    
    .design-service-section {
        padding: 0px 0 100px;
		background-color: var(--page-bg); 
        color: #000000;
        margin-top: 0px; 
        position: relative;
        z-index: 1;
    }
    .ds-title {
        color: var(--accent-orange);
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 60px;
        font-family: var(--body-font); 
        text-transform: none;
    }
    .accordion-custom .accordion-item { border: none; border-bottom: 1.5px solid #000 !important; }
    .accordion-button {
        padding: 25px 0;
        background-color: transparent !important;
        color:var(--page-heading) !important;
        font-size: 1.15rem;
        font-weight: 700;
        box-shadow: none !important;
    }
    .accordion-button::after {
        content: '+';
        background-image: none !important;
        font-size: 1.8rem;
        color: var(--accent-orange);
        width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
    }
    .accordion-button:not(.collapsed)::after { content: '-'; font-size: 2.2rem; }
    .accordion-body { padding: 0 0 25px 0; font-size: 0.95rem; color: #555; line-height: 1.8; }
    .spec-image { width: 100%; max-width: 500px; border-radius: 10px; margin-bottom: 20px; display: block; }
    .spec-paragraph { font-size: 0.9rem; color: var(--page-heading) !important; margin-bottom: 15px; line-height: 1.6; }
    /* BREADCRUMB */
    .breadcrumb { --bs-breadcrumb-divider: none; }
    .breadcrumb-item a { color: var(--breadcrumb-link); text-decoration: none; transition: 0.3s; font-weight: 600; }
    .breadcrumb-item a:hover { color: #ffffff; }
    .breadcrumb-item.active { color: #f8f9fa; font-weight: 500; }
    .breadcrumb-item + .breadcrumb-item::before {
        content: "\f105" !important; 
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: rgba(255, 255, 255, 0.4);
        padding-right: 15px;
        padding-left: 15px;
        font-size: 0.8rem;
    }
	
	.footer-links-new a:hover{
		color:  var(--accent-orange);
	}
	.accordion-body img{
		margin-bottom:20px;
	}
	section#home_asic_service{
		padding-top:65px;
		background:var(--page-bg) !important;
	}
	.text-muted{
		rgb(208 210 213 / 75%) !important;
	}
	    @media (max-width: 992px) { 
        .asic-card { flex: 0 0 85%; height: 420px; } 
        .industry-article-card { min-width: 85%; } 
        .insight-article-card { min-width: 85%; } 
        .tech-title-right { font-size: 2.5rem !important; text-align: left !important; margin-bottom: 40px; } /* Đã chuyển sang canh trái */
        .tech-item-box { margin-bottom: 15px; }
		.section-title-alt{
			margin-bottom:20px !important;
			font-size: 2.5rem !important; 
		}
    }