@keyframes rubberBand { 
 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 30% { -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40% { -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50% { -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65% { -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75% { -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } 
 to { -webkit-transform:scaleX(1); transform:scaleX(1) } 
 }.animate__rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand } 
.hover_bond img, .hover_bond i,.hover_bond svg,.hover_bond span { transition: all 0.5s; } 
.hover_bond img:hover, .hover_bond i:hover,.hover_bond svg:hover,.hover_bond span:hover { -webkit-animation: rubberBand 1s; animation: rubberBand 1s; } 

.home-page-container { margin-top: 94px; } 
/* <!-- Section Slider main container --> */
.home-page-container .section-slider-banner { } 

.section-slider-banner .swiper-container.swiper-slider-banner { width: 100%; max-width: 1600px; height: 600px; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-pagination.pagination-slider-banner .swiper-pagination-bullet { margin: 0 4px; width: 8px; height: 8px; border-radius: 2px; background: #CCCCCC; opacity: unset; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-pagination.pagination-slider-banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 8px; height: 8px; background: #EB0A1E; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-prev.button-prev-slider-banner i { color: #FFFFFF; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-prev.button-prev-slider-banner.dark-mode i { color: #1A1A1A; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-prev.button-prev-slider-banner { background: rgba(255, 255, 255, 0.2); border: 1px solid #FFFFFF; box-sizing: border-box; transform: matrix(1, 0, 0, 1, 0, 0); width: 40px; height: 40px; left: 60px; border-radius: 50%; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-prev.button-prev-slider-banner.dark-mode { background: rgba(255, 255, 255, 0.5); border: 1px solid #1A1A1A; border-radius: 50%; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-prev.button-prev-slider-banner::after { content: ""; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-next.button-next-slider-banner i { color: #FFFFFF; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-next.button-next-slider-banner.dark-mode i { color: #1A1A1A; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-next.button-next-slider-banner { background: rgba(255, 255, 255, 0.2); border: 1px solid #FFFFFF; box-sizing: border-box; transform: matrix(-1, 0, 0, 1, 0, 0); width: 40px; height: 40px; right: 60px; border-radius: 50%; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-next.button-next-slider-banner.dark-mode { background: rgba(255, 255, 255, 0.5); border: 1px solid #1A1A1A; border-radius: 50%; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-next.button-next-slider-banner::after { content: ""; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide { } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide img { height: 100%; /*object-fit: cover; */
 object-position: center; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .video-banner { height: 100%; width: 100%; object-fit: cover; object-position: center; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner { position: absolute; left: 120px; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner p { margin: 0; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner p:nth-child(1) { font-weight: 600; font-size: 40px; line-height: 120%; color: #FFFFFF; margin-bottom: 20px; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner p:nth-child(2) { font-weight: bold; font-size: 64px; line-height: 120%; color: #FFFFFF; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner.dark p { color: #1A1A1A; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action { position: absolute; bottom: 205px; left: 60px; display: flex; align-items: center; } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item { display: inline-block; padding: 15px 20px; background: #FFFFFF; font-weight: 600; font-size: 12px; line-height: 17px; letter-spacing: 0.12em; color: #000000; text-decoration: none; white-space: nowrap; position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); } 

/* Shimmer effect */
.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(
 90deg,
 transparent,
 rgba(255, 255, 255, 0.4),
 transparent
 ); transition: left 0.5s ease; } 

/* Hover state */
.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25), 0 0 20px rgba(0, 0, 0, 0.1); text-decoration: none; } 

/* Shimmer animation on hover */
.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item:hover::before { left: 100%; } 

/* Active state (click) */
.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item:active { transform: translateY(-1px) scale(1.02); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item.active { background: #EB0A1E; color: #FFFFFF; box-shadow: 0 4px 15px rgba(235, 10, 30, 0.3); } 

/* Hover effect for red button */
.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item.active:hover { background: #C5091A; color: #FFFFFF; transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 25px rgba(235, 10, 30, 0.5), 0 0 20px rgba(235, 10, 30, 0.3); } 

/* Active state (click) for red button */
.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item.active:active { background: #A00815; transform: translateY(-1px) scale(1.02); box-shadow: 0 4px 15px rgba(235, 10, 30, 0.4); } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item.active-dark { background: #333333; color: #FFFFFF; box-shadow: 0 4px 15px rgba(51, 51, 51, 0.3); } 

/* Hover effect for dark button */
.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item.active-dark:hover { background: #1A1A1A; color: #FFFFFF; transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 25px rgba(51, 51, 51, 0.5), 0 0 20px rgba(51, 51, 51, 0.3); } 

/* Active state (click) for dark button */
.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item.active-dark:active { background: #000000; transform: translateY(-1px) scale(1.02); box-shadow: 0 4px 15px rgba(51, 51, 51, 0.4); } 

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item:nth-child(1) { margin-right: 20px; } 
/* <!-- Section Slider discovery vehicles --> */
.home-page-container .section-discovery-vehicles { padding-top: 120px; padding-bottom: 60px; background: #e9e9e9} 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container { max-width: 1200px; margin: auto; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-title { font-weight: 700; font-size: 26px; line-height: 120%; letter-spacing: 0.02em; color: #1A1A1A; margin-bottom: 56px; text-align: center; text-transform: uppercase; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box { } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab { position: relative; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .icon-scroll { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .icon-scroll.scroll-prev { position: absolute; left: -8px; transform: matrix(-1, 0, 0, 1, 0, 0); } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .icon-scroll.scroll-next { position: absolute; right: -8px; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab ul { display: flex; list-style: none; justify-content: center; padding: 0; width: 100%; overflow-x: auto; margin-bottom: 0px; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab ul::-webkit-scrollbar { display: none; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab ul { -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */ } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item { padding-bottom: 10px; /* border-bottom: 1px solid #101010; */
 width: 200px; cursor: pointer; user-select: none; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item:hover { border-bottom: 4px solid #EB0A1E; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item.active { border-bottom: 4px solid #EB0A1E; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item .discovery-vehicles-tab-icon { width: 22px; height: 22px; min-height: 8px; min-width: 8px; display: inline-block; margin-left: 6px; margin-right: 8px; flex-shrink: 0; object-fit: contain; visibility: visible; align-self: center; vertical-align: middle; }
.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item.discovery-vehicles-tab-item--first { display: flex; align-items: center; justify-content: center; } 
.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item.discovery-vehicles-tab-item--first .car-model { width: auto; display: inline-flex; align-items: center; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item .car-model { font-size: 18px; line-height: 120%; color: #000000; text-decoration: none; width: 100%; display: inline-flex; justify-content: center; margin-bottom: 0; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item.active .car-model { font-weight: bold; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item:hover .car-model { font-weight: bold; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .divider-bottom-discovery-vehicles { height: 1px; background-color: #101010; margin-top: -4px; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider { position: relative; margin-top: 56px; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles { position: unset; } 

/* Grid layout - hiển thị tất cả model, 4 cột desktop */
.discovery-vehicles-box-slider .discovery-vehicles-grid { display: grid; grid-template-columns: 1fr; gap: 24px; } 

@media (max-width: 768px){
 .discovery-vehicles-box-slider .discovery-vehicles-grid { /* gap:12px; */ } 
 }

@media (min-width: 768px){
 .discovery-vehicles-box-slider .discovery-vehicles-grid { grid-template-columns: repeat(2, 1fr); } 
 }
@media (min-width: 912px){
 .discovery-vehicles-box-slider .discovery-vehicles-grid { grid-template-columns: repeat(3, 1fr); } 
 }
@media (min-width: 1360px){
 .discovery-vehicles-box-slider .discovery-vehicles-grid { grid-template-columns: repeat(4, 1fr); } 
 }

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item { padding: 0 28px; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .top-content { display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center; min-height: 24px; } 
@media (max-width: 768px){
 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .top-content { min-height: 0; margin-bottom: 0; flex-direction: column; align-items: flex-start; } 
 }

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .top-content span:nth-child(1) { font-size: 12px; font-weight: 700; line-height: 14px; color: #EB0A1E; min-width: 120px; white-space: nowrap; padding-right: 0px} 
.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .top-content span:nth-child(2) { font-size: 12px; line-height: 1.3; color: #000000; transition: transform 0.2s ease, opacity 0.2s ease; font-weight: 700; white-space: nowrap; } 
.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .top-content span.top-content-hev-wrap { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } 
.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .top-content .top-content-hev-wrap .top-content-hev-icon { height: 18px; width: auto; display: inline-block; object-fit: cover; } 
.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .top-content span:nth-child(2):hover { transform: scale(1.05); opacity: 0.9; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .box-image { min-height: 115px; } 
@media (max-width: 768px){
 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .box-image { min-height: 0px } 
 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .image-car { height: 90px !important; } 
 }

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .image-car { max-width: 100%; height: 115px; display: block; margin: 0 auto; object-fit: contain; object-position: center; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .name-car { font-weight: 700; font-size: 26px; line-height: 1.3; color: #101010; margin: 0; margin-top: 14px; margin-bottom: 8px; letter-spacing: 0.02em; } 

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .price-car { font-size: 14px; line-height: 1.4; color: #3A3A3A; margin: 0; font-weight: 400; } 

.discovery-vehicles-box-slider .discovery-vehicles-grid .swiper-discovery-vehicles-item a { text-decoration: none; color: inherit; display: block; } 

.discovery-vehicles-compare-wrap { margin-top: 56px; text-align: center; } 
.discovery-vehicles-compare-btn { display: inline-block; padding: 12px 32px; font-size: 14px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: #101010; text-decoration: none; background: #FFFFFF; border: 1px solid #1A1A1A; transition: background 0.2s, color 0.2s; } 
.discovery-vehicles-compare-btn:hover { background: #101010; color: #FFFFFF; } 

.discovery-vehicles-box-slider .swiper-discovery-vehicles .button-prev-discovery-vehicles::after { content: ""; } 

.discovery-vehicles-box-slider .swiper-discovery-vehicles .button-prev-discovery-vehicles { background: rgba(255, 255, 255, 0.5); border: 1px solid #1A1A1A; box-sizing: border-box; transform: matrix(1, 0, 0, 1, 0, 0); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; left: calc(-40px - 24px); } 

.discovery-vehicles-box-slider .swiper-discovery-vehicles .button-next-discovery-vehicles::after { content: ""; } 

.discovery-vehicles-box-slider .swiper-discovery-vehicles .button-next-discovery-vehicles { background: rgba(255, 255, 255, 0.5); border: 1px solid #1A1A1A; box-sizing: border-box; transform: matrix(-1, 0, 0, 1, 0, 0); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; right: calc(-40px - 24px); } 

.discovery-vehicles-box-slider .swiper-discovery-vehicles .pagination-discovery-vehicles { bottom: -74px; } 

.discovery-vehicles-box-slider .swiper-discovery-vehicles .pagination-discovery-vehicles .swiper-pagination-bullet { margin: 0; width: 20px; height: 2px; background: #CCCCCC; border-radius: unset; } 

.discovery-vehicles-box-slider .swiper-discovery-vehicles .pagination-discovery-vehicles .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 5px; background: #EB0A1E; } 

.box-image .image-car { transition: opacity 0.2s, visibility 0.2s; } 


.box-image .image-car { transition: transform 0.3s ease; overflow: hidden; } 

.box-image .image-car img { transition: transform 0.3s ease; overflow: hidden; } 


 .box-image:hover .image-car { transform: scale(1.08); } 


.box-image { position: relative; } 

.box-image .image-index { opacity: 1; visibility: visible; } 


 


.box-image .image-hover { opacity: 0; visibility: hidden; position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } 

/*.box-image:hover .image-index { opacity: 0; visibility: hidden; } */
/**/
/*.box-image:hover .image-hover { opacity: 1; visibility: visible; } */

/* <!-- Section CTA --> */
.home-page-container .section-cta { width: 100%; max-width: 1280px; margin: 0 auto; padding: 100px 0; } 

.section-cta .cta-box { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); background: #F5F5F5; } 
.home-page-container .section-cta .form-contact-title { text-align: center; margin-bottom: 56px; color: #101010; font-size: 26px; font-style: normal; font-weight: 700; line-height: 150%; } 

.section-cta .cta-box .cta-item { padding: 24px 32px; position: relative; } 
.section-cta .cta-box .cta-item::before { content:""; position: absolute; right: 0; top: 50%; width: 1px; height: 130px; background: #ccc; pointer-events: none; transform: translateY(-50%); } 
.section-cta .cta-box .cta-item:last-child::before { display: none; } 

.section-cta .cta-box .cta-item a { display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; } 

.section-cta .cta-box .cta-item .cta-item-image { width: 84px; height: 82px; object-position: center; } 

.section-cta .cta-box .cta-item span[class*="fa"] { font-size: 48px; color: #EB0A1E; display: inline-block; line-height: 1; } 

.section-cta .cta-box .cta-item .cta-item-text { margin: 0; margin-top: 10px; font-weight: 600; font-size: 18px; line-height: 150%; color: #101010; text-align: center; font-style: normal; text-transform: capitalize; position: relative; } 
.section-cta .cta-box .cta-item .cta-item-text::before { content: ""; position: absolute; width: 100%; height: 1px; background: currentColor; top: 100%; left: 0; pointer-events: none; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } 
.section-cta .cta-box .cta-item:hover .cta-item-text:before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } 

/* <!-- Section Service --> */
.home-page-container .section-service { width: 100%; max-width: 1230px; margin: auto; padding: 0 15px; } 

.section-service .section-service-title { font-weight: bold; font-size: 26px; line-height: 50px; color: #101010; margin-bottom: 60px; text-align: center; } 

.section-service .service-tab { } 

.section-service .service-tab .icon-scroll { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; background-color: #FFFFFF; } 

.section-service .service-tab .icon-scroll.scroll-prev { position: absolute; left: -8px; transform: matrix(-1, 0, 0, 1, 0, 0); } 

.section-service .service-tab .icon-scroll.scroll-next { position: absolute; right: -8px; } 

.section-service .service-tab ul { display: flex; list-style: none; justify-content: center; padding: 0; width: 100%; overflow-x: auto; margin-bottom: 0; } 

.section-service .service-tab ul::-webkit-scrollbar { display: none; } 

.section-service .service-tab ul { -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */ } 

.section-service .service-tab ul li { width: 50%; } 

.section-service .service-tab .service-tab-item { padding-bottom: 11px; /* border-bottom: 1px solid #101010; */
 cursor: pointer; } 

.section-service .service-tab .service-tab-item.active { border-bottom: 4px solid #EB0A1E; } 

.section-service .service-tab .service-tab-item:hover { border-bottom: 4px solid #EB0A1E; } 

.section-service .service-tab .service-tab-item .service-tab-name { font-size: 18px; line-height: 120%; width: 100%; display: inline-flex; justify-content: center; color: #000000; text-decoration: none; margin-bottom: 0; } 

.section-service .service-tab .service-tab-item.active .service-tab-name { font-weight: bold; } 

.section-service .service-tab .service-tab-item:hover .service-tab-name { font-weight: bold; } 

.section-service .service-tab .divider-bottom-service-tab { height: 1px; background-color: #101010; margin-top: -4px; } 

.section-service .service-news { position: relative; margin-top: 20px; } 

.service-news .swiper-service-news { position: unset; } 

.service-news .swiper-service-news .service-news-swiper-item { position: relative; } 
.service-news .swiper-service-news .service-news-swiper-item::after { content:""; position: absolute; z-index: 2; pointer-events: none; width: 100%; height: 100%; background: transparent; left: 0; top: 0; } 
.service-news .swiper-service-news .service-news-swiper-item::before { content:""; position: absolute; z-index: 2; pointer-events: none; width: 100%; height: 100%; background: linear-gradient(transparent, rgba(0, 0, 0, .8)); left: 0; top: 0; } 
.service-news .swiper-service-news .service-news-swiper-item:hover::after { background: rgba(0, 0, 0, .2); } 

.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-image { width: 100%; height: 520px; object-fit: cover; object-position: center; } 
.service-news-swiper-item-detail { position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; padding: 24px; } 
.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-title { margin-bottom: 16px; font-weight: 600; font-size: 22px; line-height: 150%; color: #fff; } 
.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-excerpt { font-size: 16px; line-height: 150%; font-weight: 400; color: #fff; margin-bottom: 24px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 0; overflow: hidden; padding-top: 0; transition: max-height .5s; } 
.service-news .swiper-service-news .service-news-swiper-item:hover .service-news-swiper-item-excerpt { max-height: 100px; } 
.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore { font-weight: 600; font-size: 16px; color: #101010; text-transform: uppercase; background: #fff; width: 150px; height: 50px; display: flex; align-items: center; justify-content: center; position: relative; transition: all .4s ease; } 
.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore i { font-size: 14px; position: relative; top: 2px; opacity: 0; transition: .1s; margin-left: 5px; } 
.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore span { transform: translateX(5px); transition: all .4s ease; } 
.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore:hover span { transform: translateX(0px); transition: all .4s ease; } 

.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore:hover i { opacity: 1; transition: .5s; transition-delay: .2s; } 
.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore:hover { transition: all .4s ease; background: #d8d8d8; } 


.service-news .swiper-service-news .button-prev-service-news::after { content: ""; } 
.service-news .swiper-service-news .button-next-service-news::after { content: ""; } 


.box-pagination-navigation { position: absolute; bottom: -80px; display: flex; align-items: center; justify-content: center; width: 100%; height: 64px; } 
.box-pagination-navigation .pagination-service-news { position: relative; bottom: unset; top: unset; left: unset; right: unset; height: 40px; display: flex; align-items: center; color: #101010; font-size: 16px; font-style: normal; line-height: 150%; font-weight: 400; width: auto; gap: 10px; visibility: hidden} 
.box-pagination-navigation .button-prev-service-news { position: relative; left: unset; right: unset; width: 40px; height: 40px; display: flex !important; justify-content: center; align-items: center; border: 0.5px solid #3A3A3A; margin: 0 64px 0 0; border-radius: 50%; opacity: 1 !important; bottom: unset; top: unset; cursor: pointer; } 
.box-pagination-navigation .button-next-service-news { position: relative; left: unset; right: unset; width: 40px; height: 40px; display: flex !important; justify-content: center; align-items: center; border: 0.5px solid #3A3A3A; margin: 0 0 0 64px; border-radius: 50%; opacity: 1; bottom: unset; top: unset; cursor: pointer; } 
.box-pagination-navigation .button-next-service-news:hover,.box-pagination-navigation .button-prev-service-news:hover { border-color: var(--primary-color); } 
.box-pagination-navigation .button-next-service-news:hover svg path,.box-pagination-navigation .button-prev-service-news:hover svg path { fill:var(--primary-color); } 


/* <!-- Section Technology --> */
.home-page-container .section-technology { width: 100%; max-width: 1230px; margin: 0 auto; padding: 150px 15px 0 15px; } 
.section-technology .section-technology-title { font-weight: 700; font-size: 26px; line-height: 150%; color: #101010; margin-bottom: 40px; text-align: center; } 

.section-technology .technology-tab ul { display: flex; list-style: none; justify-content: center; padding: 0; width: 100%; overflow-x: auto; margin-bottom: 0px; } 

.section-technology .technology-tab ul::-webkit-scrollbar { display: none; } 

.section-technology .technology-tab ul { -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */ } 

.section-technology .technology-tab .technology-tab-item { width: calc(100% / 5); padding-bottom: 11px; /* border-bottom: 1px solid #101010; */
 cursor: pointer; } 

.section-technology .technology-tab .technology-tab-item.active { border-bottom: 4px solid #EB0A1E; } 

.section-technology .technology-tab .technology-tab-item:hover { border-bottom: 4px solid #EB0A1E; } 

.section-technology .technology-tab .technology-tab-item .technology-tab-name { font-size: 18px; line-height: 120%; color: #000000; width: 100%; display: inline-flex; justify-content: center; text-decoration: none; margin-bottom: 0; } 

.section-technology .technology-tab .technology-tab-item.active .technology-tab-name { font-weight: bold; } 

.section-technology .technology-tab .technology-tab-item:hover .technology-tab-name { font-weight: bold; } 

.section-technology .technology-tab .divider-bottom-technology-tab { height: 1px; background-color: #101010; margin-top: -4px; } 
.section-technology .technology-tab .technology-container { margin-top: 40px; position: relative; } 
.technology-item-large { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 24px; } 
.technology-item-large .tech-large-img { width: 50%; height: 350px; position: relative; } 
.technology-item-large .tech-large-img :where(a, img) { width: 100%; object-fit: cover; height: 100%; } 
.technology-item-large .tech-large-img img { transition: transform 0.5s ease; overflow: hidden; } 
.technology-item-large .tech-large-img:hover img { transform: scale(1.02); } 
.technology-item-large .tech-large-content { width: 50%; background: #3A3A3A; padding: 24px; display: flex; justify-content: center; flex-direction: column; height: 350px; } 
.technology-item-large .tech-large-content .tech-title { font-size: 22px; font-style: normal; font-weight: 600; line-height: 150%; margin-bottom: 16px; } 
.technology-item-large .tech-large-content .tech-title a { color: #FFF; position: relative; } 
.technology-item-large .tech-large-content .tech-title a::before { content: ""; position: absolute; width: 100%; height: 1px; background: currentColor; top: 100%; left: 0; pointer-events: none; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } 
.technology-item-large .tech-large-content .tech-title a:hover:before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } 

.technology-item-large .tech-large-content .tech-desc { color: #FFF; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 40px; } 
.technology-item-large .tech-large-content .button-view-more { font-weight: 600; font-size: 16px; color: #101010; text-transform: uppercase; background: #fff; width: 129px; height: 54px; display: flex; align-items: center; justify-content: center; position: relative; transition: all .4s ease; border: 1px solid #fff; } 
.technology-item-large .tech-large-content .button-view-more:hover { background: transparent; transition: all .4s ease; color: #fff; } 
.technology-list-small { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 24px } 
.technology-list-small .tech-small-img { height: 236px; position: relative; } 
.technology-list-small .tech-small-img :where(a, img) { width: 100%; object-fit: cover; height: 100%; } 
.technology-list-small .tech-small-img img { transition: transform 0.5s ease; overflow: hidden; } 
.technology-list-small .tech-small-img:hover img { transform: scale(1.02); } 
.technology-list-small .tech-small-title { margin-top: 16px; margin-bottom: 0; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } 
.technology-list-small .tech-small-title a { color: #101010; } 
.technology-list-small .tech-small-title a:hover { color: var(--primary-color); } 

.pop-up-show { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: none; justify-content: center; align-items: center; } 
.pop-up-show.active { display: flex; } 
.pop-up-item { position: relative; width: 80%; max-width: 900px; aspect-ratio: 16/9; background: #000; box-shadow: 0 0 20px rgba(255,255,255,0.2); } 
.close-popup { position: absolute; top: 20px; right: 20px; color: #fff; font-size: 40px; cursor: pointer; z-index: 10000; } 

.section-technology .bg-icon_play_technology { background: transparent; display: none; visibility: hidden; } 


.section-technology .technology-tab .icon-scroll { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; background-color: #FFFFFF; } 

.section-technology .technology-tab .icon-scroll.scroll-prev { position: absolute; left: -8px; transform: matrix(-1, 0, 0, 1, 0, 0); } 

.section-technology .technology-tab .icon-scroll.scroll-next { position: absolute; right: -8px; } 

.section-technology .technology-slider { position: relative; margin-top: 40px; } 

.section-technology .technology-slider .swiper-technology { position: unset; } 

.section-technology .technology-slider .pop-up-show { opacity: 0; height: 0px; position: fixed; width: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 10001; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; } 

.section-technology .technology-slider .pop-up-show.active { opacity: 1; height: 100%; } 

.section-technology .technology-slider .pop-up-show .pop-up-item { width: 100%; max-width: 980px; height: 100%; max-height: 580px; background-color: #000000; margin: 0 auto; } 

.section-technology .technology-slider .pop-up-show .pop-up-item .show-item { display: none; } 

.section-technology .technology-slider .pop-up-show .pop-up-item .show-item img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 

.section-technology .technology-slider .pop-up-show .pop-up-item .show-item.active { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item { display: flex; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box { display: flex; flex-direction: column; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box img { display: block; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(1) { margin-right: 16px; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(1) img, .section-technology .technology-slider .swiper-technology .swiper-technology-item .swiper-technology-item-box:nth-child(3) img { width: 474px; height: 264px; object-fit: cover; object-position: center; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(3) { margin-left: 16px; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) img { width: 220px; height: 124px; object-fit: cover; object-position: center; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) img:first-child { margin-bottom: 16px; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) .image-popup .icon-play { width: 50px !important; height: 50px !important; top: -16px; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-3 { margin-left: -16px; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-3 .swiper-technology-item-box { width: calc(100% / 3); margin-left: 16px; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-3 .swiper-technology-item-box img { width: 100%; height: 264px; object-fit: cover; object-position: center; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-2 { margin-left: -16px; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-2 .swiper-technology-item-box { width: calc(100% / 2); margin-left: 16px; } 

.section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-2 .swiper-technology-item-box img { width: 100%; height: 100%; max-height: 264px; object-fit: cover; object-position: center; } 

.section-technology .technology-slider .swiper-technology .button-prev-technology { background: rgba(255, 255, 255, 0.5); border: 1px solid #1A1A1A; box-sizing: border-box; transform: matrix(1, 0, 0, 1, 0, 0); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; left: calc(-40px - 24px); } 

.section-technology .technology-slider .swiper-technology .button-prev-technology::after { content: ""; } 

.section-technology .technology-slider .swiper-technology .button-next-technology { background: rgba(255, 255, 255, 0.5); border: 1px solid #1A1A1A; box-sizing: border-box; transform: matrix(-1, 0, 0, 1, 0, 0); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; right: calc(-40px - 24px); } 

.section-technology .technology-slider .swiper-technology .button-next-technology::after { content: ""; } 

.section-technology .technology-slider .swiper-technology .pagination-technology { bottom: -64px; } 

.section-technology .technology-slider .swiper-technology .pagination-technology .swiper-pagination-bullet { margin: 0; width: 20px; height: 2px; background: #CCCCCC; border-radius: unset; } 

.section-technology .technology-slider .swiper-technology .pagination-technology .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 5px; background: #EB0A1E; } 

.image-popup { position: relative; width: 100%; cursor: pointer; } 

.image-popup .icon-play { width: auto !important; height: auto !important; position: absolute; z-index: 1; top: 0; right: 0; left: 0; margin: auto; bottom: 0; display: block; } 
/* <!-- Section View more --> */
.box-view-more { display: flex; justify-content: center; } 

.box-view-more .button-view-more { font-weight: 600; font-size: 12px; line-height: 17px; color: #1A1A1A; display: inline-block; padding: 15px 20px; border: 1px solid #1A1A1A; margin: auto; margin-top: 100px; text-decoration: none; } 

.box-view-more .button-view-more.top-40 { margin-top: 40px; margin-bottom: 89px; } 

/* <!-- Section News & Promote --> */
.home-page-container .section-news-promote { max-width: 1230px; margin: 0 auto; padding: 100px 15px; position: relative; } 
.section-news-promote .section-news-promote-title { font-weight: 700; font-size:26px; line-height: 150%; color: #101010; margin-bottom: 40px; text-align: center; } 
.section-news-promote .news-promote-tab .icon-scroll { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; background-color: #FFFFFF; } 
.section-news-promote .news-promote-tab .icon-scroll.scroll-prev { position: absolute; left: -8px; transform: matrix(-1, 0, 0, 1, 0, 0); } 
.section-news-promote .news-promote-tab .icon-scroll.scroll-next { position: absolute; right: -8px; } 
.section-news-promote .news-promote-tab ul { display: flex; list-style: none; justify-content: center; padding: 0; width: 100%; overflow-x: auto; margin-bottom: 0; position: relative; } 
.section-news-promote .news-promote-tab ul::-webkit-scrollbar { display: none; } 
.section-news-promote .news-promote-tab ul { -ms-overflow-style: none; scrollbar-width: none; } 
.section-news-promote .news-promote-tab .news-promote-tab-item { padding: 16px 10px 16px 10px; cursor: pointer; width: calc(100% / 5); } 
.section-news-promote .news-promote-tab .news-promote-tab-item.active { border-bottom: 4px solid #EB0A1E; } 
.section-news-promote .news-promote-tab .news-promote-tab-item:hover { border-bottom: 4px solid #EB0A1E; } 
.section-news-promote .news-promote-tab .news-promote-tab-item .promotion-tab-name { font-size: 20px; line-height: 150%; color: #3A3A3A; width: 100%; display: inline-flex; justify-content: center; text-decoration: none; margin-bottom: 0; font-weight: 400; } 
.section-news-promote .news-promote-tab .news-promote-tab-item.active .promotion-tab-name,.section-news-promote .news-promote-tab .news-promote-tab-item:hover .promotion-tab-name { font-weight: 600; color: #101010; } 

.home-page-container .section-news-promote .box-view-more a { margin: 0 auto; margin-top: 40px; border-color:#101010; padding: 12px 32px; color: #101010; font-size: 14px; font-style: normal; font-weight: 600; line-height: 150%; transition: background 0.2s, color 0.2s; } 
.home-page-container .section-news-promote .box-view-more a:hover { background: #101010; color: #fff; } 




/* <!-- Section Form Contact --> */
.section-form-contact { background: #F5F5F5; position: relative; padding: 24px 0; } 
.box-section-form-Contact { max-width: 1094px; padding: 0 16px; margin: 0 auto; } 
.section-form-contact .form-contact-title { font-size: 26px; font-style: normal; font-weight: 700; line-height: 150%; color: #101010; margin-bottom: 15px; text-align: center; } 
.section-form-contact .form-contact-infomation { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } 
.section-form-contact .form-contact-infomation .contact-items { display: grid; grid-template-columns: repeat(2, 1fr); width: 68.75%; text-align: center; } 
.section-form-contact .form-contact-infomation .contact-items .contact-item { display: flex; justify-content: center; align-items: center; position: relative; } 
.section-form-contact .form-contact-infomation .contact-items .contact-item::before { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background: #3A3A3A; pointer-events: none; transform: translateY(-50%); } 
.section-form-contact .form-contact-infomation .contact-items .contact-item:last-child::before { display: none; } 
.section-form-contact .form-contact-infomation .contact-items .contact-item a { color: #101010; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } 
.section-form-contact .form-contact-infomation .contact-items .contact-item a:hover { color: #EB0A1E; } 
.section-form-contact .form-contact-infomation .contact-items .contact-item svg { margin-right: 16px; } 

.section-form-contact .form-contact-infomation .social-icons { width: calc(100% - 68.75% - 40px); position: relative; display: flex; align-items: center; justify-content: space-between; } 
.section-form-contact .form-contact-infomation .social-icons { width: 100%; position: relative; display: flex; align-items: center; justify-content: end; gap: 10px; } 
.section-form-contact .form-contact-infomation .social-icons a { border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #101010; width: 32px; height: 32px; } 
.social-icons .bg-social-icons_facebook { background: url('../../../Images/home-page/cta/fb.png') center/contain no-repeat; width: 32px; height: 32px; } 
.social-icons .bg-social-icons_youtube { background: url('../../../Images/home-page/cta/yt.png') center/contain no-repeat; width: 32px; height: 32px; } 
.social-icons .bg-social-icons_instagram { background: url('../../../Images/home-page/cta/ins.png') center/contain no-repeat; width: 32px; height: 32px; } 
.social-icons .bg-social-icons_tiktok { background: url('../../../Images/home-page/cta/tiktok.png') center/contain no-repeat; width: 32px; height: 32px; } 
.social-icons .bg-social-icons_zalo { background: url('../../../Images/home-page/cta/zl.png') center/contain no-repeat; width: 32px; height: 32px; } 
.social-icons .bg-social-icons_chat { background: url('../../../Images/home-page/cta/chat.png') center/contain no-repeat; width: 32px; height: 32px; } 


.section-form-contact .form-divider { width: 100%; max-width: 409px; height: 2px; background-color: #EB0A1E; margin: 0 auto; margin-bottom: 22px; } 

.section-form-contact .form-contact { background: #FFF; box-shadow: 0 4px 20px 5px rgba(0, 0, 0, 0.05); padding:24px 65px; } 
.section-form-contact .form-contact .form-contact-title { color: #101010; text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: 150%; max-width: 580px; margin: 0 auto; margin-bottom: 15px; } 
.section-form-contact .form-contact .label-title { font-weight: bold; font-size: 18px; line-height: 150%; color: #1A1A1A; margin-bottom: 16px; } 

.test-driven-input-group { margin-bottom: 15px; } 

.test-driven-input-group .test-driven-input-label { font-weight: 600; font-size: 16px; line-height: 150%; font-style: normal; color: #101010; margin-bottom: 10px; display: block; } 
.test-driven-input-group .test-driven-text-input { width: 100%; padding: 6.5px 8px 8px 8px; outline: none; border: 1px solid #D9D9D9; background: #fff; border-radius: 8px; } 

.test-driven-input-group .test-driven-select-input-container { width: 100%; position: relative; } 

.form-contact .test-driven-input-group .test-driven-select-input-container .test-driven-select-input { width: 100%; position: relative; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; } 
.form-contact .selection .select2-selection.select2-selection--single { position: relative; padding: 4px 8px 6px 8px !important; height: 40px !important; outline: none; background: #fff !important; border: 1px solid #D9D9D9 !important; border-radius: 8px !important; } 
.form-contact .select2-container .select2-selection--single .select2-selection__rendered { height: 100%; } 
.select2-container--default, .select2-container--default .select2-selection--single { background-color: transparent !important; } 
.select2-container--default, .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; color: #D9D9D9 !important; height: 100%; } 

span.select2-selection.select2-selection--single { outline: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; } 

.select2-container--default, .select2-container--default .select2-selection--single { background-color: transparent !important; } 

#car-model-id, #car-model-name, #distric-id, #distric-name, #grade-id, #grade-name, #city-name, #city-id, #province-id, #province-name, #agency-id, #agency-name, #checkbox-1, #checkbox-2, #checkbox-3, #date-expected { display: none; } 

.test-driven-input-group .test-driven-select-input-container::after { content: "\f078"; font-family: "Font Awesome 5 Free"; color: #cccccc; right: 16px; position: absolute; pointer-events: none; font-weight: 900; top: 50%; transform: translateY(-50%); } 

.flex-input-group { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; } 

.flex-input-group .test-driven-input-group { width: calc(100% / 2 - 12px); margin-bottom: 0; } 

.input-area { width: 100%; border: none; outline: none; border: 1px solid #cccccc; } 
::-webkit-input-placeholder { color: #CCCCCC; } 
:-ms-input-placeholder { color: #CCCCCC; } 
::placeholder { color: #CCCCCC; } 
.select2-container--default .select2-selection--single .select2-selection__placeholder { display: flex; align-items: center; padding-bottom: 2px; } 

.test-driven-input-group.input-area-group { margin-bottom: 15px; } 
.test-driven-input-group.input-area-group .input-area { padding: 12px 8px; color: #D9D9D9; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; border-radius: 8px; border: 1px solid #D9D9D9; } 
.test-driven-input-group.input-area-group .input-area::placeholder { color: #D9D9D9; font-size: 16px; } 
.form-contact .required-checkbox-group { display: flex; } 
.form-contact .required-checkbox-group.required-checkbox-group-1 { margin-bottom: 5px; } 
.form-contact .required-checkbox-group .required-insurance-checkbox-label { margin-bottom: 0; color: #101010; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } 
.form-contact .required-checkbox-group .required-insurance-checkbox-label a { color: #007BFF; font-weight: 600; } 
.required-checkbox-input { width: 16px; height: 16px; transform: translateY(4px); margin-right: 8px; accent-color: #EB0A1E; } 
.button-submit-contact { margin-top:20px; } 
.button-submit-contact { display: flex; justify-content: center; align-items: center; position: relative; } 
.button-submit-contact input { width: 120px; height: 40px !important; } 
.button-submit-custom { border: 1px solid #D9D9D9; outline: none; background-color: #ffffff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 150%; color: #D9D9D9; cursor: pointer; transition: 1s all; } 
/* .button-submit-custom:hover { color: #101010; border-color: #101010; transition: 1s all; } */
.button-submit-custom:not(:disabled) { color: #101010; border-color: #101010; transition: 1s all; } 




.selected { display: none; } 
.selected.active { display: flex; } 
.test-driven-input-group.model-car-interest { width: calc(50% - 12px); flex-direction: column; } 
.test-driven-input-group.model-car-interest .test-driven-input-group { width: 100%; } 
.test-driven-input-group.model-car-interest .test-driven-car-model-image-container { margin-bottom: 15px !important; } 
.select2-search.select2-search--dropdown { /* display: none; */ } 

.loading-spinner { position: absolute; display: none; } 

.loading-spinner.active { display: block; } 

.test-driven-car-model-image-container { width: 100%; max-height: 0px; transition: all 0.5s ease-in-out; overflow: hidden; overflow: -moz-hidden-unscrollable; } 

.test-driven-car-model-image-container .test-driven-car-model-image-title { font-weight: bold; font-size: 24px; line-height: 150%; color: #1a1a1a; } 

.test-driven-car-model-image-container .test-driven-car-model-image { height: 200px; width: 100%; -o-object-fit: contain; object-fit: contain; } 

input[type="number"] { -moz-appearance: textfield; } 

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 

.modal-popup-contact { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } 

.modal__overlay-nofi, .modal__overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } 

.modal__body-notification { background-color: #fff; margin: auto; position: relative; z-index: 1; width: 800px; /* height: 300px; */ } 

.close-form-notification, .close-form { border: 1px solid #CCCCCC; position: absolute; right: 4px; top: 4px; color: #CCCCCC; font-size: 26px; line-height: 26px; padding: 4px 10px; cursor: pointer; } 

.modal__inner { padding: 36px 80px 53px 80px; } 

.modal-form-success { /* text-align: center; */ } 

.modal-notification-title { font-weight: bold; font-size: 18px; line-height: 120%; color: #1A1A1A; margin: 0; padding-bottom: 16px; border-bottom: 1px solid #EB0A1E; } 

.modal-notification-description { font-weight: bold; font-size: 18px; line-height: 150%; text-align: center; color: #EB0A1E; margin: 0; margin-top: 40px; } 

/* <!-- Responsive --> */
@media(max-width:1366px){
 .service-news .swiper-service-news .button-prev-service-news,.service-news .swiper-service-news .button-next-service-news,.discovery-vehicles-box-slider .swiper-discovery-vehicles .button-prev-discovery-vehicles,.discovery-vehicles-box-slider .swiper-discovery-vehicles .button-next-discovery-vehicles { display: none; } 
 .section-news-promote .news-promote-tab .icon-scroll.scroll-prev,.section-news-promote .news-promote-tab .icon-scroll.scroll-next,.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .icon-scroll.scroll-next,.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .icon-scroll.scroll-prev,.section-service .service-tab .icon-scroll.scroll-next,.section-service .service-tab .icon-scroll.scroll-prev,.section-technology .technology-tab .icon-scroll.scroll-next,.section-technology .technology-tab .icon-scroll.scroll-prev,.section-technology .technology-tab .icon-scroll.scroll-prev,.section-technology .technology-tab .icon-scroll.scroll-next { display: none; } 
 }
@media(max-width:1200px){
 .section-form-contact .form-contact-infomation { flex-wrap: wrap; } 
 .section-form-contact .form-contact-infomation .contact-items { width: 50%; } 
 .section-form-contact .form-contact-infomation .social-icons { width: calc(50% - 30px); } 
 }
 
/* <!-- Responsive --> */
@media(min-width:1080px){
 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .icon-scroll { display: none; } 

 .section-technology .technology-tab .icon-scroll { display: none; } 
 
 .section-news-promote .news-promote-tab .icon-scroll { display: none; } 

 .section-service .service-tab .icon-scroll { display: none; } 
 }

@media(max-width: 1080px){
 .technology-item-large .tech-large-content .button-view-more { height: 46px; width: 140px; } 
.technology-item-large .tech-large-content .tech-desc { margin-bottom: 30px; } 



 .test-driven-input-group.model-car-interest { width: 100%; } 

 .home-page-container { margin-top: 60px; } 
 /* <!-- Section Slider main container --> */
 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-prev.button-prev-slider-banner { left: 16px; } 

 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-button-next.button-next-slider-banner { right: 16px; } 

 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner { left: 0; width: 100%; justify-content: flex-end; padding-top: 60px; padding-bottom: 29px; align-items: center; } 

 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner p:nth-child(1) { font-weight: 600; font-size: 36px; line-height: 120%; color: #FFFFFF; margin-bottom: 16px; text-align: center; } 

 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner p:nth-child(2) { font-weight: bold; font-size: 48px; line-height: 120%; color: #FFFFFF; margin: 0; text-align: center; position: absolute; top: 120px; } 

 .swiper-slider-banner .swiper-slide img { width: 100%; /* height: 100%; object-fit: cover; object-position: center; */ } 

 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action { position: relative; bottom: auto; left: auto; justify-content: center; } 

 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item { padding: 8px 20px; } 
 /* <!-- Section Slider discovery vehicles --> */
 .discovery-vehicles-box-slider .swiper-discovery-vehicles .button-next-discovery-vehicles, .discovery-vehicles-box-slider .swiper-discovery-vehicles .button-prev-discovery-vehicles { display: none; } 

 .home-page-container .section-discovery-vehicles { padding-top: 100px;  background: #e9e9e9} 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container { padding: 0 16px; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-title { font-weight: 700; font-size: 26px; line-height: 120%; letter-spacing: 0.02em; color: #1A1A1A; margin-bottom: 40px; text-transform: uppercase; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab ul { justify-content: unset; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab { padding: 0 16px; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item { padding-left: 0px; padding-right: 0px; padding-bottom: 8px; border-bottom: none; margin-right: 24px; cursor: pointer; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item:last-child { margin-right: 0; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item.active { border-bottom: 3px solid #EB0A1E; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item:first-child { } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item.active { } 


 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item .discovery-vehicles-tab-icon { width: 18px; height: 18px; min-height: 6px; min-width: 6px; margin-left: 4px; margin-right: 6px; align-self: center; }
 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item .car-model { white-space: nowrap; font-size: 16px; line-height: 120%; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab ul { margin-bottom: 0; /* border-bottom: 1px solid #101010; */ } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider { margin-top: 40px; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-wrapper .swiper-slide.swiper-slide-active { /* width: 285px !important; */ } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item { max-width: 264px; margin: 0 auto; padding: 0; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .name-car { font-weight: bold; font-size: 16px; line-height: 23px; color: #101010; margin-bottom: 4px; margin-top: 0px; } 


 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .price-car span:nth-child(2) { font-weight: bold; font-size: 24px; line-height: 34px; color: #3A3A3A; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .price-car { margin-bottom: 0; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item .note-car span { padding: 0 8px; } 

 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .divider-bottom-discovery-vehicles { margin-top: -3px; } 
 /* <!-- Section CTA --> */
 .home-page-container .section-cta { padding: 70px 16px; } 
 .section-cta .cta-box .cta-item:nth-child(even)::before { display: none; } 
 .section-cta .cta-box .cta-item { padding: 30px 15px; } 

 .section-cta .cta-box { display: grid; grid-template-columns: repeat(2, 1fr); max-width: 100%; } 

 .section-cta .cta-box .cta-item a { width: 100%; text-align: center; } 

 .section-cta .cta-box .cta-item .cta-item-image { width: 40px; height: 40px; object-fit: cover; object-position: center; } 

 .section-cta .cta-box .cta-item span[class*="fa"] { font-size: 40px; color: #EB0A1E; display: inline-block; line-height: 1; } 

 .section-cta .cta-box .cta-item .cta-item-text { text-align: center; word-wrap: break-word; max-width: 100%; } 
 /* <!-- Section Service --> */
 .service-news .swiper-service-news .button-next-service-news, .service-news .swiper-service-news .button-prev-service-news { display: none; } 
 
 .home-page-container .section-service { padding: 0 16px; } 

 .section-service .section-service-title { font-weight: bold; font-size: 26px; line-height: 46px; color: #101010; margin-bottom: 40px; } 

 .section-service .service-tab { position: relative; /* margin-top: 40px; */
 padding: 0 16px; } 

 .section-service .service-tab ul { margin-bottom: 0; justify-content: center; /* border-bottom: 1px solid #101010; */ } 

 .section-service .service-tab ul li { width: unset; } 

 .section-service .service-tab .service-tab-item .service-tab-name { white-space: nowrap; font-size: 16px; line-height: 120%; color: #000000; } 

 .section-service .service-tab .service-tab-item { border-bottom: none; margin-right: 22px; } 

 .section-service .service-tab .service-tab-item:last-child { margin-right: 0; } 

 .section-service .service-tab .service-tab-item.active { padding-left: 0; padding-right: 0; border-bottom: 3px solid #EB0A1E; } 

 .service-news .swiper-service-news .swiper-wrapper .swiper-slide.swiper-slide-active { } 

 .service-news .swiper-service-news .swiper-wrapper .swiper-slide:last-child.swiper-slide-active { width: inherit !important; } 

 /* .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-box { max-width: 256px; margin: 0 auto; } */

 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-image { height: 400px; object-fit: cover; object-position: center; } 
 .service-news-swiper-item-detail { padding: 20px; } 
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-title { font-size: 18px; line-height: 20px; } 
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-excerpt { line-height: 20px; } 
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore { height: 46px; width: 140px; } 

 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } 

 .section-service .service-tab .divider-bottom-service-tab { margin-top: -3px; } 

 .section-service .service-news { margin-top: 20px; } 
 /* <!-- Section Technology --> */
 .section-technology .technology-slider .swiper-technology .button-next-technology, .section-technology .technology-slider .swiper-technology .button-prev-technology { display: none; } 


 .section-technology .section-technology-title { font-weight: bold; font-size: 26px; line-height: 120%; color: #1A1A1A; margin-bottom: 40px; } 



 .section-technology .technology-tab ul { margin-bottom: 0; justify-content: center; /* border-bottom: 1px solid #101010; */ } 

 .section-technology .technology-tab .technology-tab-item { width: unset; border-bottom: none; margin-right: 40px; padding-bottom: 9px; } 

 .section-technology .technology-tab .technology-tab-item.active { border-bottom: 3px solid #EB0A1E; } 

 .section-technology .technology-tab .technology-tab-item:last-child { margin-right: 0; } 

 .section-technology .technology-tab .technology-tab-item .technology-tab-name { white-space: nowrap; font-size: 16px; line-height: 120%; color: #000000; } 



 .section-technology .technology-slider .swiper-technology .swiper-technology-item { flex-direction: column; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(1) { margin-right: 0; margin-bottom: 9px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(1) a { width: 100%; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(1) a img { width: 100%; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box { flex-direction: row; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) img:first-child { margin-bottom: 0; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) { margin-bottom: 8px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) a { display: inline-block; width: 50%; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) a:nth-child(1) { margin-right: 4px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) a:nth-child(2) { margin-left: 4px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) img { /* width: calc(50% - 4px); */
 width: 100%; height: 105px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) img:nth-child(1) { margin-right: 4px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) img:nth-child(2) { margin-left: 4px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) { margin-left: 0; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) > * { width: calc((100% / 2) - 4px) !important; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) .image-popup { margin-left: 0; /* margin-right: 4px; */ } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) .image-popup:not(img) { margin-right: 4px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(2) .image-popup .icon-play { top: calc(50% - 25px); margin: 0 auto; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(3) { margin-left: 0; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(3) a { width: 100%; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box:nth-child(3) a img { width: 100%; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-4 .swiper-technology-item-box img { max-height: 215px; max-width: 100%; object-fit: cover; object-position: center; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-3 { margin-left: 0; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-3 .swiper-technology-item-box { width: 100%; margin-left: 0; margin-bottom: 8px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-3 .swiper-technology-item-box img { width: 100%; max-height: 178px; object-fit: cover; object-position: center; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-3 .swiper-technology-item-box:last-child { margin: 0; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-2 { margin: 0; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-2 .swiper-technology-item-box { width: calc(100%); margin-left: 0; margin-bottom: 8px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-2 .swiper-technology-item-box img { height: 272px; max-height: 272px; } 

 .section-technology .technology-slider .swiper-technology .swiper-technology-item.layout-2 .swiper-technology-item-box:last-child { margin: 0; } 

 .section-technology .technology-tab .divider-bottom-technology-tab { height: 1px; background-color: #101010; margin-top: -3px; } 

 .section-technology .technology-slider .pop-up-show { padding: 0 16px; } 

 .section-technology .technology-slider .pop-up-show .pop-up-item { width: 100%; height: auto; } 

 .show-item iframe { height: 280px; } 
 /* <!-- Section View more --> */

 /* <!-- Section News & Promote --> */
 .section-news-promote .news-promote-post.row { margin: 0; margin-top: 40px; } 
 .home-page-container .section-news-promote { padding: 70px 15px; } 
 .section-news-promote .section-news-promote-title { margin-bottom: 30px; } 
 .section-news-promote .news-promote-tab ul { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
 .section-news-promote .news-promote-tab .news-promote-tab-item { padding: 8px 15px 8px 15px; width: auto; } 
 .section-news-promote .news-promote-post { grid-gap: 15px; } 
 .section-news-promote .news-promote-tab .news-promote-tab-item.active, .section-news-promote .news-promote-tab .news-promote-tab-item:hover { border-width: 3px; } 
.section-news-promote .news-promote-tab .news-promote-tab-item .promotion-tab-name { text-align: center; } 
 .section-news-promote .news-promote-tab .news-promote-tab-item:last-child { margin-right: 0; } 

 .section-news-promote .news-promote-tab .news-promote-tab-item .promotion-tab-name { font-size: 16px; } 

 .section-news-promote .news-promote-tab { position: relative; margin-bottom: 30px; } 

 .section-news-promote .news-promote-post .news-promote-post-large { padding: 0; } 

 .section-news-promote .news-promote-post .news-promote-post-small { padding: 0; } 

 .section-news-promote .news-promote-post .news-promote-post-large .news-promote-post-large-container .news-promote-post-large-content { padding: 16px 8px 24px 8px; } 

 .section-news-promote .news-promote-post .news-promote-post-large .news-promote-post-large-container .news-promote-post-large-content .large-content-title { font-weight: 600; font-size: 14px; line-height: 120%; color: #101010; margin-bottom: 16px; } 

 .section-news-promote .news-promote-post .news-promote-post-large .news-promote-post-large-container img { height: 278px; } 

 .section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item .news-promote-post-small-content { padding: 16px 8px 24px 8px; } 

 .section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item .news-promote-post-small-content .small-content-title { margin-bottom: 16px; font-weight: 600; font-size: 14px; line-height: 120%; color: #101010; } 

 .section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item .news-promote-post-small-content .small-content-exceprt { font-size: 12px; line-height: 150%; color: #101010; -webkit-line-clamp: 2; } 

 .section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item { margin-bottom: 0; } 

 .section-news-promote .news-promote-tab .divider-bottom-news-promote-tab { margin-top: -3px; } 
 /* <!-- Section Form Contact --> */
 .section-form-contact { width: 100%; max-width: 1064px; margin: 0 auto; padding: 24px 0px; border: none; } 
 .flex-input-group { margin: 0; flex-direction: column; } 
 .flex-input-group .test-driven-input-group { width: 100%; margin-left: 0; margin-bottom: 15px; } 
 .modal { z-index: 10001; } 
 .modal__inner { padding: 0; } 
 .modal__body-notification { height: 100%; } 
 .close-form-notification, .close-form { border: none; color: #000000; font-size: 35px; line-height: 32px; right: 21px; top: 10px; padding: 0; } 
 .modal-notification-title { font-weight: 600; font-size: 16px; line-height: 120%; text-align: center; text-transform: uppercase; color: #1A1A1A; padding: 20px 0; border-bottom: 2px solid #EB0A1E; } 
 .modal-notification-description { height: calc(80vh); display: flex; justify-content: center; align-items: center; padding: 0 16px; } 
 }
@media(max-width: 991px){
 .section-form-contact .form-contact { padding: 24px 50px; } 
 .home-page-container .section-news-promote { padding: 50px 15px; } 
 .technology-item-large .tech-large-img,.technology-item-large .tech-large-content { width: 100%; height: auto; } 
 .technology-item-large { margin-bottom: 15px; } 
 .technology-list-small { grid-gap: 15px; } 
 .technology-list-small .tech-small-title { margin-top: 10px; } 
 .technology-list-small .tech-small-img { height: 160px; } 
 }
@media(max-width: 912px){
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-image { height: 500px; } 
 }
@media(max-width: 767px){
 .section-news-promote .news-promote-tab ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } 
 .section-news-promote .news-promote-post-content { padding: 10px; } 
 .section-form-contact .form-contact-infomation .contact-items { gap: 10px; } 
 .section-news-promote .news-promote-post-content .content-title { font-size: 14px; line-height: 20px; } 
 .section-news-promote .news-promote-post { grid-template-columns: repeat(2, 1fr); } 
 .section-form-contact .form-contact-infomation .contact-items .contact-item svg { margin-right: 5px; width: 20px; } 
 .section-form-contact .form-contact { padding: 24px 40px; } 
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-excerpt { max-height: 100%; } 
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-title { margin-bottom: 15px; margin-bottom: 15px; } 
 /* Discovery vehicles mobile: ảnh trái, text phải - giống ảnh tham khảo SUV */
 .home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-slider .swiper-discovery-vehicles .swiper-discovery-vehicles-item { max-width: unset; margin: 0; padding: 0 0 0px; } 
 .home-page-container .section-discovery-vehicles .discovery-vehicles-box-slider .discovery-vehicles-grid .swiper-discovery-vehicles-item a { display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto auto auto; gap: 8px 16px; align-items: start; } 
 .home-page-container .section-discovery-vehicles .discovery-vehicles-box-slider .discovery-vehicles-grid .swiper-discovery-vehicles-item .box-image { grid-column: 1; grid-row: 1 / -1; align-self: stretch; min-height: 100px; min-width: 0; display: flex; align-items: center; justify-content: center; } 
 .home-page-container .section-discovery-vehicles .discovery-vehicles-box-slider .discovery-vehicles-grid .swiper-discovery-vehicles-item .image-car { width: 100%; height: 100px; object-fit: contain; } 
 .home-page-container .section-discovery-vehicles .discovery-vehicles-box-slider .discovery-vehicles-grid .swiper-discovery-vehicles-item .top-content { grid-column: 2; grid-row: 1; justify-content: space-between; text-align: left; margin-bottom: 0; flex-wrap: wrap; gap: 6px; min-height: 20px; } 
 .home-page-container .section-discovery-vehicles .discovery-vehicles-box-slider .discovery-vehicles-grid .swiper-discovery-vehicles-item .name-car { grid-column: 2; grid-row: 2; text-align: left; margin: 0; font-size: 18px; font-weight: 700; line-height: 1.3; align-self: center; color: #101010; } 
 .home-page-container .section-discovery-vehicles .discovery-vehicles-box-slider .discovery-vehicles-grid .swiper-discovery-vehicles-item .price-car { grid-column: 2; grid-row: 3; text-align: left; margin: 0; font-size: 13px; color: #3A3A3A; } 
 }
@media(max-width: 600px){
 .section-cta .cta-box .cta-item .cta-item-text { font-size: 16px; line-height: 24px; margin-top: 10px; } 
 .section-cta .cta-box .cta-item { padding: 20px 5px; } 
 .section-cta .cta-box .cta-item::before { height: 80%; } 
 .section-form-contact .form-contact { padding: 24px 30px; } 
 .section-form-contact .form-contact-infomation .contact-items,.section-form-contact .form-contact-infomation .social-icons { width: 100%; justify-content: center; } 
 .section-form-contact .form-contact-infomation .contact-items { max-width: 300px; margin: 0 auto; } 
 .section-form-contact .form-contact-infomation .social-icons { margin-top: 10px; } 
 .box-pagination-navigation .button-prev-service-news { margin: 0 30px 0 0; } 
 .box-pagination-navigation .button-next-service-news { margin: 0 0 0 30px; } 
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore { font-size: 14px; width: 130px; height: 44px; } 

.technology-item-large .tech-large-content { padding: 15px; } 
.technology-item-large .tech-large-content .tech-title a { font-size: 20px; } 
.technology-item-large .tech-large-content .tech-title { margin-bottom: 10px; } 
.technology-item-large .tech-large-content .tech-desc { font-size: 14px; margin-bottom: 25px; } 
.technology-item-large .tech-large-content .button-view-more { font-size: 14px; width: 130px; height: 44px; } 
.technology-list-small .tech-small-img { height: 160px; } 
.technology-list-small .tech-small-title a { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 20px; } 
 }

@media(max-width: 480px){
 .section-news-promote .news-promote-tab .news-promote-tab-item .promotion-tab-name { font-size: 14px; } 
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-image { height: 400px; } 
 .home-page-container .section-news-promote { padding: 30px 15px; } 
 .technology-list-small { grid-gap: 10px; } 
 .technology-item-large { margin-bottom: 10px; } 
 }
@media(max-width: 400px){
 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner p:nth-child(1) { font-weight: 600; font-size: 30px; line-height: 120%; color: #FFFFFF; } 
.section-form-contact .form-contact { padding: 24px 20px; } 
 .section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .content-banner p:nth-child(2) { font-weight: bold; font-size: 40px; line-height: 120%; color: #FFFFFF; } 
 .service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore { width: 125px; height: 40px; } 

.technology-list-small { grid-template-columns: repeat(1, 1fr); } 
 }