/* Nội dung riêng của template Giới thiệu; header/breadcrumb/footer dùng CSS chung. */
.dmax-about .about-overview {
    padding:46px 0 42px;
    background:#fff;
    text-align:center;
}
.dmax-about .about-heading {
    max-width:1000px;
    margin:0 auto 6px;
    color:var(--primary);
    font-family:var(--font-accent);
    font-size:32px;
    font-weight:800;
    line-height:1.3;
    text-transform:uppercase;
    overflow-wrap:anywhere;
}
.dmax-about .about-subtitle {
    margin:0;
    color:var(--ink);
    font-size:20px;
    line-height:1.6;
    text-transform:uppercase;
}
.dmax-about .about-highlights {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
    margin-top:32px;
}
.dmax-about .about-highlight {
    min-width:0;
    overflow-wrap:anywhere;
}
.dmax-about .about-highlight strong {
    display:block;
    margin-bottom:3px;
    color:var(--primary);
    font-family:var(--font-accent);
    font-size:26px;
    font-weight:800;
    line-height:1.3;
}
.dmax-about .about-highlight p {
    margin:0;
    color:var(--ink);
    font-size:16px;
    line-height:1.6;
    text-transform:uppercase;
}
.dmax-about .about-intro {
    padding:56px 0;
    background:var(--light);
}
.dmax-about .about-intro-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;
    gap:44px;
}
.dmax-about .about-intro-grid::before,
.dmax-about .about-intro-grid::after {
    content:none;
}
.dmax-about .about-intro-content,
.dmax-about .about-intro-image {
    min-width:0;
}
.dmax-about .about-intro-content {
    color:var(--text);
    font-size:16px;
    line-height:1.8;
    overflow-wrap:anywhere;
}
.dmax-about .about-intro-content h2 {
    margin:0 0 14px;
    color:var(--primary);
    font-family:var(--font-accent);
    font-size:28px;
    font-weight:800;
    line-height:1.3;
}
.dmax-about .about-intro-content p {
    margin:0 0 14px;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
}
.dmax-about .about-intro-content ul,
.dmax-about .about-intro-content ol {
    padding-left:22px;
    margin:0 0 14px;
}
.dmax-about .about-intro-content > :last-child {
    margin-bottom:0;
}
.dmax-about .about-intro-content a {
    color:var(--primary);
    text-decoration:underline;
}
.dmax-about .about-intro-image img {
    display:block;
    width:100%;
    height:auto;
    border-radius:18px;
}
.dmax-about .about-intro-grid--single {
    grid-template-columns:minmax(0,1fr);
}
.dmax-about .about-intro-grid--single .about-intro-image {
    width:100%;
    max-width:650px;
    margin:0 auto;
}
.dmax-about .about-values {
    padding:48px 0 56px;
    background:#fff;
}
.dmax-about .about-values-heading {
    margin:0 0 22px;
    color:var(--primary);
    font-family:var(--font-accent);
    font-size:28px;
    font-weight:800;
    line-height:1.3;
}
.dmax-about .about-heading::after,
.dmax-about .about-subtitle::after,
.dmax-about .about-intro-content h2::after,
.dmax-about .about-values-heading::after {
    content:"";
    display:block;
    width:56px;
    height:3px;
    margin-top:12px;
    border-radius:3px;
    background:var(--accent);
}
.dmax-about .about-heading::after,
.dmax-about .about-subtitle::after {
    margin-left:auto;
    margin-right:auto;
}
.dmax-about .about-heading.has-subtitle::after {
    content:none;
}
.dmax-about .about-values-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.dmax-about .about-values-visual {
    position:relative;
    grid-column:span 2;
    min-width:0;
    min-height:320px;
    overflow:hidden;
    border-radius:20px;
    background:var(--primary);
}
.dmax-about .about-values-visual img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.dmax-about .about-value-card {
    position:relative;
    min-width:0;
    min-height:320px;
    padding:72px 24px 28px;
    border-radius:20px;
    background:var(--light);
    color:var(--text);
    overflow-wrap:anywhere;
    transition:background-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.dmax-about .about-value-icon {
    position:absolute;
    top:20px;
    right:22px;
    width:48px;
    height:48px;
}
.dmax-about .about-value-icon img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    transition:filter .25s ease;
}
.dmax-about .about-value-number {
    display:block;
    font-size:16px;
    font-weight:800;
    line-height:1.5;
}
.dmax-about .about-value-card h3 {
    margin:4px 0 12px;
    color:var(--primary);
    font-family:var(--font-accent);
    font-size:22px;
    font-weight:800;
    line-height:1.3;
    transition:color .25s ease;
}
.dmax-about .about-value-card h3::after {
    content:"";
    display:block;
    width:28px;
    height:2px;
    margin-top:12px;
    background:rgb(252 217 1);
}
.dmax-about .about-value-card p {
    margin:0;
    color:inherit;
    font-size:16px;
    line-height:1.65;
}
@media (hover: hover) and (pointer: fine) {
    .dmax-about .about-value-card:hover {
        background:var(--primary);
        color:#fff;
        box-shadow:0 8px 20px rgba(0,16,98,.18);
    }
    .dmax-about .about-value-card:hover h3 {
        color:var(--accent);
    }
    .dmax-about .about-value-card:hover .about-value-icon img {
        filter:brightness(0) invert(1);
    }
}
@media (max-width: 960px) {
    .dmax-about .about-highlights {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:24px 20px;
    }
    .dmax-about .about-intro-grid {
        gap:28px;
    }
}
@media (max-width: 768px) {
    .dmax-about .about-overview {
        padding:36px 0;
    }
    .dmax-about .about-heading {
        font-size:24px;
    }
    .dmax-about .about-subtitle {
        font-size: 16px;
        text-transform: none;
    }

    .dmax-about .about-highlight p{
        text-transform: none;
    }
    .dmax-about .about-highlight strong {
        font-size:20px;
    }
    .dmax-about .about-intro {
        padding:40px 0;
    }
    .dmax-about .about-intro-grid {
        grid-template-columns:minmax(0,1fr);
    }
    .dmax-about .about-intro-content h2 {
        font-size:24px;
    }
    .dmax-about .about-intro-image {
        width:100%;
        max-width:650px;
        margin:0 auto;
    }
    .dmax-about .about-values {
        padding:36px 0 40px;
    }
    .dmax-about .about-values-heading {
        font-size:24px;
    }
    .dmax-about .about-values-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .dmax-about .about-values-grid--odd .about-value-card:last-of-type {
        grid-column:1 / -1;
    }
    .dmax-about .about-values-visual {
        min-height:0;
        aspect-ratio:16 / 9;
    }
    .dmax-about .about-value-card h3 {
        font-size:20px;
    }

    .dmax-about .about-value-number {
        color: #ffda00;
    }
}
@media (max-width: 680px) {
    .dmax-about .about-values-grid {
        grid-template-columns:minmax(0,1fr);
    }
    .dmax-about .about-values-visual {
        grid-column:auto;
        aspect-ratio:1;
    }
    .dmax-about .about-value-card {
        min-height:0;
        padding: 20px;
    }
}
@media (max-width: 390px) {
    
}