/*
Theme Name: 2tekcar
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.19.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
Theme Name: Phukienlimogreen.vn
Description: Website chuyên cung cấp dịch vụ lắp đặt phụ kiện cho dòng xe vinfast Limo Green
Author: Phan Bao Trung
Template: flatsome
Version: 3.0
*/
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    }
/*STAR CSS*/
.is-divider {
    display: none !important;
}
/*HEADER*/
/*HEADER*/
/*header main*/
.header-bottom {
    border-bottom: 1px solid #d4d4d4 !important;
}
.header-wrapper .header-main {
    margin-top: -10px;
}
.header .flex-col.logo:before {
    right: 60px;
    position: absolute;
    top: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-left: 1080px solid #fff;
    border-top: 0;
}
.header .flex-col.logo:after {
    position: absolute;
    top: 0;
    left: 169px;
    content: '';
    border-left: 25px solid #fff;
    border-top: 0;
    border-bottom: 85px solid #fff;
    border-right: 65px solid transparent;
    z-index: -1;
}
.header .header-top {
    z-index: 1 !important;
}
.header .flex-col.logo{
    position: relative !important;
    height: 100%;
    background: #fff;
    top: 0;
    z-index: 99;
	padding: 20px 0;
}

/* Man hinh tu 1050 den 849 */
@media only screen and (min-width: 849px) and (max-width: 1050px) {
ul.header-nav.header-nav-main.nav.nav-right.nav-divided.nav-size-large.nav-spacing-large.nav-uppercase {
    font-size: 12px;
}
}
/* Dành cho máy tính bảng và điện thoại di động */
@media all and (max-width: 849px) {
	/*HEADER*/
.header-wrapper .header-main {
     margin-top: unset; 
}
.header .header-top:after {
    position: absolute;
   	bottom:0;
    content: '';
    border-right: 850px solid #fff;
    border-bottom: 10px solid #fff;
}	
.header .flex-col.logo:before {
    left: -25px !important;
    position: absolute;
    top: 0;
    height: auto;
    content: '';
    z-index: -1;
    border-left: 25px solid #f000;
    border-top: 70px solid #fff;
    border-right: 0;
		border-bottom: 0;
		background: unset;
	right:unset;
}
.header .flex-col.logo:after {
    position: absolute;
    top: 0;
    right: -25px !important;
    content: '';
    z-index: -1;
    border-left: 0;
    border-top: 70px solid #fff;
    border-right: 25px solid #00000000;
	border-bottom: 0;
	left:unset;
}
	.header .flex-col.logo{
	padding: 0 !important;
	}
}
/*man-hinh-tu*/
@media only screen and (min-width: 550px) and (max-width: 849px) {
	.header .flex-col.logo:before {
    border-top: 85px solid #fff !important;
}
	.header .flex-col.logo:after {
    border-top: 85px solid #fff !important;
}
}
/*Man-hinh-mobile*/
@media all and (max-width: 480px) {
	.header.show-on-scroll, .stuck .header-main {
		height: 70px!important;
	}
}
@media all and (max-width: 580px) {
/*chieu cao header mobile khi scroll*/
	.stuck .header-main.nav-dark {
		height: 70px !important;
	}
	
}
/*button vetical menu header main*/
.flex-col.hide-for-medium.flex-left.flex-grow {
    margin-left: 60px;
}
.header-main .header-vertical-menu__opener {
    border-radius: 5px;
    width: 100%;
}
.header-main .header-vertical-menu__opener i {
    display: none;
}
.header-main .header-vertical-menu__opener .header-vertical-menu__title:before {
    font-family: FontAwesome;
    content: "\f03a";
    margin-right: 2px;
}
.header-vertical-menu__fly-out.has-shadow{
    left: -45px;
    border-radius: 5px;
    margin-top: 10px;
	z-index: 999 !important;
}
.buttons-wrap-header {
    display: flex;
    gap: 10px;
}
.header-main .header-control, .mfp-content .header-control {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    padding: 0 10px;
    border-radius: 5px;
    line-height: 1.1;
    border: 0px !important;
    height: 40px;
}
.header-main .header-control .button-wishlist ,.mfp-content .header-control .button-wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	line-height: 1.22;
}
.header-main .header-control .icon svg ,.mfp-content .header-control .icon svg {
    width: 24px;
    height: 24px;
    color: #000;
}
.header-main .header-control .content, .mfp-content .header-control .content {
    color: #000;
    white-space: nowrap;
    margin-left: 5px;
    display: flex;
    flex-direction: column;
}
.header-main .header-control .content span , .mfp-content .header-control .content span{
    display: block;
    font-weight: 700;
    font-size: 14px;
}

.header-wrapper .header-top ul.nav.nav-center.nav-small.mobile-nav.nav-divided .header-control {
    display: flex;
    font-size: 13px;
    line-height: 1.2;
    align-content: center;
    align-items: center;
    padding: 5px 0 15px 0;
}
.header-wrapper.header-control .button-wishlist {
    color: #fff;
}
.header-control .button-wishlist {
	display: flex;
	flex-direction: row;
	color: #fff;
}

/*Add to cart*/
.header-main .header-cart-link.icon.button.round {
    padding: 0 10px;
    display: flex;
    flex-direction: row-reverse;
    color: #fff;
    align-content: center;
    align-items: center;
    height: 40px;
}
.header-main .header-button .header-cart-link.icon.button.round:hover{
    background: #ffd400;
    color: #000000;
}
.header-main .header-cart-link.icon.button.round span {
    margin: 0 !important;
    font-size: 14px;
}
/*thanh tim kiem normal*/
.is-normal .search-field.mb-0 {
    height: 40px;
    display: block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.is-normal .searchform .button.icon {
    margin: 0;
    height: 40px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 14px;
    background: var(--bg-color-yellow);
    width: 60px;
}
/*icon tim kiem mobile*/
.header-search-dropdown .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown, li.current-dropdown>.nav-dropdown {
    left: 0px;
    border-radius: var(--border-radius-5) !important;
}

/*NEW TEMPLATE*/
/*GOBAL ALL SITE*/
a.icon.primary.button.round {
    border: 0px !important;
}
/*GOBAL TRANG CHU*/
.section-home-woo {
    padding: 0 0 20px 0 !important;
    border-radius: var(--border-radius-5);
    margin: var(--margin-25);
    position: relative !important;
    box-shadow: var(--box-shadow-1);
}
/*load more san pham woo*/
.view-products-all{
    color: #1097cf;
    margin: 15px 0;
    background: #0000;
    border-radius: 5px;
    border: 1px solid #1097cf;
    font-size: 14px;
}
.view-products-all:hover {
    background: #1097cf;
    color: #fff;
}
/*tieu de cac section*/
.row-title-home {
    color: #000;
    padding-left: 10px;
    border-left: 7px solid var(--bg-color-green-dam);
    text-transform: uppercase;
    background: var(--bg-color-green-dam);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
}
/*TRANG CHU*/
/* .home-saigon-windowfim {
    background: #f3f3f3;
} */
.home .page-wrapper {
    padding-top: 10px !important;
}
.row-home-top img {
    border-radius:10px;
}
.col.col-banner-right {
    padding-left: 4px;
}
.col.col-banner-left{
    padding-right: 4px;
}
.row.row-btn-next-slide-star {
/*     background: var(--bg-gradient-green-yellow); */
    margin-top: -45px;
    padding: 10px;
    border-radius: 0 0 10px 10px;
}
.row.button-next-slide {
    margin: 0 !important;
}
/*slider-and-button-homepage*/
.row.button-next-slide .col {
    background: #ffd400;
    padding: 7px !important;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: #000000;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    margin: 0 2px 0 2px;
}


.col.col-items-slide.medium-2.small-2.large-2.active {
    border: 1px solid #060606;
    font-weight: 700;
    
}
.img-banner-col-right {
    margin-bottom: 5px !important;
}
/*chinh sach duoi slide*/
.section-policy  {
    padding: 10px 10px 0 10px !important;
    margin: var(--margin-25);
    border-radius: var(--border-radius-5);
    box-shadow: var(--box-shadow-1);
}
.section-policy .icon-box.featured-box {
    margin-bottom: 10px;
}
.section-policy h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 0.8;
}
.section-policy h6 {
    font-size: 12px;
    color: #ffd400;
    margin: 0;
    text-transform: none !important;
    font-weight: 500;
    line-height: 1.3;
}
/*danh muc san pham trang chu*/
/* danh muc san pham homepage  */
.section.catalogue-home {
    border-radius: var(--border-radius-5);
    box-shadow: var(--box-shadow-1);
}
.categories-product-dev {
    margin-bottom: 24px;
    margin-top: 0;
}
.categories-product-dev.menu-mobile-device {
    display: none;
}

