::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #aaa;
}
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
.row-0 {
padding: 0px 0px !important;
}
.pd-0 {
padding: 0px !important;
}
.row-5 {
padding: 0px 10px !important;
}
.pd-5 {
padding: 0px 5px 8px 5px !important;
}
.row-20 {
padding: 0px 0px !important;
}
.pd-20 {
padding: 0px 20px 20px 20px !important;
}
.pd-35 {
padding: 0px 35px 20px 35px !important;
}
.row-7 {
padding: 0px 7px !important;
}
.pd-7 {
padding: 0px 7px 7px 7px !important;
}
.noPadding {
padding-bottom: 0px !important;
}
.mr-1 {
margin-right: 10px !important;
}
.mr-2 {
margin-right: 20px;
}
.mr-3 {
margin-right: 30px;
}
.mr-4 {
margin-right: 40px;
}
.mr-4 {
margin-right: 50px;
}
.ml-1 {
margin-left: 10px;
}
.ml-2 {
margin-left: 20px;
}
.ml-3 {
margin-left: 30px;
}
.ml-4 {
margin-left: 40px;
}
.mt-1 {
margin-top: 10px;
}
.mt-2 {
margin-top: 20px;
}
.mt-3 {
margin-top: 30px;
}
.mt-4 {
margin-top: 40px;
}
.mt-5 {
margin-top: 50px;
}
.mb-1 {
margin-bottom: 10px !important;
}
.mb-2 {
margin-bottom: 20px !important;
}
.mb-3 {
margin-bottom: 30px;
}
.mb-4 {
margin-bottom: 40px;
}
.mb-5 {
margin-bottom: 50px;
}
.button_style {
background-color: var(--primary-color);
color: #fff !important;
text-align: center;
padding: 5px 25px;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 9;
border-radius: 0px;
text-transform: uppercase;
font-size: 13px !important;
}
.button_style:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.button_outline {
border: 1px solid var(--primary-color) !important;
color: var(--primary-color) !important;
background: #fff;
}
.button_style:hover {
background: var(--primary-color) !important;
color: #fff !important;
}
.button_style:hover:before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.row-8 {
padding: 0 6px !important
}
.row-12 {
padding: 0 9px !important
}
.pd-8, .row-8 .product-small.col {
padding: 0 9px 18px 9px !important
}
.pd-12, .row-12 .product-small.col {
padding: 0 6px 12px 6px !important
}
.row-20 {
padding: 0 0px !important
}
.pd-20 {
padding: 0 20px 20px 20px !important
}  .thong_tin_address p, .thong_tin_address_footer p {
font-size: 20px;
line-height: 20px;
font-weight: 300;
order: 0
}
.text_update_s h3, .text_update_s h4 {
background: -webkit-linear-gradient(90deg, #ffb57f, #fff 32%);
-webkit-text-fill-color: transparent
}
.icon_baner.update, .text_update_s h3 {
margin-top: -30px !important
}
.banner_home_b .title_banners h3, .chi_tu_home_k_h h3, .dang_ky_s h3, .dat_hang_shrome h3, .giai_quyet_com_home h3, .text_update_s h3, .text_update_s h4, .update_san_pham_home h3 {
-webkit-text-fill-color: transparent
}
.noPadding {
padding-bottom: 0 !important
}
footer#footer {
background: #fff;
padding: 40px 0;
}
footer#footer .footer_top {
padding-top: 30px
}
.thong_tin_address p.solid_address, .thong_tin_address_footer p b {
margin-bottom: 10px;
font-size: 20px;
font-weight: 500;
line-height: 20px;
color: var(--primary-color)
}
.thong_tin_address p {
color: #000;
flex: none;
flex-grow: 0
}
.thong_tin_address_footer p {
font-style: normal;
color: #000;
flex: none;
flex-grow: 0
}
a.button_style.button_for_all {
text-transform: capitalize;
box-shadow: unset !important;
border-radius: 5px !important;
color: #fa8128;
padding: 10px 20px;
font-weight: 600;
font-size: 17px !important;
align-items: center;
box-shadow: 0 4px 16px 0 rgba(194, 81, 0, .24);
background: linear-gradient(270deg, #ffe6c3 0, #fff 70.1%);
display: unset
}
.tu_van_ngay_home_sl:hover a.button_style.button_for_all, .tu_van_ngay_home_sl:hover a.button_style.button_for_all i.fa-solid.fa-angle-right, a.button_style.button_for_all:hover {
color: red !important
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
margin-left: 20px
}
a.button_style.button_for_all i.fa-solid.fa-angle-right {
margin-left: 21px;
color: var(--primary-color) !important
}
.header.show-on-scroll, .stuck .header-main {
background-color: var(--primary-color)
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase a {
font-style: normal;
line-height: 40px;
height: 40px;
padding: 0 10px;
vertical-align: baseline;
width: auto;
display: block;
color: #fff;
text-transform: uppercase;
text-decoration: none;
text-align: left;
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 0;
font-family: inherit;
font-size: 18px;
font-weight: 400;
outline: 0
}
.banner_home_b .title_banners {
padding: 0 15px 10px !important
}
.banner_home_b .title_banners h4 {
text-align: left;
margin-top: 20px !important;
font-style: normal;
font-weight: 600;
font-size: 25px !important;
color: #fff
}
.banner_home_b .title_banners h3 {
word-spacing: -15px;
text-align: left;
font-style: normal;
font-weight: 900;
font-size: 80px !important;
color: #fff;
background: linear-gradient(4.96deg, #ffb57f 16.43%, #fff 38.33%);
-webkit-background-clip: text;
line-height: 90px
}
.banner_home_b .title_banners p {
margin: 0;
font-size: 20px !important;
color: #fff
}
.banner_home_b .icon_baner .icon-box.featured-box.icon-box-left.text-left {
display: flex;
align-items: flex-end
}
.phan_men_quan_ly_icon {
margin-top: 30px !important;
text-align: center
}
.phan_men_quan_ly_icon .icon-box.featured-box.icon-box-left.text-left {
display: flex;
margin-bottom: 20px;
width: 600px;
align-items: center;
justify-content: center
}
.phan_men_quan_ly_icon .icon-box-text.last-reset h3 {
line-height: 33px;
font-weight: 900;
font-size: 29px;
color: #000
}
.banner_home_b .banner-layer {
top: 60% !important
}
.phan_men_quan_ly_icon p.thiet_ke_p {
margin: auto;
display: flex;
border: 1px solid var(--primary-color);
box-shadow: unset !important;
border-radius: 38px !important;
color: #fff;
width: 48%;
height: 50px !important;
background: linear-gradient(270deg, #ffcf8b 0, #ff8b79 70.1%);
font-weight: 600;
font-size: 20px !important;
align-items: center;
justify-content: center
}
.icon_cong_nghe_section_homa .icon-box.featured-box.icon-box-left.text-left {
display: flex;
align-items: center
}
.icon_cong_nghe_section_homa .icon-box.featured-box.icon-box-left.text-left p {
font-style: normal;
font-size: 20px;
font-weight: 300;
line-height: 20px;
color: #000;
flex: none;
order: 0
}
.quan_ly_thu_cong_s .col-inner {
text-align: center;
padding: 20px;
border-radius: 20px;
background: #fff;
height: 350px;
overflow-y: hidden
}
.cham_soc_khac_hang:hover, .gia_hoem_k_L.col-inner:hover, .quan_ly_thu_cong_s .col-inner:hover {
transition: .3s ease-in-out;
transform: translateY(-10px)
}
.quan_ly_thu_cong_s .col-inner h3 {
margin: 0;
font-style: normal;
font-weight: 900;
font-size: 40px !important;
color: var(--primary-color)
}
.quan_ly_thu_cong_s .col-inner p strong {
color: var(--primary-color);
font-weight: 300
}
.quan_ly_thu_cong_s .col-inner p {
font-style: normal;
font-size: 17px;
font-weight: 100;
line-height: 30px;
color: #000;
flex: none;
order: 0
}
.icon_thong_ton_vip_home {
margin-bottom: 50px !important
}
.text_update_s h3 {
margin: 0;
font-size: 60px;
font-weight: 900;
-webkit-background-clip: text;
background: linear-gradient(4.96deg, #ffb57f 16.43%, #fff 38.33%);
-webkit-background-clip: text
}
.text_update_s h4 {
margin: 0;
font-size: 38px;
text-transform: uppercase;
font-weight: 900;
-webkit-background-clip: text
}
.text_update_s p {
margin: 0;
font-style: normal;
font-size: 27px;
font-weight: 600;
line-height: 31px;
color: #fff;
flex: none;
order: 0;
flex-grow: 0
}
.dat_hang_shrome h5, .dat_hang_shrome p {
line-height: 20px;
font-style: normal;
order: 0
}
.columns, .dat_hang_shrome .col, .gallery-item {
padding: 0 15px 15px !important
}
.dat_hang_shrome h5 {
margin-bottom: 30px;
font-size: 30px;
font-weight: 500;
color: #fff;
flex: none;
flex-grow: 0
}
.dat_hang_shrome h3 {
margin: 0;
font-size: 40px;
text-transform: uppercase;
font-weight: 900;
background: -webkit-linear-gradient(90deg, #ffb57f, #fff 32%);
-webkit-background-clip: text
}
.dat_hang_shrome p {
top: 20px;
position: relative;
text-transform: uppercase;
margin: 0;
font-size: 20px;
font-weight: 600;
color: #fff;
flex: none;
flex-grow: 0
}
.extens_home_k {
margin-bottom: 20px !important
}
.website_homes {
margin-bottom: 70px !important
}
.section_homas {
margin-top: -90px !important
}
.giai_dap_thac_mac .accordion a button.toggle {
line-height: 10px;
height: 12px !important;
width: 43px !important;
padding-top: 3px;
padding-left: 9px;
position: absolute;
right: 10px;
left: unset;
margin: 0 !important;
top: 50%;
transform: translateY(-50%)
}
.giai_dap_thac_mac .accordion a button.toggle i {
display: flex;
border-radius: 99px;
padding: 5px 11px 4px 9px;
background: #d5d5d5;
font-size: 16px;
ackground: #d5d5d5;
align-items: center;
justify-content: space-between
}
.giai_dap_thac_mac .active .icon-angle-down:before {
content: "\f068" !important;
font-family: 'Font Awesome 6 Pro';
margin-right: 10px;
color: var(--primary-color)
}
.giai_dap_thac_mac .icon-angle-down:before {
content: "\f067" !important;
font-family: 'Font Awesome 6 Pro';
margin-right: 10px;
color: #000
}
.badge-outline .badge-inner, .cart-icon strong, .giai_dap_thac_mac .accordion-title.active, .has-icon-bg .icon .icon-inner, .is-outline.primary, .logo a, .nav-outline > li.active > a, .primary.is-link, .primary.is-underline, [data-color=primary] {
color: #000
}
.giai_dap_thac_mac .accordion a span strong {
color: var(--primary-color)
}
.accordion-title {
border: 0 !important;
padding-left: 15px !important
}
.giai_dap_thac_mac {
background: -webkit-linear-gradient(top, #ffefe3, #fff);
width: 100%;
border-radius: 40px
}
.giai_dap_thac_mac h3.accordion_title {
text-transform: uppercase;
padding: 4px;
color: #fff;
text-align: center;
margin: auto;
width: 400px;
background: var(--primary-color);
border-radius: 0 0 30px 30px;
font-style: normal;
font-size: 32px;
font-weight: 600;
flex: none;
order: 0
}
.giai_dap_thac_mac .accordion-item {
box-shadow: 0 2px 16px rgb(0 0 0 / 10%);
border-radius: 4px;
width: 100%;
margin-bottom: 25px !important;
border: 0 !important;
position: relative;
background: #f8f8f8
}
.gia_hoem_k_L.col-inner, .home_ls_count {
box-shadow: 0 2px 16px rgba(0, 0, 0, .1) !important
}
.accordion-title.active, .blockUI:before, .cart-icon strong, .cart-icon strong:after, .featured-table, .giai_dap_thac_mac .nav-vertical.nav-tabs > li.active > a, .has-border, .has-hover:hover .badge-outline .badge-inner, .is-outline:hover, .loading-spin, .nav-pagination > li > .current, .nav-pagination > li > a:hover, .nav-pagination > li > span:hover, .primary.is-outline:hover, .processing:before, .scroll-to-bullets a.active, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg, .tagcloud a:hover, blockquote {
border-color: #fa812800 !important
}
.giai_dap_thac_mac .accordion .accordion-item:first-child {
margin-top: 30px
}
.giai_dap_thac_mac .accordion .accordion-item {
width: 97%;
margin-left: 3%
}
.giai_dap_thac_mac .accordion .accordion-item.active {
width: 100%;
margin-left: 0
}
.giai_dap_thac_mac .accordion .accordion-item.active:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: var(--primary-color)
}
.gia_hoem_k_L.col-inner {
background: #fff;
width: 100%;
display: inline-block;
padding: 20px !important;
height: 100% !important;
border-radius: 15px !important;
cursor: pointer;
transition: .3s ease-in-out
}
.gia_hoem_k_L.col-inner .gia p {
margin: 0;
font-size: 20px;
font-weight: 600;
line-height: 35px;
color: #000
}
.gia_hoem_k_L.col-inner .thoi_gian_dung p, .gia_hoem_k_L.col-inner .title_nd_gia_hoem_k_L p {
font-size: 18px;
font-weight: 100;
line-height: 24px;
color: #000;
margin: 0
}
.gia_hoem_k_L.col-inner .gia p span {
margin-bottom: 10px;
font-size: 15px;
font-weight: 100;
line-height: 35px;
color: #000
}
.gia_hoem_k_L.col-inner .tinh_nang i.fa-solid.fa-check {
color: #fff;
font-size: 7px;
margin-right: 5px;
border-radius: 30px;
padding: 2px 5px;
background: #4caf50
}
.gia_hoem_k_L.col-inner .tinh_nang ul li {
color: #000;
display: flex;
margin-left: 0 !important;
align-items: baseline
}
.dang_ky_dung_thu a {
text-align: center;
padding: 10px 25px;
text-transform: capitalize;
display: flex;
box-shadow: unset !important;
border-radius: 36px !important;
color: #fff;
width: 100%;
font-weight: 600;
font-size: 18px !important;
align-items: center;
justify-content: center
}
.dang_ky_dung_thu {
display: flex;
text-align: center;
justify-content: center
}
.gia_hoem_k_L.col-inner .tinh_nang {
margin-top: 15px
}
.block_widgets1_gia_goi {
margin-bottom: 150px !important
}
.header_goi_s {
display: flex;
align-items: center;
justify-content: space-between
}
.vip img {
width: 35px
}
.title_gia_hoem_k_L h4 {
color: #fff;
padding: 2px 25px;
border-radius: 40px;
background: red
}
.giai_quyet_com_home h5, .lie_he_vs_ct_homes h3 {
margin: 0;
text-align: center;
margin-top: 35px !important;
font-style: normal;
font-weight: 600;
font-size: 35px !important;
color: #fff
}
.lie_he_vs_ct_homes p {
text-align: center;
font-style: normal;
font-size: 20px !important;
color: #fff;
font-weight: 100
}
.cham_soc_khac_hang .box-image {
z-index: 99
}
.cham_soc_khac_hang .box-text.text-center {
padding-top: 35px;
z-index: 9;
top: -30px;
position: relative;
border-radius: 20px;
background: #fefefe
}
.cham_soc_khac_hang .box-text.text-center h4 {
margin-bottom: 10px;
font-size: 20px;
font-weight: 600;
line-height: 25px;
color: var(--primary-color)
}
.cham_soc_khac_hang .box-text.text-center p {
font-style: normal;
font-size: 15px;
font-weight: 100;
line-height: 30px;
color: #000;
flex: none;
order: 0;
flex-grow: 0
}
.tu_van_ngay_home_sl a.button_style.button_for_all {
text-transform: capitalize;
display: flex;
box-shadow: unset !important;
border-radius: 5px !important;
color: #fff !important;
padding-left: 50px !important;
width: 100%;
height: 50px !important;
font-size: 18px !important;
align-items: center
}
.tu_van_ngay_home_sl a.button_style.button_for_all i.fa-solid.fa-angle-right {
color: #fff !important
}
.tai_sao_chon_home_icon .icon-box-text.last-reset strong {
color: var(--primary-color);
font-weight: 600
}
.tai_sao_chon_home_icon .icon-box-text.last-reset p {
font-style: normal;
font-size: 18px;
font-weight: 100;
line-height: 30px;
color: #000;
flex: none;
order: 0;
flex-grow: 0
}
.giai_quyet_com_home, .tai_sa0_chon_ct_k_hoem_icon {
margin: auto
}
.tai_sa0_chon_ct_k_hoem_icon .icon-box.featured-box.icon-box-right.text-right {
width: 500px;
display: flex;
align-items: center;
justify-content: space-evenly
}
.tai_sa0_chon_ct_k_hoem_icon .icon-box.featured-box.icon-box-right.text-right h3 {
font-style: normal;
font-size: 30px;
font-weight: 500;
line-height: 20px;
color: #000;
flex: none;
order: 0;
flex-grow: 0
}
.chi_tu_home_k_h h3 {
margin: 0;
font-size: 100px;
text-transform: uppercase;
font-weight: 900;
background: -webkit-linear-gradient(128deg, #fff, #fa8128 32%);
-webkit-background-clip: text
}
.chi_tu_home_k_h h3 span {
font-size: 20px !important;
color: var(--primary-color) !important;
font-weight: 100;
-webkit-background-clip: text;
-webkit-text-fill-color: var(--primary-color) !important
}
.chi_tu_home_k_h p {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #000
}
.giai_dap_thac_mac .accordion-title.active {
background: #f8f8f8
}
.tai_sao_chon_home {
margin-top: -280px !important
}
.tai_sa0_chon_ct_k_hoem_icon {
margin-top: 240px !important
}
.bang_gia_phan_men_home_s .box-text-inner h4 {
margin-left: 20px;
font-size: 34px !important;
color: #fff;
margin-bottom: -7px !important
}
.bang_gia_phan_men_home_s .box-text.text-center {
background: #ffffff00 !important
}
.tabbed-content_sonan .tabbed-content {
border-radius: 20px;
background: #fff
}
.tabbed-content_sonan ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-center {
display: flex;
border-radius: 20px 20px 0 0;
justify-content: space-around
}
.tabbed-content_sonan ul li {
background: #fff8f4;
margin: 0 !important;
width: calc(100% / 5);
padding: 0 15px !important;
display: flex;
justify-content: center;
position: relative
}
.tabbed-content_sonan ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-center li:first-child {
border-radius: 20px 0 0
}
.tabbed-content_sonan ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-center li:last-child {
border-radius: 0 20px 0 0
}
.tabbed-content_sonan ul li:before {
content: '';
display: block;
width: 0;
height: 0;
border-top: 0 solid transparent;
position: absolute;
border-right: 15px solid #fff8f4;
border-bottom: 50px solid transparent;
left: -15px;
top: 0
}
.tabbed-content_sonan ul li:after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
position: absolute;
border-left: 15px solid #fff8f4;
border-bottom: 0 solid transparent;
right: -15px;
top: 0;
z-index: 99
}
.tabbed-content_sonan ul li.active:before, .tabbed-content_sonan ul li:first-child:before, .tabbed-content_sonan ul li:last-child:after {
display: none !important
}
.tabbed-content_sonan ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-center li.active {
background: #fff !important
}
.tabbed-content_sonan .tab-panels {
padding: 20px
}
.tabbed-content_sonan .tab-panels p {
font-style: normal;
font-size: 18px;
font-weight: 100;
line-height: 30px;
color: #000;
flex: none;
order: 0
}
.tabbed-content_sonan .tab-panels h4 {
font-style: normal;
font-size: 22px;
font-weight: 500;
line-height: 30px;
color: #000;
flex: none;
order: 0
}
.update_san_pham_home p, .update_san_pham_home.ung_dung h4 {
text-align: left;
font-weight: 600;
line-height: 38px;
font-style: normal;
margin: 0
}
.tabbed-content_sonan li span {
text-transform: capitalize;
font-style: normal;
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #000;
flex: none;
order: 0
}
.update_san_pham_home.ung_dung a.button.primary {
margin-top: 20px
}
.update_san_pham_home.ung_dung h4 {
margin-top: 30px !important;
font-size: 26px !important;
color: #000
}
.update_san_p.icon_baner.update {
margin-top: 0 !important
}
.update_san_pham_home.ung_dung p {
margin-top: 0 !important;
margin: 0;
text-align: left;
font-style: normal;
font-weight: 600;
font-size: 20px !important;
color: #000;
line-height: 30px
}
.update_san_pham_home a.button.primary {
border-radius: 10px
}
.update_san_pham_home a.button.primary span {
border-radius: 10px;
margin: 0;
text-align: center;
font-style: normal;
font-weight: 600;
font-size: 22px !important;
color: #fff;
padding: 10px;
text-transform: initial
}
.icon_baner.update p {
font-size: 16px;
color: #000
}
.icon_baner.update p strong {
font-size: 16px;
color: var(--primary-color)
}
.update_san_pham_home h3 {
margin: 0;
text-align: left;
font-style: normal;
font-weight: 600;
font-size: 65px !important;
color: var(--primary-color);
background: linear-gradient(270deg, #ffcf8b 0, #ff8b79 70.1%);
-webkit-background-clip: text
}
.update_san_pham_home p {
font-size: 35px !important;
color: #000
}
.tabbed-content_sonan .active span {
color: var(--primary-color) !important
}
.bang_gia_phan_men_home_s .box.has-hover.has-hover.box-badge.hover-dark.box-text-bottom {
margin-bottom: 20px
}
.tabbed-content_sonan .active span img {
filter: grayscale(0%) hue-rotate(30deg) !important
}
.nav-line-bottom > li:hover > a:before, .nav-line-grow > li.active > a:before, .nav-line-grow > li:hover > a:before, .nav-line > li.active > a:before, .nav-line > li:hover > a:before, .tabbed-content_sonan .nav-line-bottom > li.active > a:before {
opacity: 0 !important
}
.giai_quyet_com_home h3 {
margin: 0;
text-align: center;
font-style: normal;
font-weight: 900;
font-size: 65px !important;
color: #fff;
text-transform: uppercase;
background: linear-gradient(4.96deg, #ffb57f 16.43%, #fff 38.33%);
-webkit-background-clip: text
}
.giai_quyet_com_home h4 {
padding: 5px 26px;
border-radius: 10px;
width: 570px;
background: #333;
margin: 0;
text-align: center;
font-style: normal;
font-weight: 600;
font-size: 28px !important;
color: #fff
}
.nam_kinh_nghiem h4, .nam_kinh_nghiem p {
text-align: left;
line-height: 30px;
margin: 0;
color: #fff;
font-style: normal
}
.giai_quyet_com_home .col-inner {
display: flex;
align-items: center;
justify-content: center
}
.nam_kinh_nghiem h4 {
text-transform: uppercase;
font-weight: 600;
font-size: 26px !important
}
.nam_kinh_nghiem p {
margin-top: 10px !important;
font-weight: 500;
font-size: 19px !important
}
.sile_hoem_thong_bao .slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
background-color: var(--primary-color) !important
}
.sile_hoem_thong_bao .slider-nav-light .flickity-page-dots .dot {
border-color: #b2b2b2 !important
}
.seciton_thanh_toan_k_hom {
margin-top: -150px
}
.giai_quyet_com_home {
margin-top: 200px !important
}
.gIoi_thieu_wet_home_title h5 {
margin: 0;
text-align: center;
margin-top: 30px !important;
font-style: normal;
font-weight: 600;
font-size: 35px !important;
color: #fff;
line-height: 38px
}
.gIoi_thieu_wet_home_title h3 {
text-transform: uppercase;
margin: 0;
text-align: center;
font-style: normal;
font-weight: 600;
font-size: 65px !important;
color: var(--primary-color)
}
.gIoi_thieu_wet_home_icon .icon-box-text.last-reset p {
margin: 0;
font-style: normal;
font-weight: 600;
font-size: 20px !important;
color: #fff
}
.gIoi_thieu_wet_home_icon a.button_style.button_for_all {
margin-top: 30px;
width: 211px !important
}
.dung_thu_up_load .icon-box-text.last-reset p {
font-size: 18px;
color: #eaeaea
}
.col.small-12.large-12.tabbed-content_sonan.mobi {
display: none
}
.from_home_sp .col-inner {
background: -webkit-gradient(linear, right top, left bottom, from(#dc3f2e), to(#fa8128));
width: 100%;
border-radius: 33px;
color: #fff;
padding: 30px
}
.home_ls_count .ngay_hom_p, .home_ls_count span {
font-size: 15px;
font-weight: 100;
color: #000;
order: 0
}
.from_tuvan_lua_chon_from {
margin-bottom: 15px;
text-align: center;
font-style: normal;
font-weight: 600;
font-size: 28px !important;
color: #fff
}
.from_tuvan_ho_email {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.ho_email_from {
width: 47%
}
.from_cuoi.summit {
text-align: center
}
.from_home_sp .col-inner button.wpcf7-submit.btnContactSend {
width: 223px;
margin-top: 15px;
background: #f67929;
border-radius: 10px;
min-height: 3.5em
}
.from_home_sp .col-inner label {
font-style: normal;
font-size: 17px;
font-weight: 300;
line-height: 20px;
color: #fff;
flex: none;
order: 0
}
.from_home_sp .col-inner input {
border-radius: 5px
}
.from_home_sp .col-inner button.wpcf7-submit.btnContactSend span {
text-transform: capitalize;
font-size: 20px;
color: #fff
}
.countdown {
gap: 15px;
display: flex;
justify-content: center
}
.home_ls_count {
background: #fff;
padding: 10px;
width: 75px;
border-top: 3px solid var(--primary-color);
border-radius: 10px
}
.home_ls_count p.num, .home_ls_count span.num {
width: 100%;
margin: 0;
font-weight: 800;
font-size: 28px;
color: var(--primary-color)
}
.home_ls_count .ngay_hom_p {
margin: 0;
flex: none;
flex-grow: 0;
margin-top: -5px !important
}
article#product-category-date {
margin: auto;
width: 80%
}
.home_ls_count span {
flex: none;
flex-grow: 0
}
.dang_ky_s h3 {
margin: 0;
text-align: center;
font-style: normal;
font-weight: 900 !important;
font-size: 40px !important;
color: var(--primary-color);
background: linear-gradient(270deg, #ffcf8b 0, #ff8b79 70.1%);
-webkit-background-clip: text
}
.dang_ky_s h4, .dang_ky_s p {
color: #000;
flex: none;
line-height: 20px;
order: 0
}
.dang_ky_s h4 {
margin-top: 20px !important;
margin: 0;
text-transform: uppercase;
font-size: 24px;
font-weight: 700
}
.dang_ky_s p {
font-size: 18px;
font-weight: 500
}
.title_phi_thiet_ke {
border-radius: 5px;
width: 70%;
background: #3295ff;
padding: 18px
}
.title_phi_thiet_ke span {
margin-left: 10px;
padding: 10px;
font-weight: 600;
border-radius: 5px;
background: #fff;
color: #3295ff
}
.icon-box-text.last-reset, .palen-box {
color: #fff
}
.title_phi_thiet_ke h4 {
margin: 0;
font-size: 18px;
font-weight: 600;
line-height: 20px;
color: #fff;
flex: none;
order: 0
}
.palen-box span {
display: inline-block;
background: #fff;
color: #388bff;
padding: 3px 10px;
border-radius: 3px !important;
margin-left: 10px
}
.palen-box {
background: #388bff;
width: auto;
display: inline-block;
border-radius: 5px !important;
padding: 5px 5px 5px 10px;
font-weight: 700;
font-size: 18px
}  div#mega-menu-wrap-primary {
width: 100% !important;
}
#mega-menu-wrap-primary #mega-menu-primary {
display: flex;
justify-content: center;
}
div#mega-menu-wrap-primary ul li {
padding: 0 15px !important;
}
div#mega-menu-wrap-primary ul li a {
color: #fff !important;
font-weight: 700 !important;
padding: 0px !important;
text-transform: uppercase !important;
font-size: 16px !important;
text-align: center !important;
display: flex !important;
align-items: center;
}
div#mega-menu-wrap-primary ul li a:hover {
font-weight: 700 !important;
}
div#mega-menu-wrap-primary ul li.mega-current-menu-item a {
font-weight: 700 !important;
}
div#mega-menu-wrap-primary ul li.mega-current-menu-item a:after {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
-webkit-box-shadow: 0 16px 32px rgba(34, 37, 49, 0.24);
box-shadow: 0 16px 32px rgba(34, 37, 49, 0.24);
display: block !important;
border-radius: 8px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li {
padding: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
height: unset !important;
padding: 0px 10px !important;
display: block !important;
-webkit-transition: .4s;
transition: .4s;
font-size: 16px !important;
color: #000 !important;
text-transform: uppercase !important;
background: #fff !important;
text-align: left !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
color: var(--primary-color) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover:after {
display: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
color: #000 !important;
font-weight: 700 !important;
margin-bottom: 10px !important;
text-align: left !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
color: #000 !important;
text-transform: unset !important;
font-size: 16px !important;
text-align: left !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 0px !important;
text-align: left !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
color: var(--primary-color) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
background: #fff !important;
box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
padding: 15px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li {
padding: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
color: var(--primary-color) !important;
font-weight: 700 !important;
margin-bottom: 0px !important;
text-align: left !important;
padding-bottom: 5px !important;
padding-left: 0px !important;
border-bottom: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu a:after {
display: none !important;
}
div#mega-menu-wrap-primary ul li a i {
font-size: 25px;
} .header-hotline {
display: flex;
gap: 5px;
}
.header-hotline .hotline-icon {
width: 42px;
height: 42px;
}
.header-hotline .hotline-icon img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 50%;
}
.header-hotline .hotline-body {
background: linear-gradient(270deg, #FFE6C3 0%, #FFFFFF 70.1%);
box-shadow: 0px -1px 11px 0px rgba(255, 255, 255, 0.5) inset;
padding: 2px 20px;
border-radius: 99px;
line-height: 5px;
}
.header-hotline .hotline-body h4 {
color: rgba(51, 51, 51, 1);
font-size: 14px;
line-height: 20px;
}
.header-hotline .hotline-body a {
color: rgba(220, 63, 46, 1);
font-weight: 700;
font-size: 20px;
} .banner_main h3 {
font-weight: 800 !important;
text-transform: uppercase;
font-size: 40px !important;
line-height: 50px !important;
margin: 0;
}
.banner_icon .icon-box-img {
margin-bottom: 15px !important;
}
.banner_main_slogan {
background: linear-gradient(180deg, #FFF8E1 0%, #FFE898 100%);
width: auto;
display: inline-block;
padding: 8px 20px;
border-radius: 99px;
color: rgba(220, 63, 46, 1);
font-weight: 700;
font-size: 24px;
line-height: 28px;
}
.banner_icon h4 {
font-size: 18px !important;
line-height: 24px !important;
margin: 0 !important;
}
.banner_button a {
background: rgba(255, 255, 255, 1);
box-shadow: 0px -1px 11px 0px rgba(255, 168, 104, 1) inset;
border: 1px solid rgba(251, 123, 11, 1);
padding: 15px 30px 15px 60px;
border-radius: 99px;
color: rgba(250, 129, 40, 1) !important;
font-weight: 700;
font-size: 17px;
line-height: 20px;
position: relative;
}
.banner_button a.banner_button2 {
background: linear-gradient(270deg, #105CE4 29.9%, #45C3FA 100%) !important;
box-shadow: 0px -1px 11px 0px rgba(104, 139, 255, 1) inset !important;
border: 1px solid rgba(137, 179, 255, 1) !important;
color: #fff !important;
}
.banner_button a:last-child {
margin-left: 20px;
}
.banner_button a.banner_button1:before, .banner_button a.banner_button2:before {
content: '';
width: 50px;
height: 50px;
display: block;
position: absolute;
background-size: 100% !important;
top: -1px;
left: -1px;
}
.banner_button a.banner_button1:before {
background: url(//topid.vn/wp-content/uploads/2025/04/grid.png) no-repeat;
}
.banner_button a.banner_button2:before {
background: url(//topid.vn/wp-content/uploads/2025/04/header_phone.png) no-repeat;
}
.abouts {
color: #333333;
font-size: 16px;
line-height: 24px;
font-weight: 400 !important;
}
.abouts .abouts-title .sub_title, .abouts .sub_welcome {
font-size: 20px;
font-weight: 700;
}
.abouts .abouts-title h3 {
margin: 15px 0;
color: var(--primary-color);
font-size: 42px;
text-transform: uppercase;
font-weight: 800 !important;
line-height: 46px;
}
.abouts .abouts-title:after {
content: '';
height: 4px;
width: 30px;
background: var(--primary-color);
display: block;
margin-top: 15px;
}
.abouts .about-content {
margin: 20px 0 0 0;
}
.abouts .about-content p, .abouts .about-content ul li {
color: #333333;
font-size: 16px;
line-height: 24px;
font-weight: 400 !important;
margin-bottom: 10px;
}
.color-primary {
color: var(--primary-color) !important;
}
.font-20 {
font-size: 20px;
line-height: 24px;
}
.abouts .about-content ul li {
list-style: none;
margin-left: 0 !important;
}
.abouts .about-content ul li:before {
content: '';
display: inline-block;
background: url(//topid.vn/wp-content/uploads/2025/04/right.png) no-repeat;
width: 8px;
height: 10px;
background-size: 100%;
margin-right: 10px;
}
.abouts-item {
box-shadow: 0px -1px 4px 0px rgba(220, 63, 46, 1) inset;
border: 1px solid rgba(250, 129, 40, 1);
background: var(--primary-color);
border-radius: 4px;
padding: 5px;
}
.abouts-item h4 {
color: #fff;
margin: 0;
font-size: 15px;
line-height: 21px;
font-weight: 700 !important;
} .home-title h3 {
color: #fff;
text-transform: uppercase;
font-size: 36px;
line-height: 42px;
margin: 0;
}
.home-dark h3 {
color: rgba(51, 51, 51, 1)
}
.icon-home h3 {
color: #fff;
font-size: 24px;
margin: 0 0 5px 0;
line-height: 28px;
}
.icon-home p {
font-size: 20px;
line-height: 24px;
margin: 0;
}
.home-title mark {
background: linear-gradient(270deg, #EB2805 0%, #FBC30B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sec-gp {
background: linear-gradient(360deg, #FFDCC1 0%, #FFF0E6 55.87%, #FFFFFF 100%) !important;
}
.text-icon h4 {
font-size: 18px;
line-height: 24px;
font-weight: normal !important;
margin: 0 !important;
color: #333333;
}
.text-icon {
align-items: center;
}
.text-icon:not(:last-child) {
margin-bottom: 15px;
} .sec-sh {
margin-top: -100px;
}
.home-title2 {
background: #fff;
padding: 20px;
border-radius: 99px;
}
.text-icon2 {
align-items: end;
margin-bottom: 30px !important;
}
.text-icon2 h3 {
background: linear-gradient(270deg, #EB2805 0%, #FBC30B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
font-size: 30px;
line-height: 36px;
margin: 0;
}
.sec-sh .text-icon3 {
align-items: start !important;
}
.banner2 {
border-radius: 15px;
}
.notGradient {
color: #fff !important;
background: transparent !important;
-webkit-background-clip: unset !important;
-webkit-text-fill-color: unset !important;
}
.text-icon-desc {
text-transform: uppercase;
font-size: 30px;
line-height: 36px;
color: #fff !important;
font-weight: 800;
margin: 0 !important;
}
.radius-img img {
border-radius: 27px !important;
}
.home-white h3 {
text-transform: unset;
margin-bottom: 15px;
}
.home-line h3:after {
content: '';
height: 4px;
width: 30px;
background: rgba(254, 207, 16, 1);
display: block;
margin-top: 15px;
}
.font-36 {
font-size: 36px;
font-weight: 800;
margin-top: 5px;
display: inline-block;
}
.home-title p {
color: #fff;
font-size: 18px;
line-height: 26px;
}
p.font-18 {
color: #fff;
font-size: 18px;
line-height: 24px;
margin-bottom: 15px;
}
.about-icon {
margin-bottom: 15px !important;
align-items: center;
}
.about-icon h4 {
margin: 0 !important;
color: #fff !important;
font-size: 18px;
line-height: 24px;
}
.about-icon img {
padding: 0 !important;
} .about-step .step-heading {
display: flex;
padding: 2px;
align-items: center;
gap: 30px;
font-weight: 700;
font-size: 18px;
background: url(//topid.vn/wp-content/uploads/2025/04/Rectangle-474.png) no-repeat;
background-size: 100% !important;
color: #DC3F2E;
position: relative;
border-radius: 5px 0 0 5px;
height: 50px;
}
.about-step .step-heading .step-heading-text {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.about-step .step-heading .step-heading-number {
background: rgba(16, 92, 228, 1);
height: 45px;
padding: 0px 10px;
position: relative;
display: inline-block;
color: #fff;
font-weight: 700;
font-size: 16px;
border-radius: 5px 0 0 5px;
line-height: 45px;
}
.about-step .step-heading .step-heading-number:after {
content: '';
width: 0;
height: 0;
border-top: 23px solid transparent;
border-bottom: 22px solid transparent;
border-left: 23px solid rgba(16, 92, 228, 1);
position: absolute;
right: -23px;
top: 0;
}
.about-step .step-body {
margin: 20px 0 0 0;
color: #fff;
font-size: 18px;
line-height: 24px;
}
.tablePrice table tr td, .tablePrice table tr th {
border: 1px solid rgba(228, 222, 219, 1);
padding: 5px;
color: #333;
font-size: 18px;
line-height: 24px;
}
.tablePrice table tbody tr {
background: #fff;
}
.tablePrice table tbody tr:nth-child(odd) {
background: rgba(255, 251, 245, 1);
}
.tablePrice thead th {
background: #105CE4;
text-align: center;
color: #fff !important;
position: relative;
font-size: 20px !important;
font-weight: normal !important;
}
.tablePrice thead th h4 {
font-weight: 800 !important;
margin: 0 0 10px 0 !important;
color: #fff;
}
.tablePrice thead th p {
margin: 0;
}
.tablePrice img.thead-icon {
width: 20px;
position: absolute;
right: 5px;
top: 5px;
}
.tablePrice tr th:nth-child(1) {
background: transparent !important;
border: 0px !important;
}
.tablePrice th.bassic, .tablePrice th.pro, .tablePrice th.premium {
width: 25%;
}
.tablePrice .pro {
background: rgba(250, 129, 40, 1);
}
.tablePrice th.premium {
background: rgba(220, 63, 46, 1);
}
.tablePrice td.table-free {
background: #FFE9E9 !important;
text-align: center;
font-weight: 700;
}
.tablePrice table tr td img {
width: 15px;
margin-right: 3px;
}
.tablePrice table tr td ins {
background: linear-gradient(270deg, #EB2805 0%, #FBC30B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
font-size: 20px;
line-height: 24px;
}
a.all {
background: linear-gradient(270deg, #EB2805 0%, #FBC30B 100%);
color: #fff !important;
} .price-highlight {
font-size: 80px;
line-height: 90px;
font-weight: 800;
background: linear-gradient(0deg, #FFD0AE 0%, #FFFFFF 46.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(196, 0, 9, 1);
display: inline-block;
padding: 8px 16px;
text-align: center;
width: 100%;
}
div#countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: center;
gap: 8px;
}
div#countdown > div {
text-align: center;
color: rgba(51, 51, 51, 1);
text-transform: uppercase;
font-size: 18px;
}
div#countdown > div > div {
background: linear-gradient(180deg, #105CE4 50.48%, #0049CD 50.49%);
font-weight: 800;
width: 60px;
height: 60px;
padding: 0px 15px;
color: #fff;
border-radius: 9px;
font-size: 36px;
line-height: 60px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
div#countdown > div label {
display: block;
color: #fff;
line-height: 60px;
height: 60px;
margin: 0;
font-weight: 800;
font-size: 36px;
}
div#countdown > div span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 15px;
}
div#countdown > div.time {
background: transparent !important;
color: rgba(16, 92, 228, 1) !important;
font-weight: 700 !important;
font-size: 41px !important;
padding: 0px !important;
}
.price-text {
background: url(//topid.vn/wp-content/uploads/2025/05/price_text.png) no-repeat;
background-size: 100% !important;
padding: 20px 20px 0 20px;
height: 145px;
text-align: center;
color: #fff;
}
.price-text p {
font-weight: 800;
font-size: 28px;
line-height: 32px;
margin: 0;
}
.price-text h3 {
font-weight: 800;
font-size: 41px;
line-height: 45px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(6, 52, 130, 1);
-webkit-text-fill-color: rgba(251, 237, 11, 1);
text-align: center;
margin: 10px 0 0 0;
}
.price-date {
background: linear-gradient(0deg, #FFF4CE 0%, #FFFFFF 100%);
border: 3px solid rgba(255, 255, 255, 1);
box-shadow: 0px 7px 53px 0px rgba(0, 0, 0, 0.25);
border-radius: 24px;
text-align: center;
padding: 10px;
display: flex;
justify-content: center;
gap: 20px;
align-items: center;
}
.price-date .price_text {
color: rgba(220, 63, 46, 1);
font-weight: 800;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}
.price-date .price_text:after {
content: '\f0da';
font-family: "Font Awesome 6 Pro";
font-weight: bold;
color: rgba(220, 63, 46, 1);
font-size: 24px;
line-height: 28px;
margin-left: 20px;
}
.price-date .price_date {
background: linear-gradient(180deg, #FFF8E1 0%, #FFE898 100%);
border: 1px solid rgba(250, 129, 40, 1);
color: rgba(220, 63, 46, 1);
font-weight: 800;
font-size: 24px;
line-height: 28px;
padding: 8px 20px;
border-radius: 99px;
}
.price_counter {
background: rgba(255, 255, 255, 1);
box-shadow: 0px 7px 53px 0px rgba(0, 0, 0, 0.25);
padding: 20px;
border-radius: 0 0 15px 15px;
width: 80%;
margin: auto;
}
table i.fa-check {
color: rgba(11, 164, 62, 1)
}
table i.fa-xmark {
color: rgba(220, 63, 46, 1)
}
.form-price {
background: rgba(255, 255, 255, 1);
border-radius: 15px;
width: 80%;
margin: auto;
padding: 25px;
}
.form-price h3 {
background: linear-gradient(270deg, #EB2805 0%, #FBC30B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 30px;
text-align: center;
}
.form-price .form-price-body {
background: linear-gradient(360deg, #FBC30B 0%, #EB2805 100%);
border-radius: 15px;
padding: 25px;
border: 1px solid rgba(255, 255, 255, 1);
color: #fff;
box-shadow: 0px -1px 11px 0px rgba(255, 255, 255, 0.5) inset;
width: calc(100% + 100px);
margin: 15px -50px;
}
.form-price .form-price-body .input_price {
border-radius: 5px !important;
height: 45px !important;
box-shadow: unset !important;
border: 0px !important;
}
.form-price .form-price-body span.wpcf7-list-item {
background: transparent !important;
padding: 0;
color: #fff !important;
margin: 15px 0;
}
.form-price .form-price-body span.wpcf7-list-item-label {
color: #fff;
font-weight: normal;
font-size: 16px;
}
.form-price .form-price-body input[type="checkbox"] {
margin-right: 0;
margin-bottom: 0 !important;
}
.form-price .button_price img {
width: 40px;
}
.form-price .button_price {
background: rgba(16, 92, 228, 1);
width: 100%;
border-radius: 10px;
padding: 10px;
color: #fff;
font-size: 20px;
line-height: 24px;
font-weight: 800;
display: flex;
align-items: center;
gap: 15px;
justify-content: center;
}
.home-title.text-center.home-line h3:after {
margin: 20px auto 0;
}
.text-icon5 h4 {
font-weight: 800 !important;
}
.text-icon5 {
background: #fff;
border-radius: 99px;
padding: 7px;
position: relative;
}
.tt_text {
color: #fff;
font-size: 20px;
line-height: 26px;
}
.text-icon5:after {
content: '';
width: 1px;
height: 60px;
background: #fff;
display: block;
position: absolute;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
opacity: 1;
}
.text-icon5:before {
content: '';
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
position: absolute;
left: 50%;
top: calc(100% + 70px);
transform: translateX(-50%);
}
.sec-question {
background: linear-gradient(360deg, #FFDCC1 0%, #FFF0E6 55.87%, #FFFFFF 100%);
}
.adc-question .accordion-item {
border: 0 !important;
border-radius: 0 !important;
margin: 0 0 15px 0;
}
.adc-question .accordion-item .accordion-title {
font-size: 18px;
line-height: 24px;
position: relative;
}
.adc-question .accordion-item .accordion-inner {
padding: 20px !important;
font-size: 18px;
line-height: 24px;
}
.adc-question i.icon-angle-down:before {
content: '\2b';
font-weight: bold;
}
.adc-question button.toggle {
background: linear-gradient(270deg, #FFE6C3 0%, #FFFFFF 70.1%);
position: absolute !important;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 25px;
display: inline-block;
min-width: 25px;
min-height: 25px;
margin: 0;
left: unset;
line-height: 25px;
color: rgba(214, 40, 47, 1) !important;
}
.adc-question button.toggle i {
font-size: 20px;
line-height: 25px;
}
.adc-question .accordion-item .accordion-title.active button.toggle i:before {
content: '\f068' !important;
font-family: "Font Awesome 6 Pro";
}
.text-icon-6 h4 {
font-size: 18px !important;
line-height: 24px !important;
margin: 0 !important;
color: rgba(51, 51, 51, 1);
}
.question-top {
margin-top: -120px !important;
}
.home-title3 h3 mark {
color: rgba(220, 63, 46, 1);
background: transparent;
}
.home-title3 h3 {
color: rgba(51, 51, 51, 1);
font-size: 24px;
line-height: 28px;
margin: 0;
}
.box-group {
background: rgba(255, 238, 221, 1);
padding: 30px;
height: 100%;
border-radius: 25px;
}
.box-group ins {
color: rgba(220, 63, 46, 1);
font-weight: 800;
}
.box-group p {
color: rgba(51, 51, 51, 1);
font-size: 18px;
margin: 0;
}
.box-group h4 {
color: rgba(51, 51, 51, 1);
font-size: 18px;
line-height: 24px;
margin: 0 0 5px 0;
}
.box-group .group-list {
background: #fff;
margin: 30px 0 0 0;
border-radius: 9px;
padding: 15px;
border-left: 4px solid var(--primary-color);
}
.box-group .group-list ul li {
list-style: none;
margin-left: 0 !important;
font-size: 18px;
line-height: 22px;
color: rgba(51, 51, 51, 1);
display: flex;
}
.box-group .group-list ul li:before {
content: '';
display: inline-block;
background: url(//topid.vn/wp-content/uploads/2025/04/right.png) no-repeat;
width: 8px;
height: 10px;
background-size: 100%;
margin-right: 10px;
margin-top: 5px;
}
.col-100 .col-inner {
min-height: 100%;
height: 100%;
}
.group-footer {
margin-bottom: 20px;
}
.group-footer ins {
color: rgba(220, 63, 46, 1);
}
.group-footer h4 {
font-size: 24px;
line-height: 28px;
color: rgba(51, 51, 51, 1);
margin: 0 0 10px 0;
}
.group-footer p {
font-size: 18px;
line-height: 24px;
color: rgba(51, 51, 51, 1);
margin: 0;
}
a.button.primary.button_home {
background: rgba(16, 92, 228, 1);
border-radius: 10px;
margin: 0;
font-size: 20px;
width: 300px;
}
.icon-contact .icon-box-text p {
margin: 0;
}
.icon-contact .icon-box-text h4 {
color: var(--primary-color);
font-size: 18px;
}
.icon-contact .icon-box-text {
background: #fff;
color: rgba(64, 67, 71, 1);
font-size: 18px;
line-height: 24px;
border-radius: 20px;
padding: 46px 20px 20px 20px;
}
.icon-contact .icon-box-img img {
width: 34px !important;
}
.icon-contact .icon-box-img {
margin-bottom: -30px !important;
background: #fff;
border-radius: 50% !important;
border: 4px solid rgba(243, 138, 63, 1);
width: 60px !important;
display: flex;
justify-content: center;
align-items: center;
height: 60px;
}