/* CSS riêng cho các section trang chủ D-MAX. */
body.home.dmax-home-page {
    --home-header-offset:24px;
    --home-header-height:65px;
}
.home.dmax-home-page .site-container {
    position:relative;
}
.home.dmax-home-page .sticky-header-wrapper {
    position:fixed;
    top:calc(var(--header-admin-offset,0px) + var(--home-header-offset) - var(--home-header-lift,0px));
    left:0;
    right:0;
}
.home.dmax-home-page .site-header {
    background:transparent;
    border-bottom:0;
    box-shadow:none;
}

.site-header .title-area{
    padding: 0 0 0 15px;
}


.home.dmax-home-page.is-scrolled .site-header {
    background:var(--primary,#001062);
}
.home.dmax-home-page .site-header > .wrap {
    min-height:60px;
    width:100%;
    max-width:1200px;
    border-radius:48px;
    background:#001062c7;
    box-shadow:0 8px 28px rgba(0,15,45,.18);
    transition:background-color .25s ease,box-shadow .25s ease;
}
.home.dmax-home-page.is-scrolled .site-header > .wrap {
    background:var(--primary);
    box-shadow:0 5px 20px rgba(0,15,45,.2);
}
.home.dmax-home-page .site-header .title-area {
    height:60px;
    border-radius:48px 38px 38px 48px;
}
.home.dmax-home-page .site-header .header-widget-area {
    margin-right:16px;
}
.home.dmax-home-page .site-header .nav-header ul.genesis-nav-menu > li > a {
    height:60px;
    color: #fff;
}
.home.dmax-home-page .site-header .nav-header ul.genesis-nav-menu > li:hover > a,
.home.dmax-home-page .site-header .nav-header ul.genesis-nav-menu > li > a:focus-visible,
.home.dmax-home-page .site-header .nav-header ul.genesis-nav-menu > li.current-menu-item > a,
.home.dmax-home-page .site-header .nav-header ul.genesis-nav-menu > li.current_page_item > a {
    color:var(--yellow);
    border-bottom-color:transparent;
}
.home.dmax-home-page .site-header .search-form-input,
.home.dmax-home-page .site-header .gsc-shop-cart .btn-view-cart {
    background-color:var(--primary);
    border-color:#ffffffab;
    border-radius:999px;
    background-clip:padding-box;
    box-shadow:0 0 1px rgba(255,255,255,.5);
    appearance:none;
}
.home.dmax-home-page .site-header .widget_search .search-form:focus-within .search-form-input {
    border-color:var(--yellow);
    box-shadow:0 0 0 2px var(--yellow);
}
.home.dmax-home-page .dmax-home .hero {
    padding-top:calc(var(--home-header-height) + var(--home-header-offset) + 20px);
}
.home.dmax-home-page #click-menu .line {
    background:#fff;
}
.dmax-home .hero {
    color:#fff;
    background-color:var(--primary);
    background-size:cover;
    background-position:center;
    position:relative;
}
.dmax-home .hero-wrap {
    min-height:620px;
    display:flex;
    align-items:center;
    position:relative;
}
.dmax-home .hero-copy {
    width:48%;
    min-width:0;
}
.dmax-home .hero-copy .eyebrow {
    color:var(--yellow)
}
.dmax-home .hero-copy > .home-richtext h2 {
    color: #fff;
    font-size: 48px;
    font-weight:800;
    line-height: 1.15;
    letter-spacing: -1px;
    margin: 18px 0 20px;
}
.dmax-home .hero-copy > .home-richtext h2 em {
    font-style:normal;
    display: block;
    color:var(--yellow);
}
.dmax-home .hero p {
    line-height:1.75;
    color:#fff;
    font-size:18px;
    margin-bottom:28px
}
.dmax-home .hero-copy > .home-richtext ul {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    list-style:none;
    padding:0;
    margin:28px 0 0;
}
.dmax-home .hero-copy > .home-richtext ul > li {
    min-width:0;
    margin:0;
}
.dmax-home .hero-copy > .home-richtext ul > li > a {
    display:inline-flex;
    width:100%;
    min-width:0;
    align-items:center;
    justify-content:center;
    height:var(--button-height);
    padding:0 22px;
    border:0.5px solid var(--yellow);
    border-radius:40px;
    background:var(--yellow);
    color:var(--primary);
    font-size:16px;
    font-weight:600;
    line-height:1.5;
    text-decoration:none;
    text-align:center;
    overflow-wrap:anywhere;
    transition:transform .25s ease;
}
.dmax-home .hero-copy > .home-richtext ul > li > a::after {
    content:'➜';
    margin-left:6px;
}
.dmax-home .hero-copy > .home-richtext ul > li > a:hover {
    transform:translateY(-3px);
}
.dmax-home .hero-copy > .home-richtext ul > li:nth-child(n+2) > a {
    border-color: #e7e7e7d6;
    background: #001769d6;
    color: #fff;
}
.dmax-home .hero-meta {
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:40px;
    font-size:16px;
    font-weight:500;
}
.dmax-home .hero-meta i {
    display:inline-block;
    margin-right:9px;
    color:var(--yellow);
    font-style:normal;
    font-size:28px;
}
.dmax-home .section {
    padding:85px 0;
    padding:80px 0;
}
.dmax-home .intro-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:80px;
    align-items:center
}
.dmax-home .intro-grid::before,
.dmax-home .intro-grid::after,
.dmax-home .why-grid::before,
.dmax-home .why-grid::after,
.dmax-home .test-grid::before,
.dmax-home .test-grid::after,
.dmax-home .faq::before,
.dmax-home .faq::after {
    display:none;
}
.dmax-home .intro-marquee {
    overflow:hidden;
    margin-top:0;
    pointer-events:none;
    user-select:none;
}
.dmax-home .intro-marquee-track {
    display:flex;
    width:max-content;
    color:var(--primary);
    opacity:.015;
    font-family:var(--font-accent);
    font-size:clamp(72px, 12vw, 100px);
    font-weight:800;
    line-height:1.1;
    white-space:nowrap;
    animation:dmax-intro-marquee 45s linear infinite;
}
.dmax-home .intro-marquee-group {
    display:flex;
    flex-shrink:0;
    gap:48px;
    padding-right:48px;
}
@keyframes dmax-intro-marquee {
    from { transform:translateX(-50%); }
    to { transform:translateX(0); }
}

