.header-wrapper:not(.stuck),
 .header-wrapper:not(.stuck) .header-bg-color {
    background-color: #2EBB66;
}

 .header-wrapper:not(.stuck) #logo {
	display: none;
}
.top-html-item {
	margin-right: 10px;
	font-size: 14px;
}

.top-html-item a {
	color: #ffffff;
}
.top-html-item a:hover {
	color: #ffffff;
}

.top-html {
    display: flex;
    gap: 30px;
}
.top-html svg path {
    stroke-width: unset;
}
.top-html .top-html-item {
    display: flex;
    gap: 5px;
}

path, ellipse, circle, rect, polygon, polyline, line {
    stroke-width: unset !important;
}

.popup-search {
    max-width: 200px;
    position: relative;
}

.popup-search input {
    border-radius: 24px;
    border: 1px solid #E0E0E0;
    box-shadow: none;
    height: 40px;
}
.popup-search .submit-button {
    position: absolute;
    right: 8px;
    top: 6px;
    border: 0px;
    background: none !important;
}
.searchform .popup-search .submit-button:hover {
    background: none !important;
    box-shadow: none !important;
}
.button-main {
    font-weight: 400;
    font-size: 14px;
    padding: 10px 30px;
}

.button-main-sesion {
    font-weight: 400;
    font-size: 14px;
    padding: 10px 30px;
    color: #000000;
}

.box-trietly {
    border-radius: 24px;
    background: #899F87;
    padding: 32px;
}
.box-img-main {
    border-radius: 24px;
    border: 1px solid #335247;
    overflow: hidden;
}

@media (min-width: 992px) {
	.product-main-title {
		  display: block;        
		max-width: 100%;       
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.product-short-description {
		display: -webkit-box;
		-webkit-line-clamp: 2;      
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
    .box-giai-phap {
        background: #899F87;
        border-radius: 24px;
        padding: 35px 100px 35px 32px;
    }
    .box-giai-phap-mg {
        border-radius: 24px;
        padding: 32px;
    }

    .box-giai-phap-mg .img {
         position: absolute;
        top: 111px;
        width: 158% !important;
        right: 1px;
    }
    .bg-giai-phap-2 {
        border-radius: 32px;
        background: rgba(255, 255, 255, 0.45);
        backdrop-filter: blur(24px);
        padding: 60px;
    }
}
@media (max-width: 992px) {
    .box-giai-phap .col-inner {
        background: #899F87;
        padding: 10px;
        border-radius: 10px;
    }
    .bg-giai-phap-2 {
        border-radius: 0px;
        background: rgba(255, 255, 255, 0.45);
        backdrop-filter: blur(24px);
        padding: 20px;
    }

}



.box-giai-phap-item .icon-box-img {
    background: #FFE78D;
    border-radius: 100%;
    padding: 10px;
}
.title-main {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
}

.button-more-main {
    border-radius: 12px;
    border: 1px solid #213721;
    color: #335247 !important;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 10px;
}

.product-item-page-cate {

}

.product-item-home {
    position: relative;
    height: 100%;
}
.product-item-home .product-thumbnail {
    height: 320px;
}
.product-item-home .product-thumbnail a {
    height: 100%;
    overflow: hidden;
}
.product-item-home .product-thumbnail a img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.product-item-home  .box-image {
    margin: 0 auto 15px auto;
    border-radius: 10px;
}

.product-item-home .sale-icon {
    border-radius: 16px;
    background: #39CB74;
    color: #FFFFFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 8px;
    z-index: 1;
}
.product-item-home  .product-short-description {
    color: #335247;
    text-overflow: ellipsis;
    font-size: 16px;
}
.product-item-home  .product-short-description {
    color: #335247;
    text-overflow: ellipsis;
    font-size: 16px;
}
.product-item-home .box-product-price {
    margin-bottom: 15px;
}
.product-item-home  span.amount {
    color: #335247;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}
.product-item-home  .product-title a {
    font-weight: 700;
    font-size: 19px;
}
.box-quy-trinh .col-inner {
    border-radius: 30px;
    border: 1px solid #E0E0E0;
    padding: 0px !important;
}

.box-quy-trinh.box-main-text .col-inner {
    padding: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-quy-trinh.box-1 .col-inner {
    background: #FFE78D;
}
.box-quy-trinh.box-2 .col-inner {
    background: #335247;
}

.box-quy-trinh.box-1 .col-inner h3 {
    color: #335247;
}
.box-quy-trinh.box-2 .col-inner h3 {
    color: #ffffff;
}
.box-y-kien {
    background: #ffffff;
    border-radius: 30px;
    padding: 30px !important;
}
.box-tu-van-mien-phi {
    padding: 80px 60px !important;
}
.box-tu-van-img-left {
    padding-bottom: 0px !important;
    position: relative;
}
.box-tu-van-img-left::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 300px;
    background: #F2F6EF;
    top: 0px;
    left: -275px;
    z-index: 0;
}
.time-open {
    display: flex;
    gap: 5px;
    align-items: center;
}
.box-item-hethong .col-inner {
    border-radius: 12px;
    border: 1px solid #F0F0F0;
    background: #FFF;
    padding: 12px;
}
.box-item-hethong p {
    margin-bottom: 5px;
}

.form-submit-main h2 {
    font-size: 48px;
    font-weight: 600;
}

.form-submit-main label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #FFF;
}
.form-submit-main input, .form-submit-main textarea {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    background: none;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.50) !important;
    color: #ffffff;
    padding-left: 0px;
}

.form-submit-main input::placeholder {
    color: #ffffff;
}

.form-submit-main input:focus {
    background: none;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #ffffff !important;
    color: #ffffff;
    padding-left: 0px;
}
.button-main-lienhe {
    float: right;
    color: #ffffff;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
}
.box-footer-main {

}

.box-footer-main .ux-menu-link__link {
    justify-content: center;
    color: #213721;
}

.absolute-footer {
    display: none !important;
}
.box-footer-main  .follow-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.box-footer-main  .follow-icons .icon.button {
    border: 1px solid #335247;
    color: #335247;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-footer-main  .row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid #C8D8C0;
}

#top-bar .follow-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

#top-bar  .follow-icons .icon.button {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.view-more {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.logo-scroll {
    display: none;
}
.header-wrapper.stuck .logo-scroll {
    display: block;
}
.logo-scroll img {
    width: 85px;
}
.page-gioi-thieu-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}