.categories-product-dev .categories-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.categories-product-dev .categories-title h2 a {
    color: #444;
    font-size: 22px;
    font-weight: 600;
}

.categories-product-dev .categories-title .btn-show-more {
    bottom: 5px;
    color: #111;
    font-size: 13px;
    font-weight: 400;
    right: 15px;
    text-transform: none;
}

.categories-product-dev .categories-title .btn-show-more:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.categories-product-dev .categories-content .categories-content-wrapper {
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-start;
    position: relative;
}

.categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer {
    height: auto;
    width: 12%;
}
/* item mau danh muc lon */
.catalogue-home .categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories{
	background-color: #469c4b30;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
	
}
.categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories {
    align-items: center;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 125px;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%;
}

.categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories .product__img {
    height: 131px;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories p,.categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories span {
    color: #1d1d20;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 0;
    padding: 6px 8px;
    text-align: center;
    text-shadow: -.5px -.5px 0 #fff,.5px -.5px 0 #fff,-.5px .5px 0 #fff,.5px .5px 0 #fff;
    width: 100%;
    word-break: break-word;
}

.categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories img {
    aspect-ratio: 1;
    height: auto;
    margin: 5px auto 0;
    width: 70px;
}

@media screen and (max-width: 768px) {
    .categories-product-dev.menu-mobile-device {
        display:block;
    }
	
	.header-control.wrraty-check span {
    	display: none;
	}
}
@media screen and (max-width: 540px) {
    .categories-product-dev {
        margin-top:0;
    }
    .categories-product-dev .categories-title h2 {
        font-size: 16px;
    }
	.categories-product-dev .categories-content .categories-content-wrapper {
		gap: 12px;
	}
    .categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer, .off-canvas-center .mfp-content .categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer  {
        width: 30% !important;
    }
    .categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories {
        height: 100%;
        min-height: 80px;
    }
    .categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories.square {
        min-height: 70px;
    }
    .categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories p,.categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer .item-categories span {
        font-size: 10px;
    }

    .categories-product-dev .categories-content .categories-content-wrapper .item-categories-outer p.title-under {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #444;
        display: -webkit-box;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4;
        margin: 10px 0 0;
        overflow: hidden;
        position: relative;
        text-align: center;
        -webkit-text-decoration: none;
        text-decoration: none;
        z-index: 1;
    }

}

/*danh sach san pham hot hoac khuyen mai*/
.section.box-listprod{
    background: var(--bg-gradient-green-yellow) !important;
}
.box-listprod {
    margin: var(--margin-25);
    border-radius: var(--border-radius-5);
    box-shadow: var(--box-shadow-1);
    padding: 10px 20px 30px 20px !important;
}
.box-listprod .row-header{
    border-bottom: 1px solid #ffffff;
    margin-bottom: 25px;
}
.box-listprod .title-prosucts-sale {
    text-transform: uppercase;
    color: #ffd400;
    display: contents;
}
.box-listprod .title-prosucts-sale img {
    margin-right: 10px;
}
.box-listprod .ux-timer strong {
    text-transform: none;
}
.box-listprod .flickity-button{
    opacity: 1 !important;
}

.box-listprod  svg.flickity-button-icon {
    border-radius: 5px !important;
    background: #f5f5f5;
    border: none !important;
    width: 85%;
    height: 30%;
}
.box-listprod .box-image {
    border-radius: var(--border-radius-5) var(--border-radius-5) 0 0; 
}
.box-listprod .box-text {
    border-radius: 0 0 var(--border-radius-5) var(--border-radius-5); 
}
/*gioi thieu cong ty trang chu*/
.home-about {
    padding: 35px 10px 20px 10px !important;
    margin: var(--margin-25);
    border-radius: var(--border-radius-5);
    background: var(--bg-color-green-dam);
    opacity: 0.9;
}
.home-about .section-bg.fill {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /* background-image: url(http://localhost:8080/2tekcar.com/wp-content/uploads/2024/11/home-about.svg); */
    /* -ms-flex-direction: row; */
}
.home-about .icon-box.featured-box.box-icon-about {
    background: #fff;
    margin: 10px 0;
    padding: 10px;
    border-radius: var(--border-radius-5);
    box-shadow: var(--box-shadow-1);
}
.home-about img {
    border-radius: var(--border-radius-10);
}
/*home-about*/
.home-about span.subtitle-fstyle1 {
    line-height: 1;
    color: #fff;
    position: relative;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}
.home-about .subtitle-fstyle1:before {
    font-family: FontAwesome;
    content: "\f201";
    margin-right: 5px;
    font-size: 15px;
}
.home-about h2.title-fstyle1 {
    color: var(--bg-color-yellow);
    font-size: 1.2rem !important;
    max-width: 100%;
}
.home-about .home-whyus-box .home-whyus-box-checklists {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}
.home-about .home-whyus-box .home-whyus-box-checklists  {
    list-style: none;
    margin: 0;
}
.home-about .home-whyus-box .home-whyus-box-checklists li {
margin-left: 0;
color: #fff;
}
.home-about .home-whyus-box .home-whyus-box-checklists li:before {
    font-family: FontAwesome;
    content: "\f4fc";
    margin-right: 5px;
    font-size: 15px;
}
/*cilce*/
.home-about .box-circle-progressbar {
    display: flex;
    align-items: center;
    margin-top: 20px;
    flex-direction: row;
    justify-content: center;
}
.home-about .box-circle-progressbar .card {
    display: flex;
    align-items: center;
   padding: 10px;
    flex-direction: column;
    text-align: center;
}
.home-about .box-circle-progressbar .card .percent {
    position: relative;
}
.home-about .box-circle-progressbar .card svg {
    position: relative;
    width: 80px;
    height: 80px;
    transform: rotate(-90deg);
}
.home-about .box-circle-progressbar  .card svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #f0f0f0;
    stroke-width: 10;
    stroke-linecap: round;
}
.home-about .box-circle-progressbar .card svg circle:last-of-type {
    stroke-dasharray: 219.8px;
    stroke-dashoffset: calc(219.8px - (219.8px * var(--percent)) / 100);
    transition: stroke-dashoffset 0.5s ease;
    transform: rotate(0deg);
    transform-origin: 50px 50px; 

    
}
.home-about .box-circle-progressbar  .card .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home-about .box-circle-progressbar .card .number h3 {
    font-size: 1rem;
    color: #fff;
    margin: 0;
}   
.home-about .box-circle-progressbar .card .title h3 {
    line-height: 1.2;
    margin: 0;
    color: #ffffff;
	font-size: 0.9rem;
}
/* Màu xám cho nền của thanh tiến trình */
.home-about .box-circle-progressbar .card svg circle:first-of-type {
    stroke: #f0f0f0;
    stroke-width: 10;
}
/* Màu cho thanh tiến trình (màu đỏ ở đây) */
.home-about .box-circle-progressbar .card svg circle:last-of-type {
    stroke-dasharray: 219.8px;
    stroke-dashoffset: 219.8px; /* Bắt đầu từ giá trị ban đầu (100% offset) */
    stroke: var(--bg-color-red);; /* Màu đỏ */
    stroke-width: 10;
    transition: stroke-dashoffset 0.5s ease;
}
.home-about .view-info-contacthome {
    text-align: center;
    margin: 20px 0 0 0;
}
.home-about .view-info-contacthome a {
    color: #000;
    width: 50%;
}
/*products trang chu*/
.ux-relay__control.ux-relay__control--top{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: -50px;
    z-index: 999;
}
.ux-relay__nav-button {
    line-height: 0;
    margin: 20px 3px 5px 3px;
    background: #000f8f;
    width: 30px;
    border-radius: 5px;
    font-size: 12px;
    background: var(--bg-gradient-green-yellow);
    border: none;
}
.ux-relay__nav-button svg {
    fill: #fff !important;
    width: 10px;
    height: 10px;
}
.ux-relay__nav-button svg :hover {
    fill: #fff !important;
}
/*san-pham-home-all*/
.section-home-woo .row-title-products {
    padding-top: 15px;
}
.section-home-woo .row-title-products .col {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/*danh sach thanh vien */
.home-member{
    padding: 25px 10px 25px 10px !important;
    margin: var(--margin-25);
    border-radius: var(--border-radius-5);
    background: var(--bg-gradient-green-yellow) !important;

}
.home-member .box-text.text-center {
    padding-left: 10px;
    padding-right: 10px;
    padding: 10px;
    background: #fff;
    bottom: -10px;
    /* width: calc(100% - 50px); */
    border-radius: 5px;
    box-shadow: 6px 5px 16px 0px rgba(0, 0, 0, 0.15);
    transition: 0.5s;
}
.home-member .portfolio-element-wrapper{
    padding: 10px 0 10px 0;
}
.home-member span.show-on-hover {
    opacity: 1;
}
.home-member .portfolio-box-category {
    text-transform: none;
    color: #000f8f;
    opacity: 1;
}
.home-member img {
    border-radius: 10px;
}
/*anh ads trang chu*/
.image-effect {
    position: relative;
}
.image-effect:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(67, 69, 113, 0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.image-effect:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(67, 69, 113, 0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.image-effect:hover:before {
    right: 50%;
    left: 50%;
    width: 0;
    background: rgba(255,255,255,0.3)
}
.image-effect:hover:after {
    height: 0;
    top: 50%;
    bottom: 50%;
    background: rgba(255,255,255,0.3)
}
/*count up trang chu*/
h4.homepage_count_up {
    font-size: 45px;
    font-weight: 700;
    color: #fc0 ! IMPORTANT;
    margin: 0;
}
.text.item-quality p {
    margin: 0 !important;
    font-size: 15px;
}
/*anh ben phai trang chu*/
@media (max-width: 548px) {
    h2 {
        font-size: 1em !important;
    }
    .home .large-12.col{
        padding: 5px;
    }
    /*slide trai*/
        .col.col-items-slide.medium-3.small-3.large-3 {
        font-size: 10px !important;
        line-height: 14px !important;
    }
    /*banner phai*/
    .col.col-banner-left {
      padding: 0 15px 0 15px !important;
    }
    .row.row-btn-next-slide-star{
        display: none !important;
    }
    .col-banner-right{
        overflow-x: auto !important; 
        overflow-y: hidden !important;
        padding: 0 10px 0 10px !important;
    }
    .col-banner-right .col-inner {
        display: flex; 
        flex-direction: row;
        width: 700px;
        display: -webkit-flex;
        display: -ms-flexbox;
        -webkit-overflow-scrolling: touch;
    }
    .img-banner-col-right{
        margin: 3px !important;
    }
    /*blog homepage*/
    .section_blogs .text2line {
        line-height: 1.1 !important;
        font-size: 0.9rem !important;
    }
    .description-post {
        margin: 0;
        font-size: 0.7rem !important;
        line-height: 1.5;
    }
    /*count up trang chu*/
    h4.homepage_count_up{
        font-size: 28px !important;
    }
    /*layout chi tiet san pham*/
    .col.medium-8.small-12.large-8.products-content-info {
        padding-right: unset !important;
    }
    .col.medium-4.small-12.large-4.products-specifications-info {
        padding-left: unset !important;
    }
}
/*muc luc danh muc san pham woocomer*/
.devvn_heading_wrap {
            background: rgba(243,243,243,0.95);
            border: 1px solid rgb(197 197 197);
            width: 100%;
            color: #333;
            margin: 0 0 20px 0;
            padding: 0;
        }
.devvn_heading_title {
    padding: 10px 15px;
    background: #c5c5c5;
    position: relative;
    cursor: pointer;
}
.devvn_heading_wrap > ol {
                margin: 10px 0 10px 10px;
                max-height: 50%;
                overflow-y: auto;
                top: 0;
                padding: 0 20px;
                height: 250px;
        }
.devvn_heading_wrap > ol > li {
    margin: 0;
    padding: 0;
}
.devvn_heading_wrap > ol > li ul {
    margin: 0;
    padding: 0;
}
.devvn_heading_wrap > ol > li ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.devvn_heading_title strong {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAQAAACJ4248AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cJBA8RMDu7ID0AAAKXSURBVFjD7ZVNSBtBGIa/mV1Nfw6BtgoVidp6KPbSZj20CppCL6WHeqhgTDZGCIJSUGOQlGiagElIicHUQ+qaQGx0D+mp0EOhPyAoQssuCqXXUkIoVKWtFamszfQQTKKbg4fJyTynmXkG3vmGbxiACqcd1PxMo9EmfD4Y6+kBRlGIThDktmAQIJsFAGhJVVef/eHxkOs8jxz19VRS7ZkM3BfF3y8mJ5H+y/Q04u32Yk+CIyPy3UgEAED/aGoKrblcZSnfEgphaO7tVV3LX7M5P+lSe1qQQbMZw+rBgcowipI/zM8SntoJFAUjQzyuuoFALJaf7Kk9NTZiMdTdzTBf342NEavJRAz7+8grCJIcjwMQktuFcWvd8HBWsFjQdkMDleD1dJp8W1y8yoTDZSuuwklBnL6qCgYmJuCi0QiMohBhfl5+E4kc9kAnYdnduNNJdDyPvtfUUEk9t7UFD0UROJ8PcVwgAOB0Ht0xNCRJ0SgAgP6j240Gvd6ylL/q92OAvr7j6+SD1Zqf7BSNadPe34/h9uFzK4DuFNbQeO5PKAv2bBbDtYUFlXiSSBROU8JTgqwlErkmlFwu8tZohH+KglyCIMmzs8VN+IcfHwfBYkEva2upBF/e3ISUKCLZ7y9XcRVODOokLLvb6nBAh9EIWFFIx9yc/CAWK/6MOG50FNw8D790Oiqp6+k03BDFK69DIcQ993ph3u0+smHKZpPu5b5hjnM6AQKBclRPbno8GD7bbCrzvmiNlPC0MNlsmIQxVgkDy+bzn5bwtGhnWYxuLS2phDuZzI8vlPCUQHvJJHP+8fLymbBGA5caG0nX9jZqCQal6MzMYRPWfVpZIW0YQ6qpCcW1WirJ9kyGDESjO6+O9V6FU8l/eGH2Ze896egAAAAASUVORK5CYII=) no-repeat left center;
    background-size: 22px 22px !important;
    padding-left: 32px;
    text-transform: uppercase;
}
.devvn_heading_title::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAQAAACJ4248AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cJBA8REu7bYdkAAAHLSURBVFjD7ZS9S8NAGId/l0a0QaiuDl3cXIScg2CrRQhSuruKf4GggthSN1P6KYKTi7vtVmIpQehgFzHFycmPQfBjakGpIsI5SEtr05qmaQXJD27J+949T94jAezYsQNggfE8FV2uQfGm2djYAuN5AOBoRZJeis/PIJWK+JBOUyoI/QJTKgjiYSbDz5TLL59PT7QiSYSK19cgk5O1JqYWCkQKBDStWrUazlRFIZLPV3/Ibm44oHn0RPL5mKooVk5CFw4AcLk4cheP/9xgpUR7OIC1RIK7KMdiKMqyngSQz08dj472AoeUzerB2dLenrYSjZJ68/vuLuaCwdZjzs7etvz+q+XXVzNwqIuLevCSvL4OAKRpk0USRuEtAlZIdAPXFehFolt4WwEzEmbgAMC1E9BGQiGsRiKtFY/HGc3lGr8Os3AAcKBDHk9OTydCw8O49HqbK273UHF+fnw/nXbf8rxZeMcraBqvmEiAbGy0ANRCAaj9M34Wk0mttLn529mGBACAHsgyjra3jfQaefNaHEaagE7XYR7elYARiW7hpkMPZJlSxhqXGEyl+g5ujHi+s0Ppx8f3CocHCq9PggrC7L3T+SdwO3b+Tb4AHn8FI1FdY6oAAAAASUVORK5CYII=) no-repeat center center;
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    content: "";
    position: absolute;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.devvn_heading_wrap.active .devvn_heading_title::after {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/* poup trang chu */
.lightbox-by-id.lightbox-content.lightbox-white.custom-poup {
    border-radius: var(--border-radius-10);
}
.lightbox-by-id.lightbox-content.lightbox-white.custom-poup h2 {
    text-align: center;
    color: var(--bg-color-green-dam);
}
.lightbox-by-id.lightbox-content.lightbox-white.custom-poup a {
    color: var(--bg-color-green-dam);
}
/*GOBAL*/
.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.footer-dev .section-title-normal span {
    padding-bottom: unset !important;
}
h5 {
    text-transform: none;
}
.button.is-outline {
    background-color: transparent;
    border: 1px solid !important;
    border-radius: 5px !important;
}
h2{
    font-size: 1.4em !important;
}
h6 {
    text-transform: none;
}
.product-main {
    padding: 25px 0 !important;
}
.blog-single.page-wrapper {
    padding-top: 0;
}
.mfp-ready .mfp-close svg {
    background: #000000 !important;
    border-radius: 100% !important;
}
.mfp-close {
    mix-blend-mode: unset !important;
}
.icon-box-left, .icon-box-right {
    align-items: center !important;
}
/*fix table*/
td:first-child, th:first-child {
    padding-left: 10px;
    }
/*FAQ*/
.accordion-item .plain.active {
    background: var(--wp--preset--color--primary);
    color: #fff;
}
.accordion-item .icon-angle-down {
    display: none !important;
}
.accordion-item .plain::before {
    display: block;
    font-family: FontAwesome;
    content: "\f067";
    font-size: 14px;
    float: right;
    margin-left: 2px;
    color: #1097cf;
}
.accordion-item .plain.active::before {
    display: block;
    font-family: FontAwesome;
    content: "\f068";
    font-size: 14px;
    float: right;
    margin-left: 5px;
    color: #fff;
}
/*poup mobile danh muc*/
.menu-danh-muc-poup .searchform {
    max-width: unset !important;
    padding:20px;
}
/*PAGE SINGLE*/
.large-12.col.custom_background {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}
.custom_background ul {
    margin-left: 25px;
}
/*loop-item-san-pham*/
.row-products-dev{
    padding: 10px 15px 0 15px !important;
}
.row-products-dev .col {
    padding: 5px;
}
.products-grids-dev,.products.row {
    border-left: 0.1px solid #d3d3d3;
    border-top: 0.1px solid #d3d3d3;
}
.product {
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding:0 !important;
}
.box-text.box-text-products {
    padding-left: 10px;
    padding-right: 10px;
}
/*title products loop*/
.name.product-title.woocommerce-loop-product__title a {
    font-weight: 600;
}
/*hover zoom san pham item*/
.product-small.col {
    transition: all 0.5s ease-in-out; 
}
.product-small.col:hover, .product-together .product_list_widget li:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); 
    transform: scale(1.01); 
    z-index:9999 !important;
    border-radius:2px;
}
.product-small.col .box-image img:hover {
    border-radius:10px !important;
}
.product-small .price-wrapper {
    margin-top: 5px;
}
/* .product-small .price-wrapper span{
    font-size: 16px;
} */