.dmax-home .intro-images img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:24px
}
.dmax-home .intro p {
    color:#333;
    font-size:16px;
    margin-bottom: 15px;
}
.dmax-home #gioi-thieu ul {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px 28px;
    list-style:none;
    padding:0;
    margin:24px 0 0;
}
.dmax-home #gioi-thieu ul > li {
    list-style:none;
    margin:0;
    padding:0;
}
.dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]) {
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    height:var(--button-height);
    padding:0 6px 0 20px;
    border:1px solid var(--primary);
    border-radius:999px;
    background:var(--primary);
    color:#fff;
    font-size:15px;
    font-weight:800;
    line-height:1.4;
    text-transform:uppercase;
    text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease;
}
.dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]):hover,
.dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]):focus-visible {
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.14);
}
.dmax-home #gioi-thieu ul > li > a:not([href^="tel:"])::after {
    content:'↗';
    display:flex;
    flex:0 0 34px;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--yellow);
    color:var(--primary);
    font-size:22px;
    font-weight:400;
    transition:transform .25s ease;
}
.dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]):hover::after,
.dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]):focus-visible::after {
    transform:translate(2px,-2px);
}
.dmax-home #gioi-thieu ul > li > a[href^="tel:"] {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:2px;
    height:var(--button-height);
    padding-left:60px;
    color:var(--ink);
    font-size:16px;
    font-weight:400;
    line-height:1.2;
    text-decoration:none;
    white-space:nowrap;
}
.dmax-home #gioi-thieu ul > li > a[href^="tel:"]::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:var(--button-height);
    height:var(--button-height);
    border-radius:50%;
    animation:dmax-intro-phone-ring .6s ease-in-out infinite;
    background:var(--yellow-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.96.35 1.9.69 2.79a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.89.34 1.83.57 2.79.69A2 2 0 0 1 22 16.92Z'/%3E%3Cpath d='M14.5 2.5a8 8 0 0 1 7 7M14.5 6.5a4 4 0 0 1 3 3'/%3E%3C/svg%3E") center / 24px no-repeat;
}
.dmax-home #gioi-thieu ul > li > a[href^="tel:"] em {
    display:block;
    color:var(--primary);
    font-size:20px;
    font-style:normal;
    font-weight:800;
    line-height:1.2;
    transition:transform .25s ease;
}
.dmax-home #gioi-thieu ul > li > a[href^="tel:"]:hover em,
.dmax-home #gioi-thieu ul > li > a[href^="tel:"]:focus-visible em {
    transform:translateX(2px);
}
@keyframes dmax-intro-phone-ring {
    0%, 50%, 100% { transform:rotate(0); }
    25% { transform:rotate(-8deg); }
    75% { transform:rotate(8deg); }
}
@media (prefers-reduced-motion: reduce) {
    .dmax-home .shopee .button {
        transition:none;
    }
    .dmax-home .shopee .button:hover {
        transform:none;
    }
    .dmax-home .intro-marquee-track {
        animation:none;
        margin-inline:auto;
    }
    .dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]),
    .dmax-home #gioi-thieu ul > li > a:not([href^="tel:"])::after,
    .dmax-home #gioi-thieu ul > li > a[href^="tel:"] em {
        transition:none;
    }
    .dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]):hover,
    .dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]):focus-visible,
    .dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]):hover::after,
    .dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]):focus-visible::after,
    .dmax-home #gioi-thieu ul > li > a[href^="tel:"]:hover em,
    .dmax-home #gioi-thieu ul > li > a[href^="tel:"]:focus-visible em {
        transform:none;
    }
    .dmax-home #gioi-thieu ul > li > a[href^="tel:"]::before {
        animation:none;
    }
}
.dmax-home .intro .call {
    display:inline-flex;
    background:#ffdc0b;
    height:var(--button-height);
    align-items:center;
    padding:0 21px;
    border-radius:30px;
    font-weight:800;
    color:#001a55;
    margin-top:15px
}

