/*
Theme Name: Minh Web
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(/wp-content/themes/minh-web/fonts/fontsawesome/webfonts/fa-light-300.eot);
	src: url(/wp-content/themes/minh-web/fonts/fontsawesome/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/minh-web/fonts/fontsawesome/webfonts/fa-light-300.woff2) format("woff2"), url(/wp-content/themes/minh-web/fonts/fontsawesome/webfonts/fa-light-300.woff) format("woff"), url(/wp-content/themes/minh-web/fonts/fontsawesome/webfonts/fa-light-300.ttf) format("truetype"), url(/wp-content/themes/minh-web/fonts/fontsawesome/webfonts/fa-light-300.svg#fontawesome) format("svg");
}

.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.service-item .icon {
    min-width: 75px !important;
    min-height: 75px !important;
    border-radius: 50%;
    overflow: hidden;
    color: #ffffff;
    font-size: 250%;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.service-item .icon {
    background-color: #001e50;
}

.service-item .icon {
    border-radius: 50%;
    font-size: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.service-item .icon .fa {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    -webkit-filter: brightness(0) saturate(100%) invert(12%) sepia(29%) saturate(6614%) hue-rotate(201deg) brightness(91%) contrast(102%);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(282deg) brightness(103%) contrast(103%);
}

.service-item .media-body {
    color: #212529;
    padding-left: 10px;
	text-align: justify;
}

.service-item .service-title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 120%
}

.service-item .service-desc {
    font-size: 90%;
    margin-bottom: 0
}

.bgColor1 {
    background-image: radial-gradient(circle at 50% 85%, #00437a 0, #001e50 100%);
}

.subTitle > p {
    margin-bottom: 0;
}

.rmLine .section-title b {
    background: transparent;
}

.rmDivider .is-divider {
    display: none;
}

.br-5 {
    border-radius: 5px;
    overflow: hidden;
}

.br-7 {
    border-radius: 7px;
    overflow: hidden;
}

.ct-img-box-push.box-push .box-text {
    border-radius: 99px !important;
    overflow: hidden;
    margin-top: -10% !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*************** PRICE QUOTE  ***************/
