.home-page-container {
    margin-top: 94px
}

.home-page-container .section-slider-banner {}

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

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

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

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

.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 #FFF;
    box-sizing: border-box;
    transform: matrix(1, 0, 0, 1, 0, 0);
    width: 40px;
    height: 40px;
    left: 60px
}

.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
}

.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: #FFF
}

.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 #FFF;
    box-sizing: border-box;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    width: 40px;
    height: 40px;
    right: 60px
}

.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
}

.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-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: #FFF;
    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: #FFF
}

.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 {
    margin-top: 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: #FFF;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .12em;
    color: #000;
    text-decoration: none
}

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item.active {
    background: #EB0A1E;
    color: #FFF
}

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item.active-dark {
    background: #333;
    color: #FFF
}

.section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item:nth-child(1) {
    margin-right: 20px
}

.home-page-container .section-discovery-vehicles {
    padding-top: 120px;
    padding-bottom: 60px
}

.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: bold;
    font-size: 38px;
    line-height: 120%;
    color: #1A1A1A;
    margin-bottom: 56px
}

.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: 0
}

.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;
    scrollbar-width: none
}

.home-page-container .section-discovery-vehicles .discovery-vehicles-container .discovery-vehicles-box .discovery-vehicles-box-tab .discovery-vehicles-tab-item {
    padding-bottom: 10px;
    width: 200px;
    cursor: pointer
}

.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 .car-model {
    font-size: 18px;
    line-height: 120%;
    color: #000;
    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
}

.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
}

.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;
    line-height: 14px;
    color: #3A3A3A;
    width: 88px
}

.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: 20px;
    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 .image-car {
    max-width: 100%;
    height: 105px;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    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: bold;
    font-size: 18px;
    line-height: 26px;
    color: #101010;
    margin: 0;
    margin-top: 14px;
    margin-bottom: 7px
}

.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 {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.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(1) {
    font-size: 8px;
    line-height: 11px;
    color: #3A3A3A;
    font-family: Toyota Type;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0;
    text-align: left;
    position: relative
}

.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(1) span {
    position: absolute;
    top: -8px;
    font-size: 10px
}

.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: 27px;
    line-height: 39px;
    color: #3A3A3A;
    position: relative
}

.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) span {
    font-weight: bold;
    font-size: 8px;
    line-height: 11px;
    color: #3A3A3A;
    position: absolute;
    top: 8px
}

.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 {
    margin: 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 {
    font-size: 12px;
    line-height: 120%;
    color: #1A1A1A;
    border-right: .5px solid #CCC;
    padding: 0 16px
}

.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:first-child {
    padding-left: 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:last-child {
    border: none
}

.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: #CCC;
    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 .2s, visibility .2s
}

.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
}

.home-page-container .section-cta {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    margin-top: 120px;
    margin-bottom: 120px;
    border: 1px solid #CCC;
    border-left: none;
    border-right: none;
    padding: 46px 0
}

.section-cta .cta-box {
    width: 100%;
    max-width: 728px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.section-cta .cta-box .cta-item {}

.section-cta .cta-box .cta-item a {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

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

.section-cta .cta-box .cta-item .cta-item-text {
    margin: 0;
    margin-top: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1A1A1A
}

.home-page-container .section-service {
    width: 100%;
    max-width: 1200px;
    margin: auto
}

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

.section-service .service-tab {}

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

.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;
    scrollbar-width: none
}

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

.section-service .service-tab .service-tab-item {
    padding-bottom: 11px;
    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: #000;
    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: 60px
}

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

.service-news .swiper-service-news .service-news-swiper-item {}

.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-image {
    width: 100%;
    height: 249px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 24px
}

.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-title {
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 18px;
    line-height: 115%;
    color: #1A1A1A
}

.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-excerpt {
    font-size: 16px;
    line-height: 150%;
    color: #1A1A1A;
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore {
    font-weight: 600;
    font-size: 16px;
    line-height: 115%;
    color: #EB0A1E
}

.service-news .swiper-service-news .service-news-swiper-item .service-news-swiper-item-viewmore i {
    font-size: 14px;
    margin-left: 8px
}

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

.service-news .swiper-service-news .button-prev-service-news {
    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);
    top: calc(22px+(249px / 2) - 20px)
}

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

.service-news .swiper-service-news .button-next-service-news {
    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);
    top: calc(22px+(249px / 2) - 20px)
}

