/* ==========================================================
LQD - PROJECT LIST IMAGE FIX
Khôi phục ảnh card trang /du-an
========================================================== */
.item-project-2 .img {
position: relative !important;
display: block !important;
width: 100% !important;
height: 0 !important;
padding-top: 75% !important;
overflow: hidden !important;
background: #eef2ef;
}
.item-project-2 .img img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center center !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 1 !important;
}
/* overlay phải nằm trên ảnh */
.item-project-2 .img::after {
z-index: 2 !important;
pointer-events: none;
}
/* content/title nằm trên cùng */
.item-project-2 .inner {
z-index: 3 !important;
}
/* code cũ phía trên */
/* ==========================================================
LQD - PROJECT HERO BANNER
========================================================== */
body .box-bg-top {
display: block !important;
margin: 0 0 28px !important;
overflow: hidden;
background: #0B2E22;
}
body .box-bg-top .box-bg-title {
display: none !important;
}
body .box-bg-top .thumb {
position: relative;
height: 240px !important;
padding-top: 0 !important;
overflow: hidden;
}
body .box-bg-top .thumb .img-banner {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center 45% !important;
}
/* Tablet */
@media screen and (max-width: 991px) {
body .box-bg-top .thumb {
height: 210px !important;
}
}
/* Mobile */
@media screen and (max-width: 767px) {
body .box-bg-top {
margin-bottom: 20px !important;
}
body .box-bg-top .thumb {
height: 170px !important;
}
body .box-bg-top .thumb .img-banner {
object-position: center center !important;
}
}
/* ĐÂY MỚI LÀ CUỐI STYLE */
.widget_about_style_20 .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.widget_about_style_20 .inner_content {
padding: 60px 0;
}
.widget_about_style_20 .description,
.widget_about_style_20 .content {
padding-right: 80px;
line-height: 1.4;
}
.widget_about_style_20 .content p,
.widget_about_style_20 .description p {
color: #fff;
font-size: inherit;
line-height: inherit;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_20 .content p:last-of-type,
.widget_about_style_20 .description p:last-of-type {
margin-bottom: 0;
}
.widget_about_style_20 .description p:first-of-type,
.widget_about_style_20 .content p:first-of-type {
margin-top: 0;
}
.widget_about_style_20 .content {
color: #fff;
font-size: 14px;
}
.widget_about_style_20 .content ul,
.widget_about_style_20 .description ul {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-right: -10px;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_about_style_20 .content ul li,
.widget_about_style_20 .description ul li {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
margin-top: 10px;
font-weight: 600;
color: #fff;
position: relative;
padding-right: 10px;
padding-left: 22px;
}
.widget_about_style_20 .content ul li:after,
.widget_about_style_20 .description ul li:after {
content: "";
height: 15px;
width: 15px;
background-image: url(https://bizweb.dktcdn.net/100/367/318/themes/737653/assets/evo_about_icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
left: 0;
top: 50%;
transform: translate(0, -50%);
position: absolute;
}
.widget_about_style_20 .item {
margin-bottom: var(--bs-gutter-x);
}
.widget_about_style_20 .item .inner {
display: block;
position: relative;
z-index: 1;
height: 0;
width: 100%;
padding-bottom: 141%;
box-shadow: 0 0 38px rgba(0, 45, 108, 0.1);
background-color: #000000;
overflow: hidden;
}
.widget_about_style_20 .item .inner::before {
content: '';
display: block;
height: 42%;
width: 100%;
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.8;
}
.widget_about_style_20 .item .inner::after {
content: '';
display: block;
width: 60px;
height: 60px;
margin-left: -30px;
margin-top: -30px;
position: absolute;
z-index: 5;
top: 50%;
left: 50%;
transition: var(--transition);
background: url(views/theme-store/theme-child/assets/images/plus.png) center no-repeat;
background-size: 100%;
opacity: 0;
}
.widget_about_style_20 .item .inner:hover:after {
opacity: 1;
animation: rotate-center 1s;
}
.widget_about_style_20 .item .inner img.img-background {
transition: 2s all ease-in-out;
}
.widget_about_style_20 .item .inner:hover img.img-background {
opacity: 0.6;
transform: scale(1.3);
}
.widget_about_style_20 .item .name {
position: absolute;
bottom: 0;
z-index: 30;
width: 100%;
padding: 0 35px 28px;
margin-bottom: 0;
}
.widget_about_style_20 .item .inner .link {
position: absolute;
bottom: 0;
right: 0;
z-index: 25;
background: var(--theme-color);
transition: var(--transition);
}
.widget_about_style_20 .item .inner .link .arrow-button {
border-left: unset;
width: 50px;
height: 50px;
}
.widget_about_style_20 .item .inner:hover .link .arrow-button {
filter: brightness(1) invert(0);
}
.widget_about_style_20 .item .inner:hover .link {
background-color: #a3fbcf;
}
@media screen and (max-width: 1440px) {
.widget_about_style_20 .content {
font-size: 13px;
}
.widget_about_style_20 .item .inner {
padding-bottom: 125%;
}
}
@media screen and (max-width: 1199px) {
.widget_about_style_20 .description,
.widget_about_style_20 .content {
padding-right: 0;
}
}
@media screen and (max-width: 1024px) {
.widget_about_style_20 .item .name {
padding: 0 20px 20px;
}
.widget_about_style_20 .item .inner .link .arrow-button {
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 991px) {
.widget_about_style_20 .inner_content {
padding: 40px 0;
}
}
@media screen and (max-width: 767px) {
.widget_about_style_20 .item {
margin: calc(var(--bs-gutter-x) / 2) 0;
}
}.widget_about_style_3 {
overflow: hidden;
}
.widget_about_style_3 .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.widget_about_style_3 .group_content {
padding-right: 0;
}
.widget_about_style_3 .description {
color: #333;
padding-left: 21px;
border-left: 5px solid var(--border-color-des);
line-height: 1.2;
}
.widget_about_style_3 .content p,
.widget_about_style_3 .description p {
font-size: inherit;
line-height: inherit;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_3 .content p:last-of-type,
.widget_about_style_3 .description p:last-of-type {
margin-bottom: 0;
}
.widget_about_style_3 .description p:first-of-type,
.widget_about_style_3 .content p:first-of-type {
margin-top: 0;
}
.widget_about_style_3 .content {
color: #555;
font-size: 14px;
line-height: 1.4;
}
.widget_about_style_3 .content ul,
.widget_about_style_3 .description ul {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-right: -10px;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_about_style_3 .content ul li,
.widget_about_style_3 .description ul li {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
margin-top: 10px;
font-weight: 600;
color: #555;
position: relative;
padding-right: 10px;
padding-left: 22px;
}
.widget_about_style_3 .content ul li:after,
.widget_about_style_3 .description ul li:after {
content: "";
height: 15px;
width: 15px;
background-image: url(https://bizweb.dktcdn.net/100/367/318/themes/737653/assets/evo_about_icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
left: 0;
top: 50%;
transform: translate(0, -50%);
position: absolute;
}
@media screen and (max-width: 1440px) {
.widget_about_style_3 .content {
font-size: 13px;
}
}
@media screen and (max-width: 1199px) {
.widget_about_style_3 .description {
line-height: 1.3;
}
}
@media screen and (max-width: 1024px) {
.widget_about_style_3 .description {
padding-left: 14px;
border-width: 2px;
}
.widget_about_style_3 .group_content {
padding-right: 0;
}
}
@media screen and (max-width: 1023px) {
.widget_about_style_3 .inner {
margin: 80px 0;
}
}
@media screen and (max-width: 991px) {
.widget_about_style_3 .inner {
margin: 40px 0;
}
}
@media screen and (max-width: 767px) {
.widget_about_style_3 {
background-position: center left !important;
}
}
/* ==========================================================
LQD - ABOUT STYLE 3 MODERN 2026
Override CSS cũ
========================================================== */
.widget_about_style_3 {
position: relative;
overflow: hidden;
font-family: "Roboto", Arial, sans-serif;
color: #263442;
}
/* ==========================================================
LAYOUT
========================================================== */
.widget_about_style_3 .flex {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 48px;
}
.widget_about_style_3 .group_content {
padding-right: 0;
position: relative;
z-index: 2;
}
/* ==========================================================
DESCRIPTION / ĐOẠN GIỚI THIỆU NỔI BẬT
========================================================== */
.widget_about_style_3 .description {
position: relative;
margin: 0 0 24px;
padding: 0 0 0 20px;
color: #263442;
border-left: 3px solid #008C45;
font-size: 16px;
font-weight: 500;
line-height: 1.7;
}
/* bỏ cảm giác border quá cứng */
.widget_about_style_3 .description::before {
content: "";
position: absolute;
left: -3px;
top: 0;
width: 3px;
height: 42px;
background: #0066B3;
border-radius: 99px;
}
/* ==========================================================
CONTENT
========================================================== */
.widget_about_style_3 .content {
color: #566575;
font-size: 15px;
font-weight: 400;
line-height: 1.75;
}
.widget_about_style_3 .content p,
.widget_about_style_3 .description p {
margin: 0 0 16px;
}
.widget_about_style_3 .content p:last-child,
.widget_about_style_3 .description p:last-child {
margin-bottom: 0;
}
/* ==========================================================
CHECKLIST
========================================================== */
.widget_about_style_3 .content ul,
.widget_about_style_3 .description ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 24px;
margin: 22px 0 0;
padding: 0;
list-style: none;
}
/* item */
.widget_about_style_3 .content ul li,
.widget_about_style_3 .description ul li {
position: relative;
display: flex;
align-items: flex-start;
min-width: 0;
max-width: none;
width: 100%;
margin: 0;
padding: 0 0 0 28px;
color: #263442;
font-size: 14.5px;
font-weight: 600;
line-height: 1.55;
}
/* bỏ icon từ website ngoài */
.widget_about_style_3 .content ul li::after,
.widget_about_style_3 .description ul li::after {
display: none !important;
}
/* icon check mới - không cần load ảnh ngoài */
.widget_about_style_3 .content ul li::before,
.widget_about_style_3 .description ul li::before {
content: "✓";
position: absolute;
left: 0;
top: 1px;
display: flex;
align-items: center;
justify-content: center;
width: 19px;
height: 19px;
color: #FFFFFF;
background: #008C45;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
/* ==========================================================
IMAGE
Nếu widget có phần ảnh
========================================================== */
.widget_about_style_3 img {
max-width: 100%;
height: auto;
}
.widget_about_style_3 .image,
.widget_about_style_3 .about-image,
.widget_about_style_3 .group_image {
overflow: hidden;
border-radius: 14px;
}
.widget_about_style_3 .image img,
.widget_about_style_3 .about-image img,
.widget_about_style_3 .group_image img {
display: block;
width: 100%;
height: auto;
transition: transform .45s ease;
}
.widget_about_style_3 .image:hover img,
.widget_about_style_3 .about-image:hover img,
.widget_about_style_3 .group_image:hover img {
transform: scale(1.025);
}
/* ==========================================================
HEADING
========================================================== */
.widget_about_style_3 h2,
.widget_about_style_3 h3,
.widget_about_style_3 .heading {
color: #17324D;
font-family: "Roboto", Arial, sans-serif;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
}
.widget_about_style_3 h2 {
margin-bottom: 18px;
font-size: clamp(28px, 3vw, 38px);
}
/* ==========================================================
LINK / BUTTON
========================================================== */
.widget_about_style_3 .btn,
.widget_about_style_3 .button,
.widget_about_style_3 a.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 10px 20px;
color: #FFFFFF;
background: #008C45;
border: 1px solid #008C45;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition:
background .2s ease,
border-color .2s ease,
transform .2s ease;
}
.widget_about_style_3 .btn:hover,
.widget_about_style_3 .button:hover,
.widget_about_style_3 a.btn:hover {
color: #FFFFFF;
background: #006B38;
border-color: #006B38;
transform: translateY(-1px);
}
/* ==========================================================
TABLET
========================================================== */
@media (max-width: 991px) {
.widget_about_style_3 .flex {
gap: 30px;
}
.widget_about_style_3 .inner {
margin: 36px 0;
}
.widget_about_style_3 .description {
font-size: 15px;
line-height: 1.65;
}
.widget_about_style_3 .content {
font-size: 14.5px;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media (max-width: 767px) {
.widget_about_style_3 {
background-position: center !important;
}
.widget_about_style_3 .inner {
margin: 26px 0;
}
.widget_about_style_3 .flex {
gap: 22px;
}
.widget_about_style_3 h2 {
margin-bottom: 14px;
font-size: 26px;
}
.widget_about_style_3 .description {
margin-bottom: 18px;
padding-left: 16px;
font-size: 14.5px;
border-left-width: 2px;
}
.widget_about_style_3 .description::before {
left: -2px;
width: 2px;
height: 32px;
}
.widget_about_style_3 .content {
font-size: 14px;
line-height: 1.7;
}
.widget_about_style_3 .content ul,
.widget_about_style_3 .description ul {
grid-template-columns: 1fr;
gap: 10px;
margin-top: 18px;
}
}
.widget_about_style_4 .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.widget_about_style_4 .group_content {
padding-right: 0;
}
.widget_about_style_4 .content p {
font-size: inherit;
line-height: inherit;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_4 .content p:last-of-type {
margin-bottom: 0;
}
.widget_about_style_4 .content p:first-of-type {
margin-top: 0;
}
.widget_about_style_4 .content {
color: #555;
font-size: 14px;
line-height: 1.4;
}
.widget_about_style_4 .content ul{
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-right: -10px;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_about_style_4 .content ul li {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
margin-top: 10px;
font-weight: 600;
color: #555;
position: relative;
padding-right: 10px;
padding-left: 22px;
}
.widget_about_style_4 .content ul li:after {
content: "";
height: 15px;
width: 15px;
background-image: url(https://bizweb.dktcdn.net/100/367/318/themes/737653/assets/evo_about_icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
left: 0;
top: 50%;
transform: translate(0, -50%);
position: absolute;
}
@media screen and (max-width: 1440px) {
.widget_about_style_4 .content {
font-size: 13px;
}
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 1023px) {
.widget_about_style_4 .container,
.widget_about_style_4 .container-fluid{
margin: 80px auto;
}
}
@media screen and (max-width: 991px) {
.widget_about_style_4 .container,
.widget_about_style_4 .container-fluid{
margin: 40px auto;
}
}
@media screen and (max-width: 767px) {
}.widget_about_style_2 .about-image img {
width: 100%;
}
.widget_about_style_2 .about-content .content {
position: relative;
font-weight: 500;
}
.widget_about_style_2 .inner.has-quote .about-content .content {
margin-top: 120px;
}
.widget_about_style_2 .inner.has-quote .lst_items + .button {
margin-bottom: 72px;
}
.widget_about_style_2 .about-content .content::before {
content: '';
display: block;
position: absolute;
top: -48px;
left: 0;
width: 42px;
height: 25px;
background: var(--quote) center no-repeat;
background-size: contain;
}
.widget_about_style_2 .about-content p {
color: #333;
font-size: 22px;
line-height: 1.4;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_2 .about-content p:last-of-type {
margin-bottom: 0;
}
.widget_about_style_2 .about-content p:first-of-type {
margin-top: 0;
}
.widget_about_style_2 .about-content ul {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-right: -10px;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_about_style_2 .about-content ul li {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
margin-top: 10px;
font-weight: 600;
color: #777;
position: relative;
padding-right: 10px;
padding-left: 22px;
}
.widget_about_style_2 .about-content ul li:after {
content: "";
height: 15px;
width: 15px;
background-image: url(https://bizweb.dktcdn.net/100/367/318/themes/737653/assets/evo_about_icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
left: 0;
top: 50%;
transform: translate(0, -50%);
position: absolute;
}
.widget_about_style_2 .item {
position: relative;
overflow: hidden;
text-align: center;
background-position: center;
margin-top: 50px;
}
.widget_about_style_2 .item .title {
position: relative;
text-align: left;
padding-bottom: 14px;
}
.widget_about_style_2 .item .title::after {
content: '';
display: block;
width: 122px;
height: 1px;
background-color: var(--color-heading);
position: absolute;
left: 0;
bottom: 0;
}
.widget_about_style_2 .item .title p.heading {
margin: 0 0 10px 0;
}
.widget_about_style_2 .item .title .heading .num {
display: inline-block;
}
.widget_about_style_2 .item .title p.description {
margin: 0;
min-height: calc(var(--lineheight-des) * 2);
}
/* ==========================================================
RESPONSIVE GỐC
========================================================== */
@media screen and (min-width: 992px) {
.widget_about_style_2 .gx-xxl-5 {
--bs-gutter-x: 40px;
}
}
@media screen and (max-width: 1199px) {
.widget_about_style_2 .about-content p {
font-size: 20px;
}
.widget_about_style_2 .item {
margin-top: 35px;
}
}
@media screen and (max-width: 1023px) {
.widget_about_style_2 .inner:not(.has-quote) {
margin: 80px 0;
}
.widget_about_style_2 .inner.has-quote .lst_items + .button {
margin-bottom: 32px;
}
}
@media screen and (max-width: 991px) {
.widget_about_style_2 .inner:not(.has-quote) {
margin: 40px 0;
}
.widget_about_style_2 .about-content p {
font-size: 18px;
}
.widget_about_style_2 .inner.has-quote .about-content .content {
margin-top: 80px;
}
.widget_about_style_2 .inner.has-quot .lst_items {
margin-bottom: 60px;
}
.widget_about_style_2 .item .title p.description {
font-size: 13px !important;
line-height: 1.3 !important;
}
}
/* ==========================================================
LÂM QUANG ĐẠI
HOME PAGE - 4 KHỐI HỆ THỐNG MÁY LẠNH
156 = Multi
157 = VRV / VRF
158 = Máy lạnh cục bộ
159 = Chiller
========================================================== */
/* ----- RESET KHOẢNG CÁCH NGOÀI ----- */
.js_widget_about_style_2_156,
.js_widget_about_style_2_157,
.js_widget_about_style_2_158,
.js_widget_about_style_2_159 {
height: auto !important;
min-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* ----- KHỐI INNER ----- */
.js_widget_about_style_2_156 .inner,
.js_widget_about_style_2_157 .inner,
.js_widget_about_style_2_158 .inner,
.js_widget_about_style_2_159 .inner {
height: auto !important;
min-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
/* ----- SECTION ----- */
.js_widget_about_style_2_156 .section,
.js_widget_about_style_2_157 .section,
.js_widget_about_style_2_158 .section,
.js_widget_about_style_2_159 .section {
height: auto !important;
min-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* ----- ROW / FLEX ----- */
.js_widget_about_style_2_156 .row,
.js_widget_about_style_2_157 .row,
.js_widget_about_style_2_158 .row,
.js_widget_about_style_2_159 .row,
.js_widget_about_style_2_156 .flex,
.js_widget_about_style_2_157 .flex,
.js_widget_about_style_2_158 .flex,
.js_widget_about_style_2_159 .flex {
height: auto !important;
min-height: 0 !important;
align-items: center !important;
}
/* ==========================================================
TABLET
========================================================== */
@media screen and (max-width: 991px) {
.js_widget_about_style_2_156 .inner,
.js_widget_about_style_2_157 .inner,
.js_widget_about_style_2_158 .inner,
.js_widget_about_style_2_159 .inner {
margin: 0 !important;
padding-top: 36px !important;
padding-bottom: 36px !important;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media screen and (max-width: 767px) {
.js_widget_about_style_2_156 .inner,
.js_widget_about_style_2_157 .inner,
.js_widget_about_style_2_158 .inner,
.js_widget_about_style_2_159 .inner {
margin: 0 !important;
padding-top: 28px !important;
padding-bottom: 28px !important;
}
}/* ==========================================================
LÂM QUANG ĐẠI
ITEM STYLE 2 - MODERN HVAC SERVICE CARDS
========================================================== */
/* ==========================================================
1. WRAPPER
========================================================== */
.widget_item_style_2 {
overflow: hidden;
}
.widget_item_style_2 .wrap-items {
position: relative;
display: flex;
align-items: center;
gap: 18px;
}
/* ==========================================================
2. NÚT SLIDER
========================================================== */
.widget_item_style_2 .wrap-items .arrow_box {
margin-left: 16px;
display: flex;
align-items: center;
gap: 6px;
}
.widget_item_style_2 .swiper-button-next,
.widget_item_style_2 .swiper-button-prev {
position: relative;
left: unset;
right: unset;
width: 44px;
height: 44px;
margin: 0;
background-color: #008C45;
border-radius: 8px;
transition:
background-color .2s ease,
transform .2s ease;
}
.widget_item_style_2 .swiper-button-next svg path,
.widget_item_style_2 .swiper-button-prev svg path {
fill: #FFFFFF;
}
.widget_item_style_2 .swiper-button-next:hover,
.widget_item_style_2 .swiper-button-prev:hover {
background-color: #006B38;
transform: translateY(-2px);
}
/* ==========================================================
3. KHOẢNG CÁCH SECTION
========================================================== */
.widget_item_style_2 .container,
.widget_item_style_2 .container-fluid {
margin: 70px auto;
}
/* ==========================================================
4. CARD
========================================================== */
.widget_item_style_2 .item {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
text-align: left;
background: #FFFFFF;
border-radius: 12px;
box-shadow:
0 8px 24px rgba(22, 55, 40, .07);
transition:
transform .25s ease,
box-shadow .25s ease;
}
/* ==========================================================
5. ẢNH
========================================================== */
.widget_item_style_2 .item .img {
position: relative;
width: 100%;
height: 0;
/* thấp hơn kiểu cũ 75% */
padding-top: 68%;
overflow: hidden;
background: #EEF3F0;
}
/* Ảnh full card */
.widget_item_style_2 .item .img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .35s ease;
}
/* Link phủ toàn bộ ảnh */
.widget_item_style_2 .item .img a {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
/* ==========================================================
6. OVERLAY
========================================================== */
.widget_item_style_2 .item .img::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(
180deg,
rgba(0, 0, 0, 0) 42%,
rgba(9, 28, 18, .18) 68%,
rgba(8, 25, 17, .72) 100%
);
}
/* ==========================================================
7. NỘI DUNG
========================================================== */
.widget_item_style_2 .item .info {
padding: 18px 20px 20px;
background: #FFFFFF;
}
.widget_item_style_2 .item .name {
margin: 0;
color: #17382A !important;
font-family: "Roboto", Arial, sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Nếu title nằm trong link */
.widget_item_style_2 .item .name a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
/* ==========================================================
8. HOVER
========================================================== */
.widget_item_style_2 .item:hover {
transform: translateY(-4px);
box-shadow:
0 14px 32px rgba(0, 107, 56, .10);
}
.widget_item_style_2 .item:hover img.img-background,
.widget_item_style_2 .item:hover .img img {
transform: scale(1.035);
}
.widget_item_style_2 .item:hover .name,
.widget_item_style_2 .item:hover .name a {
color: #008C45 !important;
}
/* ==========================================================
9. DESKTOP LỚN
========================================================== */
@media screen and (min-width: 1441px) {
.widget_item_style_2 .container,
.widget_item_style_2 .container-fluid {
margin: 78px auto;
}
.widget_item_style_2 .item .name {
font-size: 19px !important;
}
}
/* ==========================================================
10. LAPTOP
========================================================== */
@media screen and (max-width: 1440px) {
.widget_item_style_2 .container,
.widget_item_style_2 .container-fluid {
margin: 60px auto;
}
.widget_item_style_2 .item .name {
font-size: 17px !important;
}
.widget_item_style_2 .item .info {
padding: 16px 18px 18px;
}
}
/* ==========================================================
11. TABLET
========================================================== */
@media screen and (max-width: 1023px) {
.widget_item_style_2 .container,
.widget_item_style_2 .container-fluid {
margin: 50px auto;
}
.widget_item_style_2 .item .img {
padding-top: 70%;
}
.widget_item_style_2 .item .name {
font-size: 16px !important;
}
.widget_item_style_2 .group_content {
margin: 28px 0;
}
}
/* ==========================================================
12. TABLET NHỎ
========================================================== */
@media screen and (max-width: 991px) {
.widget_item_style_2 .container,
.widget_item_style_2 .container-fluid {
margin: 42px auto;
}
.widget_item_style_2 .wrap-items {
gap: 12px;
}
.widget_item_style_2 .item .info {
padding: 14px 16px 16px;
}
.widget_item_style_2 .item .name {
font-size: 15px !important;
line-height: 1.4 !important;
}
}
/* ==========================================================
13. MOBILE
========================================================== */
@media screen and (max-width: 767px) {
.widget_item_style_2 .container,
.widget_item_style_2 .container-fluid {
margin: 34px auto;
}
.widget_item_style_2 .item {
border-radius: 10px;
}
.widget_item_style_2 .item .img {
padding-top: 64%;
}
.widget_item_style_2 .item .info {
padding: 14px 14px 16px;
}
.widget_item_style_2 .item .name {
font-size: 15px !important;
line-height: 1.35 !important;
}
.widget_item_style_2 .swiper-button-next,
.widget_item_style_2 .swiper-button-prev {
width: 42px;
height: 42px;
}
}
/* ==========================================================
14. MOBILE NHỎ
========================================================== */
@media screen and (max-width: 575px) {
.widget_item_style_2 .container,
.widget_item_style_2 .container-fluid {
margin: 28px auto;
}
.widget_item_style_2 .item .img {
padding-top: 62%;
}
.widget_item_style_2 .item .name {
font-size: 14px !important;
}
}
/* ==========================================================
15. ACCESSIBILITY / PERFORMANCE
========================================================== */
@media (prefers-reduced-motion: reduce) {
.widget_item_style_2 .item,
.widget_item_style_2 .item img,
.widget_item_style_2 .swiper-button-next,
.widget_item_style_2 .swiper-button-prev {
transition: none !important;
}
}/* ==========================================================
LÂM QUANG ĐẠI
PRODUCT CATEGORY STYLE 10 - MODERN CLEAN 2026
========================================================== */
/* ==========================================================
1. LINK / NÚT XEM TẤT CẢ
========================================================== */
.widget_product_category_style_10 .link {
margin-left: auto;
}
/* ==========================================================
2. SLICK / GRID
========================================================== */
.widget_product_category_style_10 .slick-list {
margin-left: calc(var(--item-margin) / -2);
margin-right: calc(var(--item-margin) / -2);
}
.widget_product_category_style_10 .slick-slide {
margin-left: calc(var(--item-margin) / 2);
margin-right: calc(var(--item-margin) / 2);
}
.widget_product_category_style_10 .displayHorizontal {
position: relative;
display: grid;
grid-template-columns: repeat(var(--numberShow), minmax(0, 1fr));
gap: 22px;
align-items: stretch;
}
/* ==========================================================
3. CARD
========================================================== */
.widget_product_category_style_10 .item {
position: relative;
margin-top: 46px;
height: calc(100% - 46px);
}
.widget_product_category_style_10 .item a {
display: block;
width: 100%;
height: 100%;
color: inherit;
text-decoration: none;
}
/* ==========================================================
4. ICON / ẢNH SẢN PHẨM
========================================================== */
.widget_product_category_style_10 .item .img {
position: absolute;
left: 28px;
top: -42px;
transform: none;
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 84px;
padding: 12px;
background: #EAF6EF;
border: 1px solid #CFE7DA;
border-radius: 14px;
z-index: 2;
overflow: hidden;
transition:
transform .25s ease,
border-color .25s ease,
background-color .25s ease,
box-shadow .25s ease;
}
.widget_product_category_style_10 .item .img img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* ==========================================================
5. NỘI DUNG CARD
========================================================== */
.widget_product_category_style_10 .item .title {
display: flex;
flex-direction: column;
min-height: 250px;
height: 100%;
padding: 62px 26px 26px;
text-align: left;
background: #FFFFFF;
border: 1px solid #E1EAE5;
border-radius: 14px;
clip-path: none;
box-shadow:
0 6px 18px rgba(25, 60, 44, 0.05);
transition:
transform .25s ease,
border-color .25s ease,
box-shadow .25s ease,
background-color .25s ease;
}
/* ==========================================================
6. HEADING
========================================================== */
.widget_product_category_style_10 .item .title p.heading {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: auto;
min-height: calc(2em * 1.35);
margin: 0;
color: #17382A !important;
font-family: "Roboto", Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.02em;
}
/* ==========================================================
7. DESCRIPTION
========================================================== */
.widget_product_category_style_10 .item .title p.description {
margin: 14px 0 0;
color: #5E6B64 !important;
font-family: "Roboto", Arial, sans-serif;
font-size: 14.5px;
font-weight: 400;
line-height: 1.65;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
/* ==========================================================
8. HOVER
========================================================== */
.widget_product_category_style_10 .item:hover .title {
background: #FFFFFF;
border-color: #B8DCC8;
border-radius: 14px;
clip-path: none;
transform: translateY(-4px);
box-shadow:
0 12px 28px rgba(0, 107, 56, 0.10);
}
.widget_product_category_style_10 .item:hover .img {
transform: translateY(-3px);
background: #DDF3E6;
border-color: #A8D2BB;
box-shadow:
0 8px 20px rgba(0, 107, 56, 0.10);
}
/* Giữ màu chữ khi hover */
.widget_product_category_style_10 .item:hover .title p.heading {
color: #006B38 !important;
}
.widget_product_category_style_10 .item:hover .title p.description {
color: #5E6B64 !important;
}
/* ==========================================================
9. THÊM ĐƯỜNG NHẤN NHẸ
========================================================== */
.widget_product_category_style_10 .item .title::after {
content: "";
display: block;
width: 42px;
height: 3px;
margin-top: auto;
background: #008C45;
border-radius: 999px;
}
/* ==========================================================
10. TABLET
========================================================== */
@media (max-width: 991px) {
.widget_product_category_style_10 .displayHorizontal {
grid-template-columns:
repeat(var(--numberShowTablet), minmax(0, 1fr));
gap: 18px;
}
.widget_product_category_style_10 .item {
margin-top: 40px;
}
.widget_product_category_style_10 .item .img {
left: 22px;
top: -36px;
width: 72px;
height: 72px;
padding: 10px;
}
.widget_product_category_style_10 .item .title {
min-height: 225px;
padding: 52px 22px 22px;
}
.widget_product_category_style_10 .item .title p.heading {
font-size: 20px;
}
.widget_product_category_style_10 .item .title p.description {
font-size: 14px;
}
}
/* ==========================================================
11. MOBILE
========================================================== */
@media (max-width: 600px) {
.widget_product_category_style_10 .displayHorizontal {
grid-template-columns:
repeat(var(--numberShowMobile), minmax(0, 1fr));
gap: 14px;
}
.widget_product_category_style_10 .item {
margin-top: 34px;
}
.widget_product_category_style_10 .item .img {
left: 18px;
top: -31px;
width: 62px;
height: 62px;
padding: 9px;
border-radius: 12px;
}
.widget_product_category_style_10 .item .title {
min-height: 205px;
padding:
44px 18px 20px;
border-radius: 12px;
}
.widget_product_category_style_10 .item .title p.heading {
font-size: 18px;
line-height: 1.3;
}
.widget_product_category_style_10 .item .title p.description {
margin-top: 10px;
font-size: 13.5px;
line-height: 1.55;
-webkit-line-clamp: 3;
}
/* ==========================================================
LQD - PRODUCT CATEGORY VISUAL TUNING
Icon lớn hơn + text rõ hơn
========================================================== */
/* ICON LỚN HƠN */
.widget_product_category_style_10 .item {
margin-top: 58px;
}
.widget_product_category_style_10 .item .img {
left: 26px;
top: -50px;
width: 98px;
height: 98px;
padding: 13px;
background: #E7F4EC;
border: 1px solid #BFDCCB;
border-radius: 16px;
}
/* Ảnh sản phẩm trong icon */
.widget_product_category_style_10 .item .img img {
width: 100%;
height: 100%;
object-fit: contain;
opacity: 1 !important;
filter: none !important;
}
/* Card chừa chỗ cho icon lớn */
.widget_product_category_style_10 .item .title {
padding-top: 72px;
}
/* ==========================================================
HEADING RÕ HƠN
========================================================== */
.widget_product_category_style_10 .item .title p.heading {
color: #123D2B !important;
font-size: 25px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
opacity: 1 !important;
}
/* ==========================================================
DESCRIPTION ĐẬM VÀ DỄ ĐỌC HƠN
========================================================== */
.widget_product_category_style_10 .item .title p.description {
color: #46564E !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.62 !important;
opacity: 1 !important;
}
/* Nếu bên trong description có span/p/a bị màu cũ ghi đè */
.widget_product_category_style_10 .item .title p.description *,
.widget_product_category_style_10 .item .title .description * {
color: #46564E !important;
opacity: 1 !important;
}
/* Hover vẫn rõ */
.widget_product_category_style_10 .item:hover .title p.heading {
color: #008C45 !important;
}
.widget_product_category_style_10 .item:hover .title p.description {
color: #35463D !important;
}
/* ==========================================================
TABLET
========================================================== */
@media (max-width: 991px) {
.widget_product_category_style_10 .item {
margin-top: 50px;
}
.widget_product_category_style_10 .item .img {
top: -43px;
width: 84px;
height: 84px;
}
.widget_product_category_style_10 .item .title {
padding-top: 62px;
}
.widget_product_category_style_10 .item .title p.heading {
font-size: 21px !important;
}
.widget_product_category_style_10 .item .title p.description {
font-size: 14px !important;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media (max-width: 600px) {
.widget_product_category_style_10 .item {
margin-top: 42px;
}
.widget_product_category_style_10 .item .img {
left: 18px;
top: -36px;
width: 72px;
height: 72px;
padding: 10px;
}
.widget_product_category_style_10 .item .title {
padding-top: 52px;
}
.widget_product_category_style_10 .item .title p.heading {
font-size: 18px !important;
}
.widget_product_category_style_10 .item .title p.description {
font-size: 13.5px !important;
line-height: 1.55 !important;
}
}
/* ==========================================================
LQD - ICON MÁY LẠNH LỚN + TEXT DỄ ĐỌC
========================================================== */
/* Ô chứa icon */
.widget_product_category_style_10 .item .img {
width: 105px !important;
height: 105px !important;
top: -52px !important;
left: 22px !important;
padding: 8px !important;
background: #EAF6EF !important;
border: 1px solid #B9DDC9 !important;
border-radius: 16px !important;
overflow: visible !important;
}
/* QUAN TRỌNG:
Phóng chính hình máy lạnh bên trong */
.widget_product_category_style_10 .item .img img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
transform: scale(1.45) !important;
transform-origin: center center !important;
opacity: 1 !important;
filter: none !important;
}
/* Card chừa khoảng cho icon */
.widget_product_category_style_10 .item {
margin-top: 62px !important;
}
.widget_product_category_style_10 .item .title {
padding-top: 74px !important;
}
/* ==========================================================
TIÊU ĐỀ - ĐẬM, RÕ
========================================================== */
.widget_product_category_style_10 .item .title p.heading,
.widget_product_category_style_10 .item .title .heading {
color: #123D2B !important;
font-size: 25px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
opacity: 1 !important;
}
/* ==========================================================
MÔ TẢ - ĐẬM HƠN VÀ TỐI HƠN
========================================================== */
.widget_product_category_style_10 .item .title p.description,
.widget_product_category_style_10 .item .title .description {
color: #34463D !important;
font-size: 15px !important;
/* hiện tại chữ hơi mảnh -> tăng lên */
font-weight: 500 !important;
line-height: 1.55 !important;
opacity: 1 !important;
}
/* Chặn CSS bên trong ghi đè màu chữ */
.widget_product_category_style_10 .item .title .description *,
.widget_product_category_style_10 .item .title p.description * {
color: #34463D !important;
font-weight: 500 !important;
opacity: 1 !important;
}
/* ==========================================================
HOVER
========================================================== */
.widget_product_category_style_10 .item:hover .img {
transform: translateY(-3px) !important;
}
.widget_product_category_style_10 .item:hover .img img {
transform: scale(1.55) !important;
}
.widget_product_category_style_10 .item:hover .title p.heading {
color: #008C45 !important;
}
/* ==========================================================
TABLET
========================================================== */
@media (max-width: 991px) {
.widget_product_category_style_10 .item .img {
width: 90px !important;
height: 90px !important;
top: -45px !important;
}
.widget_product_category_style_10 .item .img img {
transform: scale(1.35) !important;
}
.widget_product_category_style_10 .item .title {
padding-top: 64px !important;
}
.widget_product_category_style_10 .item .title p.heading {
font-size: 21px !important;
}
.widget_product_category_style_10 .item .title p.description {
font-size: 14px !important;
font-weight: 500 !important;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media (max-width: 600px) {
.widget_product_category_style_10 .item .img {
width: 76px !important;
height: 76px !important;
top: -38px !important;
left: 16px !important;
padding: 7px !important;
}
.widget_product_category_style_10 .item .img img {
transform: scale(1.30) !important;
}
.widget_product_category_style_10 .item .title {
padding-top: 54px !important;
}
.widget_product_category_style_10 .item .title p.heading {
font-size: 18px !important;
}
.widget_product_category_style_10 .item .title p.description {
font-size: 13.5px !important;
font-weight: 500 !important;
}
}
}.widget_videos_style_5 {
position: relative;
}
.widget_videos_style_5 .container {
overflow: hidden;
}
.widget_videos_style_5 .container{
position: relative; z-index: 1;
}
.widget_videos_style_5 .header-title .header{
color: #cba730;
}
.widget_videos_style_5 .swiper-container{
padding-top: 20px;
padding-bottom: 20px;
}
.widget_videos_style_5 .swiper-button-next,
.widget_videos_style_5 .swiper-button-prev {
width: 50px;
height: 50px;
transition: var(--transition);
}
.widget_videos_style_5 .swiper-button-next .icon, .widget_videos_style_5 .swiper-button-prev .icon {
align-items: center;
display: inline-flex;
height: 2rem;
justify-content: center;
width: 14px;
fill: #fff;
}
.widget_videos_style_5 .swiper-button-next:hover,
.widget_videos_style_5 .swiper-button-prev:hover {
background-color: var(--theme-color);
}
.widget_videos_style_5 .swiper-button-next .icon svg, .widget_videos_style_5 .swiper-button-prev .icon svg {
height: 100%;
}
.widget_videos_style_5 .swiper-slide {
width: 400px;
perspective-origin: 100% 100%; border-radius: 8px; border: 4px solid #fff; overflow: hidden;
}
.widget_videos_style_5 .swiper-slide .swiper-slide-shadow-left,
.widget_videos_style_5 .swiper-slide .swiper-slide-shadow-right{
background-image: unset;
}
.widget_videos_style_5 .video-section {
position: relative;
display: block;
width: 100%;
padding-top: 56.25%;
height: inherit;
border-radius: 0px;
overflow: hidden;
}
.widget_videos_style_5 .video-section a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_videos_style_5 .video-section a img {
min-height: 100%;
min-width: 100%;
position: relative;
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_5 .play-now {
position: absolute;left: 50%;top: 50%;z-index: 10;
display: block;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transform-origin: center center;
}
.widget_videos_style_5 .play-now .icon {
position: absolute;left: 50%;top: 50%;z-index: 1;
height: 28px;
width: 28px;
text-align: center;
line-height: 28px;
color: #fff;
padding-left: 5px;
display: block;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
background-color: #FC020E;
}
.widget_videos_style_5 .play-now .icon svg {
width: 100%;
height: 100%;
fill: currentColor;
}
.widget_videos_style_5 .play-now .ripple,
.widget_videos_style_5 .play-now .ripple:before,
.widget_videos_style_5 .play-now .ripple:after {
position: absolute;top: 50%;left: 50%;
height: 65px;
width: 65px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.widget_videos_style_5 .play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.widget_videos_style_5 .play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
background-color: #FC020E;
}
@media screen and (max-width: 1023px) {
.widget_videos_style_5 .section {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media screen and (max-width: 767px) {
.widget_videos_style_5 .section {
margin-top: 60px;
margin-bottom: 60px;
}
.widget_videos_style_5 .group_content .sub-title {
width: 130%;
}
.widget_videos_style_5 .swiper-container {
margin-top: 30px;
}
}.widget_item_style_3 {
overflow: hidden; text-align: center;
}
.widget_item_style_3 .container,
.widget_item_style_3 .container-fluid{
margin: 120px auto;
}
.widget_item_style_3 .row-flex{
position: relative;
display: grid;
grid-template-columns: var(--item-per-row);
gap: var(--bs-gutter-x);
align-items: center;
}
.widget_item_style_3 .item {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background-position: center;
display: flex;
flex-direction: column;
}
.widget_item_style_3 .item .img {
float:left;
height:var(--item-height);
width:var(--item-height);
text-align: center;
flex: 0 0 var(--item-height);
}
.widget_item_style_3 .item .img img {
width: 100%;
height: 100%;
object-fit: contain;
display: flex;
margin: 0 auto;
}
.widget_item_style_3 .item .title {
text-align: left; padding: 10px 0; flex: 1;
}
.widget_item_style_3 .item .title .heading {
font-family: var(--font-header);
color: #000; font-size: 15px; font-weight: bold; margin: 0 0 10px 0;
line-height: 1.4;
}
.widget_item_style_3 .item .title p.description {
color: #252525; font-size: 14px; line-height: 20px;
}
.widget_item_style_3 .item .title p.description a,
.widget_item_style_3 .item .title .heading a {
color:currentColor;
}
@media screen and (max-width: 1023px) {
.widget_item_style_3 .container,
.widget_item_style_3 .container-fluid{
margin: 80px auto;
}
}
@media screen and (max-width: 991px) {
.widget_item_style_3 .container,
.widget_item_style_3 .container-fluid{
margin: 40px auto;
}
.widget_item_style_3 .row-flex {
margin-top: 40px;
}
}
@media (max-width: 768px) {
.widget_item_style_3 .row-flex{
grid-template-columns: var(--item-per-row-tablet);
}
.widget_item_style_3 .item .img { width: 60px; height: 60px; flex: 0 0 60px;}
}
@media (max-width: 600px) {
.widget_item_style_3 .row-flex{
grid-template-columns: var(--item-per-row-mobile);
}
.widget_item_style_3 .item {
flex-direction: column;
}
.widget_item_style_3 .item .img {
width: 50px;
height: 50px;
text-align: center;
flex: 0 0 50px;
margin: 0 auto;
}
.widget_item_style_3 .item .title {
width: 100%; text-align: center;
}
.widget_item_style_3 .item .title .heading {
font-size: 13px !important;
}
.widget_item_style_3 .item .title p.description {
font-size: 12px !important;
}
.widget_item_style_3 .item .title .heading,
.widget_item_style_3 .item .title p.description{
line-height: 1.3 !important;
}
}.widget_feedback_style_2 .box-content {
position: relative;
}
.widget_feedback_style_2 .feedback-item {
position: relative;
}
.widget_feedback_style_2 .item {
background-color: var(--theme-color);
border-radius: 20px;
padding: 80px 160px;
color: #fff;
}
.widget_feedback_style_2 .info {
overflow: hidden;
margin: 0 auto;
max-width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.widget_feedback_style_2 .item .title .name {
font-weight: bold;
margin-bottom: 0;
}
.widget_feedback_style_2 .item .title .office {
font-size: 13px;
}
.widget_feedback_style_2 .item .content {
position: relative;
line-height: 1.4;
}
.widget_feedback_style_2 .testimonials .swiper {
overflow: visible;
}
.widget_feedback_style_2 .testimonials {
overflow: hidden;
}
.widget_feedback_style_2 .swiper-button-next .icon, .widget_feedback_style_2 .swiper-button-prev .icon {
align-items: center;
display: inline-flex;
height: 2rem;
justify-content: center;
width: 14px;
fill: #fff;
}
.widget_feedback_style_2 .swiper-button-next .icon svg, .widget_feedback_style_2 .swiper-button-prev .icon svg {
height: 100%;
}
.widget_feedback_style_2 .swiper-button-next,
.widget_feedback_style_2 .swiper-button-prev {
width: 50px;
height: 50px;
}
.widget_feedback_style_2 .testimonials .swiper-button-next {
right: -60px;
}
.widget_feedback_style_2 .testimonials .swiper-button-prev {
left: -60px;
}
.widget_feedback_style_2 .about-logo .swiper-button-next {
right: -50px;
}
.widget_feedback_style_2 .about-logo .swiper-button-prev {
left: -50px;
}
.widget_feedback_style_2 .about-logo {
position: relative;
background-color: var(--bg-brand-logo);
border-radius: 10px;
margin-left: 50px;
margin-right: 50px;
}
.widget_feedback_style_2 .about-logo .swiper {
position: unset;
}
.widget_feedback_style_2 .logo-item {
display: block;
width: 100%;
padding-bottom: 60%;
position: relative;
border-radius: 12px;
}
.widget_feedback_style_2 .logo-item img {
position: absolute;
width: 80%;
height: 60%;
object-fit: contain;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.widget_feedback_style_2 .swiper-pagination {
display: none;
position: static;
margin-top: 10px;
--swiper-pagination-bullet-inactive-color: #fff;
--swiper-pagination-bullet-inactive-opacity: 0.7;
}
.widget_feedback_style_2 .swiper-pagination-bullet {
position: relative;
width: 10px;
height: 10px;
box-shadow: 0 0 4px rgb(255 255 255);
line-height: 1;
}
.widget_feedback_style_2 .swiper-pagination-bullet::after {
position: absolute;
content: "";
width: 100%;
height: 20px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.widget_feedback_style_2 .swiper-pagination-bullet-active {
background-color: var(--theme-color);
}
@media screen and (max-width: 1440px) {
.widget_feedback_style_2 .about-logo {
margin-top: 20px;
}
.widget_feedback_style_2 .item {
padding: 40px 120px;
}
}
@media screen and (max-width: 1023px) {
.widget_feedback_style_2 .container,
.widget_feedback_style_2 .container-fluid {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media screen and (max-width: 991px) {
.widget_feedback_style_2 .item {
padding: 40px 50px;
}
}
@media screen and (max-width: 767px) {
.widget_feedback_style_2 .container,
.widget_feedback_style_2 .container-fluid {
margin-top: 60px;
margin-bottom: 60px;
}
.widget_feedback_style_2 .content {
text-align: justify !important;
}
.widget_feedback_style_2 .swiper-pagination {
display: block;
}
}
@media screen and (max-width: 575px) {
.widget_feedback_style_2 .item {
padding: 20px 25px;
}
}
/* ==========================================================
LÂM QUANG ĐẠI
PROJECT TAB STYLE 1
CLEAN + SAFE VERSION
========================================================== */
/* ==========================================================
1. TOÀN BỘ WIDGET
========================================================== */
.widget_project_tab_style_1 {
position: relative;
width: 100%;
clear: both;
overflow: hidden;
}
/* Không để container-fluid bung padding lạ */
.widget_project_tab_style_1 .container-fluid {
padding-left: 0;
padding-right: 0;
}
/* ==========================================================
2. CATEGORY / PHÂN LOẠI DỰ ÁN
========================================================== */
.widget_project_tab_style_1 .box-category-list {
width: 100%;
max-width: 1180px;
margin: 26px auto 32px !important;
padding: 0 20px;
box-sizing: border-box;
}
/* Wrapper swiper category */
.widget_project_tab_style_1 .box-category-list .swiper {
width: 100%;
overflow: visible;
}
/* Danh sách category */
.widget_project_tab_style_1 .project_tab_style_1_category_list {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 10px 12px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
/* Từng category */
.widget_project_tab_style_1
.project_tab_style_1_category_list li {
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
/* Button category */
.widget_project_tab_style_1
.project_tab_style_1_category_list li a {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 9px 16px !important;
box-sizing: border-box;
color: #355046 !important;
background: #F5F8F6 !important;
border: 1px solid #D9E5DF !important;
border-radius: 8px !important;
font-family: "Roboto", Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
white-space: nowrap;
box-shadow: none !important;
transition:
color .2s ease,
background-color .2s ease,
border-color .2s ease,
box-shadow .2s ease,
transform .2s ease;
}
/* Xóa underline/indicator CSS cũ */
.widget_project_tab_style_1
.project_tab_style_1_category_list li a::before,
.widget_project_tab_style_1
.project_tab_style_1_category_list li a::after {
display: none !important;
content: none !important;
}
/* Hover */
.widget_project_tab_style_1
.project_tab_style_1_category_list li:hover a {
color: #006B38 !important;
background: #EDF7F2 !important;
border-color: #B8D9C6 !important;
transform: translateY(-1px);
}
/* Active */
.widget_project_tab_style_1
.project_tab_style_1_category_list li.active a,
.widget_project_tab_style_1
.project_tab_style_1_category_list li a.active {
color: #FFFFFF !important;
background: #008C45 !important;
border-color: #008C45 !important;
box-shadow:
0 5px 14px rgba(0, 140, 69, .16) !important;
transform: none;
}
/* ==========================================================
3. KHUNG PROJECT
========================================================== */
/*
* QUAN TRỌNG:
* Chỉ giới hạn KHUNG.
* KHÔNG chỉnh .item-project-2
* KHÔNG chỉnh .img
* KHÔNG chỉnh height/padding-bottom ảnh.
*
* Card sẽ dùng CSS gốc trong theme.
*/
.widget_project_tab_style_1
.project_style_tab_content {
position: relative;
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 0 20px 10px;
box-sizing: border-box;
clear: both;
overflow: hidden;
}
/* Box content */
.widget_project_tab_style_1
.project_style_tab_content
.box-content {
position: relative;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
overflow: hidden;
}
/* List Slick */
.widget_project_tab_style_1
.project_style_tab_content
.list-post {
position: relative;
width: 100%;
margin: 0;
box-sizing: border-box;
}
/* ==========================================================
4. SLICK
Chỉ khóa overflow.
KHÔNG đổi track thành flex.
========================================================== */
.widget_project_tab_style_1
.project_style_tab_content
.slick-list {
position: relative;
width: 100%;
overflow: hidden !important;
}
/*
* Không set:
* display:flex cho .slick-track
* height cho .slick-slide
* width cho .slick-slide
*
* Slick tự tính các giá trị này.
*/
.widget_project_tab_style_1
.project_style_tab_content
.slick-slide {
box-sizing: border-box;
}
/* Nội dung slide không được tràn ngang */
.widget_project_tab_style_1
.project_style_tab_content
.slick-slide > div {
box-sizing: border-box;
}
/* ==========================================================
5. LOADING SKELETON
========================================================== */
.widget_project_tab_style_1
.wg-loading {
position: relative;
width: 100%;
margin: 0 auto;
z-index: 1;
}
/* Khi loading bị JS hide thì không chiếm chỗ */
.widget_project_tab_style_1
.wg-loading[style*="display: none"] {
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
/* ==========================================================
6. CLEAR SECTION
Không cho widget lấn xuống Góc nhìn chuyên gia
========================================================== */
.widget_project_tab_style_1::after,
.widget_project_tab_style_1
.project_style_tab_content::after,
.widget_project_tab_style_1
.project_style_tab_content
.box-content::after {
content: "";
display: block;
width: 100%;
height: 0;
clear: both;
}
/* ==========================================================
7. TABLET
========================================================== */
@media screen and (max-width: 1023px) {
.widget_project_tab_style_1
.box-category-list {
margin:
22px auto 26px !important;
padding:
0 16px;
}
.widget_project_tab_style_1
.project_tab_style_1_category_list {
gap:
8px !important;
}
.widget_project_tab_style_1
.project_tab_style_1_category_list li a {
min-height:
38px;
padding:
8px 13px !important;
font-size:
12px !important;
}
.widget_project_tab_style_1
.project_style_tab_content {
padding:
0 14px 8px;
}
}
/* ==========================================================
8. MOBILE
========================================================== */
@media screen and (max-width: 767px) {
.widget_project_tab_style_1 {
overflow: hidden;
}
.widget_project_tab_style_1
.box-category-list {
margin:
18px auto 22px !important;
padding:
0 12px;
overflow: hidden;
}
/*
* Mobile category cuộn ngang.
*/
.widget_project_tab_style_1
.box-category-list
.swiper {
width: 100%;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling:
touch;
scrollbar-width:
none;
}
.widget_project_tab_style_1
.box-category-list
.swiper::-webkit-scrollbar {
display:
none;
}
.widget_project_tab_style_1
.project_tab_style_1_category_list {
justify-content:
flex-start !important;
flex-wrap:
nowrap !important;
width:
max-content !important;
gap:
8px !important;
}
.widget_project_tab_style_1
.project_tab_style_1_category_list li {
flex:
0 0 auto !important;
}
.widget_project_tab_style_1
.project_tab_style_1_category_list li a {
min-height:
38px;
padding:
8px 12px !important;
font-size:
11.5px !important;
white-space:
nowrap;
}
.widget_project_tab_style_1
.project_style_tab_content {
max-width:
100%;
padding:
0 8px 6px;
overflow:
hidden;
}
}
/* ==========================================================
9. MOBILE NHỎ
========================================================== */
@media screen and (max-width: 480px) {
.widget_project_tab_style_1
.project_tab_style_1_category_list li a {
padding:
7px 11px !important;
font-size:
11px !important;
}
}
/* ==========================================================
10. ACCESSIBILITY
========================================================== */
.widget_project_tab_style_1
.project_tab_style_1_category_list
li a:focus-visible {
outline:
2px solid #008C45;
outline-offset:
2px;
}
/* ==========================================================
11. REDUCED MOTION
========================================================== */
@media (prefers-reduced-motion: reduce) {
.widget_project_tab_style_1
.project_tab_style_1_category_list li a {
transition:
none !important;
}
}/* ==========================================================
LÂM QUANG ĐẠI
POST STYLE 6 - EXPERT VIEW / MODERN EDITORIAL
========================================================== */
/* ==========================================================
1. NÚT XEM TẤT CẢ
========================================================== */
.widget_post_style_6 .link {
margin-left: auto;
}
/* ==========================================================
2. LAYOUT CHUNG
========================================================== */
.widget_post_style_6 .row .list-post {
--bs-gutter-x: 18px;
}
.widget_post_style_6 .post-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
/* ==========================================================
3. BÀI NỔI BẬT
========================================================== */
.widget_post_style_6 .first-post .inner {
position: relative;
display: block;
height: 100%;
min-height: 520px;
overflow: hidden;
background: #17382A;
border-radius: 14px;
box-shadow:
0 10px 30px rgba(22, 55, 40, .08);
}
/* Khối ảnh */
.widget_post_style_6 .first-post .left {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
/* Ảnh nền */
.widget_post_style_6 .first-post .left img,
.widget_post_style_6 .first-post img.img-background {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .35s ease;
}
/* Overlay */
.widget_post_style_6 .first-post .inner::before {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background:
linear-gradient(
180deg,
rgba(10, 28, 20, .06) 0%,
rgba(10, 28, 20, .24) 40%,
rgba(8, 25, 17, .90) 100%
);
}
/* Nội dung bài nổi bật */
.widget_post_style_6 .first-post .right {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
width: 100%;
padding: 34px 34px 30px;
background: transparent !important;
}
/* Tiêu đề */
.widget_post_style_6 .first-post .name {
margin: 0 0 14px;
padding: 0;
border: 0;
color: #FFFFFF !important;
font-size: 24px;
font-weight: 700;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Mô tả */
.widget_post_style_6 .first-post .desc {
margin: 0 0 16px;
color: rgba(255, 255, 255, .88) !important;
font-size: 14px;
font-weight: 400;
line-height: 1.55;
text-align: left;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Ngày */
.widget_post_style_6 .first-post .date {
margin: 0;
color: rgba(255, 255, 255, .78) !important;
font-size: 12px;
font-weight: 500;
opacity: 1;
}
/* Hover nhẹ */
.widget_post_style_6 .first-post .inner:hover img.img-background,
.widget_post_style_6 .first-post .inner:hover .left img {
transform: scale(1.035);
}
/* ==========================================================
4. BÀI PHỤ
========================================================== */
.widget_post_style_6 .item-post .inner {
position: relative;
display: block;
height: 250px;
overflow: hidden;
border-radius: 12px;
background: #17382A;
box-shadow:
0 8px 22px rgba(22, 55, 40, .06);
transition:
transform .22s ease,
box-shadow .22s ease;
}
/* Ảnh */
.widget_post_style_6 .item-post .inner img,
.widget_post_style_6 .item-post .inner img.img-background {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .35s ease;
}
/* Overlay */
.widget_post_style_6 .item-post .inner::before {
content: "";
position: absolute;
inset: 0;
z-index: 3;
width: 100%;
height: 100%;
background:
linear-gradient(
180deg,
rgba(10, 28, 20, .04) 0%,
rgba(10, 28, 20, .12) 40%,
rgba(8, 25, 17, .86) 100%
);
opacity: 1;
}
/* Nội dung */
.widget_post_style_6 .item-post .wrap-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
padding: 18px 20px 18px;
}
/* Date chung */
.widget_post_style_6 .date {
margin-bottom: 5px;
color: rgba(255, 255, 255, .80) !important;
font-size: 11px;
font-weight: 500;
line-height: 1.4;
}
/* Title bài phụ */
.widget_post_style_6 .item-post .wrap-content .name,
.widget_post_style_6 .item-post .wrap-content .title,
.widget_post_style_6 .item-post .wrap-content h3,
.widget_post_style_6 .item-post .wrap-content h4,
.widget_post_style_6 .item-post .wrap-content a {
color: #FFFFFF !important;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover */
.widget_post_style_6 .item-post .inner:hover {
transform: translateY(-3px);
box-shadow:
0 12px 28px rgba(0, 107, 56, .10);
}
.widget_post_style_6 .item-post .inner:hover img,
.widget_post_style_6 .item-post .inner:hover img.img-background {
transform: scale(1.035);
}
/* ==========================================================
5. TỶ LỆ CỘT DESKTOP
========================================================== */
@media screen and (min-width: 768px) {
.widget_post_style_6 .post-main.col-md-3 {
width: 42%;
}
.widget_post_style_6 .post-list.col-md-9 {
width: 58%;
}
}
/* ==========================================================
6. MÀN HÌNH RỘNG
========================================================== */
@media screen and (min-width: 1680px) {
.widget_post_style_6 .container {
max-width: 1510px;
}
.widget_post_style_6 .first-post .inner {
min-height: 560px;
}
.widget_post_style_6 .item-post .inner {
height: 271px;
}
}
/* ==========================================================
7. LAPTOP
========================================================== */
@media screen and (max-width: 1440px) {
.widget_post_style_6 .first-post .inner {
min-height: 440px;
}
.widget_post_style_6 .first-post .right {
padding: 28px 28px 26px;
}
.widget_post_style_6 .first-post .name {
font-size: 21px;
}
.widget_post_style_6 .first-post .desc {
font-size: 13.5px;
}
.widget_post_style_6 .item-post .inner {
height: 211px;
}
}
/* ==========================================================
8. TABLET
========================================================== */
@media screen and (max-width: 1199px) {
.widget_post_style_6 .row .list-post {
--bs-gutter-x: 14px;
}
.widget_post_style_6 .post-list {
gap: 14px;
}
.widget_post_style_6 .first-post .inner {
min-height: 380px;
}
.widget_post_style_6 .first-post .right {
padding: 24px;
}
.widget_post_style_6 .first-post .name {
font-size: 19px;
-webkit-line-clamp: 3;
}
.widget_post_style_6 .first-post .desc {
font-size: 13px;
-webkit-line-clamp: 3;
}
.widget_post_style_6 .item-post .inner {
height: 183px;
}
.widget_post_style_6 .item-post .wrap-content {
padding: 14px 16px;
}
.widget_post_style_6 .item-post .wrap-content .name,
.widget_post_style_6 .item-post .wrap-content .title,
.widget_post_style_6 .item-post .wrap-content h3,
.widget_post_style_6 .item-post .wrap-content h4,
.widget_post_style_6 .item-post .wrap-content a {
font-size: 14px;
}
}
/* ==========================================================
9. MOBILE
========================================================== */
@media screen and (max-width: 767px) {
.widget_post_style_6 .row .list-post {
margin-bottom: 0;
}
.widget_post_style_6 .post-list {
margin-top: 14px;
grid-template-columns: 1fr;
gap: 14px;
}
/* Bài nổi bật mobile */
.widget_post_style_6 .first-post .inner {
min-height: 360px;
height: 360px;
border-radius: 12px;
}
.widget_post_style_6 .first-post .right {
padding: 22px 20px;
}
.widget_post_style_6 .first-post .name {
font-size: 20px;
line-height: 1.35;
}
.widget_post_style_6 .first-post .desc {
font-size: 13.5px;
line-height: 1.5;
-webkit-line-clamp: 3;
}
.widget_post_style_6 .first-post .date {
font-size: 11px;
}
/* Bài phụ mobile */
.widget_post_style_6 .item-post .inner {
height: 220px;
border-radius: 10px;
}
.widget_post_style_6 .item-post .wrap-content {
padding: 16px;
}
.widget_post_style_6 .item-post .wrap-content .name,
.widget_post_style_6 .item-post .wrap-content .title,
.widget_post_style_6 .item-post .wrap-content h3,
.widget_post_style_6 .item-post .wrap-content h4,
.widget_post_style_6 .item-post .wrap-content a {
font-size: 15px;
line-height: 1.4;
}
.widget_post_style_6 .date {
font-size: 11px;
}
}
/* ==========================================================
10. MOBILE NHỎ
========================================================== */
@media screen and (max-width: 480px) {
.widget_post_style_6 .first-post .inner {
height: 330px;
min-height: 330px;
}
.widget_post_style_6 .first-post .right {
padding: 18px;
}
.widget_post_style_6 .first-post .name {
font-size: 18px;
}
.widget_post_style_6 .first-post .desc {
font-size: 13px;
-webkit-line-clamp: 2;
}
.widget_post_style_6 .item-post .inner {
height: 205px;
}
}
/* ==========================================================
11. ACCESSIBILITY / PERFORMANCE
========================================================== */
@media (prefers-reduced-motion: reduce) {
.widget_post_style_6 img,
.widget_post_style_6 .inner {
transition: none !important;
}
}.badge-style-1 {
position: absolute;
font-size: 12px;
line-height: 16px;
color: var(--badge-style1-textColor, #ffffff);
padding: 2px 12px;
background: var(--badge-style1-bgColor, #00adef);
font-weight: 700;
border-radius: var(--badge-style1-borderRadius, 4px);
border: 1px solid var(--badge-style1-borderColor, var(--badge-style1-bgColor, #00adef));
}
.badge-style-1.top-left {
top: 10px;
left: 10px;
}
.badge-style-1.top-right {
top: 10px;
right: 10px;
}
.badge-style-1.bottom-left {
bottom: 10px;
left: 10px;
}
.badge-style-1.bottom-right {
bottom: 10px;
right: 10px;
}
Warning: unserialize(): Extra data starting at offset 646 of 660 bytes in /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Cache/drivers/Cache_file.php on line 61
Warning: unserialize(): Extra data starting at offset 646 of 660 bytes in /home/trungt34/dienlanhlamquangdai.vn/application/helpers/common_helper.php on line 1197
Warning: unserialize(): Extra data starting at offset 646 of 660 bytes in /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Cache/drivers/Cache_file.php on line 61
Warning: unserialize(): Extra data starting at offset 646 of 660 bytes in /home/trungt34/dienlanhlamquangdai.vn/application/helpers/common_helper.php on line 1197
Warning: unserialize(): Extra data starting at offset 646 of 660 bytes in /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Cache/drivers/Cache_file.php on line 61
Warning: Trying to access array offset on false in /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: Trying to access array offset on false in /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Cache/drivers/Cache_file.php on line 63
Fatal error: Uncaught TypeError: Cannot access offset of type string on string in /home/trungt34/dienlanhlamquangdai.vn/application/helpers/common_helper.php:896
Stack trace:
#0 /home/trungt34/dienlanhlamquangdai.vn/views/theme-store/theme-child/theme-header/navigation-style/navigation-style-1/navigation.php(10): Option::get()
#1 /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Hook.php(307): ThemeNavigationStyle1::css()
#2 /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Hook.php(331): WP_Hook->apply_filters()
#3 /home/trungt34/dienlanhlamquangdai.vn/system/plugin.php(453): WP_Hook->do_action()
#4 /home/trungt34/dienlanhlamquangdai.vn/views/theme-store/theme-setting/theme-setting.php(21): do_action()
#5 /home/trungt34/dienlanhlamquangdai.vn/views/theme-store/theme-setting/theme-setting.php(38): Theme_Style::renderCss()
#6 /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Hook.php(307): Theme_Style::renderCssMinify()
#7 /home/trungt34/dienlanhlamquangdai.vn/system/libraries/Hook.php(331): WP_Hook->apply_filters()
#8 /home/trungt34/dienlanhlamquangdai.vn/system/plugin.php(453): WP_Hook->do_action()
#9 /home/trungt34/dienlanhlamquangdai.vn/views/theme-store/theme-child/include/head.php(10): do_action()
#10 /home/trungt34/dienlanhlamquangdai.vn/application/libraries/template.php(737): include('/home/trungt34/...')
#11 /home/trungt34/dienlanhlamquangdai.vn/views/theme-store/template-sidebar-right.php(7): Template::partial()
#12 /home/trungt34/dienlanhlamquangdai.vn/system/core/Loader.php(840): include('/home/trungt34/...')
#13 /home/trungt34/dienlanhlamquangdai.vn/system/core/Loader.php(421): CI_Loader->_ci_load()
#14 /home/trungt34/dienlanhlamquangdai.vn/application/libraries/template.php(375): CI_Loader->view()
#15 /home/trungt34/dienlanhlamquangdai.vn/application/controllers/frontend/post.php(60): Template->render()
#16 /home/trungt34/dienlanhlamquangdai.vn/system/core/CodeIgniter.php(360): Post->detail()
#17 /home/trungt34/dienlanhlamquangdai.vn/index.php(224): require_once('/home/trungt34/...')
#18 {main}
thrown in /home/trungt34/dienlanhlamquangdai.vn/application/helpers/common_helper.php on line 896