/*sale-product*/
.badge-inner.secondary.on-sale {
    position: absolute;
    top: -45%;
    left: 10%;
    background: var(--bg-gradient-green-yellow);
    font-size: 13px;
    border-radius: 2px;
    color: #fff;
    height: 25px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 75px;
    padding: 5px;
}
/* san pham new */
.product-small .badge-container, .product-main .badge-container {
    margin: 0;
}
.product-small .badge.callout.badge-circle, .product-main .badge.callout.badge-circle{
    margin: 0;
    height: 35px;
}
.product-small .badge-inner.is-small.new-bubble-auto, .product-main .badge-inner.is-small.new-bubble-auto  {
    border-radius: 0 !important;
    background: #ffd400;
    color: #000;
}
/*banner-quang-cao*/
.banner-ads-home img{
    border-radius:var(--border-radius-5) !important;
}
/*tin-tuc-homepage*/
.section_blogs {
    background: #fff;
    border-radius: var(--border-radius-5);
    padding: 15px 0 10px 0 !important;
}
.section_blogs .row.row-small {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.col.medium-6.small-12.large-6.blog-one h3 {
    margin: 10px 0 2px 0;
    }
.section_blogs img {
    border-radius: var(--border-radius-5);
    -moz-border-radius:var(--border-radius-5);
    overflow: hidden;
    -webkit-border-radius:  var(--border-radius-5);
    -moz-border-radius:  var(--border-radius-5);
    overflow: hidden;
    width: 100%;
}
.section_blogs .text2line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
}
.section_blogs .items-post-list:not(:last-child) {
    border-bottom: 1px #ebebeb solid;
}
.section_blogs .row.row-collapse.row-full-width.row-title-products {
    padding: 0 15px 0 15px;
}  
.section_blogs .row.row-collapse .col.info-posts {
    padding: 0 0 0 10px !important;
}
.description-post {
    margin: 0;
    font-size: 0.9rem;
}
.row.row-collapse.items-post-list:first-child {
    padding-top: 0;
}
.row.row-collapse.items-post-list {
    padding: 10px 0 10px 0;
}
.section_blogs .items-post-list:not(:last-child) {
    border-bottom: 1px #ebebeb solid;
}
@media (min-width: 768px) {
    .col.medium-6.small-12.large-6.blog-item {
        max-height: 100%;
        height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
        border-left: 1px solid #f7f7f7;
        padding: 0 10px;
        scrollbar-width: thin;
        scrollbar-color: var(--gradient3) #f1f1f1;
    }
    /*sanpham*/
    .sticky-sidebar-products {
        position: sticky;
        top: 35px;
    }
}
@media (max-width: 1145px) {
    .header-vertical-menu__opener{
        display: none !important;
    }
}
 

