.elementor-3748 .elementor-element.elementor-element-9d2503e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--padding-top:10%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;overflow:visible;}.elementor-3748 .elementor-element.elementor-element-495b131{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3748 .elementor-element.elementor-element-9d2503e{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:18%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-3748 .elementor-element.elementor-element-495b131{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-b82c35c *//* =============================================
   T-DESIGN - QUY TRÌNH THI CÔNG
   Đồng bộ font Elementor
============================================= */

.td-process{
    --td-black:#111;
    --td-text:#414141;
    --td-gray:#898989;
    --td-line:#dedede;
    --td-light:#f6f6f4;
    --td-gold:#e3a51c;

    width:100%;
    color:var(--td-black);

    font-family:var(--e-global-typography-text-font-family), sans-serif !important;
    font-weight:500;
}

/* ÉP TOÀN BỘ PHẦN CON CÙNG FONT */
.td-process,
.td-process *{
    font-family:var(--e-global-typography-text-font-family), sans-serif !important;
}


/* =============================================
   HEADER
============================================= */

.td-process-head{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);

    column-gap:70px;
    row-gap:15px;

    padding:20px 0 80px;
}


/* TEXT NHỎ TRÊN HEADER */
.td-process-kicker{
    grid-column:1;
    grid-row:1 / 3;

    padding-top:10px;

    font-size:13px;
    font-weight:600;
    letter-spacing:1.8px;

    color:var(--td-gold);
}


/* TIÊU ĐỀ CHÍNH */
.td-process-head h2{
    margin:0;

    font-size:55px;
    line-height:1.05;

    letter-spacing:-1.5px;

    font-weight:600;

    color:var(--td-black);
}


/* INTRO */
.td-process-intro{
    display:grid;
    grid-template-columns:70px minmax(0,650px);

    gap:25px;

    margin-top:20px;
}


.td-process-intro-line{
    width:100%;
    height:1px;

    margin-top:13px;

    background:var(--td-black);
}


.td-process-intro p{
    margin:0;

    font-size:17px;
    line-height:1.75;

    font-weight:500;

    color:var(--td-text);
}


/* =============================================
   PROCESS TIMELINE
============================================= */

.td-process-list{
    border-top:1px solid var(--td-black);
}


.td-step{
    position:relative;

    display:grid;
    grid-template-columns:145px minmax(0,1fr);

    min-height:250px;

    border-bottom:1px solid var(--td-line);

    transition:
        background .45s cubic-bezier(.22,1,.36,1),
        padding .45s cubic-bezier(.22,1,.36,1);
}


/* SỐ THỨ TỰ */
.td-step-number{
    padding:36px 20px 30px 0;

    font-size:58px;
    line-height:1;

    font-weight:500;
    letter-spacing:-3px;

    color:#c7c7c7;

    transition:
        color .4s ease,
        transform .5s cubic-bezier(.22,1,.36,1);
}


/* PHẦN NỘI DUNG */
.td-step-main{
    position:relative;

    padding:40px 0 45px 45px;

    border-left:1px solid var(--td-line);
}


/* CHẤM TRÒN TIMELINE */
.td-step-main::before{
    content:"";

    position:absolute;

    left:-5px;
    top:50px;

    width:9px;
    height:9px;

    background:#fff;

    border:1px solid #777;
    border-radius:50%;

    transition:
        background .35s ease,
        border-color .35s ease,
        transform .35s ease;
}


/* GIAI ĐOẠN */
.td-step-meta{
    margin-bottom:9px;

    font-size:12px;

    font-weight:600;
    letter-spacing:1.4px;

    color:var(--td-gray);
}


/* TIÊU ĐỀ MỖI BƯỚC */
.td-step h3{
    margin:0 0 30px;

    font-size:30px;
    line-height:1.15;

    letter-spacing:-.5px;

    font-weight:600;

    color:var(--td-black);
}


/* =============================================
   NỘI DUNG 2 CỘT
============================================= */

.td-step-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:70px;

    max-width:950px;
}


/* LABEL */
.td-label{
    display:block;

    margin-bottom:10px;

    font-size:11px;

    font-weight:600;
    letter-spacing:1.5px;

    color:var(--td-gold);
}


/* TEXT CHÍNH */
.td-step-grid p{
    margin:0;

    font-size:16px;
    line-height:1.7;

    font-weight:500;

    color:var(--td-text);
}


/* =============================================
   HOVER TIMELINE
============================================= */

.td-step:hover{
    background:#fafaf8;
}


.td-step:hover .td-step-number{
    color:var(--td-gold);

    transform:translateX(6px);
}


.td-step:hover .td-step-main::before{
    background:var(--td-gold);
    border-color:var(--td-gold);

    transform:scale(1.3);
}


/* =============================================
   WARRANTY
============================================= */

.td-warranty{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));

    max-width:900px;

    border-top:1px solid var(--td-line);
    border-bottom:1px solid var(--td-line);
}


.td-warranty > div{
    padding:25px 30px 27px;

    border-right:1px solid var(--td-line);
}