.dmax-home .benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px 21px;
    margin-top: -45px;
    z-index: 999;
    position: relative;
}
.dmax-home .benefit {
    min-width:0;
    background:#fff;
    border:1px solid #e9edf3;
    border-radius:22px;
    box-shadow:0 12px 24px rgba(11,50,120,.055);
    text-align:center;
    transition:transform .25s ease, box-shadow .25s ease;
}
.dmax-home .benefit:hover {
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,16,98,.1);
}
.dmax-home .benefit-copy {
    padding:26px 20px 24px;
}
.dmax-home .benefit-copy .home-richtext img {
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    margin:0 auto;
}
.dmax-home .benefit-copy .home-richtext strong {
    display:block;
    font-size:18px;
    line-height:1.4;
    color:var(--primary);
    font-weight:700;
}
.dmax-home .benefit-copy p {
    font-size:16px;
    line-height:1.6;
    color:#282a2c;
    margin:0 0 14px;
}
.dmax-home .stat {
    background:#001845;
    /*background: url('../../images/bgbn.jpg') no-repeat center center;*/
    padding:48px 0;
    color:#fff;
    background-size: cover;
}
.dmax-home .stat-flex {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px
}
.dmax-home .stat-flex::before,
.dmax-home .stat-flex::after {
    display:none;
}
.dmax-home .stat h2 {
    color:#fff;
    margin:0 0 9px;
    color:#fff;
}
.dmax-home .stat p {
    max-width:680px;
    font-size:16px;
    color:#cfdbed;
    margin:0;
}
.dmax-home .stat-pill {
    border: 1px solid #3c5589;
    padding: 15px 35px;
    border-radius: 14px;
    color: #ffe100;
    font-weight: 900;
    font-size: 25px;
    white-space: nowrap;
   /* background: #001062;*/
}

.dmax-home .section-title {
    text-align:center;
    margin-bottom:30px;
    text-align:center;
    margin:0 auto 36px;
}
.dmax-home .section-title p {
    color:#333;
    margin:0 auto;
    font-size:16px;
}

.dmax-home .process .eyebrow::before,.dmax-home .process .eyebrow::after{
    content: '';
    flex: 0 0 25px;
    width: 25px;
}

.dmax-home .why-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:60px;
    align-items:center
}
.dmax-home .why-visual {
    border-radius:30px;
    overflow:hidden;
}
.dmax-home .why-visual img {
    display:block;
    width:100%;
    height:auto;
}
.dmax-home .why-text>p {
    font-size:15px;
    color:#637187
}
.dmax-home .why-cards {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:22px
}
.dmax-home .why-card {
    border:1px solid #e0e5ee;
    border-radius:18px;
    padding:19px;
    background:#fff;
    min-height:135px;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.dmax-home .why-card:hover {
    transform:translateY(-3px);
    border-color:var(--primary);
    box-shadow:0 8px 22px rgba(0,16,98,.1);
}
.dmax-home .why-card b {
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    min-height:46px;
    padding:6px 12px 6px 6px;
    border-radius:999px;
    background:var(--primary);
    color:#fff;
    font-size:15px;
    line-height:1.4;
    margin-bottom:10px;
}
.dmax-home .why-card b span {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--yellow);
    color:var(--primary);
    font-size:18px;
    font-weight:800;
    line-height:1;
}
.dmax-home .why-card p {
    font-size:12px;
    margin:0;
    color:#657185;
    line-height:1.7
}
.dmax-home .home-shopee-section {
    padding:55px 0 60px;
    background:#fbfbfb;
}
.dmax-home .home-shopee-products {
    position:relative;
    background:transparent;
}
.dmax-home .shopee {
    margin:0 0 36px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:32px;
}
.dmax-home .shopee > div {
    flex:1;
    min-width:0;
}
.dmax-home .shopee .eyebrow {
    color:#ef3d16;
    font-size:14px;
    letter-spacing:0;
}
.dmax-home .shopee h2 {
    font-size:36px;
    margin:0 0 12px;
    color:var(--primary);
}
.dmax-home .shopee h2 em {
    color:#ef3d16;
    font-style:normal;
    display: contents;
}