.section-pricequote input[type="text"]::placeholder { color: #fff; opacity: 1; }
.section-pricequote input[type="text"]::-webkit-input-placeholder { color: #fff; }
.section-pricequote input[type="text"]::-moz-placeholder { color: #fff; }
.section-pricequote input[type="text"]:-ms-input-placeholder { color: #fff; }
.section-pricequote input[type="text"]::-ms-input-placeholder { color: #fff; }

.section-pricequote input[type="tel"]::placeholder { color: #fff; opacity: 1; }
.section-pricequote input[type="tel"]::-webkit-input-placeholder { color: #fff; }
.section-pricequote input[type="tel"]::-moz-placeholder { color: #fff; }
.section-pricequote input[type="tel"]:-ms-input-placeholder { color: #fff; }
.section-pricequote input[type="tel"]::-ms-input-placeholder { color: #fff; }

.faAngleDoubleRight {
    position: relative;
}

.fa-angle-double-right {
    color: #00b0f0;
    position: absolute;
    left: 25%;
    top: 30%;
}

@-webkit-keyframes bounceAlpha {
    0%,55% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateX(10px) scale(.9);
        transform: translateX(10px) scale(.9)
    }

    26% {
        opacity: 0;
        -webkit-transform: translateX(-10px) scale(.9);
        transform: translateX(-10px) scale(.9)
    }
}

@keyframes bounceAlpha {
    0%,55% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateX(10px) scale(.9);
        transform: translateX(10px) scale(.9)
    }

    26% {
        opacity: 0;
        -webkit-transform: translateX(-10px) scale(.9);
        transform: translateX(-10px) scale(.9)
    }
}

.bounceAlpha {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.section-pricequote .desc {
    color: #ffffff;
    font-size: 120%;
    margin-bottom: 0;
}

.section-pricequote .price-sale {
    background-color: #00b0f0;
    color: #ffffff;
    border-radius: 5px;
    margin-left: 15px;
    padding: 5px 10px 5px 15px;
    position: relative !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    height: 34px;
}

.section-pricequote .price-sale::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #ffffff;
    z-index: 10;
}

.section-pricequote .price-sale::after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: -18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 32px;
    border: 10px solid transparent;
    border-right-color: #00b0f0;
    z-index: 1;
}

.section-pricequote .col {
	padding-bottom: 0;
}

.dang-ky-nhan-bao-gia .wpcf7-submit {
    margin: 0;
    color: #ffffff !important;
    transition: .25s ease-in;
    -webkit-transition: .25s ease-in;
    background-color: transparent;
    border: 1px solid #ffffff;
    text-transform: none;
	width: 100%;
}

.dang-ky-nhan-bao-gia .col {
	padding-bottom: 0;
}

.dang-ky-nhan-bao-gia input, .dang-ky-nhan-bao-gia form {
	margin-bottom: 0;
}

.wpcf7-spinner {
    display: none;
}

.section-pricequote input[type=tel], .section-pricequote input[type=text] {
	border: 1px solid #ffffff !important;
	box-shadow: none !important;
	color: #ffffff !important;
	background: transparent !important;
}

.middle-content .row .col {
    padding-bottom: 0;
}

.middle-content .wpcf7-radio {
    text-align: center;
    display: block;
}

.middle-content .wpcf7-list-item.last {
    margin-right: 0;
}

/*** SINGLE PRODUCT ***/
.single-product .uu-dai-dong-xe ul {
    list-style: none;
}

.single-product .uu-dai-dong-xe ul li {
    margin-left: 0;
}

.single-product .entry-content {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.single-product .product-section {
	border-top: none !important;
}

.ct-box-shadow-1 > .col-inner {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	background-color: rgb(247, 250, 252);
}

.single-product h1.product-title {
    text-align: center;
	color: #e3342f;
}

.w1 {
    background-image: linear-gradient(200deg, #00437A 0%, #001E50 100%);
    background-color: transparent;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden;
}

.w1 a.button {
    border: none !important;
    box-shadow: none !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.rmb > p {
    margin-bottom: 0;
}




.single-product .entry-content h2, .bpv-title {
    position: relative;  
    width: fit-content;   
    padding: 5px 10px 5px 10px;
    border: none !important;
	box-shadow: none;   
    background: linear-gradient(200deg, #001E50 0%, #00437A 100%);
    color: #FFFFFF;
	font-size: 22px;
    isolation: isolate;
}

.single-product .entry-content h2::before, .bpv-title::before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 847px;
    height: 2px;
    background: linear-gradient(200deg, #001E50 0%, #00437A 100%);
}
/*** END SINGLE PRODUCT ***/
/*** BẢNG GIÁ ***/
.model-car-price {
    border-bottom: 2px dashed #dddddd;
    margin-top: 15px;
}

.model-car-price:first-child {
    margin-top: 0;
}

.list-price thead {
    background: #001e50;
    color: #ffffff;
	height: 35px;
}

.list-price thead td, .list-price thead th {
    padding: 5px !important;
	text-transform: none !important;
}

.list-price tbody td {
    padding: 5px !important;
    border: none !important;
}

.list-price tbody tr:nth-child(odd) {
    background: #ffffff;
}

.list-price tbody tr:nth-child(even) {
    background: #f3f6fa;
}

.left-price .section-title-container {
    margin-bottom: 0;
}
/*** END BẢNG GIÁ ***/
/*** POPUP ***/
.heading-popup {
    background: #F0FFF4;
    padding-top: 15px;
    padding-bottom: 15px;
}

.heading-popup .section-title {
	margin-bottom: 0 !important;
}

.body-popup .wpcf7-submit {
    width: 100%;
    border-radius: 5px !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
}

.wpcf7-spinner {
    display: none;
}
/*** END POPUP ***/

/*** FOOTER ***/
.contact-info > div {
    padding: 8px 0;
    border-bottom: 1px dashed #2B29299E;
}

.contact-info > div:last-child {
    border-bottom: none;
}

.contact-info i {
    margin-right: 8px;
}

.absolute-footer {
	padding: 0 !important;
}

.footer-secondary {
    padding: 0;
}
/*** END FOOTER ***/
.list-child ol > li > ul {
    margin-left: 0 !important;
}
.row-cta-button .col a {
    margin-right: 0;
    border: none !important;
    box-shadow: none !important;
}

.btn-tragop, .btn-lanbanh, .btn-laithu {
	margin-bottom: 0 !important;
}

.btn-tragop i, .btn-lanbanh i, .btn-laithu i {
	background-color: transparent;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    color: transparent;
}

.btn-tragop i {
    background-image: url(/wp-content/uploads/2026/10/ic-tragop.png);
}

.btn-lanbanh i {
    background-image: url(/wp-content/uploads/2026/10/ic-auto.png);
}

.btn-laithu i {
    background-image: url(/wp-content/uploads/2026/10/ic-drive.png);
}




/*** KHUNG BẢNG GIÁ ***/

/* Khung bảng giá */
.bang-gia-tat-ca-xe-wrapper {
    width: 100%;
    overflow-x: hidden;
}

/* Bảng */
.bang-gia-tat-ca-xe {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}

/* Độ rộng 3 cột: 30% - 35% - 35% */
.bang-gia-tat-ca-xe thead th:nth-child(1),
.bang-gia-tat-ca-xe tbody td:nth-child(1) {
    width: 34%;
}

.bang-gia-tat-ca-xe thead th:nth-child(2),
.bang-gia-tat-ca-xe tbody td:nth-child(2) {
    width: 33%;
}

.bang-gia-tat-ca-xe thead th:nth-child(3),
.bang-gia-tat-ca-xe tbody td:nth-child(3) {
    width: 33%;
}

/* Tiêu đề cột */
.bang-gia-tat-ca-xe thead th {
    background: #001e50 !important;
    color: #ffffff !important;
    padding: 14px 8px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #001e50;
    vertical-align: middle;
    overflow-wrap: break-word;
}

/* Các ô dữ liệu */
.bang-gia-tat-ca-xe tbody td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e0e5ec;
    overflow-wrap: break-word;
}

/* Dòng lẻ */
.bang-gia-tat-ca-xe tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

/* Dòng chẵn */
.bang-gia-tat-ca-xe tbody tr:nth-child(even) {
    background-color: #f3f6fa !important;
}

/* Cột XE: ảnh trên, tên dưới */
.bang-gia-tat-ca-xe .bgx-car a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    color: #001e50;
    text-decoration: none;
}

/* Ảnh xe */
.bang-gia-tat-ca-xe .bgx-car img {
    display: block;
    width: 100%;
    max-width: 80px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
}

/* Tên xe */
.bang-gia-tat-ca-xe .bgx-car-name {
    display: block;
    font-weight: 700;
    color: #001e50;
    overflow-wrap: anywhere;
}

/* Giá niêm yết */
.bang-gia-tat-ca-xe .bgx-regular-price {
    font-weight: 600;
    white-space: nowrap;
}

/* Giá ưu đãi */
.bang-gia-tat-ca-xe .bgx-sale-price {
    color: #d00000;
    font-weight: 700;
    white-space: nowrap;
}

/* Trường hợp chưa có giá */
.bang-gia-tat-ca-xe .bgx-contact {
    color: #666666;
    font-weight: 400;
}

/* Hiệu ứng khi rê chuột */
.bang-gia-tat-ca-xe tbody tr:hover {
    filter: brightness(0.97);
}

/* Mobile */
@media (max-width: 767px) {
    .bang-gia-tat-ca-xe {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
        font-size: 12px;
    }

    .bang-gia-tat-ca-xe thead th {
        padding: 8px 3px;
        font-size: 11px;
		overflow-wrap: anywhere;
    }

    .bang-gia-tat-ca-xe tbody td {
        padding: 5px 3px;
    }

    .bang-gia-tat-ca-xe .bgx-car img {
        max-width: 65px;
		width: 100%;
        height: auto;
    }
	
	 /* Tên xe */
    .bang-gia-tat-ca-xe .bgx-car-name {
        font-size: 12px;
        overflow-wrap: anywhere;
    }

    /* Giá niêm yết và giá ưu đãi */
    .bang-gia-tat-ca-xe .bgx-regular-price,
    .bang-gia-tat-ca-xe .bgx-sale-price {
        font-size: 11px;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/*** END KHUNG BẢNG GIÁ ***/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.logo {
		text-align: left !important;
	}
	
	.logo a {
		display: inline-block !important;
	}
	
	.row-cta-button {
		text-align: center;
	}
	
	.row-cta-button .col:nth-child(3) a {
		margin-bottom: 0;
	}
	
	.single-product .entry-content h2, .bpv-title {
		font-size: 15px;
	}
	
	.section-pricequote h2 {
		text-align: center;
	}
	.dang-ky-nhan-bao-gia {
		margin-top: 30px;
	}
	.dang-ky-nhan-bao-gia .wpcf7-submit {
		margin-top: 19.6px;
	}
	.middle-content > .col-inner {
		padding-top: 15px !important;
	}
	.fa-angle-double-right {
		left: 35%;
		top: 54%;
	}

}