.td-warranty > div:first-child{
    padding-left:0;
}


.td-warranty > div:last-child{
    border-right:0;
}


/* SỐ */
.td-warranty strong{
    display:inline-block;

    margin-right:5px;

    font-size:42px;
    line-height:1;

    font-weight:600;
}


/* THÁNG / HỖ TRỢ */
.td-warranty span{
    font-size:11px;

    font-weight:600;

    letter-spacing:1px;

    color:var(--td-gold);
}


/* TEXT WARRANTY */
.td-warranty p{
    margin:10px 0 0;

    font-size:14px;
    line-height:1.55;

    font-weight:500;

    color:var(--td-gray);
}


/* =============================================
   PRICE SECTION
============================================= */

.td-price-section{
    padding:100px 0 90px;
}


.td-price-heading{
    display:flex;

    justify-content:space-between;
    align-items:flex-end;

    gap:30px;

    margin-bottom:45px;
}


/* THAM KHẢO */
.td-price-heading span{
    font-size:12px;

    font-weight:600;

    letter-spacing:1.5px;

    color:var(--td-gold);
}


/* TIÊU ĐỀ ĐƠN GIÁ */
.td-price-heading h2{
    margin:0;

    font-size:55px;
    line-height:1.05;

    letter-spacing:-1.5px;

    font-weight:600;

    color:var(--td-black);
}


/* =============================================
   PRICE GRID
============================================= */

.td-price-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));

    border-top:1px solid var(--td-black);
    border-bottom:1px solid var(--td-black);
}


.td-price-card{
    position:relative;

    min-height:340px;

    padding:30px 28px 35px;

    border-right:1px solid var(--td-line);

    transition:
        background .4s ease,
        color .4s ease,
        transform .4s cubic-bezier(.22,1,.36,1);
}


.td-price-card:last-child{
    border-right:0;
}


/* INDEX */
.td-price-index{
    position:absolute;

    right:20px;
    top:20px;

    font-size:13px;

    font-weight:500;

    color:#aaa;
}


/* TYPE */
.td-price-type{
    display:block;

    margin-bottom:42px;

    font-size:11px;

    font-weight:600;

    letter-spacing:1.5px;

    color:var(--td-gold);
}


/* NHÀ PHỐ / BIỆT THỰ */
.td-price-card h3{
    margin:0 0 12px;

    font-size:18px;
    line-height:1.3;

    font-weight:600;
}


/* GIÁ */
.td-price{
    margin-bottom:28px;

    font-size:30px;
    line-height:1.15;

    font-weight:600;

    letter-spacing:-1px;
}


.td-price small{
    font-size:14px;

    font-weight:500;

    color:#888;
}


/* TEXT PRICE */
.td-price-card p{
    margin:0;

    font-size:14px;
    line-height:1.65;

    font-weight:500;

    color:#777;
}


/* =============================================
   PRICE HOVER
============================================= */

.td-price-card:hover,
.td-price-card.td-price-featured:hover{
    background:var(--td-black);

    color:#fff;

    transform:translateY(-5px);
}


.td-price-card:hover p,
.td-price-card:hover small{
    color:#bbb;
}


/* =============================================
   PRICE NOTE
============================================= */

.td-price-note{
    display:flex;

    gap:14px;

    margin-top:20px;

    max-width:720px;
}


.td-price-note span{
    color:var(--td-gold);

    font-weight:600;
}


.td-price-note p{
    margin:0;

    font-size:13px;
    line-height:1.6;

    font-weight:500;

    color:#888;
}


/* =============================================
   CTA
============================================= */

.td-process-cta{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:50px;

    padding:60px 0;

    border-top:1px solid var(--td-black);
}


.td-process-cta > div{
    max-width:680px;
}


/* TEXT TRÊN CTA */
.td-process-cta > div > span{
    display:block;

    margin-bottom:14px;

    font-size:11px;

    font-weight:600;

    letter-spacing:1.5px;

    color:var(--td-gold);
}


/* CTA TITLE */
.td-process-cta h2{
    margin:0;

    font-size:55px;
    line-height:1.08;

    letter-spacing:-1.2px;

    font-weight:600;

    color:var(--td-black);
}


/* CTA BUTTON */
.td-process-btn{
    flex:0 0 auto;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:45px;

    min-width:220px;

    padding:18px 20px;

    background:var(--td-black);

    color:#fff !important;

    text-decoration:none !important;

    font-size:12px;

    font-weight:600;

    letter-spacing:.5px;

    transition:
        background .35s ease,
        color .35s ease;
}


.td-process-btn span{
    font-size:21px;

    font-weight:500;

    color:var(--td-gold);

    transition:transform .35s ease;
}


.td-process-btn:hover{
    background:var(--td-gold);

    color:#111 !important;
}


.td-process-btn:hover span{
    color:#111;

    transform:translate(4px,-4px);
}


/* =============================================
   TABLET
============================================= */