.service-news .swiper-service-news .pagination-service-news {
    bottom: -64px
}

.service-news .swiper-service-news .pagination-service-news .swiper-pagination-bullet {
    margin: 0;
    width: 20px;
    height: 2px;
    background: #CCC;
    border-radius: unset
}

.service-news .swiper-service-news .pagination-service-news .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 5px;
    background: #EB0A1E
}

.home-page-container .section-technology {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 180px
}

.section-technology .section-technology-title {
    font-weight: bold;
    font-size: 35px;
    line-height: 50px;
    color: #101010;
    margin-bottom: 60px
}

.section-technology .technology-tab {}

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

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

.section-technology .technology-tab ul {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.section-technology .technology-tab .technology-tab-item {
    width: calc(100% / 5);
    padding-bottom: 11px;
    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: #000;
    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 .icon-scroll {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF
}

.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: 60px
}

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

.section-technology .technology-slider .pop-up-show {
    opacity: 0;
    height: 0;
    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: #000;
    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: #CCC;
    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
}

.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
}

.home-page-container .section-news-promote {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 120px
}

.section-news-promote .section-news-promote-title {
    font-weight: bold;
    font-size: 35px;
    line-height: 50px;
    color: #101010;
    margin-bottom: 60px
}

.section-news-promote .news-promote-tab {}

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

.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
}

.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 {
    width: calc(100% / 4);
    padding-bottom: 11px;
    cursor: pointer
}

.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: 18px;
    line-height: 120%;
    color: #000;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    margin-bottom: 0
}

.section-news-promote .news-promote-tab .news-promote-tab-item.active .promotion-tab-name {
    font-weight: bold
}

.section-news-promote .news-promote-tab .news-promote-tab-item:hover .promotion-tab-name {
    font-weight: bold
}

.section-news-promote .news-promote-post.row {
    margin-top: 60px
}

.section-news-promote .news-promote-post .news-promote-post-large {}

.section-news-promote .news-promote-post .news-promote-post-large .news-promote-post-large-container {
    text-decoration: none;
    display: inline-block
}

.section-news-promote .news-promote-post .news-promote-post-large .news-promote-post-large-container img {
    width: 100%;
    height: 570px;
    object-fit: cover;
    object-position: center
}

.section-news-promote .news-promote-post .news-promote-post-large .news-promote-post-large-container .news-promote-post-large-content {
    padding: 18px
}

.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: 16px;
    line-height: 150%;
    color: #101010;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.section-news-promote .news-promote-post .news-promote-post-large .news-promote-post-large-container .news-promote-post-large-content .large-content-exceprt {
    font-size: 14px;
    line-height: 150%;
    color: #101010;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.section-news-promote .news-promote-post .news-promote-post-small {}

.section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item a {
    display: inline-block;
    text-decoration: none;
    width: 100%
}

.section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item {
    margin-bottom: 24px
}

.section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item:last-child {
    margin: 0
}

.section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item img {
    width: 100%;
    height: 100%;
    max-height: 205px;
    object-fit: cover;
    object-position: center
}

.section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item .news-promote-post-small-content {
    padding: 10px
}

.section-news-promote .news-promote-post .news-promote-post-small .news-promote-post-small-item .news-promote-post-small-content .small-content-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #101010;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.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: 14px;
    line-height: 150%;
    color: #101010;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.section-form-contact {
    width: 100%;
    max-width: 1064px;
    margin: 0 auto;
    padding: 24px 60px 24px 90px;
    border: 1px solid #808080;
    margin-bottom: 122px
}

.section-form-contact .form-contact-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    color: #000;
    margin-bottom: 24px;
    text-align: center
}

.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 {}

.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 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 16px
}

.test-driven-input-group .test-driven-input-label {
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    color: #1a1a1a;
    margin-bottom: 16px
}

.test-driven-input-group .test-driven-text-input {
    width: 100%;
    padding-bottom: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #ccc
}

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

.test-driven-input-group .test-driven-select-input-container .test-driven-select-input {
    width: 100%;
    padding-bottom: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    appearance: 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
}

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: #ccc;
    right: 0;
    padding-top: 8px;
    position: absolute;
    pointer-events: none;
    font-weight: 900
}