/*CONTACT FORM*/
.wpcf7-spinner {
    display: none !important;
}
.flex-row.dev-form {
    display: flex;
    border: 5px solid #fff;
}
.dev-form .wpcf7-form-control.has-spinner.wpcf7-submit.button {
    margin: 0;
    background: #000;
}
.title_block {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.title_block h2 {
    color: #FFCB05;
}
.title_block p {
    max-width: 460px;
    color: #fff;
    font-weight: 500;
font-size: 14px;
}
/*FOOTER*/
/*footer top*/
.footer-top{
   background: var(--bg-gradient-green-yellow);
}
.footer-top .icon-box h6{
    font-weight: 500;
    line-height: 0.8;
}
/*colum 1*/
.footer-dev .title-menu-footer{
    font-size: 15px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.footer-dev .wpcf7-form-control.wpcf7-email {
    height: 40px;
    width: 100%;
    padding: 0 80px 0 20px;
    outline: none;
    border: initial;
    border-radius: 10px;
    font-size: 14px;
}
.footer-dev .wpcf7-form-control.wpcf7-submit.has-spinner.button {
    position: absolute;
    right: -14px;
    top: 0;
    border: initial;
    height: 40px;
    font-size: 14px;
    padding: 0 13px;
    background: var(--bg-color-yellow);
    border-radius: 10px;
    color: #000;
    text-transform: upp;
}
/*collum 2*/
.footer-dev li {
    list-style: none;
    margin-left: 0 !important;
    font-size: 14px;
}
.footer-dev a {
    color:#fff;
}
.footer-dev a:hover{
    font-weight: 700;
}
.address-dev-footer:before,
.tell-dev-footer:before,
.email-dev-footer:before {
    font-family: FontAwesome;
    margin-right: 5px;
    content: "";
}
.address-dev-footer:before {
    content: "\f3c5";
}
.tell-dev-footer:before {
    content: "\f879";
    display: block;
    float: left;
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.email-dev-footer:before {
    content: "\f0e0";
}
.group-info-web {
    font-size: 12px;
    color: #ffd400;
    font-style: italic;
}
/*collum 2*/
.list-menu-dev-footer li:before {
    font-family: FontAwesome;
    content: "\f058";
    margin-right: 5px;
    font-size: 10px;
}
/*collum 3*/
.footer-dev .call-footer .support-phone a{
    color: #ffd400;
    font-weight: 700;
    font-size: 18px;
}
.footer-dev .card-buy{
    display: inline-flex;
    margin-bottom: 10px;
}
/*slide-top*/
.row-home-top button.flickity-button {
    height: 35px;
    background: #fff !important;
    border-radius: 5px;
}
.row-home-top .slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg {
    fill: #000 !important;
    width: 85%;
}
/*slide-san-pham-trang-chu*/
.slide-products-dev .product {
    border: none;
    padding: 2px !important;
}
.col-inner.text-left .slide-products-dev {
    background: #fff;
}
/*CHI TIET SAN PHAM*/
/*so-luong*/
.add-action {
    border: 1px solid #ebeef2;
    color: #6f6f6f;
    cursor: pointer;
    display: block;
    font-size: 10px;
    line-height: 38px;
    position: relative;
    text-align: center;
    width: 30px;
    background: #ffffff;
    height:40px;
}
.quantity-wrapper.pull-left {
        display: flex; 
        flex-direction: row;
        flex-wrap: nowrap; 
        align-items: center; 
        justify-content: 
        space-evenly;
}
.quantity input[type=number] {
    height: 40px;
    box-shadow: none;
    border-left: 0;
    border-right: 0;
}
    .button.is-form{display:none;}
    .qty-text{display: flex;align-items: center;margin-right: 10px;
}
.cart-wrapper .qty-text {
    display:none !important;

}
.product-main .has-hover .has-image-zoom img {
    border-radius: 10px;
}
.product-remove .remove {
    background: #1097cf;
    color: #fff;
}   
.section-single-products-woo .col-inner {
    background: #fff !important;
    padding: 18px 10px;
    box-shadow: 0 0 3px 0 #dee2e6;
    position: relative;
    border-radius: var(--border-radius-5);
    margin: 15px 0;
}
.section-single-products-woo .single-title-products-info, .product-footer .product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase ,
.col-inner.product-together h6.title-filter  {
    color: var(--bg-color-green-dam);;
    padding: 0 0 0 5px;
    border-left: 7px solid var(--bg-color-green-dam);
    text-transform: uppercase;
    font-size: 20px !important;
    opacity: 1;
}
/*layout trang chi tiet san pham*/
.row.row-small.section-single-products-woo .col {
    padding: 0;
}
.col.medium-8.small-12.large-8.products-content-info {
    padding-right: 5px;
}
.col.medium-4.small-12.large-4.products-specifications-info {
    padding-left: 5px;
}
.row.content-row.mb-0 {
    background: #fff;
    padding: 30px 0 30px 0;
    border-radius: var(--border-radius-5);
}

/* gia san pham tong */
span.amount {
    color: #ed0000;
    font-weight: 700;
    white-space: nowrap;
}
/*gia-san-pham*/
.product-info .price {
    font-size: 1.2em;
    background: #f7f7f7;
    padding: 10px;
}
.price.product-page-price span.amount {
    font-size: 1.3em;
    margin-right: 5px;
    }
.price.product-page-price   del span.amount {
        font-size: 1em;
    }
/* gia san pham lien he */
.product-info .price-call a {
    background: #ff0000;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}
.product-small .price-call a {
    color: #ff0000;
    font-weight: 700;
}
/*info-meta*/
.product-main .group-status {
    font-size: 14px;
    margin: 5px 0;
}
.product-main .group-status .first_status {
    margin-right: 15px;
}
.product-main .group-status .status_name {
    color: #000;
    font-weight: 600;
}
/*nut-mua-ngay*/
.product-main button.button.buy_now_button {
    width: 100%;
    border-radius: var(--border-radius-5);
    color: #000;
    background: var(--bg-gradient-green-yellow);
    border: none;
    color: #fff;
    margin: 0;
    padding: 5px;
    /* text-transform: uppercase; */
}
.button.buy_now_button span {
    margin-top: -8px;
    font-weight: 500;
    display: block;
    font-size: 13px;
}
.product-main .woocommerce-variation-add-to-cart, form.cart {
    gap: 0.8em !important;
    margin-top: 10px;
}
/*them vao gio*/
.single_add_to_cart_button:before {
    font-family: FontAwesome;
    content: "\f217";
}
.single_add_to_cart_button.button.alt {
    background: #ffffff !important;
    color: var(--bg-color-red);
    border-radius: 5px;
    border: 1px solid var(--bg-color-red);
}
.single_add_to_cart_button.button.alt:hover {
    background: var(--bg-color-red) !important;
    color: #fff;
}
/*button lien he bottom addtocart*/
.btn-action span {
    display: block;
    font-size: 12px;
}
.btn-action{
    border: 1px solid var(--bg-color-green-dam);
    display: block;
    border-radius: var(--border-radius-5);
    padding: 5px;
}
.btn-action.zalo-action {
    background: var(--bg-color-blue);
    color: #fff;
    margin-left: 2px;
    border: 1px solid var(--bg-color-blue);
}
.btn-action.construction-action {
    margin-right: 2px;
    background: transparent;
    color: var(--bg-color-green-dam);
}
.btn-action.construction-action:hover {
    background: var(--bg-color-green-dam);
    color: #fff;
    transition: background 0.5s, color 0.5s;
}
/*bien the san pham*/
.product-main table.variations {
    border: 1px solid var(--bg-color-green-dam);
    padding: 15px 0;
    border-radius: var(--border-radius-5);
}
.product-main a.reset_variations {
    padding: 5px;
    opacity: 1 !important;
    background: var(--bg-color-green-dam);
    color: #fff;
    top: 0 !important;
    bottom: unset !important;
    border-radius: 0 20px 0 0;
}
/*gia san pham co bien the*/
.product-main div.woocommerce-variation-price,
div.woocommerce-variation-availability,
div.hidden-variable-price {
    height: 0px !important;
    overflow:hidden;
    position:relative;
    line-height: 0px !important;
    font-size: 0% !important;
    display: none;
}
.product-main table.variations .label {
    margin-bottom: -12px;
}
.product-main .ux-swatch--label {
    padding: 0 15px;
}
.product-main .variations_form .ux-swatch.selected {
    box-shadow: 0 0 0 1px var(--bg-color-green-dam) !important;
}
.product-main .variations_form .ux-swatch.selected::after {
    background: var(--bg-color-green-dam);
    border-bottom-left-radius: 10px;
    color: #fff;
    content: "✓";
    font-size: 5px;
    font-weight: 700;
    height: 10px;
    right: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 10px;
}
/*sidebar thong so san pham*/
@media (min-width: 767px) {
    .sticky-sidebar-products {
        position: sticky;
        top: 35px;
    }
}
.section-single-products-woo .products-specifications-info .col-inner {
    padding: 18px 10px;
}
.products-specifications-info .view-specifications{
    text-align: center;
}
.view-specifications.relative::before {
    background: linear-gradient(0, #fff 0%, rgba(255, 255, 255, 0) 100%);
    display: block;
    content: "";
    height: 55px;
    position: absolute;
    top: -55px;
    width: 100%;
}
.products-specifications-info .btn-view-specifications::after, .btn-view-all-price-wg::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
/*san pham ban them*/
.product-together .product_list_widget li{
    background: #ffdb2a;
    margin-bottom: 10px;
    }
    .product-together ul.product_list_widget li img {
        margin-left: 10px;
    }
/*chuc nang xem nhanh*/
.box01__tab.scrolling.text-center {
    margin: 10px 0 0;
}
.box01__tab .item {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    vertical-align: top;
    width: 65px;
    color: var(--bg-color-green-dam);
}
.box01__tab .item p {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 5px;
    white-space: normal;
}
.box01__tab .item-border {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 55px;
    padding: 4px;
    border: 1px solid #469c4b;
    color: #fff;
    border-radius: 5px;
}
.item-border i {
    font-size: 22px;
    color: #469c4b;
}
/*san pham tuong tu*/
.product-footer .product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    margin: 15px;
}
.product-footer.product-footer .related.related-products-wrapper.product-section {
    background: #fff;
    border-radius: var(--border-radius-5);
    padding-bottom:30px;
    margin: 30px -10px;
}
.product-footer .row.small-columns-2.row-small {
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    margin-left: 10px !important;
    margin-right: 10px !important;
}
/*full popu chi tiet san pham*/
.fullscreen-mode {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: white; /* Tùy chọn */
    overflow: hidden;
}
.fullscreen-height {
    height: 100%;
}
button.mfp-fullscreen {
    background: #6f6f6f;
    border-radius: 20px 0 0 0;
    padding: 10px;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
}
button.mfp-minimize {
    background: #6f6f6f;
    padding: 10px;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
}
/*gio hang*/
.cross-sells .products.row.row-small{
    border-left: 1px solid #d3d3d3 !important;
    border-top: 1px solid #d3d3d3 !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
/*thong bao*/
.message-container.container.success-color.medium-text-center {
    background: var(--fs-color-success);
    border-radius: 5px;
    margin-bottom: -5px;
    color: #fff;
    font-size: 15px;
    padding: 10px;
}
.message-container.container.success-color.medium-text-center a {
    color: #930000;
    font-weight: 700;
}
/*khuyen mai chi tiet san pham*/
/*Điểm nổi bật san pham*/
  .box-product-promotion {
      border: 1px solid var(--bg-color-green-dam);
      border-radius: 10px;
      margin-top:15px !important;
      margin-bottom:15px !important;
  }
  .box-product-promotion-header {
      display: flex;
      padding: 0.5rem!important;
      font-size: 16px;
      font-weight: 700;
      flex-wrap: nowrap;
      color: #fff;
      gap: 10px;
      height: 42px;
      background-color: var(--bg-color-green-dam);
    border-radius: 10px 10px 0 0;
  }
  .box-product-promotion  ol li, .box-product-promotion ul li {
      list-style: none;
      counter-increment: step-counter;
      margin: 5px;
  }
  .box-product-promotion ol li::before, .box-product-promotion ul li::before {
      content: counter(step-counter);
      margin-right: 5px;
      width: 15px;
      height: 15px;
      background: var(--bg-color-green-dam);
      border-radius: 50%;
      color: #ffffff;
      font-size: 12px;
      line-height: 17px;
      display: inline-block;
      text-align: center;
      margin-right: 8px;
  }
  .box-product-promotion-content.px-2.pt-2.show-all a {
      color: #f30000;
      font-weight: 600;
  }
  .box-product-promotion-content.px-2.pt-2.show-all {
      font-size: .8em;
	  padding: 10px;
  }

.box-product-promotion .box-product-promotion-content.toggle-content {
    max-height: 120px;  /* Điều chỉnh chiều cao hiển thị mặc định */
    overflow: hidden;
    transition: max-height 0.3s;
    position: relative;
	padding: 5px 10px;
	 font-size: .8em;
}
.box-product-promotion .box-product-promotion-content.toggle-content.expanded {
    max-height: 2000px; /* Đủ lớn để show toàn bộ nội dung */
}
.box-product-promotion .btn-toggle-content {
    margin-top: 5px;
    cursor: pointer;
    width: 100%;
    font-size: 12px;
    color: #000000;
    text-transform: none;
}


/*bang thong so ky thuat*/
.product-footer .digital-products {
    margin-bottom: 15px;
}
.st-pd-table tr:nth-child(odd) {
    background-color: #f3f4f7;
}
.product-footer .section-title.section-title-normal {
    padding-left: 15px;
}
.st-pd-table-viewDetail {
    padding: 10px 0;
    text-align: center; 
}
.poup-specifications-show {
    border-radius: var(--border-radius-5);
}
.poup-specifications-show .detail-specifications-poup {
    overflow-y: scroll;
    height: 400px;
    margin-bottom: 30px;
}
.poup-specifications-show .detail-infomation-poup {
    overflow-y: scroll;
    height: 600px;
    margin-bottom: 30px;
}
.poup-specifications-show .poup-specifications-title  {
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #d3d3d3;
    font-family: 'Roboto', Open Sans, sans-serif;
    color: var(--gradient3);
}
h3#speci_fications {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #d3d3d3;
    font-family: 'Roboto', Open Sans, sans-serif;
    color: var(--gradient3);
    text-transform: uppercase;
}


/*poup loding*/
.spinner-poup-loading {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #3498db; /* Màu của phần quay */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: auto !important;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*poup dat lich*/
/*poup product*/
.popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}
.popup-content-product{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    max-width: 90%;
    max-height: 90%;
    overflow-y: auto;
    width: 800px;
}
.popup-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background: #469c4b !important;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 999;
    text-align: center;
    font-size: 20px;
}
.popup-header h4 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}
.popup-header a {
background: #ffffff;
    color: #ed1c24;
    width: 35px;
    height: 35px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
}
.popup-body {
    margin-top: 20px;
    padding: 0 25px 0 25px;
}
.col.medium-3.small-6.col-poup {
    padding: 5px 5px 5px 5px !important;
}
.col-inner.col-center-poup {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.alert-poup{
    background: #49ff007a;
    padding: 5px;
    text-align: center;
    color: #6c6c6c;
    border-radius: 5px;
width: 100%;
}
.title-poup.section-title-main {
    color: #000;
    text-transform: none;
}
.close-popup-product {
    float: right;
}
.back-to-popup-product {
    float: left;
    left: 0;
}
/*Form dat lich thi cong*/
/*contact form sercive*/
input#product_service_name, input#model_service  {/*an ten san pham*/
display: none !important;
}

#info-left {
    width: 49%;
    float: left;
    margin-right: 2%;
}
#info-right {
    width: 49%;
    float: right;
}
.form_input_01 {
width: 100% !important;
height: 45px !important;
padding: 0 -15.685rem 0 1.563rem;
-webkit-box-shadow: none;
box-shadow: none !important;
font-size: 0.875rem;
color: #000;
font-weight: 400;
border-radius: 0.313rem;
}
.form_select_01 {
width: 100% !important;
height: 45px !important;
padding: 0 -15.685rem 0 1.563rem;
-webkit-box-shadow: none;
box-shadow: none !important;
font-size: 0.875rem;
color: #757575;
font-weight: 400;
}
.book_now {
    padding: 10px !important;
    margin: 0;
    width: 100%;
    background: #e71717 !important;
    color: #fff !important;
    border-radius: 10px !important;
    border: 0 !important;
}
.popup-body .wpcf7-spinner {
display: block !important;
}
/*TRANG SHOP*/
.row.banner-shop-header {
    padding: 10px;
}
.banner-shop-header img{
    border-radius: 10px !important;
}
/*DANH MUC SAN PHAM*/
.archive .products.row.row-small {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;

}
.archive .product-small.col {
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}
.archive .term-description {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
    margin: 0 -10px 0 -10px;
}
.archive  .products-grids-dev, .products.row {
    border: none !important; 
}
/*sidebar trang danh muc*/
div#shop-sidebar {
    background: #fbfbfb;
    padding: 10px;
    border-radius:var(--border-radius-5) ;
}
.widget-title.shop-sidebar, .widget-title.shop-sidebar {
    color: var(--bg-color-green-dam);;
    padding-left: 5px;
    border-left: 5px solid var(--bg-color-green-dam);
}
.sidebar-inner.col-inner .select2-selection.select2-selection--single {
    margin: 5px 0 !important;
}
.product_list_widget {
    border: none !important;
}
.product-footer .row.small-columns-2.row-small {
    border: 1px solid #d3d3d3; /* Thay thế border-left và border-top bằng border để giảm thiểu mã */
    margin: 0; /* Thiết lập margin bằng 0 để giảm thiểu mã */
}
.product-categories ul.children {
    display: block !important;
    border: none;
}
.product-categories .children li.cat-item ::before {
    font-family: FontAwesome;
    content: "\e185";
    margin-right: 5px;
    font-size: 12px;
}
.product-categories .cat-item.cat-parent i.icon-angle-down {
    display: none;
}

