/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1754377722
Updated: 2025-08-05 14:08:42

*/

/* ===================================================
* POPUP KHUYẾN MÃI 
* ===================================================*/
.popup_khuyen_mai .dialog-widget-content {
    max-height: 90vh;
}

.popup_khuyen_mai .dialog-message.dialog-lightbox-message {
    width: fit-content;
    max-width: 100%;
}

.popup_khuyen_mai .dialog-widget-content img {
    max-height: 90vh;
    width: fit-content;
    max-width: 640px;
}




/* DỊch vụ của chúng tôi */
.elementor-element.elementor-element-75b1874.e-con-full.e-flex.e-con.e-child {
    position: relative;
    z-index: 0;
}

.elementor-element.elementor-element-75b1874.e-con-full.e-flex.e-con.e-child::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.98) 0%, rgba(0, 14, 36, 0.6) 50%, rgba(0, 14, 36, 0.3) 100%);
}



/* Loop carousel sản phẩm */
.loop-carousel-product {
    --gap: 20px;
    --display: 4;
}

.loop-carousel-product div[data-elementor-type="loop-item"] {
    width: calc((100% - (var(--display) - 1) * var(--gap)) / var(--display));
}

@media (max-width: 1600px) {
    .loop-carousel-product {
        --gap: 20px;
        --display: 4;
    }
}

@media (max-width: 1366px) {
    .loop-carousel-product {
        --gap: 10px;
        --display: 4;
    }
}

@media (max-width: 1024px) {
    .loop-carousel-product {
        --gap: 8px;
        --display: 3;
    }
}

@media (max-width: 768px) {
    .loop-carousel-product {
        --gap: 8px;
        --display: 2;
    }
}

@media (max-width: 576px) {
    .loop-carousel-product {
        --gap: 5px;
        --display: 2;
    }
}





/* ==========================================================================
Khai báo thủ công font Inter với font-display: swap để tối ưu PageSpeed
========================================================================== */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url('/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');
    font-stretch: normal;
}

/* p, span, button {
font-family: "Manrope";
line-height: 1.5em;
}
*/
h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p,
span,
button {
    font-display: swap;
}

/* ==========================================================================
Mobile Pagination Optimization: Keep only 3 page numbers in the middle
========================================================================== */
/* @media (max-width: 767px) { */
.elementor-pagination>.page-numbers:not(.current):not(:has(+ .current)):not(.current + *):not(:first-child):not(.prev + *):not(:last-child):not(:has(+ .next)):not(.dots):not(.prev):not(.next),
.hn__pagination>.page-numbers:not(.current):not(:has(+ .current)):not(.current + *):not(:first-child):not(.prev + *):not(:last-child):not(:has(+ .next)):not(.dots):not(.prev):not(.next),
.homenest-pagination>.page-numbers:not(.current):not(:has(+ .current)):not(.current + *):not(:first-child):not(.prev + *):not(:last-child):not(:has(+ .next)):not(.dots):not(.prev):not(.next) {
    display: none !important;
}

/* } */

figcaption {
    text-align: center;
}

.column-paragraph-2 :where(p, .elementor-heading-title) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.column-paragraph-3 :where(p, .elementor-heading-title) {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.noscalevideo .elementor-wrapper {
    aspect-ratio: unset !important;
}

.fullwidth-image a {
    width: 100%;
    height: 100%;
}

.container-type {
    container-type: inline-size;
    width: 100%;
}

.full-height-container {
    height: 100%;
}


.autolink.menu-homw ul li a {
    border: 0;
    outline: 0;
    line-height: 1em;
}

.ld_widget_recent_entries li figure {
    margin-right: 15px !important;
    width: 90px !important;
    height: 80px !important;
}

#ftwp-list>li {
    margin-bottom: 7px !important;
}

#ftwp-list>li>a.ftwp-anchor {
    font-size: 16px !important font-weight: 400 !important;
    color: #000085 !important;
    font-family: 'Oswald' !important;
}

#ftwp-container-outer #ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text {
    font-size: 16px;
    font-weight: 400;
}

#ftwp-container-outer #ftwp-container #ftwp-list.ftwp-list-nest.ftwp-colexp-icon .ftwp-anchor {
    padding-left: 32px;
    font-weight: 400 !important;
    /*     color: #000085; */
}

#ftwp-container-outer #ftwp-container #ftwp-list.ftwp-list-nest.ftwp-colexp-icon .ftwp-anchor.ftwp-active {
    color: #fff !important;
}

#ftwp-postcontent a[rel="dofollow"] {
    margin-top: 1em;
    border-left: 4px solid #ffffff !important;
    background-color: #4b4b4b;
}


#ftwp-postcontent a[rel="dofollow"] :where(.postTitle, .ctaText) {
    color: #fff;
}

#ftwp-container.ftwp-wrap #ftwp-list .ftwp-active {
    color: #fff !important;
}



/* Chi tiết blog */
.chimotbailog a {
    color: #000085;
    text-decoration: underline;
}







/* Shortcode liên hệ 1 */
.shortcode {
    aspect-ratio: 5/1.2;
    background-size: 101%;
    background-position: center;
    border-radius: 12px;
    box-shadow: 2px 2px 4px 0px #878787;
    background-repeat: no-repeat;
}

.shortcode.__1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 60px;
    box-sizing: border-box;
    background-image: url('/wp-content/uploads/2025/05/bg.webp');
    margin: 36px 0;
}

.shortcode.__1 .col1 {
    color: #fff;
}

.shortcode.__1 .col1 div {
    font-size: 30px;
    margin: 0;
    margin-bottom: 5px;
    color: #fff;
    font-weight: 700;
    font-family: "utm-bitsumishi-pr", Sans-serif;
    letter-spacing: 1.2px;
    line-height: 1.2em;
}

.shortcode.__1 .col1 p {
    margin: 0;
}

.shortcode.__1 .col2 a {
    text-decoration: none;
    background-color: #fff;
    padding: 12px 36px;
    font-size: 18px;
    font-weight: 500;
    color: #e91f78;
    border-radius: 100px;
    font-family: Sans-serif;
    text-transform: uppercase;
    display: flex;
    gap: 10px;
    align-items: center;
    white-space: nowrap;
}