.flex-input-group {
    display: flex;
    margin-left: -133px
}

.flex-input-group .test-driven-input-group {
    width: 50%;
    margin-left: 133px
}

.input-area {
    width: 100%;
    border: none;
    outline: none;
    border: 1px solid #ccc
}

::-webkit-input-placeholder {
    color: #CCC
}

:-ms-input-placeholder {
    color: #CCC
}

::placeholder {
    color: #CCC
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #CCC !important
}

.test-driven-input-group.input-area-group {
    margin-bottom: 22px
}

.button-submit-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.button-submit-custom {
    border: none;
    border: 1px solid #1A1A1A;
    outline: none;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 44px;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .12em;
    color: #1A1A1A;
    min-width: 116px
}

.button-submit-custom:disabled {
    color: #CCC;
    border: 1px solid #ccc
}

.test-driven-input-group.model-car-interest {
    max-width: 390px
}

.selected {
    display: none
}

.selected.active {
    display: flex
}

.select2-search.select2-search--dropdown {}

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

.loading-spinner.active {
    display: block
}

.test-driven-car-model-image-container {
    width: 100%;
    max-height: 0;
    transition: all .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
}

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

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

.modal-form-success {}

.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
}

@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) {
    .home-page-container {
        margin-top: 60px
    }

    .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: #FFF;
        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: #FFF;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 120px
    }

    .swiper-slider-banner .swiper-slide img {
        width: 100%
    }

    .section-slider-banner .swiper-container.swiper-slider-banner .swiper-wrapper .swiper-slide .button-action .button-action-item {
        padding: 8px 20px
    }

    .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
    }

    .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: bold;
        font-size: 32px;
        line-height: 120%;
        color: #1A1A1A;
        margin-bottom: 40px
    }

    .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: 0;
        padding-right: 0;
        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 .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
    }

    .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 {}

    .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: 8px
    }

    .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
    }

    .home-page-container .section-cta {
        margin-top: 100px;
        padding: 32px 16px;
        margin-bottom: 100px
    }

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

    .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: 32px;
        line-height: 46px;
        color: #101010;
        margin-bottom: 40px
    }

    .section-service .service-tab {
        position: relative;
        padding: 0 16px
    }

    .section-service .service-tab ul {
        margin-bottom: 0;
        justify-content: unset
    }

    .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: #000
    }

    .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: 170px;
        object-fit: cover;
        object-position: center
    }

    .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: 40px
    }

    .section-technology .technology-slider .swiper-technology .button-next-technology,
    .section-technology .technology-slider .swiper-technology .button-prev-technology {
        display: none
    }

    .home-page-container .section-technology {
        margin-top: 160px;
        padding: 0 16px
    }

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

    .section-technology .technology-tab {
        padding: 0 16px
    }

    .section-technology .technology-tab ul {
        margin-bottom: 0;
        justify-content: center
    }

    .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: #000
    }

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

    .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: 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
    }

    .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-news-promote .news-promote-post.row {
        margin: 0;
        margin-top: 40px
    }

    .home-page-container .section-news-promote {
        margin-top: 100px;
        padding: 0 16px
    }

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

    .section-news-promote .news-promote-tab {
        padding: 0 16px
    }

    .section-news-promote .news-promote-tab ul {
        margin-bottom: 0;
        justify-content: unset
    }

    .section-news-promote .news-promote-tab .news-promote-tab-item {
        width: unset;
        border-bottom: none;
        padding-bottom: 8px;
        margin-right: 40px
    }

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

    .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 {
        white-space: nowrap;
        font-size: 16px;
        line-height: 120%;
        color: #000
    }

    .section-news-promote .news-promote-tab {
        position: relative
    }

    .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 {
        width: 100%;
        max-width: 1064px;
        margin: 0 auto;
        padding: 0 24px;
        border: none;
        margin-bottom: 52px
    }

    .flex-input-group {
        margin: 0;
        flex-direction: column
    }

    .flex-input-group .test-driven-input-group {
        width: 100%;
        margin-left: 0
    }

    .modal {
        z-index: 10001
    }

    .modal__inner {
        padding: 0
    }

    .modal__body-notification {
        height: 100%
    }

    .close-form-notification,
    .close-form {
        border: none;
        color: #000;
        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: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: #FFF
    }

    .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: #FFF
    }
}