/*
Theme Name: DNCN Garage
Description: Theme Phụ Tùng - Phụ Kiện Ô TÔ CAO CẤP được thiết kế bởi DNCN.
Author: DNCN
Author URI: https://dncn.id.vn/
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.relatedcat h4 {border-bottom: 2px solid var(--fs-color-secondary); margin-bottom: 20px;}
h1 {font-weight: 800 !important; color: #134a96;}
h2 {font-weight: 700 !important; color: var(--fs-color-primary);}
h3 {font-weight: bold !important;}
img {width: 1200px;}
.blog-author-image {width: 90px;}
table, th, td {border: 1px solid;}
th, td {padding: 5px !important;}
th {text-align: center;}

/**
 * =========================================
 * CHI NHÁNH ARCHIVE
 * =========================================
 */
.archive-page-header {
	margin-bottom: 30px;
}

.archive-page-header .page-title {
	margin-bottom: 0;
}

/**
 * =========================================
 * CARD
 * =========================================
 */
.chi-nhanh-item {
	height: 100%;
	margin-bottom: 30px;
	background: #fff;
	overflow: hidden;
}

/**
 * =========================================
 * IMAGE
 * =========================================
 */
.chi-nhanh-image {
	overflow: hidden;
}

.chi-nhanh-image a {
	display: block;
}

.chi-nhanh-image img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .3s ease;
}

.chi-nhanh-image a:hover img {
	transform: scale(1.03);
}

/**
 * =========================================
 * CONTENT
 * =========================================
 */
.chi-nhanh-content {
	padding: 20px;
}

.chi-nhanh-title {
	margin: 0 0 12px;
	line-height: 1.3;
}

.chi-nhanh-title a {
	color: inherit;
}

/**
 * =========================================
 * BUTTON
 * =========================================
 */
.chi-nhanh-button {
	margin-top: 15px;
}

.chi-nhanh-button .button {
	margin-bottom: 0;
}

/**
 * =========================================
 * PAGINATION
 * =========================================
 */
.pagination-wrapper {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}

/** Dich vu lien quan */
.dvlq-item {
    height: 100%;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    transition: box-shadow 0.25s ease,
                transform 0.25s ease;
}

.dvlq-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
}

.dvlq-item > a {
    display: block;
    color: inherit;
}

.dvlq-image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    margin-bottom: 0;
}

.dvlq-name {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    line-height: 1.5;
}

/** Dich vu con */
.dich-vu-con-section {
    margin: 30px 0;
}

.dich-vu-con-title {
    margin-bottom: 24px;
    font-size: 26px;
	text-align: center;
}

.dich-vu-con-list {
    justify-content: center;
}

.dich-vu-con-item {
    height: 100%;
    overflow: hidden;
    border: 1px solid #a7a7a7;
    border-radius: 8px;
    transition: box-shadow 0.25s ease,
                transform 0.25s ease;
}

.dich-vu-con-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
}

.dich-vu-con-item > a {
    display: block;
    color: inherit;
}

.dich-vu-con-image img {
    display: block;
    width: 100%;
    object-fit: cover;
    margin: 0;
}

.dich-vu-con-name {
    padding: 10px;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    color: var(--fs-color-primary);
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.chi-nhanh-item {
		margin-bottom: 20px;
	}
	.chi-nhanh-title {
		font-size: 18px;
	}
	.chi-nhanh-content {
		padding: 15px;
	}
	h3 {
	    font-size: 1.08em;
	}

}