/* Shortcode 2 */
.shortcode.__2 {
    padding: 10px 40px 10px 40px;
    box-sizing: border-box;
    display: flex;
    margin: 36px 0;
    justify-content: space-between;
    gap: 30px;
    background-image: url('/wp-content/uploads/2025/05/bg2.webp');
}

.shortcode.__2 .col1 {
    align-self: center;
}

.shortcode.__2 .col2 {
    color: #fff;
    align-self: center;
}

.shortcode.__2 .col2 div {
    font-size: 30px;
    margin: 0;
    color: #fff;
    font-weight: 700;
    font-family: "utm-bitsumishi-pr", Sans-serif;
    letter-spacing: 1.2px;
    line-height: 1.2em;
}

.shortcode.__2 .col2 p {
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
}

.shortcode.__2 .col2 a {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 50%);
    border: 2px solid #fff;
    color: #fff;
    font-weight: 500;
    backdrop-filter: blur(20px);
    padding: 10px 36px;
    font-size: 18px;
    border-radius: 100px;
    text-transform: uppercase;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}




.titlebar-inner {
    display: none;
}


.search-results .titlebar {
    z-index: 3;
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
}



@media (max-width: 767px) {
    .shortcode.__1 {
        padding: 10px 16px;
    }

    .shortcode.__1 .col1 div {
        font-size: 18px;
    }

    .shortcode.__1 .col1 p {
        font-size: 14px;
    }

    .shortcode.__1 .col2 a {
        padding: 10px 16px;
        font-size: 14px;
    }




    .shortcode.__2 {
        padding: 10px 16px 10px 16px;
        gap: 20px;
    }

    .shortcode.__2 .col1 {
        width: 50%;
    }

    .shortcode.__2 .col2 div {
        font-size: 18px;
    }

    .shortcode.__2 .col2 p {
        font-size: 14px;
    }

    .shortcode.__2 .col2 a {
        padding: 5px 15px;
        font-size: 14px;
    }




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


}






/* Đoạn code css cũ  */
p {
    margin-bottom: 0;
}

.solo-left .elementor-image-box-wrapper {
    display: flex;
}

div#size-logo {
    justify-content: center;
}

.contai-page-blog .elementor-posts .elementor-post {
    display: flex;
    padding: 10px;
    background: #F0F2F4;
    border-radius: 10px;
    position: relative;
}

.contai-page-blog span.elementor-post-date {
    font-size: 14px;
    /* 	font-family: "Manrope", Sans-serif; */
    color: #fff;
}

.contai-page-blog span.elementor-post-date:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/10/Group-74dqdq.png);
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8px;
    top: 8px;
}

.contai-page-blog .elementor-posts .elementor-post__excerpt {
    margin-top: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    height: 72px;
}

.contai-page-blog span.elementor-post-date {
    margin-left: 22px;
}

.contai-page-blog img.attachment-medium {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    padding-left: 3px;
}

.contai-page-blog .elementor-post__meta-data {
    position: absolute;
    top: 48%;
    left: 6%;
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(12px);
    padding: 10px;
}

.contai-page-blog .elementor-post__thumbnail.loaded {
    border-radius: 10px;
}

.contai-page-blog a.elementor-post__read-more {
    float: right;
    padding-right: 45px;
    position: relative;
}

.contai-page-blog a.elementor-post__read-more:before {
    content: "";
    background-image: url(http://autolinkvietnam.com.vn/wp-content/uploads/2024/11/arrow-right.png);
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 18px;
    top: 3px;
}

.quemarchay .marquee-content.marquee-image.loaded {
    height: 120px;
}

.pro-cungcap .swiper-horizontal.swiper-pointer-events {
    margin-right: -75px;
}

.text-nganpro .elementor-widget-container {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 21px;
    -webkit-line-clamp: 4;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.lqd-mobile-sec.pos-rel.elementor {
    display: none;
}

.contaicauhs .e-n-accordion span.e-opened {
    transform: rotate(-45deg);
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden !important;


}

.text-h1-banner h1 {
    background: linear-gradient(270deg, rgb(255 255 255) 76.38%, rgb(0 0 0) 99.78%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* backdrop-filter: blur(12px); */
}

.contai-banner-content {
    backdrop-filter: blur(12px);
}

.item-adtabs {
    height: fit-content;
}

.quemarchay img {
    width: 90px;
}

.logotext-img img {
    background: #212121;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #FFF;
    background: #2C2C2C;
    box-shadow: 0px 4px 16px 0px #66D6FF;
}

.single-baiviet-sidebar h3.widgettitle {
    font-size: 28px;
    margin-bottom: 10px;
}

.single-baiviet .sidebar-widgets-outline .widget {
    padding: 20px;
    border-radius: 12px !important;
    background: #f0f2f4 !important;
}

.imgdichvu {
    height: 100%;
}

.imgdichvu img {
    clip-path: path("M68.0084 6.01155C70.1502 2.29223 74.1154 0 78.4073 0H318C324.627 0 330 5.37258 330 12V126C330 132.627 324.627 138 318 138H12.758C3.52631 138 -2.24793 128.012 2.35904 120.012L68.0084 6.01155Z");
    height: 100%;
}

.slidexe3 img {
    margin-left: 120px;
    width: 68%;
}

.slidexe1 img {
    width: 68%;
}

.slidexe2 img {
    width: 68%;
}

.email-form-fter button.elementor-button.elementor-size-sm {
    background: transparent;
}

.email-form-fter .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
    width: fit-content;
    position: absolute;
    right: 0;
    background: #f0f8ff00;
    top: 42%;
    transform: translateY(-50%);
}

.email-form-fter .elementor-form-fields-wrapper.elementor-labels-above {
    position: relative;
}

.email-form-fter input#form-field-email {
    padding: 15px;
}

.iamge-xe-vct {
    position: absolute;
}

.contaicamnang {
    border: 1px solid #FFF;
    background: linear-gradient(103deg, rgba(0, 0, 0, 0.35) 50%, rgba(255, 255, 255, 0.35) 100%);
    backdrop-filter: blur(12px);
    border-radius: 12px;
}

.contaidvdaot {
    border-radius: 16px;
    border: 1px solid #FFF;
    background: linear-gradient(103deg, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0.45) 100%);
    backdrop-filter: blur(12px);
}

