.dv-bangia-box { float: left; width: calc(100% / 3 - 40px); margin: 0 20px 40px; background-color: #fff; position: relative; border: solid 1px #f49020; border-radius: 10px; }
.dv-list-box-cont { padding: 40px 0; }
.dv-list-box-cont-box { margin: 0 -20px; }
.dv-banggia-pri { }
.dv-banggia-pri { border-top: 1px solid rgb(255 255 255 / 48%); padding-top: 12px; margin-top: 12px; }
.dv-banggia-pri b { font-size: 30px; line-height: 1.2; font-weight: 500; }
.dv-bangia-title h3 { background: transparent; color: #fff; font-weight: 400; -moz-border-radius: 10px 10px 0 0; text-transform: capitalize; padding-bottom: 10px; font-size: 32px; line-height: 1.2; text-align: center; }
.dv-bangia-title { background: rgb(254,159,0); background: linear-gradient(90deg, rgba(254,159,0,1) 0%, rgb(255 87 87) 100%); color: #fff; padding: 30px 18px 15px; font-size: 18px; text-align: center; }
.dv-banggia-chitiet li { list-style: none; padding-bottom: 10px; border-bottom: dotted 1px #ccc; font-size: 15px; line-height: 24px; margin: 0 18px 10px; }
.dv-banggia-chitiet { padding: 20px 0; }
.dv-bangia-title p { margin: 0; padding: 0 0 10px; font-weight: 400; font-size: 15px; }
.view-more a { font-size: 18px; text-align: center; padding: 12px 10px; border: none; color: #333; background: rgb(244 133 32 / 20%); display: block; margin: 0; }
p.view-more { margin: 0; padding: 0; }
.dv-bangia-box { overflow: hidden; }
p.view-more i { font-size: 17px; margin-left: 5px; }
.dv-bangia-box.dv-bangia-box-1 .dv-bangia-title { background: rgb(0,170,115); background: linear-gradient(90deg, rgba(0,170,115,1) 0%, rgb(0 148 105) 100%); }
.dv-bangia-box.dv-bangia-box-1 { border: solid 1px #24c19b; }
.dv-bangia-box.dv-bangia-box-2 .dv-bangia-title { background: #00BCD4; background: linear-gradient(90deg, #00BCD4 0%, rgb(2 151 175) 100%); }
.dv-bangia-box.dv-bangia-box-2 { border: solid 1px #00bcd4; }
.dv-bangia-box.dv-bangia-box-1 .view-more a { background: rgb(36 193 155 / 20%); }
.dv-bangia-box.dv-bangia-box-2 .view-more a { background: rgb(0 187 211 / 20%); }
.dv-tn-box-2 > span i.fa.fa-close { color: #ff0000; }
.dv-tn-box-2 > span b { font-weight: normal; color: #333; position: relative; top: 2px; }
.tooltip { color: #fff; background-color: #2f9785; border-radius: 50%; font-size: 9px; font-weight: bold; cursor: pointer; width: 12px; height: 12px; display: inline-flex; align-items: center; justify-content: center; font-style: normal; line-height: 12px; margin-left: 2px; top: -3px; position: relative; }
.tooltip::after { content: attr(title); position: absolute; background-color: #2f9785; color: #fff; border-radius: 5px; left: -17px; bottom: 26px; display: none; transition: opacity 0.3s ease; width: 400px; font-size: 14px; line-height: 1.5; font-weight: normal; padding: 10px;text-align: left; }
.tooltip::before { content: ""; position: absolute; border-style: solid; border-width: 5px; border-color: #2f9785 transparent #2f978500 transparent; bottom: 17px; left: 50%; transform: translateX(-50%); display: none; }
.tooltip:hover::before , .tooltip:hover::after { display: block; }
.dv-title-price { color: #38977f; padding: 0 0 10px; text-align: center; font-size: 30px; margin-bottom: 25px; }
.dv-title-price p { color: #333; font-size: 17px; max-width: 900px; margin: 0 auto; }
.dv-list-box-cont.dv-list-box-cont-2 { background: #f9f9f9; }
.dv-bangia-box.dv-bangia-box-4 .dv-bangia-title { background: #8bc34a; background: linear-gradient(90deg, #8BC34A 0%, #568124 100%); }
.dv-bangia-box.dv-bangia-box-4 { border-color: #8bc34a; }
.dv-bangia-box.dv-bangia-box-5 .dv-bangia-title { background: #ff3b7e; background: linear-gradient(90deg, #ff3b7e 0%, #d31455 100%); }
.dv-bangia-box.dv-bangia-box-5 { border-color: #ff3b7e; }
.dv-bangia-box.dv-bangia-box-5 .view-more a { background: rgb(234 40 106 / 20%); }
.dv-box-loi-ich.dv-box-loi-ich-2.bg-fff { background: #fff; }
.dv-bangia-box.dv-bangia-box-6 .dv-bangia-title { background: #3f51b5; background: linear-gradient(90deg, #3f51b5 0%, #1b2e9b 100%); }
.dv-bangia-box.dv-bangia-box-6 { border-color: #3f51b5; }
.dv-bangia-box.dv-bangia-box-6 .view-more a { background: rgb(63 81 181 / 20%); }
.dv-thongtinthem li { float: none!important; line-height: 150%!important; background: url(../images/new_check_green_small.png) left center no-repeat; background-size: 22px; padding: 7px 5px 7px 35px; list-style: none; }
.dv-thongtinthem { margin-top: 40px; }
.dv-thongtinthem h3 { margin-bottom: 10px; }
.dv-thongtinthem { padding: 0 0 10px; }
.dv-bangia-box.dv-bangia-box-4 .view-more a { background: rgb(112 162 55 / 20%); }
.dv-box-title p { max-width: 800px; margin: 0 auto; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web.bg-dkweb { padding: 100px 0; text-align: center; background: url(../images/bg_page.jpg) center center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; color: #fff; position: relative; }
.dv-tn-box-1 { width: 34%; float: left; background: #F5F5F5; text-align: left; border: 1px solid #e6e6e6; height: 34px; padding: 4px 10px; border-right: 0; border-top: 0; border-left: 1px solid #e6e6e6; line-height: 1.5; display: block; }
.dv-box-coban-table { font-size: 15px; padding: 20px 0; display: none; }
.dv-tn-box-2 { width: 22%; float: left; text-align: center; height: 34px; border: 1px solid #fff; border-top: 0; border-right: 0; background: #fde7d2; }
.dv-tn-box-2.dv-tn-box-3 { background: #d3f3eb; }
.dv-tn-box-2.dv-tn-box-4 { background: #00bad24a; }
.dv-tn-box-2 > span { position: relative; top: 3px; color: #1789e4; }
.dv-tn-box.dv-box-tit .dv-tn-box-2 .dv-tn-tit { background: #fe7b2b; color: #fff; height: 40px; line-height: 40px; font-size: 18px; }
.dv-tn-box.dv-box-tit .dv-tn-box-2 { height: auto; }
.dv-tn-box.dv-box-tit .dv-tn-box-2 .dv-tn-pri { line-height: 1; height: 45px; padding: 11px 0; font-size: 24px; font-weight: 500; overflow: hidden; }
.dv-tn-box.dv-box-tit .dv-tn-box-2 .dv-tn-pri span { font-size: 15px; color: #777; }
.dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box.dv-box-tit .dv-tn-box-1 { background: #f9f9f9; }
.dv-tn-box.dv-box-tit .dv-tn-box-1 { height: 85px; font-size: 24px; background: #fff; border: none; line-height: 1.4; color: #2f9785; padding: 15px 0px; font-weight: 500; }
.dv-tn-box.dv-box-tit { overflow: hidden; }
.dv-tn-box.dv-box-tit .dv-tn-box-2.dv-tn-box-3 .dv-tn-tit { background: #009f6e; }
.dv-tn-box.dv-box-tit .dv-tn-box-2.dv-tn-box-4 .dv-tn-tit { background: #01a9c1; }
.dv-tn-box-1.dv-tn-box-loai-0 { width: 100%; height: 40px; line-height: 40px; padding: 0 10px; background: #e6e6e6; }
.dv-list-box-cont { overflow: hidden; }
.dv-box-row.dv-box-row-2 { padding-top: 50px; }
.dv-box-row.dv-box-row-2 .dv-left { float: right; padding-right: 0; }
.dv-box-row.dv-box-row-2 .dv-right { padding: 0 30px 0 0; }


.dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box.dv-box-tit .dv-tn-box-2 .dv-tn-tit {
    background: #70a237;
}

.dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box-2 {
    background: #e2ecd7;
}

.dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box.dv-box-tit .dv-tn-box-2.dv-tn-box-3 .dv-tn-tit {
    background: #eb296b;
}

.dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box-2.dv-tn-box-3 {
    background: #fbd4e1;
}

.dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box-2 {
}

.dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box.dv-box-tit .dv-tn-box-2.dv-tn-box-4 .dv-tn-tit {
    background: #2e40a9;
}

.dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box-2.dv-tn-box-4 {
    background: #d9dcf0;
}

@media only screen and (max-width: 991px) { .dv-bangia-box { width: calc(100% / 2 - 40px); margin: 0 20px 20px; }
}
@media only screen and (max-width: 767px) { .dv-bangia-box { width: calc(100% / 1 - 40px); margin: 0 20px 20px; }
.dv-title-price { font-size: 25px; margin-bottom: 10px; }
.dv-title-price { font-size: 25px; margin-bottom: 10px; }
.dv-tn-box.dv-box-tit .dv-tn-box-1, .dv-box-coban-table.dv-box-coban-table-2 .dv-tn-box.dv-box-tit .dv-tn-box-1 { display: none; }
.dv-tn-box.dv-box-tit .dv-tn-box-2 .dv-tn-pri { font-size: 16px; }
.dv-tn-box-1 { width: 100%; text-align: center; height: auto; }
.dv-box-row.dv-box-row-2 { padding-top: 10px; }
.dv-tn-box-2 { width: calc(100% / 3); height: auto; min-height: 34px; font-size: 13px; }
}