.whois-card{

    background:#fff;

    border-radius:12px;

    padding:25px;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

}

.whois-title{

    font-size:24px;

    font-weight:bold;

    margin-bottom:20px;

    color:#0d6efd;

}

.whois-card table{

    width:100%;

    border-collapse:collapse;

}

.whois-card th{

    width:180px;

    background:#fafafa;

    color:#555;

    font-weight:600;

    border-bottom:1px solid #e5e5e5;

}

.whois-card td{

    border-bottom:1px solid #e5e5e5;

}

.whois-card tr:nth-child(even){

    background:#fafafa;

}

.whois-list{
    line-height:1.8;
    color:#333;
}

/* VONG DOI TEN MIEN  */
.btn-domain-life{

    background:#0d6efd;

    color:#fff;

    border:none;

    padding:7px 15px;

    border-radius:4px;

    cursor:pointer;

}

.timeline{

    position:relative;
    margin-top:25px;
    margin-left:15px;
    padding-left:55px;
    width:100%;
    box-sizing:border-box;

}

.timeline:before{

    content:"";

    position:absolute;

    left:18px;

    top:0;

    bottom:0;

    width:2px;

    background:#d8e4f5;

}

.timeline-item{

    position:relative;

    margin-bottom:30px;

    display:flex;

    align-items:flex-start;

}

.timeline-icon{

    position:absolute;

    left:-40px;

    top:15px;

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

}

.timeline-content{

    width:100%;

    display:block;

    box-sizing:border-box;

    min-height:110px;

    background:#fff;

    border-radius:12px;

    padding:18px 20px;

}

.timeline-date{

    font-size:14px;

    color:#777;

    margin-bottom:8px;

}

.timeline-badge{

    display:inline-block;

    padding:2px 8px;

    margin-left:8px;

    background:#fff3cd;

    border-radius:10px;

    font-size:12px;

    color:#a66a00;

}

.timeline-item.green .timeline-icon{

    background:#3cbf60;

}

.timeline-item.blue .timeline-icon{

    background:#1976d2;

}

.timeline-item.orange .timeline-icon{

    background:#f39c12;

}

.timeline-item.red .timeline-icon{

    background:#e53935;

}

.timeline-item.green h4{

    color:#3cbf60;

}

.timeline-item.blue h4{

    color:#1976d2;

}

.timeline-item.orange h4{

    color:#f39c12;

}

.timeline-item.red h4{

    color:#e53935;

}

.timeline-content p{

    margin:6px 0;
    color:#555;
    font-size:12px;
    line-height:1.7;

}

.expire-row{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

}

.expire-date{

    font-weight:600;

    font-size:15px;

}

.btn-domain-life{

    white-space:nowrap;

    padding:6px 14px;

}

.timeline-content h4{

    font-size:20px;

    margin:8px 0 10px;

}

.domain-life-cell{

    padding:20px !important;

    background:#fff;

}

.domain-life-row{

    width:100%;

}