.dmax-home .shopee p {
    margin:0;
    color:#333;
    font-size:16px;
    line-height:1.6;
    width: 750px;
    max-width:100%;
}
.dmax-home .shopee .button {
    flex-shrink:0;
    gap:12px;
    padding:0 20px;
    border-radius:999px;
    background:linear-gradient(110deg,#ff6500,#f22d08);
    color:#fff;
    white-space:nowrap;
    transition:transform .25s ease, box-shadow .25s ease;
}
.dmax-home .shopee .button svg {
    width:26px;
    height:26px;
    flex-shrink:0;
}
.dmax-home .shopee .button:hover {
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(238,77,45,.2);
}
.dmax-home .home-shopee-cta-arrow {
    font-size:24px;
}
.dmax-home .home-shopee-products .shopee-products-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
}
.dmax-home .home-shopee-products .shopee-products-grid.slick-initialized {
    display:block;
    margin:0 -12px;
}
.dmax-home .home-shopee-products .slick-list {
    position:relative;
    overflow:hidden;
    margin:0;
    padding:4px 0 24px;
    touch-action:pan-y;
    cursor:grab;
}
.dmax-home .home-shopee-products .slick-list:active {
    cursor:grabbing;
}
.dmax-home .home-shopee-products .slick-track {
    position:relative;
    top:0;
    left:0;
    display:flex;
    align-items:stretch;
    margin:0 auto;
}
.dmax-home .home-shopee-products .shopee-product.slick-slide {
    display:flex;
    flex-shrink:0;
    height:auto;
    margin:0 12px;
}
.dmax-home .home-shopee-products .shopee-product {
    border:0;
    border-radius:22px;
    box-shadow:0 6px 20px rgba(0,16,98,.08);
}
.dmax-home .home-shopee-products .shopee-product h2 {
    font-size:16px;
}
.dmax-home .home-shopee-products .shopee-buy {
    background:linear-gradient(110deg,#ff6500,#f22d08);
    border-color:transparent;
}
.dmax-home .home-shopee-products .shopee-buy:hover {
    background:linear-gradient(110deg,#ee5600,#d92708);
}
.dmax-home .home-shopee-products .shopee-top {
    background:#f4390d;
}
.dmax-home .home-shopee-arrow {
    position:absolute;
    top:38%;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#ffd8c7;
    color:#ef3d16;
    font-size:0;
    line-height:1;
    cursor:pointer;
    transition:background-color .25s ease, color .25s ease, opacity .25s ease;
}
.dmax-home .home-shopee-arrow svg {
    display:block;
    flex:0 0 22px;
    width:45px;
    height:22px;
    pointer-events:none;
}
.dmax-home .home-shopee-prev {
    left:max(-54px, calc((1200px - 100vw) / 2 + 8px));
}
.dmax-home .home-shopee-next {
    right:max(-54px, calc((1200px - 100vw) / 2 + 8px));
}
.dmax-home .home-shopee-arrow:hover {
    background:#ef3d16;
    color:#fff;
}
.dmax-home .home-shopee-arrow:disabled {
    opacity:.4;
    cursor:default;
}
.dmax-home .home-shopee-arrow[hidden] {
    display:none;
}
.dmax-home .testimonials {
    background:linear-gradient(to right, #001062, #3555c9);
    padding:65px 0;
    color:#fff;
}
.dmax-home .test-grid {
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:30px;
    align-items:center;
}
.dmax-home .test-grid>img {
    width:100%;
    height:450px;
    object-fit:cover;
    border:3px solid #fff;
    border-radius:22px;
}
.dmax-home .test-grid h2 {
    margin:0 0 10px;
    color:#fff;
}
.dmax-home .test-grid p {
    color:#eee;
    font-size:16px;
    line-height:1.7;
}
.dmax-home .testimonials .eyebrow {
    color:var(--yellow);
    letter-spacing:0;
}
.dmax-home .testimonials-slider {
    position:relative;
    margin-top:22px;
}
.dmax-home .testimonials-slider .slick-list {
    overflow:hidden;
    border-radius:20px;
    touch-action:pan-y;
}
.dmax-home .testimonials-slider .slick-track {
    position:relative;
    display:flex;
    align-items:flex-start;
}
.dmax-home .testimonials-slider .slick-slide {
    flex-shrink:0;
}
.dmax-home .quote {
    position:relative;
    background:#48494c;
    border-radius:20px;
    padding:24px 48px 24px 24px;
}
.dmax-home .quote::after {
    content:'”';
    position:absolute;
    right:18px;
    bottom:0;
    color:var(--yellow);
    font-family:var(--font-accent);
    font-size:80px;
    font-weight:800;
    line-height:1;
    pointer-events:none;
}
.dmax-home .stars {
    margin-bottom:12px;
}
.dmax-home .stars img {
    display:block;
    width:100px;
    height:auto;
}
.dmax-home .quote p {
    color:#fff;
    font-size:15px;
    margin:0;
}
.dmax-home .quote > .home-richtext {
    color:#fff;
    font-size:15px;
    line-height:1.7;
}
.dmax-home .person {
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:18px;
}
.dmax-home .avatar {
    flex-shrink:0;
    overflow:hidden;
    background:var(--yellow);
    width:80px;
    height:80px;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.dmax-home .avatar img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.dmax-home .testimonial-name {
    min-width:0;
    color:var(--yellow);
    font-size:18px;
    font-weight:800;
    line-height:1.5;
    overflow-wrap:break-word;
}
.dmax-home .testimonial-name span,
.dmax-home .testimonial-name small {
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:14px;
    font-weight:400;
}
.dmax-home .testimonials-slider .slick-dots {
    position:absolute;
    top:50%;
    right:12px;
    display:flex;
    flex-direction:column;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
    transform:translateY(-50%);
}
.dmax-home .testimonials-slider .slick-dots li {
    margin:0;
    padding:0;
}
.dmax-home .testimonials-slider .slick-dots button {
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    padding:0;
    border:1px solid transparent;
    border-radius:50%;
    background:transparent;
    font-size:0;
    cursor:pointer;
}
.dmax-home .testimonials-slider .slick-dots button::before {
    content:'';
    width:4px;
    height:4px;
    border-radius:50%;
    background:#b6b6b6;
}
.dmax-home .testimonials-slider .slick-active button {
    border-color:#fff;
}
.dmax-home .testimonials-slider .slick-active button::before {
    background:#fff;
}
.dmax-home .faq {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:70px;
    align-items:center
}
.dmax-home .faq-visual {
    height:425px;
    border-radius:26px;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
}
.dmax-home .faq-visual img {
    width:100%;
    height:100%;
    object-fit:cover
}
.dmax-home .faq-visual img:nth-child(2) {
    margin-top:35px;
    height:calc(100% - 35px)
}
.dmax-home .faq-list {
    margin-top:25px
}
.dmax-home .faq-line {
    background:#f2f5f9;
    border-radius:16px;
    margin-bottom:12px;
    padding:20px 22px;
    font-size:16px;
    font-weight:800;
    color:#062866;
    display:flex;
    justify-content:space-between;
    display:block;
    transition:background-color .3s ease;
}
.dmax-home .faq-line[open] {
    background:#ffda03
}
.dmax-home .process {
    padding:67px 0 85px;
    background:#f7faff
}
.dmax-home .process-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    padding-right:36px;
}
.dmax-home .step {
    position:relative;
    min-width:0;
    width:calc(100% + 36px);
    min-height:224px;
    padding:20px 44px 26px 60px;
    transition:filter .25s ease;
}
.dmax-home .step:hover {
    filter:drop-shadow(0 5px 10px rgba(0,16,98,.12));
}
.dmax-home .step::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(255,218,0,.06),rgba(255,218,0,.1));
    -webkit-mask:url("../../images/process-step.svg") center / 100% 100% no-repeat;
    mask:url("../../images/process-step.svg") center / 100% 100% no-repeat;
    pointer-events:none;
}
.dmax-home .step:nth-child(even)::before {
    background:linear-gradient(135deg,rgba(6,50,138,.025),rgba(6,50,138,.075));
}
.dmax-home .step:first-child {
    padding-left:38px;
}
.dmax-home .step:first-child::before {
    -webkit-mask-image:url("../../images/process-step-first.svg");
    mask-image:url("../../images/process-step-first.svg");
}
.dmax-home .step:last-child {
    padding-right:30px;
}
.dmax-home .step > * {
    position:relative;
}
.dmax-home .step>span {
    display:block;
    width:max-content;
    font-family:var(--font-main);
    font-size:46px;
    line-height:1.15;
    font-weight:900;
    color:#ffb400;
    margin-bottom:16px;
}
.dmax-home .step>span::after {
    content:"";
    display:block;
    width:31px;
    height:3px;
    margin-top:7px;
    background:currentColor;
}
.dmax-home .step:nth-child(even)>span {
    color:var(--primary);
}
.dmax-home .step h3 {
    font-size:20px;
    line-height:1.3;
    font-weight:800;
    margin:0 0 10px;
    color:var(--primary);
}
.dmax-home .step .home-richtext {
    font-size:16px;
    line-height:1.5;
    color:#202020;
}
.dmax-home .step .home-richtext p {
    font-size:inherit;
    line-height:inherit;
    color:inherit;
    margin:0 0 8px;
}
.dmax-home .step .home-richtext p:last-child {
    margin-bottom:0;
}
.dmax-home .home-news {
    padding:64px 16px;
    background:#fff;
}
.dmax-home .home-news-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; text-align:left; }
.dmax-home .home-news-heading-copy { flex:1; min-width:0; }
.dmax-home .home-news-all { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; gap:12px; height:var(--button-height,46px); padding:0 22px; border-radius:30px; background:var(--yellow); color:var(--primary); font-size:16px; font-weight:700; white-space:nowrap; }
.dmax-home .home-news-all:hover,
.dmax-home .home-news-all:focus-visible { background:var(--primary); color:#fff; }
.dmax-home .home-news-heading .eyebrow::after { content:none; }
.dmax-home .home-news-heading h2 { margin:0 0 12px; font-size:36px; line-height:1.3; color:var(--primary); }
.dmax-home .home-news-heading .home-richtext p { margin:0; }
.dmax-home .home-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.dmax-home .contact {
    position:relative;
    padding:80px 0;
    background:#eaf5ff url("../../images/contact-section-bg.svg") center / cover no-repeat;
}
.dmax-home .contact-grid {
    display:grid;
    grid-template-columns:minmax(0, .34fr) minmax(0, .66fr);
    gap:30px;
    align-items:stretch;
}
.dmax-home .contact-grid::before,
.dmax-home .contact-grid::after {
    content:none;
}
.dmax-home .contact-support {
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:596px;
    overflow:hidden;
    border-radius:36px;
    padding:36px 30px 0;
    background-color:var(--primary);
    background-position:center;
    background-size:cover;
    text-align:center;
}
.dmax-home .contact-support-content {
    width:100%;
    color:#fff;
}
.dmax-home .contact-support-content h3 {
    color:#fff;
    font-size:23px;
    line-height:1.35;
    margin:0 0 10px;
}
.dmax-home .contact-support-content h3:first-child::after {
    content:"";
    display:block;
    width:88px;
    height:4px;
    border-radius:4px;
    margin:16px auto;
    background:var(--accent);
}
.dmax-home .contact-support-content ul {
    list-style:none;
    padding:0;
    margin:0;
}
.dmax-home .contact-support-content li {
    list-style:none;
    margin:0;
    padding:0;
}
.dmax-home .contact-support-content ul:first-of-type {
    border-bottom:1px solid rgba(255,255,255,.25);
    padding-bottom:18px;
    margin-bottom:20px;
}
.dmax-home .contact-support-content a {
    color:var(--accent);
    font-weight:800;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.dmax-home .contact-support-content a[href^="tel:"] {
    font-size:26px;
    line-height:1.4;
}
.dmax-home .contact-support-content a[href^="mailto:"] {
    font-size:23px;
    line-height:1.4;
}
.dmax-home .contact-support-content a:hover {
    text-decoration:underline;
}
.dmax-home .contact-person {
    width:78%;
    max-width:230px;
    margin:14px auto 0;
    margin-top:auto;
    padding-top:12px;
}
.dmax-home .contact-person img {
    display:block;
    width:100%;
    height:auto;
}
.dmax-home .contact-main {
    display:flex;
    flex-direction:column;
    border-radius:36px;
    background:rgba(255,255,255,.94);
    padding:30px 36px 36px;
    box-shadow:0 20px 40px rgba(6,50,138,.06);
}

.dmax-home .contact-intro {
    display:flex;
    flex-direction:column;
    flex:1;
}
.dmax-home .contact-intro h2 {
    font-size:36px;
    line-height:1.25;
    margin:0 0 12px;
}
.dmax-home .contact-intro p {
    font-size:19px;
    line-height:1.6;
    color:#536078;
    margin:0;
}
.dmax-home .form {
    display:flex;
    flex-direction:column;
    flex:1;
    margin-top:34px;
}
.dmax-home .form .caldera-grid {
    display:flex;
    flex-direction:column;
    flex:1;
    font-family:var(--font-main);
    font-size:16px;
    margin-bottom:0;
}
.dmax-home .form .caldera_forms_form {
    display:flex;
    flex-direction:column;
    flex:1;
}
.dmax-home .form .caldera-grid .last_row {
    margin-top:auto;
}
.dmax-home .form .caldera-grid .row {
    margin-left:-12px;
    margin-right:-12px;
}
.dmax-home .form .caldera-grid [class*="col-sm-"] {
    padding-left:12px;
    padding-right:12px;
}
.dmax-home .form .caldera-grid .form-group {
    margin-bottom:20px;
}
.dmax-home .form .caldera-grid .row:last-child .form-group {
    margin:8px 0 0;
    text-align:center;
}
.dmax-home h2 {
    font-size:36px;
    line-height:1.3;
    color:var(--primary);
    margin:0 0 22px;
}

.dmax-home h2 em{
    display: block;
    font-style: inherit;
}

#gioi-thieu{
    padding-bottom: 0;
}

.dmax-home .eyebrow {
    display:inline-flex;
    align-items:center;
    gap:10px;
    max-width:100%;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color: var(--yellow);
    margin-bottom:14px;
}
.dmax-home .eyebrow::before,
.process .eyebrow::after {
    content:'';
    flex:0 0 35px;
    width:35px;
    border-top:1px solid currentColor;
}
.dmax-home .home-richtext p:last-child {
    margin-bottom:0;
}
.dmax-home .intro-grid > *, .dmax-home .why-grid > *, .dmax-home .test-grid > *, .dmax-home .contact-grid > * {
    min-width:0;
}
.dmax-home .faq-line summary {
    cursor:pointer;
    font-weight:700;
}
.dmax-home .faq-line .home-richtext {
    padding-top:14px;
    font-weight:400;
}
.dmax-home .form:empty {
    display:none;
}
.dmax-home .form input, .dmax-home .form textarea, .dmax-home .form select {
    width:100%;
    font:inherit;
}
.dmax-home .form .caldera-grid .form-control {
    height:54px;
    padding:12px 20px;
    border:1px solid #c9ddff;
    border-radius:14px;
    background:linear-gradient(135deg,#f8fbff,#edf5ff);
    color:var(--primary);
    box-shadow:none;
    font-size:16px;
    line-height:1.5;
}
.dmax-home .form .caldera-grid .form-control::placeholder {
    color:#63718a;
    opacity:1;
}
.dmax-home .form .caldera-grid .form-control:focus {
    border-color:var(--primary);
    outline:2px solid rgba(6,50,138,.16);
    outline-offset:2px;
}
.dmax-home .form .caldera-grid textarea.form-control {
    height:auto;
    min-height:120px;
    resize:vertical;
}
.dmax-home .form .caldera-grid input[type=submit],
.dmax-home .form .caldera-grid button[type=submit] {
    display:inline-block;
    width:fit-content;
    max-width:100%;
    background:var(--accent);
    color:var(--primary);
    border:0;
    border-radius:30px;
    height:var(--button-height);
    padding:0 50px;
    font-family:var(--font-main);
    font-size:18px;
    line-height:var(--button-height);
    font-weight:800;
    cursor:pointer;
    transition:background-color .2s ease, box-shadow .2s ease;
}
.dmax-home .form .caldera-grid input[type=submit]:hover,
.dmax-home .form .caldera-grid button[type=submit]:hover {
    background:#ffcf00;
    box-shadow:0 5px 14px rgba(6,50,138,.12);
}
.dmax-home a:focus-visible, .dmax-home summary:focus-visible {
    outline:3px solid var(--yellow);
    outline-offset:4px;
}
@media (max-width: 1200px) {
    .home.dmax-home-page .site-header > .wrap {
        width:calc(100% - 30px);
    }
    .dmax-home .contact {
        padding:70px 20px;
    }
    .dmax-home .home-shopee-prev {
        left:8px;
    }
    .dmax-home .home-shopee-next {
        right:8px;
    }
    .dmax-home .hero-copy > .home-richtext h2 {
        font-size:40px;
    }
    .dmax-home .intro-grid, .dmax-home .why-grid {
        gap:30px;
    }
}
@media (max-width: 1170px) {
    body.home.dmax-home-page {
        --home-header-offset:0px;
    }
    .home.dmax-home-page .sticky-header-wrapper {
        position:sticky;
        top:var(--header-admin-offset,0px);
    }
    .home.dmax-home-page .site-header {
        background:var(--primary);
        border-bottom:1px solid rgba(0,0,0,.06);
    }
    .home.dmax-home-page .site-header > .wrap,
    .home.dmax-home-page.is-scrolled .site-header > .wrap {
        min-height:60px;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .home.dmax-home-page .site-header .title-area {
        height:auto;
        padding:0;
        border-radius:0;
    }
    .home.dmax-home-page .site-header .header-widget-area {
        margin-right:0;
    }
    .home.dmax-home-page .site-header .search-form-input:not(:focus),
    .home.dmax-home-page .site-header .gsc-shop-cart .btn-view-cart {
        background-color:transparent;
        border-color:#ffffff60;
        box-shadow:none;
    }
    .home.dmax-home-page .dmax-home .hero {
        padding-top:0;
    }
}
@media (max-width: 960px) {
    .dmax-home .contact-support {
        padding:28px 18px 0;
    }
    .dmax-home .contact-support-content h3 {
        font-size:20px;
    }
    .dmax-home .contact-support-content a[href^="tel:"] {
        font-size:22px;
    }
    .dmax-home .contact-support-content a[href^="mailto:"] {
        font-size:18px;
    }
    .dmax-home .contact-main {
        padding:28px 24px;
    }
    .dmax-home .contact-intro h2 {
        font-size:30px;
    }
    .dmax-home .shopee {
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }
    .dmax-home .shopee > div {
        width:100%;
    }
    .dmax-home .home-shopee-products .shopee-products-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .dmax-home .hero-copy {
        width:60%;
    }
    .dmax-home .hero {
        background-position:60% center;
    }
    .dmax-home .hero-wrap {
        min-height:580px;
    }
    .dmax-home .hero-copy > .home-richtext h2 {
        font-size:36px;
    }
    .dmax-home .hero-meta {
        gap:12px;
    }
    .dmax-home .benefits, .dmax-home .process-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .dmax-home .process-grid {
        gap:20px 0;
    }
    .dmax-home .step:nth-child(odd) {
        padding-left:38px;
    }
    .dmax-home .step:nth-child(odd)::before {
        -webkit-mask-image:url("../../images/process-step-first.svg");
        mask-image:url("../../images/process-step-first.svg");
    }
    
}
@media (max-width: 768px) {
    .dmax-home #gioi-thieu ul {
        display:grid;
        grid-template-columns:max-content minmax(0,1fr);
        gap:16px 12px;
    }
    .dmax-home #gioi-thieu ul > li {
        min-width:0;
    }
    .dmax-home #gioi-thieu ul > li > a {
        width:100%;
        overflow-wrap:anywhere;
    }
    .dmax-home #gioi-thieu ul > li > a:not([href^="tel:"]) {
        gap:6px;
        padding-left:12px;
    }
    .dmax-home #gioi-thieu ul > li > a[href^="tel:"] {
        padding-left:52px;
        white-space:normal;
        height:auto;
        min-height:var(--button-height);
    }
    .dmax-home .hero-copy > .home-richtext ul > li > a::after {
        display:none;
    }
    .dmax-home .home-news { padding:48px 16px; }
    .dmax-home .home-news-heading h2 { font-size:24px; }
    .dmax-home .home-news-heading { flex-direction:column; align-items:stretch; gap:16px; }
    .dmax-home .home-news-all { align-self:flex-end; }
    .dmax-home .home-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; }
    .dmax-home .contact {
        padding:40px 0;
    }
    .dmax-home .contact-support {
        flex-direction:row;
        align-items:flex-end;
        gap:18px;
        min-height:0;
        padding:24px 24px 0;
        border-radius:26px;
    }
    .dmax-home .contact-support-content {
        flex:1;
        min-width:0;
        padding-bottom:24px;
    }
    .dmax-home .contact-person {
        flex:0 0 34%;
        width:34%;
        max-width:220px;
        margin:0;
        padding-top:0;
    }
    .dmax-home .contact-main {
        padding:28px 24px;
        border-radius:26px;
    }
    .dmax-home .contact-intro h2 {
        font-size:28px;
    }
    .dmax-home .contact-intro p {
        font-size:16px;
    }
    .dmax-home .form {
        margin-top:24px;
    }
    .dmax-home .form .caldera-grid .col-sm-6 {
        float:none;
        width:100%;
    }
    .dmax-home .home-shopee-section {
        --home-shopee-heading-gap:36px;
        padding:40px 0;
    }
    .dmax-home .shopee {
        margin-bottom:var(--home-shopee-heading-gap);
    }
    .dmax-home .home-shopee-arrow {
        top:auto;
        bottom:calc(100% + var(--home-shopee-heading-gap) + (var(--button-height) - 78px) / 2);
    }
    .dmax-home .home-shopee-prev {
        left:auto;
        right:52px;
    }
    .dmax-home .home-shopee-next {
        right:0;
    }
    .dmax-home .home-shopee-products .shopee-products-grid {
        gap:12px;
    }
    .dmax-home .home-shopee-products .shopee-products-grid.slick-initialized {
        margin:0 -6px;
    }
    .dmax-home .home-shopee-products .shopee-product.slick-slide {
        margin:0 6px;
    }
    .dmax-home .shopee h2 {
        font-size:28px;
    }
    .dmax-home .hero {
        background-position:65% center;
    }
    .dmax-home .hero:before {
        content:'';
        position:absolute;
        inset:0;
        background:rgba(0,20,60,.65);
    }
    .dmax-home .hero-wrap {
        min-height:560px;
    }
    .dmax-home .hero-copy {
        width:100%;
        padding:44px 0;
    }
    .dmax-home .hero-copy > .home-richtext h2 {
        font-size:30px;
        max-width:540px;
    }
    .dmax-home .hero-meta {
        font-size:14px;
        margin-top:26px;
    }
    .dmax-home .intro-grid, .dmax-home .why-grid, .dmax-home .test-grid, .dmax-home .faq, .dmax-home .contact-grid {
        grid-template-columns:minmax(0,1fr);
        gap:28px;
    }
    
    .dmax-home .stat-flex {
        flex-direction:column;
        align-items:flex-start;
        gap:24px;
    }
    .dmax-home .section {
        padding:50px 0;
    }
    .dmax-home h2,
    .dmax-home .shopee h2,
    .dmax-home .contact-intro h2 {
        font-size:24px;
    }

    .dmax-home .test-grid > img {
        height:300px;
    }

    .dmax-home .eyebrow::before, .process .eyebrow::after {
        content: '';
        flex: 0 0 20px;
        width: 20px;
        border-top: 1px solid currentColor;
    }

    .home .dmax-products-section{
        padding: 40px 0;
    }

}
@media (max-width: 500px) {

    .dmax-home .why-card{
        padding: 10px;
    }

    .dmax-home .form .caldera-grid .form-control{
        height: 46px;
    }

    .dmax-home .why-card b span {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .dmax-home .intro-marquee-track{
        font-size: 40px;
    }

    .dmax-home .hero-copy > .home-richtext h2 em{
        display: contents;
    }

    .dmax-home .hero-wrap {
        min-height: 430px;
    }

    .dmax-home .benefits{
        margin: 30px 0 0;
        gap: 15px;
    }

    .dmax-home .benefit-copy {
        padding: 10px;
    }

    .dmax-home .benefit-copy .home-richtext img{
        width: 40px;
        margin: 0 auto 10px;
    }

    .dmax-home .benefit-copy .home-richtext strong{
        font-size: 16px;
    }

    .dmax-home .stat {
        padding: 25px 0px 35px;
    }

    .dmax-home .stat-pill {
        width: calc(100% - 2px);
        text-align: center;
        padding: 15px 0;
    }

    .dmax-home .benefit-copy p{
        margin: 0;
    }

    .dmax-home .home-news > .wrap {
        display:flex;
        flex-direction:column;
    }
    .dmax-home .home-news-heading {
        display:contents;
    }
    .dmax-home .home-news-heading-copy {
        margin-bottom:28px;
    }
    .dmax-home .home-news-grid {
        order:1;
        grid-template-columns:minmax(0,1fr);
    }
    .dmax-home .home-news-card {
        display:grid;
        grid-template-columns:minmax(0,1fr);
        align-content:start;
        gap:10px 12px;
        padding:12px;
    }
    .dmax-home .home-news-card.has-post-thumbnail {
        grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);
    }
    .dmax-home .home-news-card > .home-news-image {
        grid-column:1;
        grid-row:1 / span 3;
        align-self:start;
        aspect-ratio:1;
        border-radius:8px;
    }
    .dmax-home .home-news-card.has-post-thumbnail > .entry-header,
    .dmax-home .home-news-card.has-post-thumbnail > .entry-content,
    .dmax-home .home-news-card.has-post-thumbnail > .entry-footer {
        grid-column:2;
    }
    .dmax-home .home-news-card > .entry-header,
    .dmax-home .home-news-card > .entry-content,
    .dmax-home .home-news-card > .entry-footer {
        min-width:0;
        padding:0;
    }
    .dmax-home .home-news-card .home-news-title {
        padding:0;
    }
    .dmax-home .home-news-card > .entry-footer {
        gap:6px 12px;
    }
    .dmax-home .home-news-all {
        order:2;
        align-self:center;
        margin-top:28px;
    }
    .dmax-home .contact-support {
        flex-direction:column;
        align-items:center;
        gap:0;
    }
    .dmax-home .contact-support-content {
        flex:auto;
        padding-bottom:0;
    }
    .dmax-home .contact-person {
        flex:auto;
        width:64%;
        max-width:210px;
        margin:16px auto 0;
    }
    .dmax-home .contact-main {
        padding:26px 20px;
    }

    .site-footer .widget:first-child .widget-title{
        height: 50px;
    }

    .dmax-home .form .caldera-grid .form-group {
        margin-bottom: 12px;
    }

    .dmax-home .hero-copy > .home-richtext h2 {
        font-size:30px;
    }

    .dmax-home .process-grid {
        gap:14px;
        padding-right:0;
    }
    .dmax-home .process-grid .step {
        width:100%;
        min-height:0;
        padding: 15px;
    }
    .dmax-home .step::before {
        -webkit-mask-image:url("../../images/process-step-first.svg");
        mask-image:url("../../images/process-step-first.svg");
    }
    .dmax-home .hero-copy > .home-richtext ul {
        gap:10px;
    }
    .dmax-home .hero-copy > .home-richtext ul > li > a {
        padding:0 16px;
    }
    .dmax-home .step>span{
        font-size: 30px;
    }
    
    .dmax-home .hero-copy > .home-richtext h2 {
        font-size:25px;
        margin: 0 0 15px;
        line-height: 1.3;
    }

    .dmax-home .hero-copy{
        padding: 0;
    }

    .dmax-home .eyebrow,
    .dmax-home .shopee .eyebrow{
        font-size: 10px;
    }

    .dmax-home .hero p,
    .dmax-home .testimonial-name,
    .dmax-home .step h3{
        font-size: 16px;
    }

    .dmax-home .avatar{
        width: 65px;
        height: 65px;
    }

    .dmax-home .section,
    .dmax-home .testimonials,
    .dmax-home .process,
    .dmax-home .home-news{
        padding: 40px 0;
    }

    .dmax-home .test-grid > img,
    .dmax-home .faq-visual{
        display: none;
    }

    .dmax-home .quote {
        background: #2b3e85;
    }

    .dmax-home .shopee{
        margin: 0 0 20px;
    }

    .dmax-home .shopee .button {
        padding: 0 12px;
    }

    .dmax-home .home-shopee-products .shopee-product h2,
    .dmax-home .form .caldera-grid input[type=submit], .dmax-home .form .caldera-grid button[type=submit] {
        font-size: 15px;
    }
}


@media (max-width: 395px) {
    .dmax-home .why-card b{
        font-size: 14px;
    }
}