.timeline {
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
    width: 80%;
}

.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    background: #2f4f4f;
    transform: translateX(-50%);
}

.timeline-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0px 0;
    position: relative;
}

.timeline-item.right {
    justify-content: end;
}

.timeline-item.left .content {
    order: 1;
    text-align: left;
}

.timeline-item.right .content {
    order: 2;
    text-align: left;
}

.timeline-item .content {
    background: #F2F6EF;
    color: #335247;
    padding: 20px;
    border-radius: 12px;
    width: 45%;
}

.timeline-item::after {
    content: '';
    position: absolute;
    top: 25px;
    left: 50%;
    width: 16px;
    height: 16px;
    background: #335247;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.timeline-item::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #335247;
    transform: translateX(-50%);
    z-index: 1;
}

.year {
    font-size: 28px;
    font-weight: bold;

}

.timeline-item.left .year {
    text-align: right;
}

.title {
    font-size: 18px;
    margin-bottom: 8px;
}

.desc {
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .timeline-item {
        flex-direction: column;
        align-items: center;
    }
    .timeline-item.left .content, .timeline-item.right .content {
        order: 0;
        text-align: left;
        width: 90%;
    }
}

@media (min-width: 992px) {
    .box-doi-ngu {
        border-radius: 24px;
        background: #899F87;
        padding: 65px 100px 15px 32px;
    }
    .box-doi-ngu-img {
        border-radius: 24px;
        padding: 32px;
    }

    .box-doi-ngu-img .img {
        position: absolute;
        top: 28px;
        width: 140% !important;
        right: 50px;
    }
}


.page-lien-he label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #999999;
}
.page-lien-he input, .page-lien-he textarea {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    background: none;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #335247 !important;
    color: #000000;
    padding-left: 0px;
}

.page-lien-he input::placeholder {
    color: #999999;
}