@media(max-width:1024px){

    .td-process-head{
        grid-template-columns:140px minmax(0,1fr);

        column-gap:35px;

        padding-bottom:60px;
    }


    .td-process-head h2,
    .td-price-heading h2,
    .td-process-cta h2{
        font-size:42px;
    }


    .td-step{
        grid-template-columns:90px minmax(0,1fr);
    }


    .td-step-number{
        font-size:44px;
    }


    .td-step-main{
        padding-left:30px;
    }


    .td-step h3{
        font-size:27px;
    }


    .td-step-grid{
        gap:35px;
    }


    .td-price-grid{
        grid-template-columns:repeat(2,1fr);
    }


    .td-price-card:nth-child(2){
        border-right:0;
    }


    .td-price-card:nth-child(-n+2){
        border-bottom:1px solid var(--td-line);
    }

}


/* =============================================
   MOBILE
============================================= */

@media(max-width:767px){

    /* HEADER */

    .td-process-head{
        display:block;

        padding:10px 0 42px;
    }


    .td-process-kicker{
        margin-bottom:12px;

        padding:0;

        font-size:11px;

        font-weight:600;
    }


    /* TIÊU ĐỀ LỚN MOBILE = 25PX */

    .td-process-head h2,
    .td-price-heading h2,
    .td-process-cta h2{
        font-size:25px;

        line-height:1.2;

        letter-spacing:-.4px;

        font-weight:600;
    }


    .td-process-intro{
        grid-template-columns:30px minmax(0,1fr);

        gap:14px;

        margin-top:22px;
    }


    .td-process-intro-line{
        margin-top:11px;
    }


    .td-process-intro p{
        font-size:15px;

        line-height:1.6;

        font-weight:500;
    }


    /* =================================
       TIMELINE MOBILE
    ================================= */

    .td-step{
        grid-template-columns:48px minmax(0,1fr);

        min-height:auto;
    }


    .td-step-number{
        padding:27px 8px 25px 0;

        font-size:28px;

        font-weight:500;

        letter-spacing:-1px;
    }


    .td-step-main{
        padding:27px 0 32px 18px;
    }


    .td-step-main::before{
        top:34px;

        left:-4.5px;

        width:8px;
        height:8px;
    }


    .td-step-meta{
        margin-bottom:7px;

        font-size:10px;

        font-weight:600;
    }


    /* TITLE STEP */

    .td-step h3{
        margin-bottom:22px;

        font-size:22px;
        line-height:1.25;

        letter-spacing:-.3px;

        font-weight:600;
    }


    .td-step-grid{
        grid-template-columns:1fr;

        gap:22px;
    }


    .td-label{
        margin-bottom:7px;

        font-size:10px;

        font-weight:600;
    }


    /* TEXT MOBILE = 15PX */

    .td-step-grid p{
        font-size:15px;

        line-height:1.6;

        font-weight:500;
    }


    /* =================================
       WARRANTY MOBILE
    ================================= */

    .td-warranty{
        grid-template-columns:1fr;
    }


    .td-warranty > div,
    .td-warranty > div:first-child{
        padding:18px 0;

        border-right:0;
        border-bottom:1px solid var(--td-line);
    }


    .td-warranty > div:last-child{
        border-bottom:0;
    }


    .td-warranty strong{
        font-size:34px;

        font-weight:600;
    }


    .td-warranty p{
        font-size:15px;

        line-height:1.6;

        font-weight:500;
    }


    /* =================================
       PRICE MOBILE
    ================================= */

    .td-price-section{
        padding:65px 0;
    }


    .td-price-heading{
        display:block;

        margin-bottom:30px;
    }


    .td-price-heading span{
        display:block;

        margin-bottom:10px;

        font-size:10px;

        font-weight:600;
    }


    .td-price-grid{
        grid-template-columns:1fr;
    }


    .td-price-card,
    .td-price-card:nth-child(2){
        min-height:auto;

        padding:26px 18px 28px;

        border-right:0;
        border-bottom:1px solid var(--td-line);
    }


    .td-price-card:last-child{
        border-bottom:0;
    }


    .td-price-type{
        margin-bottom:25px;

        font-size:10px;

        font-weight:600;
    }


    .td-price-card h3{
        font-size:18px;

        font-weight:600;
    }


    .td-price{
        margin-bottom:20px;

        font-size:27px;

        font-weight:600;
    }


    .td-price small{
        font-size:13px;

        font-weight:500;
    }


    .td-price-card p{
        font-size:15px;

        line-height:1.6;

        font-weight:500;
    }


    .td-price-note{
        gap:10px;
    }


    .td-price-note p{
        font-size:15px;

        line-height:1.6;

        font-weight:500;
    }


    /* =================================
       CTA MOBILE
    ================================= */

    .td-process-cta{
        display:block;

        padding:40px 0;
    }


    .td-process-cta > div > span{
        margin-bottom:10px;

        font-size:10px;

        font-weight:600;
    }


    .td-process-btn{
        width:100%;

        margin-top:25px;

        padding:16px 18px;

        font-size:12px;

        font-weight:600;
    }

}/* End custom CSS */