/*nut loc san pham*/
.category-filtering.category-filter-row {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    display: inline-block;
    font-size: 13px;
    margin: 10px 0 0 0;
    
}
.category-filtering.category-filter-row strong {
    text-transform: none;
    font-weight: 500;
}
.widget_layered_nav_filters ul li.chosen a {
    background-color: #1097cf;
    border-radius: 2px;
    font-size: .9em;
    padding: 0 10px;
    color: #fff;
}
/*danh sach danh muc*/
.row.category-page-row {
    padding-top: 0;
}
/*custom bo loc thu tu*/
.sort_giuseart {
    display: flex;
    justify-content: flex-end;
    background: #fff;
    margin: 0 -10px 15px -10px;
    padding: 10px;
    border-radius: var(--border-radius-5);
}
.sort_giuseart form {
    padding: 0 0 0 20px;
    margin: 0;
}
.sort_giuseart .pt-checkbox {
    margin-right: 0px;
}
.sort_giuseart form:first-child {
    padding-left: 0;
}
/*load more*/
.shop-container button.view-more-button.products-archive.button.primary {
    border-radius: 5px;
    background: transparent !important;
    border: 1px solid rgb(16 151 207);
    color: #1097cf !important;
}
.shop-container button.view-more-button.products-archive.button.primary:hover {
    background: #1097cf;
    color: #fff;
}
/*DANH MUC SAN PHAM*/
/*danh sach danh muc san pham top*/
.category-collection {
    background: #fff;
    margin: 15px -10px 15px -10px;
    padding: 10px;
    border-radius: var(--border-radius-5);
}
.category-collection .title-category-collection {
    color: #000;
    padding-left: 3px;
    border-left: 5px solid var(--gradient3);
    font-weight: 600;
    font-size: 18px !important;
}
.poup-categories-child-show {
    text-align: center;
}
.poup-categories-child-show span.title-poup-loaixe {
    background: var(--bg-gradient-green-yellow);
    display: block;
    margin: -10px -10px 10px -10px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
}
.category-collection li:hover,  .poup-categories-child-show  ul.catelist li:hover {
    border: 1px solid #ff0000 !important;
}
.category-collection ul.catelist, .poup-categories-child-show ul.catelist  {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
    justify-content: center;
}
.category-collection ul.catelist .cate-img, .poup-categories-child-show  ul.catelist li  {
    width: 100px;
    margin: 2px;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    text-align: center !important;
}
.category-collection ul.catelist img {
    padding: 5px;
}
/*loc san pham theo gia*/
.devvn_woocommerce_price_filter ul {
    background: white;
    padding: 10px !important;
    text-align: center;
}
.devvn_woocommerce_price_filter ul li {
    margin: 5px 0px;
    position: relative; /* Đảm bảo vị trí cho biểu tượng */
}
.devvn_woocommerce_price_filter ul li a {
    font-size: 15px;
    padding-left: 30px !important;
    position: relative;
}
.devvn_woocommerce_price_filter ul li a:hover {
    text-decoration: none;
    color: #b70000 !important;
}
.devvn_woocommerce_price_filter ul li a::before {
    content: '';
    font-size: 15px;
    color: #222;
    position: absolute;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 1px solid var(--gradient3);
}
.devvn_woocommerce_price_filter ul li a:hover::before {
    content: '\f00c';
    color: #e03232;
    font-size: 13px;
    border-color: var(--gradient3);
    line-height: 20px;
    text-align: center;
    font-family: FontAwesome;
}
/* CSS cho class .active */
.devvn_woocommerce_price_filter ul li.active a::before {
    content: '\f00c'; /* Dấu tích FontAwesome */
    color: #e03232;
    font-size: 13px;
    border-color: #e03232;
    line-height: 20px;
    text-align: center;
    font-family: FontAwesome;
}
/*children danh muc*/
.category-collection .cate-img.children-items {
    border-radius: 4px;
}
.category-collection .cate-img.children-items a {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
/* Responsive - Tùy chỉnh cho các kích thước màn hình khác nhau */
@media (max-width: 1024px) { /* Máy tính bảng */
    .category-collection ul.catelist .cate-img {
        flex: 0 0 100px; /* Giữ chiều rộng cố định cho item */
    }
}
@media (max-width: 768px) { /* Điện thoại */
    .category-collection ul.catelist .cate-img {
        flex: 0 0 80px; /* Giữ chiều rộng cố định cho item */
    }
}
/*danh sach danh muc icon list top*/
.category-collection .hidden-category { display: none; }
.category-collection .btn-load-more { margin-top: 15px; }
/*trang thanh toan woo*/
.cart-container.container.page-wrapper.page-checkout{
    background: #fff;
    padding-top: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
}
/*nut xem them*/
.single-product div#tab-description {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
}
.fix_height{
    max-height: 800px;
    overflow: hidden;
    position: relative;
}
.single-product .tab-panels div#tab-description.panel:not(.active) {
    height: 0 !important;
}
.readmore_flatsome_products {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
}
.readmore_flatsome_products.readmore_flatsome_products_more {
    background: #fff;
}
.readmore_flatsome_products:before {
    height: 55px;
    margin-top: -45px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
    display: block;
}
.readmore_flatsome_products a {
    display: inline-block;
    margin: 10px;
    background: var(--bg-color-yellow);
    padding: 0 20px 0 20px;
    border: 1px solid #d3d3d3;
    border-radius: var(--border-radius-5);
    color: #000;
    box-shadow: var(--box-shadow-1);
}
.readmore_flatsome_products a:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
.readmore_flatsome_products_less a:after {
    border-top: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #000;
}
.readmore_flatsome_products_less:before {
    display: none;
}
.term-description {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px;
}
/*BLOG TIN TUC*/
/*chuyen muc*/
/*sidebar no sidebar*/
.blog-wrapper.blog-archive .large-10.col{
    background: #fff;
    margin-bottom: 0;
    border-radius: 10px;
}
.blog-wrapper.blog-archive div#post-list {
    padding: 10px;
    }