.page-lien-he input:focus {
    background: none;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #335247 !important;
    color: #000000;
    padding-left: 0px;
}
.page-lien-he .button-main-lienhe {
    float: right;
    color: #ffffff;
    background: #335247;
    border-radius: 10px;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 10px 15px 10px 20px;
}
.archive-news-cate {
    text-align: left;
    padding-top: 30px;
}

.archive-news-cate h1 {
    font-size: 28px;
    color: #335247;
}

.archive-news-cate .taxonomy-description {
    color: #514d4d;
}

/*
* Pagination custom
*/
.pagination {
    justify-content: center;
    font-size: 0;
    line-height: 0;
    margin-bottom: -17px;
    margin-left: -17px;
}

.pagination:empty {
    margin-bottom: 0;
    margin-left: 0;
}

.pagination > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 17px;
    margin-left: 17px;
}

@media (min-width: 1200px) {
    .pagination {
        margin-bottom: -27px;
        margin-left: -27px;
    }

    .pagination > * {
        margin-bottom: 27px;
        margin-left: 27px;
    }
}

.page-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
}

* + .pagination-wrap {
    margin-top: 40px;
}

@media (min-width: 1200px) {
    * + .pagination-wrap {
        margin-top: 70px;
    }
}

.page-link {
    display: inline-block;
    min-width: 42px;
    padding: 10px 10px;
    border: 1px solid #c4c4c4;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.33333;
    background-color: #ffffff;
    color: #000000;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
}

.page-link > .icon {
    vertical-align: middle;
}

.page-link:focus {
    box-shadow: none;
}

.bg-product-text {
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(24px);
    padding: 60px;
}

.page-brum-link {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 15px;
    color: #000000;
}
.page-brum-link a {
    color: #000000;
}

.custom-product-icons {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    font-size: 14px;
    color: #333;
}
.custom-product-icons .icon-item {
    display: flex;
    align-items: center;
    gap: 5px;
}
.sale-percent {
    font-size: 16px;
    font-weight: bold;
    color: red;
}

.box-product-c .item {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    padding: 20px 0px 5px 0px;
    margin-bottom: 20px;
}

/* Container flex để căn hàng ngang */
form.cart {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #E0E0E0;
}

/* Style số lượng */
form.cart .quantity {
    display: flex;
    align-items: center;
    border: 1px solid #2e463d;
    border-radius: 10px;
    overflow: hidden;
    height: 40px;
}

form.cart .quantity input.qty {
    width: 50px;
    border: none;
    text-align: center;
    font-size: 16px;
    outline: none;
}

form.cart .quantity .button.is-form {
    width: 35px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #2e463d;
    transition: background 0.2s ease;
}

form.cart .quantity .button.is-form:hover {
    background-color: #2e463d;
    color: white;
}

/* Style nút thêm vào giỏ hàng */
.product-main .product-info .single_add_to_cart_button {
    background-color: #2e463d;
    color: white;
    border: none;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 10px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 70%;
}

.product-main .product-info .single_add_to_cart_button:hover {
    background-color: #1e352d;
}

.product-main .badge-container {
    display: none;
}


.product-info .woocommerce-breadcrumb {
    display: none;
}

.rankmath-breadcrumbs a, .rankmath-breadcrumbs .separator {
    color: #999999;
}

.rankmath-breadcrumbs.single-product p {
 margin-bottom: 0px;
}

.wide-nav {
    border-bottom: 1px solid #e1e1e1;
}

.product-main {
    padding: 30px 0;
}

/* Tabs container */
.product-footer .woocommerce-tabs {
    background: none;
    padding: 20px;
    border-radius: 12px;
    margin-top: 30px;
    border-top: 0px !important;
}

/* Tabs nav (danh sách tab) */
.woocommerce-tabs .wc-tabs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    border-bottom: none;
    margin-bottom: 0px;
    padding-left: 0;
    gap: 10px;
}

.woocommerce-tabs .wc-tabs li {
    margin: 0;
}

.woocommerce-tabs .wc-tabs li a {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    border: none;
    border-radius: 10px 10px 0px 0px;
    font-weight: 500;
    color: #2e463d;
    transition: all 0.3s ease;
    text-decoration: none;
}