.contai-date-post {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(12px);
    padding: 5px 10px;
    width: fit-content;

}

.contai-interior {
    border-radius: 16px;
    border: 1px solid #D7D7D7;
    background: linear-gradient(113deg, rgba(0, 0, 0, 0.01) 0%, rgba(255, 255, 255, 0.02) 100%);
    backdrop-filter: blur(12px);
    padding: 30px;
}

.contai-mination {
    border-radius: 16px;
    border: 1px solid #D7D7D7;
    background: linear-gradient(113deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.50) 100%);
    backdrop-filter: blur(12px);
}

.contai-item-nano {
    border-radius: 16px;
    border: 1px solid #FFF;
    background: rgba(0, 0, 0, 0.50);
    box-shadow: 0px 4px 0px 0px rgba(102, 214, 255, 0.80);
    backdrop-filter: blur(12px);
}


.contaicauhs .e-n-accordion-item-title-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contaicauhs span.e-n-accordion-item-title-header {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}










.slidexe1.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.bannner-slider.has-transition .slidexe1.active {
    animation: zoomIn 1s forwards;
}

.slidexe2.fade-out {
    animation: shrinkToBottom 1.2s forwards;
    text-align: center;
}

/* Hiệu ứng slide 2: Trượt từ phải */
.slidexe2 {
    transform: translatey(10%);
}

.slidexe2.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.bannner-slider.has-transition .slidexe2.active {
    animation: slideInRight 1s forwards;
}

.slider-item.fade-out {
    animation: slideToLeftBottom 1s forwards;
}

/* Hiệu ứng slide 3: Trượt từ trái */
.slidexe3.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.bannner-slider.has-transition .slidexe3.active {
    animation: slideInLeft 1s forwards;
}

.slidexe3.remove-active {
    animation: slideToRightBottom 1s forwards;
}