.blog-wrapper.blog-archive .row.large-columns-4.medium-columns-3.small-columns-1 .col {
    padding: 5px;
    margin: 0;
}
.blog-wrapper.blog-archive .col.post-item .col-inner {
    padding: 0;
    border-radius: 5px;
    height: 100% !important;
    box-shadow: var(--box-shadow-1);
}
.blog-wrapper.blog-archive .col.post-item .col-inner img {
    border-radius: 5px 5px 0 0;
}
/*bai viet chi tiet*/
.blog-wrapper.blog-single .large-10.col {
    background: #fff;
    margin-top: 20px;
    margin-bottom: 0;
    border-radius: 10px;
}
.blog-wrapper.blog-single .article-inner {
    padding-top: 20px;
}
.blog-wrapper.blog-single .entry-header-text.text-center {
    padding: 0;
}
.blog-wrapper.blog-single  .timepost:before {
    content: '•';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 18px;
    color: #ccc;
}
.authorBox {
    font-size: 14px;
}
.blog-single footer.entry-meta a {
    padding: 5px;
    border-radius: 5px;
    background: var(--bg-gradient-green-yellow);
    color: #fff;
}
h6.entry-category.is-xsmall a, .featured_item_cats.breadcrumbs.mb-half a {
    background: var(--bg-gradient-green-yellow);
    padding: 5px;
    display: inline-block;
    border-radius: var(--border-radius-5);
    text-transform: none;
    color: #fff;
    margin-top: 5px;
}
.blog-single .entry-category.is-xsmall a{
    color:#fff;
}
.blog-single .entry-title {
    margin-top: 5px;
    margin-bottom: 0;
}
.blog-single .danh-muc span.title, .the-tim-kiem span.title {
    border-radius: 4px;
    padding: 4px 10px;
    color: rgb(0, 0, 0);
    margin-right: 5px;
}
.blog-single .danh-muc {
    margin-bottom: 5px;
}
.blog-single .danh-muc a{
    border-radius: 4px;
    padding: 4px 10px;
    margin-right: 5px;
}
.blog-single .the-tim-kiem a {
    overflow: visible;
    position: relative;
    border-radius: 0 4px 4px 0;
    margin: 2px 5px 7px 12px;
    line-height: 24px;
    padding: 0 15px;
    display: -webkit-inline-box;
}
.blog-single .the-tim-kiem a:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #1097cf transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;
}
.blog-single .the-tim-kiem a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #1097cf;
    -webkit-box-shadow: -1px -1px 2px #1097cf;
    box-shadow: -1px -1px 2px #1097cf;
}
/*bai viet lien quan*/
.articles-topic.row.row-small {
    margin-top: 25px;
}
.articles-topic .box-image img {
        height: 120px;
        border-radius: 4px;
        object-fit: cover;
        object-position: center;
}
.articles-topic.row.row-small h3 {
    padding-left: 10px;
    color: #1097cf;
}
.articles-topic.row.row-small .tieu-de-bai-viet {
    margin-top: 7px;
    max-width: unset;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: inherit;
    font-size: 14px;
}
/*blockquote*/
blockquote p{
    margin: 0;
}
blockquote {
    margin: 10px auto;
    padding: 10px;
    border-left: 5px solid var(--bg-color-yellow);
    -ms-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    font-size: 16px;
    font-style: unset;
    background: var(--bg-gradient-green-yellow) !important;
    color: #fff;
}
.read-more-posts ul {
    margin-top: 10px;
}
.read-more-posts {
    margin: 10px auto;
    padding: 10px;
    border: 2px solid #8fcef1;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #dbedf9;
}
.absolute.no-click.x50.y50.md-x50.md-y50.lg-x50.lg-y50 {
    display: none;
}
/*breadcrumbs*/
.container.breadcrumbs_page-dev {
    padding: 5px 0 0 0;
        font-size: 15px;
        border-bottom: 1px dotted #ddd;
    color: #707070;
}
.container.breadcrumbs_page-dev a {
    color: #707070;
}
.container.breadcrumbs_page-dev a:hover{
    color: #1097cf;
}
.container.breadcrumbs_page-dev p {
    margin: 0;
        padding:5px;
}
/*paginatiton*/
.nav-pagination>li>span, .nav-pagination>li>a {
    border-radius: 5px !important;
    border: 1px solid #1097cf;
}
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
    background-color: var((--wp--preset--color--vivid-red));
    border-color: var((--wp--preset--color--vivid-red));
    color: #fff;
}
/*back to top*/
a#top-link {
    background: var(--bg-gradient-green-yellow);
    border: 0 solid !important;
    border-radius: 99px !important;
    color: #fff;
    font-size: 16px;
    bottom: 60px;
}
/*PORTFOLIO*/
.page-wrapper.row {
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px 0 0 0;
}
/* .copy-text.active button:before,
.copy-text.active button:after {
    display: block;
} */
@media (max-width: 549px) {
    /*tieu de các section trang chu*/
    .row-title-home {
    font-size: 13px !important;
    }
    /*text h6 icon trang chu*/
    .section-policy h5 {
        font-size: 12px;
        line-height: 1.25;
    }
    .section-policy h6 {
        font-size: 10px;
    }
    /*text khuyen mai tren box san pham*/
    .badge-inner.secondary.on-sale {
        top: -25%;
        font-size: 12px;
        width: 70px;
    }
    .category-section-archive {
    grid-template-columns: repeat(3, 1fr) !important;
    }
    .category-section-archive .widget {
        margin-bottom: 0 !important; 
    }
    /*search san pham trang chu*/
    .home-categorize .search-category-selection {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* .home-categorize .category-selection {
        width: 100%;
    } */
        /*sap-xep-thu-tu*/
    .range-check {
        line-height: 0;
        width: 100px;
    }
    .sort_giuseart {
        overflow: auto;
    }
        .sort_giuseart {
        display: flex;
            justify-content: flex-start;
            margin-bottom:-10px !important;
    }
        .news-menu{
        display:none !important;
    }
}
@media (max-width: 849px) {
/*add to cart header*/
.header-main .header-cart-link.icon.button.round {
        padding: 0;
        display: inline-block;
        height: unset;
    }
   
    /*box icon footer*/
    .stack-icon-home {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .stack-icon-home .icon-box-left .icon-box-text, .icon-box-right .icon-box-text {
        width: 450px;
    }
    .footer-top .icon-box.featured-box.icon-box-left.text-left {
        max-width: 250px !important;
    }	
    /*why choose*/
/*     .box-circle-progressbar {
        display: flex;
        align-items: flex-start !important;
        margin-top: 20px;
        flex-direction: column;
    }
    .box-circle-progressbar .card .title h3, .home-whyus-box .home-whyus-box-checklists li  {
        margin: 5px !important;
    } */
	 .box-circle-progressbar .card {
        margin: 0 !important;
    }
	.home-about .box-circle-progressbar .card .title h3 {
		font-size: 0.7rem !important;
	}


} 

/*css select2*/
span.select2-selection.select2-selection--single {
    border-radius: var(--border-radius-5) !important;
}
/* Đảm bảo Select2 chiếm toàn bộ chiều rộng trên thiết bị di động */
@media (max-width: 768px) {
    .select2-container .select2-selection--single {
        height: auto;
    }
    .select2-container .select2-selection__rendered {
        word-wrap: break-word;
        white-space: normal;
    }
    .select2-container .select2-selection__arrow {
        top: 50%;
        transform: translateY(-50%);
    }
}
/*elements css*/
:root {
    --border-radius-5: 20px;
    --border-radius-10:10px;
    --margin-25: 25px 0;
    --box-shadow-1: 0 0px 2px 0 rgba(60, 64, 67, 0.1), 0 0px 6px 0px rgba(60, 64, 67, 0.25);
    --box-shadow-2: 0 50px 50px 0 rgba(60, 64, 67, 0.1), 0 0px 6px 0px rgba(60, 64, 67, 0.25);
    --background-theme-blue: linear-gradient(356deg, var(--gradient3) 0%, var(--gradient4) 100%);
	--bg-gradient-green-yellow: radial-gradient( 159.85% 367.97% at 150% 123.85%, #ffe147 0%, #65ae17 38.76%, #469c4b 59.65%, #00713b 100%);
    --bg-color-red: #eb3349;
    --bg-color-red_2: #f45c43;
    --gradient3: #092477;
    --gradient4: #3a529b;
    --bg-color-yellow: #ffd400;
    --pricecolor: #ff5c00;
    --bg-color-green-dam: rgb(0 97 51); 
	--bg-color-blue: #0573ff;
    
}