.woocommerce-tabs .wc-tabs li.active a {
    background: #2e463d;
    color: #fff;
}

/* Nội dung tab */
.woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 30px;
    font-size: 15px;
    line-height: 1.7;
    color: #333;
    animation: fadeIn 0.3s ease-in-out;
}

/* Hiệu ứng mượt */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 600px) {
    .woocommerce-tabs .wc-tabs {
        flex-direction: column;
    }
}

.product-footer .nav-tabs+.tab-panels {
    border: none;
    padding: 0px;
    border-radius: 0px 0px 24px 24px;
    background: #F2F6EF;
}
.product-tabs #tab-title-description {
    display: none;
}

.icon-box.kiem-duyet {
    border-radius: 24px;
    border: 1px solid rgba(51, 82, 71, 0.30);
    background: #FFF;
    padding: 20px;
    margin-top: 40px;
}

.icon-box.kiem-duyet .icon-box-img .icon-inner {
    border-radius: 8px;
    background: #D9D9D9;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border: 1px solid #D9D9D9;
}

.icon-box.kiem-duyet .icon-box-img img {
    padding: 0px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.icon-box.kiem-duyet  .icon-box-text {
    position: relative;
}
.icon-box.kiem-duyet  .icon-box-text p {
    margin-bottom: 5px;
}
.icon-box.kiem-duyet  .icon-box-text a {
    display: flex;
    gap: 5px;
    justify-content: left;
    position: absolute;
    color: #157EFA;
    align-items: center;
}
.icon-box.kiem-duyet  .icon-box-text .kiem-duyet-icon {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: left;
    position: absolute;
    color: #3DC55D;
    text-overflow: ellipsis;
    position: absolute;
    right: 0px;
    top: 0px;
}

.bg-chuyen-gia-sp .section.has-block {
    background-color: #ffffff !important;
}

.bg-bao-tri-sp .section.has-block {
    background-color: rgb(242, 246, 239) !important;
}
.mfp-wrap .mfp-close {
    font-size: 20px;
}
#cart-popup .cart-popup-inner {
    padding-top: 15px;
}
.button-cart {
    border-radius: 12px;
    background: #335247;
    color: #ffffff;
    padding: 10px 5px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.woocommerce-mini-cart__buttons .button-cart {
    border-radius: 12px;
    background: #335247;
    color: #ffffff;
    padding: 10px 5px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.woocommerce-mini-cart__buttons .button {
    background: #335247;
    color: #ffffff;
    border-radius: 12px;
    padding: 5px 5px;
    font-size: 14px;
    font-weight: 400;
}
.header-main-title {
	 font-size: 1.5em;
    font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}


/*
* Jumbotron
*/
.jumbotron-custom .text-1 {
    font-size: 24px;
    text-transform: uppercase;
}

.jumbotron-custom .text-2 {
    font-size: 20px;
    font-weight: 500;
}

.jumbotron-custom .title {
    font-size: 70px;
    font-weight: 900;
    line-height: 0.9;
    text-transform: uppercase;
}

.jumbotron-custom .big {
    line-height: 1.36;
}

.jumbotron-custom * + .text-2 {
    margin-top: 8px;
}

.jumbotron-custom * + .title {
    margin-top: 18px;
}

.jumbotron-custom * + .big {
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .jumbotron-custom .text-1 {
        font-size: 29px;
    }
    .jumbotron-custom .text-2 {
        margin-left: -0.5em;
    }
    .jumbotron-custom .title {
        padding-left: 0.3em;
        font-size: 110px;
    }
    .jumbotron-custom * + .big {
        margin-top: 34px;
    }
}

.jumbotron-custom-1 .text-1 {
    font-size: 26px;
    text-transform: uppercase;
}

.jumbotron-custom-1 .video-button a {
    display: inline-block;
    padding: 30px 70px;
    text-align: center;
    color: #ffeb38;
    pointer-events: none;
}

.jumbotron-custom-1 .video-button a > * {
    pointer-events: auto;
}

.jumbotron-custom-1 .video-button a:hover, .jumbotron-custom-1 .video-button a:focus {
    color: #2EBB66;
}

.jumbotron-custom-1 .video-button .icon {
    font-size: 46px;
}

.jumbotron-custom-1 .video-button .button-text {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    background: linear-gradient(0deg, transparent, transparent);
    background: -webkit-linear-gradient(0deg, #2EBB66, #ff4141, #ffeb38);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffeb38;
}

.jumbotron-custom-1 .video-button * + .button-text {
    margin-top: 5px;
}

.jumbotron-custom-1 .title {
    font-size: 70px;
    font-weight: 900;
    line-height: 0.9;
    text-transform: uppercase;
}

.jumbotron-custom-1 .big {
    line-height: 1.36;
}

.jumbotron-custom-1 * + .title {
    margin-top: 5px;
}

.jumbotron-custom-1 * + .big {
    margin-top: 20px;
}

@media (min-width: 992px) {
    .jumbotron-custom-1 .video-button {
        margin-top: -140px;
        margin-right: -15px;
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .jumbotron-custom-1 {
        max-width: 575px;
    }
    .jumbotron-custom-1 .title {
        line-height: 1.2;
        font-size: 80px;
        margin-left: -10px;
    }
    .jumbotron-custom-1 .video-button {
        margin-top: -150px;
    }
    .jumbotron-custom-1 * + .big {
        margin-top: 37px;
    }
}

@media (min-width: 1600px) {
    .jumbotron-custom-1 {
        max-width: 470px;
    }
    .jumbotron-custom-1 .title {
        font-size: 125px;
    }
}

html .section-jumbotron {
    display: flex;
    flex-direction: column;
}

html .section-jumbotron .section-fullheight {
    flex-grow: 1;
}

@media (max-width: 991.98px) {
    html .section-jumbotron .section-fullheight-inner {
        min-height: 0;
    }
}

@media (min-width: 992px) {
    html .section-jumbotron {
        flex-direction: row;
    }
}

@media (min-width: 1200px) {
    html .section-jumbotron {
        padding-bottom: 60px;
    }
}

@media (min-width: 1600px) {
    html .section-jumbotron {
        padding-bottom: 120px;
    }
}

.project-list {
    display: flex;
    flex-direction: column;
}

.project-list > li {
    width: 100%;
}

@media (min-width: 992px) {
    .project-list > li {
        border-radius: 12px 0 0 12px;
    }
}

.project-list > li a {
    display: block;
    padding: 50px 32px;
    text-align: right;
    font-size: 24px;
    font-weight: 700;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    background-image: linear-gradient(to right, rgba(27, 27, 27, 0.2), rgba(27, 27, 27, 0.5));
    height: 100%;
}

@media (min-width: 768px) {
    .project-list {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .project-list {
        width: 37%;
        padding-top: 135px;
        align-items: flex-end;
        justify-content: center;
        flex-direction: column;
        padding-bottom: 60px;
    }
    .project-list > li + li {
        margin-top: 21px;
    }
    .desktop .project-list > li {
        transform: translateX(50px);
        transition: .25s;
    }
    .desktop .project-list > li a {
        opacity: 0;
        transition: inherit;
    }
    .desktop .project-list > li:hover {
        transform: translateX(0);
    }
    .desktop .project-list > li:hover a {
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    .project-list {
        padding-bottom: 0;
    }
    .project-list > li a {
        padding: 50px 32px;
    }
}

@media (min-width: 1600px) {
    .project-list {
        padding-top: 220px;
    }
    .project-list > li a {
        padding: 87px 32px;
    }
}

.panel-left {
    display: none;
    padding: 40px 5px 230px 5px;
    max-width: 150px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 1200px) {
    .panel-left {
        margin-bottom: -60px;
    }
}

@media (min-width: 1600px) {
    .panel-left {
        margin-bottom: -120px;
    }
}

.panel-left .brand {
    position: relative;
    z-index: 10;
    transform: rotate(90deg) translateX(40%);
}

@media (min-width: 992px) {
    .rd-navbar-static-linked .panel-left {
        display: flex;
    }
}

@media (min-width: 1200px) {
    .offset-xl-1 {
        margin-left: 8.33333%;
    }
}

@media (min-width: 1200px) {
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
}
@media (min-width: 992px) {
    .justify-content-lg-start
    {
        justify-content: flex-start !important;
    }
}

@media (min-width: 1200px) {
    .section-md {
        padding: 80px 0 90px;
    }
}

@media (min-width: 768px) {
    .section-md {
        padding: 70px 0;
    }
}
ul {
    list-style: none;
}

.context-dark, .bg-gray-700, .bg-primary, .context-dark h1, .bg-gray-700 h1, .bg-primary h1, .context-dark h2, .bg-gray-700 h2, .bg-primary h2, .context-dark h3, .bg-gray-700 h3, .bg-primary h3, .context-dark h4, .bg-gray-700 h4, .bg-primary h4, .context-dark h5, .bg-gray-700 h5, .bg-primary h5, .context-dark h6, .bg-gray-700 h6, .bg-primary h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-primary [class^='heading-'] {
    color: #ffffff;
}

/*
* Icons
*/
.icon {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

.icon::before {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-transform: none;
}

.icon-gray-300 {
    color: #c4c4c4;
}

a.icon-gray-filled {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

a.icon-gray-filled:hover, a.icon-gray-filled:focus {
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.3);
}

.icon-circle {
    text-align: center;
    border-radius: 50%;
}

.icon-bordered {
    position: relative;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #c4c4c4;
    overflow: hidden;
}

.icon-bordered:before, .icon-bordered:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transition: top .3s;
}

.icon-bordered:before {
    top: 0;
}

.icon-bordered:after {
    top: -100%;
    content: '\f061';
    font-family: "FontAwesome";
}

.icon-bordered[class*="facebook"] {
    color: #135dec;
}

.icon-bordered[class*="twitter"] {
    color: #35b7e0;
}

.icon-bordered[class*="instagram"] {
    color: #ff3951;
}

.icon-bordered[class*="behance"] {
    color: #2c3ab6;
}

.icon-bordered:hover:before, .icon-bordered:focus:before {
    top: 100%;
}

.icon-bordered:hover:after, .icon-bordered:focus:after {
    top: 0;
}

.icon-bordered-2 {
    position: relative;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #c4c4c4;
    overflow: hidden;
}

.icon-bordered-2:before, .icon-bordered-2:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transition: top .3s;
}

.icon-bordered-2:before {
    top: 0;
}

.icon-bordered-2:after {
    top: -100%;
    content: '\f061';
    font-family: "FontAwesome";
}

.icon-bordered-2[class*="facebook"] {
    color: #000000;
}

.icon-bordered-2[class*="twitter"] {
    color: #000000;
}

.icon-bordered-2[class*="instagram"] {
    color: #000000;
}

.icon-bordered-2[class*="behance"] {
    color: #000000;
}

.icon-bordered-2:hover:before, .icon-bordered-2:focus:before {
    top: 100%;
}

.icon-bordered-2:hover:after, .icon-bordered-2:focus:after {
    top: 0;
}

.icon-sm {
    font-size: 22px;
    line-height: 22px;
    width: 22px;
    height: 22px;
}

.icon-sm.icon-bordered, .icon-sm.icon-bordered-2, .icon-sm.icon-circle {
    line-height: 47px;
    width: 47px;
    height: 47px;
}

.icon-md {
    font-size: 45px;
    line-height: 45px;
}

.project-list .bg-image {
    background-size: cover;
    background-position: center center;
}

.offset-top-40 {
    padding-top: 40px;
}
@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
}
.context-dark p, .bg-gray-700 p, .bg-primary p {
    color: rgba(255, 255, 255, 0.4);
}

.title-text {
    font-size: 15px;
    font-weight: 400;
    padding-top: 15px;
}

@media (min-width: 992px) {
    .title-text {
        font-size: 20px;
    }
}


@media (max-width: 992px) {
    .box-tu-van-mien-phi {
        padding: 30px 20px !important;
    }
    .title-main {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
    }
    .view-more {
        position: unset;
        right: 0px;
        top: -24px;
        color: #000;
        font-size: 18px;
        font-weight: 400;
        display: flex;
        justify-content: left;
        align-items: center;
        gap: 5px;
    }
    .timeline-item::before {
        left: 0px;
        height: calc(100% + 20px);
    }

    .timeline-item::after {
        left: 0px;
    }

    .timeline-item .year {
        text-align: left !important;
    }

    .timeline-item {
        margin: 20px 0;
    }

    .box-doi-ngu {
        border-radius: 24px;
        background: #899F87;
        padding: 65px 100px 15px 32px;
    }
    .box-doi-ngu-img {
        border-radius: 24px;
        padding: 32px;
    }

    .box-doi-ngu-img .img {
        position: unset;
        top: 0px;
        width: 100% !important;
        right: 50px;
    }
    .product-filter-bar .sort-box {
        display: none !important;
    }
    .product-filter-bar .filter-btn {
        padding: 8px 5px;
        border: 1px solid #2e463d;
        background: transparent;
        color: #2e463d;
        border-radius: 0px;
        font-size: 11px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    #section_672688929 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .bg-product-text {
        border-radius: 0px !important;
    }
    .button-more-main {
        border-radius: 9px;
        border: 1px solid #213721;
        color: #335247 !important;
        display: flex;
        justify-content: center;
        text-align: center;
        padding: 5px;
    }
    .product-item-home .product-title a {
        font-weight: 600;
        font-size: 14px;
    }

    .product-main .product-info .single_add_to_cart_button {
        width: 59%;
        padding: 5px 15px;
    }
    .product-footer .woocommerce-tabs {
        background: none;
        padding: 0px;
        border-radius: 12px;
        margin-top: 0px;
        border-top: 0px !important;
        margin-bottom: 40px;
    }
    .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 30px 15px;
    }
    .icon-box.kiem-duyet {
        border-radius: 15px;
        padding: 15px;
        margin-top: 40px;
        flex-direction: column;
    }
    .icon-box.kiem-duyet .icon-box-text .kiem-duyet-icon {
        position: unset;
    }
    .icon-box.kiem-duyet .icon-box-text a {
        position: unset;
    }
    .icon-box.kiem-duyet .icon-box-text {
        position: relative;
        padding-left: 0px;
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
	.rd-navbar-static-linked .panel-left {
		display: flex;
	}
}
/*
* Breadcrumbs
*/
.breadcrumbs-custom {
	position: relative;
	padding: 45px 0;
	text-align: center;
	background-color: #c4c4c4;
	background-position: center;
	background-size: cover;
}

.breadcrumbs-custom:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(180deg, transparent -30%, rgba(0, 0, 0, 0.5));
}

.breadcrumbs-custom > * {
	position: relative;
	z-index: 1;
}

.breadcrumbs-custom-title {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.34;
	letter-spacing: -0.02em;
	text-transform: none;
}

.breadcrumbs-custom-title-small {
	font-weight: 500;
	text-transform: none;
	letter-spacing: -0.02em;
}

.breadcrumbs-custom-subtitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: 0.03em;
	color: rgba(255, 255, 255, 0.7);
}

* + .breadcrumbs-custom-title-small {
	margin-top: 27px;
	margin-bottom: 20px;
}

* + .breadcrumbs-custom-subtitle {
	margin-top: 18px;
}

@media (min-width: 768px) {
	.breadcrumbs-custom {
		padding: 70px 0 80px;
	}
}

@media (min-width: 992px) {
	.breadcrumbs-custom-title {
		font-size: 60px;
		letter-spacing: 0.03em;
		padding-bottom: 40px;
	}
	.breadcrumbs-custom-subtitle {
		font-size: 18px;
	}
	* + .breadcrumbs-custom-subtitle {
		margin-top: 28px;
	}
}

@media (min-width: 1200px) {
	.breadcrumbs-custom {
		padding: 80px 0;
	}
}

@media (min-width: 1600px) {
	.breadcrumbs-custom {
		padding: 170px 0 188px;
	}
}

.bg-gray-700 {
    background-color: #262626;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.row-30 {
    margin-bottom: -30px;
}
.row-30 > * {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

.box-bv .img {
	display: block;
	width: 100%;
	height: 210px;
	overflow: hidden;
}
.box-bv .img img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}