/* Keyframes cho hiệu ứng vào */
@keyframes zoomIn {
    from {
        transform: scale(0.6) translate(-80%, -80%);
        opacity: 0;
    }

    to {
        transform: scale(1) translate(-50%, -50%);
        opacity: 1;
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translate(100%, -20%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate(-150%, -50%);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}


/* Keyframes cho hiệu ứng thoát */
@keyframes shrinkToBottom {
    from {
        transform: scale(1) translate(-40%, -50%);
        opacity: 1;
    }

    to {
        transform: scale(0.8) translate(-60%, 60%);
        opacity: 0.5;
    }
}

@keyframes slideToLeftBottom {
    0% {
        transform: translate(-50%, -50%);
        opacity: 1;
    }

    100% {
        transform: translate(-150%, 150%);
        opacity: 0.8;
    }
}

@keyframes slideToRightBottom {
    0% {
        transform: translate(-50%, -50%);
        opacity: 1;
    }

    100% {
        transform: translate(150%, 150%);
        opacity: 0;
    }
}

.slider-item {


    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease, transform 1.5s ease;
}

.slider-item.active {
    opacity: 1;
    visibility: visible;
    height: auto;
}

/* Hiệu ứng cho hình ảnh */
.slider-image {
    opacity: 0;
    transform: scale(0.8);
    height: 0;
}

.slider-image.active {
    opacity: 1;
    transform: scale(1);
    left: 50%;
}

/* Hiệu ứng cho logo */
.slider-logo {
    opacity: 0;
    transform: translateY(-100px);
    height: 0;
    /* Bắt đầu ngoài màn hình */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.slider-logo.active {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
    height: auto;
    /* Đợi 0.5s trước khi xuất hiện */
}

/* Hiệu ứng cho text */
.slider-text {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    height: 0;
}

.slider-text.active {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1s;
    /* Hiển thị text sau logo */
}




/* Hiệu ứng cho hình ảnh */
.slider-image {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.8s ease, transform 1s ease;
}

/* Khử toàn bộ hiệu ứng khi mới load trang để tối ưu điểm xanh FCP */
.bannner-slider.no-transition .slider-image,
.bannner-slider.no-transition .slider-logo,
.bannner-slider.no-transition .slider-text,
.bannner-slider.no-transition .slidexe1,
.bannner-slider.no-transition .slidexe2,
.bannner-slider.no-transition .slidexe3 {
    transition: none !important;
    transition-delay: 0s !important;
    animation: none !important;
}



/* Hiệu ứng cho logo */
.slider-logo {
    opacity: 0;
    transform: translateY(-100px);
    /* Bắt đầu ngoài màn hình */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.slider-logo.active {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
    /* Đợi 0.5s trước khi xuất hiện */
}

/* Hiệu ứng cho text */
.slider-text {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.slider-text.active {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1s;
    /* Hiển thị text sau logo */
}

.prev-btn {
    width: fit-content;
    position: absolute;
    bottom: 2%;
    left: 18%;
    z-index: 1000;

}

.next-btn {
    width: fit-content;
    position: absolute;
    bottom: 2%;
    right: 18%;
    z-index: 1000;
}

.next-btn .elementor-button,
.prev-btn .elementor-button {
    display: inline-block;
    line-height: 1;
    background-color: transparent;
    font-size: 65px;
    padding: 12px 32px;
    border-radius: 0;
}

.next-btn .elementor-widget-container {
    width: 223px;
    clip-path: polygon(9% 0%, 48% 0, 100% 101%, 34% 101%);
    background: #ffffff;
}

.next-btn .elementor-button {
    padding-left: 72px;
}

.prev-btn .elementor-widget-container {
    width: 223px;
    clip-path: polygon(49% 0%, 93% 0, 64% 100%, 0% 101%);
    background: #ffffff;
}

.prev-btn a.elementor-button.elementor-size-sm {
    padding-left: 77px;
}

.item-dv-hover:hover img {
    transform: scale(1.1);
    transition: all 0.5s;
    box-shadow: 10px 10px 5px lightblue;
}

.item-dv-hover:hover h4 {
    color: #000085 !important;
}




.slider-container-doc {

    position: relative;

}

.slider-content-doc {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.slider-item-doc {

    opacity: 0;
    height: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.slider-item-doc.active {

    opacity: 1;
    transform: translateY(0);
    height: auto;
}

.slider-controls {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
}

.control-button {
    background-color: #f0f0f0;
    border: none;
    padding: 5px;
    cursor: pointer;
    font-size: 16px;
    margin: 2px 0;
}

.quote-button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #0000cc;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    margin-top: 10px;
}

.slider-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: fit-content;
    gap: 10px;
}

.dot {
    height: 50px;
    width: 2px;
    background-color: #bbb;

    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.dot.active {
    height: 80px;
    background-color: #0066cc;
}

.header-title-doc {
    width: 452px;
    height: 67px;
    background-color: #D4E7FF;
    clip-path: path("M0 12C0 5.37258 5.37258 0 12 0H434.902C443.984 0 449.774 9.69765 445.466 17.6925L422.295 60.6925C420.201 64.5776 416.144 67 411.731 67H12C5.37259 67 0 61.6274 0 55V12Z");
}

.header-title-doc .elementor-widget-container {
    display: flex;
    align-items: center;
}

.tab-button-dv:before {
    content: "";
    background-image: url(http://autolinkvietnam.com.vn/wp-content/uploads/2024/10/Liduqne-1.png);
    background-repeat: no-repeat;
    width: 66px;
    object-fit: cover;
    background-size: 90%;
    margin-left: -61px;
    position: absolute;
    top: 50%;
}

.tab-button-dv:nth-child(1):before {
    display: none;
}

.text-h1-banner h2 {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.95) 76.38%, rgba(0, 0, 133, 0.00) 99.78%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.down-button,
.up-button {
    width: fit-content;
    border-radius: 12px;
}

.header-title-doc {
    margin-bottom: 20px;
}

.contai-page-blog a.page-numbers.next {
    BACKGROUND: #d8d8d8;
    padding: 10px;
    font-family: "Manrope", Sans-serif;
    border-radius: 10px;
}

.contai-page-blog span.page-numbers.current {
    background: #000085;
    padding: 10px 18px;
    border-radius: 10px;
    color: #ffff;
    font-weight: 900;
}

.contai-page-blog span.page-numbers.prev {
    BACKGROUND: #d8d8d8;
    padding: 10px;
    font-family: "Manrope", Sans-serif;
    border-radius: 10px;
}

.contai-page-blog nav.elementor-pagination {
    margin-top: 40px;
}

.contai-page-blog a.page-numbers {
    background: #d8d8d8;
    padding: 10px 16px;
    border-radius: 10px;
}

.logotext-img .elementor-widget-container.loaded {
    display: flex;
    align-items: center;
}

.logotext-img {
    margin-left: 20px;
}

.menuautolink .elementor-nav-menu--dropdown a.elementor-sub-item {
    font-family: "Inter", Sans-serif !important;
	font-size: 24px !important;
}
@media (max-width: 576px) {
	.menuautolink .elementor-nav-menu--dropdown a.elementor-sub-item {
	font-size: 16px !important;
}
}

.containnoihocphan {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    z-index: 100000;
}

.button-mo a {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(250, 250, 250, 0.02);
    backdrop-filter: blur(12px);
}

.tab-button-dv.active {
    border-color: #000085;
}

.tab-content-dv.active:nth-child(1) p {
    margin-top: 10px;
}

.tab-content-dv {
    padding: 0;
}

.tab-content-dv.active p {
    line-height: 24px;
    color: #1a1a1a;
}

.contaicauhs span.e-n-accordion-item-title-header {
    padding: 5px 0;
}

.iamge-xe-vct img {
    width: 93%;
}

@media only screen and (max-width: 1660px) {
    .iamge-xe-vct img {
        height: auto;
        max-width: 88%;
    }

    .grid-lopnano {
        padding-right: 30px;
    }
}

@media screen and (max-width: 1550px) {
    .img-xe-dv .elementor-widget-image img {
        width: 94% !important;
    }

    .next-btn .elementor-button,
    .prev-btn .elementor-button {
        font-size: 36px;
    }

    .prev-btn {
        left: 20%;
    }

    .next-btn {
        right: 20%;
    }

    .next-btn .elementor-widget-container {
        width: 194px;
        clip-path: polygon(19% 0%, 59% 0, 100% 101%, 34% 101%);
        background: #ffffff;
    }

    .prev-btn .elementor-widget-container {
        width: 196px;
        clip-path: polygon(38% 0%, 78% 0, 61% 100%, 0% 101%);
    }

    .slidexe1 img {
        width: 62%;
        margin-top: 40px;
    }

    .slidexe2 img {
        width: 62%;
    }

    .slidexe3 img {
        width: 62%;
    }

    .logo-header .elementor-widget.elementor-widget-ld_header_image {
        width: 163px !important;
    }
}

@media screen and (max-width: 1280px) {
    .contai-page-blog .elementor-post__meta-data {
        position: absolute;
        top: 46%;
    }

    .tabs-dv {
        padding: 0px 30px;
    }

    .slidexe1 {
        margin-top: -75px;
    }

    .slidexe3 img {
        margin-left: 120px;
        width: 62%;
    }

    .slidexe1 img {
        width: 60%;
    }

    .slidexe2 img {
        width: 60%;
    }

    .logo-header .elementor-widget.elementor-widget-ld_header_image {
        width: 143px !important;
    }

}

@media (max-width: 1280px) and (max-height: 640px) {
    .iamge-xe-vct img {
        width: 63% !important;
    }

    .contai-phunano {
        margin-top: 100px;
    }

    .your-element {
        font-size: 10px;
        padding: 3px;
    }

    .slidexe2 img {
        width: 48%;

    }

    .slidexe1 img {
        width: 50%;
        margin-top: 0 !important;
    }

    .slidexe3 img {
        margin-left: 120px;
        width: 48%;
    }
}

@media (max-width: 820px) and (max-height: 1280px) {
    .contai-vesinh {
        padding: 50px 0;
    }

    .contai-content-vs {
        width: 100%;
    }

    .contai-vesinh .e-con-full {
        width: 100%;
    }

    .contai-vesinh .e-con-full img {
        height: 300px;
        object-fit: cover;
        margin-top: -400px;
    }

    .contai-engune {
        position: unset !important;
    }

    .contai-engune .e-con-inner {
        display: block !important;
    }

    .contai-vesinh {
        display: block !important;
    }

    .iamge-xe-vct img {
        width: 45% !important;
    }

    .tabs-dv {
        gap: 10px !important;
    }

    .tab-button-dv:before {
        display: none;
    }

    .xe-img-bangiao img {
        height: auto;
        max-width: 100%;
    }

    .xe-img-bangiao .elementor-widget-container {
        margin: 0px 0px 0px -100px !important;
    }

    .logotext-img img {
        max-width: 80% !important;
    }

    .slidexe1 img {
        width: 100%;
        margin-top: 60px;
    }

    .bannner-slider {
        --min-height: 70vh !important;

    }

    .slidexe3 img {
        margin-left: 92px;
        width: 95%;
        margin-top: 50px;
    }

    .slidexe2 img {
        width: 100%;
    }

    .slider-text .elementor-heading-title {
        font-size: 76px !important;
        line-height: 66px;
    }

    .center-banner-logo {
        width: 34%;
    }

    .center-banner-logo img {
        width: 60% !important;
    }

    .logotext-img {
        position: unset;
    }

}


@media screen and (max-width: 1180px) {

    .menu-homw a.elementor-sub-item {
        font-size: 18px !important;
    }

}

@media screen and (max-width: 768px) {
    .contai-page-blog .elementor-post__meta-data {
        position: absolute;
        top: 42%;
    }

    span.navbar-brand-inner.post-rel:before {
        content: "";
        background-image: url(/wp-content/uploads/2024/10/Autolink-Việt-Nam.png);
        background-size: 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10000000;
    }

    .icon-1menu span.elementor-button-icon:before {
        content: "";
        background-image: url(https://autolinkvietnam.com.vn/wp-content/uploads/2024/10/menudq.svg);
        background-size: 100%;
        width: 23px;
        height: 23px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .icon-1menu span.elementor-button-icon svg {
        display: none;
    }

    .icon-1menu .elementor-button {
        color: #000000;
        border-color: #000085 !important;
        border-radius: 6px !important;
        padding: 20px 20px 20px 20px !important;
    }

    .icon-1menu span.elementor-button-text {
        display: none;
    }
}

@media screen and (max-width: 525px) {
    .contai-page-blog .elementor-post__meta-data {
        position: absolute;
        top: 37%;
    }

    .dots-btn-cacgoi .slider-dots {
        flex-direction: row !important;

    }

    .pro-cungcap .swiper-horizontal.swiper-pointer-events {
        margin-right: 0;
    }

    .dots-btn-cacgoi .dot {
        height: 2px !important;
        width: 30px !important;
    }

    .dots-btn-cacgoi .slider-controls {
        position: unset !important;
    }

    .dots-btn-cacgoi .dot.active {
        height: 2px !important;
        width: 50px !important;
    }

    .contai-date-post .elementor-image-box-wrapper {
        display: flex;
    }

    .contai-date-post .elementor-image-box-content {
        display: flex;
        align-items: center;
        margin-left: 5px;
    }

    .imgdichvu {
        width: 100%;
    }

    .img-xe-dv {
        position: unset !important;
    }

    .menu-homw a.elementor-sub-item {
        font-size: 18px !important;
    }

    .icon-1menu span.elementor-button-icon:before {
        content: "";
        background-image: url(/wp-content/uploads/2024/10/menudq.svg);
        background-size: 100%;
        width: 23px;
        height: 23px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .icon-1menu .elementor-button {
        color: #000000;
        border-color: #000085 !important;
        border-radius: 6px !important;
        padding: 20px 20px 20px 20px !important;
    }

    .icon-1menu span.elementor-button-text {
        display: none;
    }

    .slidexe2 {
        margin-top: 30px;
    }

    .slidexe3 img {
        margin-left: 0px;
        width: 100%;
        margin-top: 0px;
    }

    .logotext-img {
        top: 30% !important;
        left: unset !important;
        right: 2% !important;
    }

    .slider-text .elementor-heading-title {
        font-size: 60px !important;
        line-height: 41px !important;
    }

    .logotext-img img {
        max-width: 65% !important;
    }

    .bac-banner-trang {
        background-image: none !important;
    }

    .center-banner-logo {
        padding-top: 20px;
    }

    .next-btn .elementor-button {
        padding-left: 30px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .center-banner-logo.e-flex.e-con.e-child.animated.zoomInUp {
        margin: 0 auto;
        padding-bottom: 12px;
    }

    .prev-btn a.elementor-button.elementor-size-sm {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 24px;
    }

    .next-btn .elementor-button,
    .prev-btn .elementor-button {
        font-size: 23px;
    }

    .next-btn {
        right: 5%;
    }

    .prev-btn {
        left: 5%;
    }

    .prev-btn .elementor-widget-container {
        width: 82px;
        clip-path: polygon(38% 0%, 78% 0, 61% 100%, 0% 101%);
    }

    .next-btn .elementor-widget-container {
        width: 82px;
        clip-path: polygon(19% 0%, 59% 0, 100% 101%, 34% 101%);
        background: #ffffff;
    }

    .icon-img-footer.elementor-image-box-content {
        display: flex;
        align-items: center;
    }

    .icon-img-footer .elementor-image-box-wrapper {
        display: flex;
        gap: 10px;
    }

    .contai-vesinh .e-con-full img {
        height: 220px;
        object-fit: cover;
        margin-top: -257px;
    }

    .tab-button-dv {
        width: 30%;
    }

    .tab-content-dv {
        padding: 0;
        gap: 20px;
    }

    .tab-button-dv {
        display: flex;
        justify-content: center;
    }

    .tabs-dv {
        padding: 0;
    }

    .imgdichvu img {
        clip-path: none;
    }

    .iamge-xe-vct {
        position: unset !important;
    }

    .menu-button-hd {
        position: absolute;
    }

    .contai-page-blog a.page-numbers.next,
    .contai-page-blog a.page-numbers,
    .contai-page-blog span.page-numbers.current,
    .contai-page-blog span.page-numbers.prev,
    .contai-page-blog span.page-numbers.next {
        font-size: 14px;
        width: 30px;
        padding: 0 !important;
        margin-right: 0;
        height: 30px;
        display: inline-block;
        margin: 0 3px !important;
        border-radius: 5px !important;
        align-content: center;
        text-align: center;
        line-height: 1em !important;
    }

    .back-trangs h2,
    .texxt-ba-trang ul,
    .texxt-ba-trang h5,
    .texxt-ba-trangbt a {
        color: #fff !important;
    }

    .back-trangs:after {
        padding: 0;
        content: "";
        background: #00000061;
        position: absolute;
        top: 0;
        opacity: 1;
        width: 100%;
        height: 100%;
    }

    .texxt-ba-trangbt a {
        border-color: #ffff !important;
    }

    .texxt-ba-trangbt .elementor-button-icon .e-font-icon-svg {
        color: #ffff;
        height: 1em;
        fill: #ffff !important;
    }

    .back-trangs .elementor-element {
        z-index: 100000;
    }

}

.single-du-an .container {
    width: 100%;
    padding: 0;
}

.autolink__form form.glsr-form .glsr-star-rating--stars>span {
    font-size: 11.3px;
}

.autolink__form .glsr-default button.glsr-button:not(.wp-block-search__button) {
    margin: 0;
    font-size: 16px;
}

body.single .container {
    margin: 0;
    width: 100%;
    padding: 0;
}

.chimotbailog blockquote {
    color: #000085;
    font-weight: 600;
    margin-top: 24px;
}


.chimotbailog td {
    border-color: #ddd !important;
    border-width: 0 1px !important;
    border-style: solid !important;
}


.archive.woocommerce-page main>.container {
    padding: 0;
    margin: 0;
    width: 100%;
}

.archive.woocommerce-page main>.container>div {
    padding: 0;
}

.archive.tax-product_cat main>.container {
    margin-top: -103px;
}

.titlebar {
    background-color: transparent;
}

.single-product main {
    padding: 0 40px;
}

.single-product main>.container {
    width: 1350px;
    margin: 0 auto;
}

.single-product .titlebar {
    background-color: #191919;
}


/* Đoạn css 4/6/25 */
.autolink__single-product__data-tabs .woocommerce-Tabs-panel--description {
    color: #181818;
    font-size: 16px;
}

.autolink__single-product__data-tabs .woocommerce-Tabs-panel--description p {
    width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

.autolink__single-product__short-desc p {
    margin-bottom: 6px;
    line-height: 1.5em;
}

.single-product main:has(.autolink__single-product__ctn) {
    padding: 0 16px;
}

main#lqd-site-content>.container:has(.autolink__single-product__ctn) {
    width: 100%;
}









/* ======================== */
/* Start - Form review */
/* ======================== */
form#homenest-review-form>p {
    position: relative;
    z-index: 0;
}

form#homenest-review-form>p>label {
    font-size: 15px;
    position: absolute;
    top: 0px;
    transform: translateY(50%);
    margin: 0;
    transition: all .5s ease;
    z-index: -1;
}

form#homenest-review-form :where(.input-focused, .input-filled)>label {
    transform: translateY(-60%) !important;
    font-size: 12px !important;
}

form#homenest-review-form button {
    padding: 10px 24px;
    border-radius: 16px;
    background-color: #000085;
    border: 0;
    outline: 0;
    color: #fff;
}

form#homenest-review-form>p> :where(input, textarea) {
    width: 100%;
    min-height: 50px;
    height: 50px;
    border: 0;
    background: none;
    outline: 0;
    border-bottom: 1px solid #000;
}

/* ======================== */
/* End - Form review */
/* ======================== */




/* ======================== */
/* Start - Chi tiết sản phẩm */
/* ======================== */



/* Thông tin sản phẩm */
.homenest__thong-tin-san-pham__title {
    min-width: 350px !important;
}

/* Product-gallery */
div#wpgs-gallery {
    gap: 10px;
}

.homenest__product-gallery .gallery-navigation-carousel-wrapper {
    margin: 0 !important;
    transform: scale(90%);
}

.homenest__product-gallery .wcgs-carousel {
    order: 2 !important;
}

/* Mô tả dài sản phẩm */
.homenest__product-content__container::before {
    content: "";
    height: 200px;
    position: absolute !important;
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, #ffffff00 0%, #ffffff 70%);
    z-index: 1;
}

.homenest__product-content__text {
    height: 400px;
    overflow: hidden;
}

.homenest__product-content__text.showed {
    height: fit-content;
}

.homenest__product-content__container:has(.showed)::before {
    content: unset;
}




/* Bảng thông số kỹ thuật */
.hn__table_tskt .hn-specs__btn {
    display: none;
}

.hn__table_tskt:has(.hn-specs__row:nth-of-type(8)) .hn-specs__btn {
    display: block;
}

/* ======================== */
/* End - Chi tiết sản phẩm */
/* ======================== */




.homenest__chi-tiet-san-phan__thong-tin-san-pham__rating-star .woocommerce-product-rating {
    margin: 0 !important;
}

.homenest__chi-tiet-san-phan__thong-tin-san-pham__rating-star a.woocommerce-review-link {
    display: none;
}

.homenest__chi-tiet-san-phan__thong-tin-san-pham__rating-label p {
    margin: 0;
}







div#crumbs>* {
    color: #fff;
}







/* List product */
.hn__product-list {
    --column: 4;
    --row-gap: 24px;
    --column-gap: 24px;
}

.hn__product-list {
    display: grid;
    grid-template-columns: repeat(var(--column), calc((100% - var(--column-gap) * (var(--column) - 1)) / var(--column)));
    grid-gap: var(--column-gap) var(--row-gap);
}

.hn__product-list>div>div {
    height: 100%;
}

@media (max-width: 1550px) {
    .hn__product-list {
        --row-gap: 20px;
        --column-gap: 20px;
    }
}

@media (max-width: 1280px) {
    .hn__product-list {
        --row-gap: 12px;
        --column-gap: 12px;
    }
}

@media (max-width: 1024px) {
    .hn__product-list {
        --column: 3;
    }
}

@media (max-width: 768px) {
    .hn__product-list {
        --column: 2;
    }
}

@media (max-width: 525px) {
    .hn__product-list {
        --row-gap: 5px;
        --column-gap: 5px;
    }
}


/* Item product */
.hn__product-item__image img {
    aspect-ratio: 1;
    object-fit: cover;
}

.hn__product-item__title .elementor-heading-title {
    display: -webkit-box;
    -weblit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3em;
}


nav.hn__pagination {
    display: flex;
    --size-btn: 40px;
    justify-content: center;
    gap: 10px;
    margin-top: 50px;
}

nav.hn__pagination>* {
    width: var(--size-btn);
    height: var(--size-btn);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #F4F5F5;
    border-radius: 5px !important;

}

nav.hn__pagination>.current {
    background-color: #000085 !important;
}

@media (max-width: 576px) {
    nav.hn__pagination {
        --size-btn: 32px;
        margin-top: 28px;
    }
}


/* Start - Bộ lọc sản phẩm */
.hn__select {
    position: relative;
    list-style: none;
    padding: 0;
}

.hn__select * {
    font-family: "Manrope";
}

.hn__select .hn__selected {
    width: 190px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #f0f2f4;
    border-radius: 5px;
}

.hn__select .hn__option {
    position: absolute;
    top: 100%;
    list-style: none;
    padding: 0;
    background-color: #f0f2f4;
    width: 100%;
    display: none;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
}

.hn__select:hover .hn__option {
    display: block;
}

.hn__select .hn__option li a,
.hn__select .hn__option li span {
    padding: 5px 20px;
    display: block;
    line-height: 1.5em !important;
    color: #000;
}

@media (max-width: 525px) {
    .hn__select .hn__selected {
        width: calc((100vw - 32px - 36px) / 2);
    }
}

/* End - Bộ lọc sản phẩm */


/* ======================== */
/* Trang Chi tiết sản phẩm   */
/* ======================== */
/* Start - Gallery ảnh sản phẩm */
.hn__product-gallery img {
    width: 100%;
}

/* End - Gallery ảnh sản phẩm */







/* Start - Giá sản phẩm */
span.hn-variation-price,
span.hn-variation-price bdi {
    font-size: 45px !important;
    line-height: 1em;
    color: #000085;
}

@media (max-width: 525px) {

    span.hn-variation-price,
    span.hn-variation-price bdi {
        font-size: 24px !important;
    }
}

/* End - Giá sản phẩm */


/* Start - Ẩn hiện quà tặng sản phẩm */
.hn__qua-tang-san-pham {
    display: none;
}

.hn__qua-tang-san-pham:has(.elementor-icon-box-content) {
    display: block;
}

/* End - Ẩn hiện quà tặng sản phẩm */


/* Start - Bảng thông số kĩ thuật */
table.hn-specs__table * {
    font-size: 17px;
    font-family: 'Manrope';
    text-align: left;
    border: 0 !important;
}

table.hn-specs__table thead tr th {
    border-radius: 12px 12px 0 0;
}

table.hn-specs__table tbody th {
    font-weight: 400;
    color: #000085;
}

table.hn-specs__table thead th {
    color: #000085;
    font-size: 20px !important;
}

table.hn-specs__table thead tr :where(th, td),
table.hn-specs__table tbody tr:nth-of-type(even) :where(th, td) {
    background: #f0f2f4;
}

table.hn-specs__table tbody tr:nth-of-type(odd) :where(th, td) {
    background: transparent;
}

/* End - Bảng thông số kĩ thuật */


/* Start - Sao đánh giá */
.homenest-rating-stars {
    display: flex;
    gap: 2px;
}

.homenest-rating-stars svg {
    width: 18px;
}

/* End - Sao đánh giá */


/* Start - Đọc thêm giới thiệu sản phẩm */
.hn__gioi-thieu-san-pham__content {
    height: 450px;
    overflow: hidden;
}

.hn__gioi-thieu-san-pham__content.show {
    height: unset;
}

.hn__gioi-thieu-san-pham__content.show+.hn__gioi-thieu-san-pham__btn {
    position: static;
    background-image: unset;
}

.hn__gioi-thieu-san-pham__content.dmsp {
    height: 590px;
    overflow: hidden;
}

.hn__gioi-thieu-san-pham__content.show.dmsp {
    height: unset;
}

.hn__gioi-thieu-san-pham__content.show.dmsp+.hn__gioi-thieu-san-pham__btn {
    position: static;
    background-image: unset;
}

/* End - Đọc thêm giới thiệu sản phẩm */







/* Chi tiết bài viết */
.chimotbailog :where(h1, h2, h3, h4, h5, h6),
.hn__gioi-thieu-san-pham__content :where(h1, h2, h3, h4, h5, h6) {
    font-weight: 700;
    font-family: 'Oswald';
    color: #000085;
}

:where(.chimotbailog, .hn__gioi-thieu-san-pham__content) h1 {
    font-size: 2em;
    margin: .67em 0
}

:where(.chimotbailog, .hn__gioi-thieu-san-pham__content) h2 {
    font-size: 1.5em;
    margin: .75em 0
}

:where(.chimotbailog, .hn__gioi-thieu-san-pham__content) h3 {
    font-size: 1.17em;
    margin: .83em 0
}

:where(.chimotbailog, .hn__gioi-thieu-san-pham__content) h4 {
    font-size: 1em;
    margin: 1em 0
}

:where(.chimotbailog, .hn__gioi-thieu-san-pham__content) h5 {
    font-size: .83em;
    margin: 1.5em 0
}

:where(.chimotbailog, .hn__gioi-thieu-san-pham__content) h6 {
    font-size: .75em;
    margin: 1.67em 0
}

:where(.chimotbailog, .hn__gioi-thieu-san-pham__content) p {
    margin-top: 16px;
    margin-bottom: 16px;
}






/* Chỉnh sửa form đặt lịch */
.dromdatlichdichvu .chondichvu {
    background: transparent;
    color: #fff;
    font-size: 18px;
    height: 48px !important;
}

.dromdatlichdichvu label.thongtinlabel {
    font-family: "Oswald" !important;
    margin-bottom: 8px;
}




/* Bảng giá dịch vụ */
.hn__bang-gia-dich-vu {
    font-size: 17px;
    font-family: 'Manrope';
    margin: 0;
}


@media (max-width: 768px) {
    .hn__bang-gia-dich-vu {
        font-size: 14px;
    }
}






/* Chỉnh sửa form đặt lịch dịch vụ */
.khung-dich-vu-hovaten input,
.khung-dich-vu-sodienthoai input,
.thongtinthoigiandatlich input {
    color: #fff;
}



.hn__related-posts>div+div {
    margin-top: 16px;
}


.hn__item-tin-tuc-moi-ngay .hn__item-tin-tuc-moi-ngay_btn {
    margin-top: auto;
}











/* Style cho các hàng input */
.custom-contact-form .form-group {
    margin-bottom: 12px;
}

/* Style chung cho Input, Select, Textarea */
.custom-contact-form input[type="text"],
.custom-contact-form input[type="tel"],
.custom-contact-form input[type="email"],
.custom-contact-form select,
.custom-contact-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 12px;
    /* Bo tròn các góc */
    background-color: #fff;
    font-size: 15px;
    color: #333;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

/* Riêng Textarea bo tròn ít hơn hoặc theo ý bạn */
.custom-contact-form textarea {
    border-radius: 15px;
    height: 120px;
    resize: none;
}

/* Focus state */
.custom-contact-form input:focus,
.custom-contact-form select:focus,
.custom-contact-form textarea:focus {
    border-color: #00008b;
}

/* Style cho dropdown select */
.custom-contact-form select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;
}

/* Nút Gửi ngay */
.custom-contact-form .form-submit {
    text-align: left;
}

.custom-contact-form input[type="submit"] {
    background-color: #00008b;
    /* Màu xanh đậm như hình */
    color: #fff;
    padding: 12px 35px;
    border: none;
    border-radius: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
    text-transform: none;
}

.custom-contact-form input[type="submit"]:hover {
    background-color: #0000cd;
}

/* Cảnh báo lỗi của CF7 (nếu có) */
.wpcf7-not-valid-tip {
    font-size: 13px;
    margin-top: 5px;
    padding-left: 10px;
}





/* Tổng thể form */
/* Loại bỏ lề mặc định của thẻ p mà CF7 tự tạo */
.booking-form p {
    margin: 0;
    padding: 0;
}

.booking-form br {
    display: none;
}

/* Tiêu đề nhóm */
.booking-form label {
    display: block;
    color: #000085;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Inter";
    margin-bottom: 10px;
    margin-top: 20px;
}

.form-lien-he_by-page-lien-he .booking-form label {
    color: #fff;
}

/* Tùy chỉnh chung cho các ô nhập liệu */
.booking-form input:not([type="submit"]),
.booking-form select {
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid #555 !important;
    font-family: 'Inter';
    font-size: 16px;
    border-radius: 0.5em !important;
    padding: 0.75em 1em !important;
    margin-bottom: 12px !important;
    box-sizing: border-box;
    color: #000;
    height: 48px !important;
}



.form-lien-he_by-page-lien-he .booking-form input:not([type="submit"]),
.form-lien-he_by-page-lien-he .booking-form select,
.form-lien-he_by-page-lien-he .booking-form input::placeholder {
    color: #fff;
}

.booking-form select option {
    color: #000;
}


.form-lien-he_by-page-lien-he .booking-form input::placeholder {
    color: #8c8c8c;
}

.form-lien-he_by-page-lien-he .booking-form input:not([type="submit"]),
.booking-form select,
.form-lien-he_by-page-lien-he .booking-form input {
    backdrop-filter: blur(10px);
}

/* Hiệu ứng khi click vào ô nhập liệu */
.booking-form input:focus,
.booking-form select:focus {
    /*     border-color: #ffffff !important; */
    outline: none;
    box-shadow: 0px 4px 10px #00008516;
}

/* Chia 2 cột cho Thời gian và Ngày */
.row-fields p {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.row-fields .wpcf7-form-control-wrap {
    flex: 1;
}

/* Tùy chỉnh nút bấm */
.submit-button {
    margin-top: 20px;
}

.submit-button input[type="submit"] {
    width: 100%;
    background-color: #000085 !important;
    color: #fff !important;
    font-weight: bold;
    font-family: 'Inter';
    font-size: 16px;
    padding: 1em !important;
    border: none !important;
    border-radius: 0.5em !important;
    cursor: pointer;
    transition: 0.3s;
}

.submit-button input[type="submit"]:hover {
    background-color: #e0e0e0 !important;
    color: #000085 !important;
}

/* Icon lịch cho ô Date (trên Chrome/Edge) */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    /* Chuyển icon lịch sang màu trắng */
    cursor: pointer;
}

/* --- CSS Bổ sung cho thông báo lỗi --- */

/* 1. Xử lý lỗi trong phần row-fields (Thời gian & Ngày) */
.row-fields .wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
    /* Để thông báo lỗi nằm dưới input tương ứng */
}

.row-fields p {
    align-items: flex-start !important;
    /* Đảm bảo các ô canh từ trên xuống */
}

/* 2. Tùy chỉnh màu sắc và kích thước cho dòng thông báo lỗi */
.wpcf7-not-valid-tip {
    color: #ff3333 !important;
    font-size: 13px !important;
    font-weight: normal;
    display: block;
    margin-top: -16px !important;
    margin-bottom: 8px;
    font-style: italic;
}



/* 5. Ẩn spinner của CF7 để nút bấm trông sạch sẽ hơn */
.wpcf7-spinner {
    display: none !important;
}

/* Điều chỉnh lại lề của các ô nhập liệu khi có lỗi */
.booking-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* --- Khắc phục triệt để lỗi căn giữa xe khi active (FCP/LCP) --- */
.slider-image.slidexe1.active,
.slider-image.slidexe2.active,
.slider-image.slidexe3.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    left: 50%;
}



ul.autolink-taxonomy-list {
    padding: 0;
    list-style: none;
}
ul.autolink-taxonomy-list li {
    padding: 0.5em 0;
}
ul.autolink-taxonomy-list li ~ li {
    border-top: 1px solid #f2f2f2;
}