/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.flex-col.hide-for-medium.flex-left {
    width: 700px;
}
.header-top {
    background-color: rgba(0, 0, 0, 0.5);
}

.absolute-footer.dark {
    color: #fff;
    background: #1A5539;
    height: 80px;
}

.copyright-footer {
    font-size: 16px;
}

.container.clearfix {
    margin-top: 20px;
}

.section-footer span.ux-menu-link__text {
    color: #ededed;
    font-size: 17px;
    border-bottom: 1px solid transparent;
    transition: color 0.6s ease, border-color 0.6s ease;
}

.section-footer span.ux-menu-link__text:hover {
    color: #ededed;
    border-bottom-color: #ededed;
}


.section-footer .ux-menu-link__text {
    display: inline-flex;
    align-items: center;
}

.section-footer .ux-menu-link__text::before {
    content: "";
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    margin-right: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e2c998'><path d='M9 6l6 6-6 6z'/></svg>");
}

.header-button .button.icon {
    display: inline-block;
    margin-left: .12em;
    margin-right: .12em;
    min-width: 4em;
    padding-left: .6em;
    padding-right: .6em;
    height: 4em;
    align-items: center;
    display: flex;
    justify-content: center;
    background: rgba(255, 255, 255, 0.25);
}

.header-main .nav>li>a {
    text-decoration: unset;
}

.dark .nav-vertical-fly-out>li>a:hover,
.dark .nav>li.active>a,
.dark .nav>li>a.active,
.dark .nav>li>a:hover,
.nav-dark .nav>li.active>a,
.nav-dark .nav>li.current>a,
.nav-dark .nav>li>a.active,
.nav-dark .nav>li>a:hover,
.nav-dark a.plain:hover,
.nav-dropdown.dark .nav-column>li>a:hover,
.nav-dropdown.dark>li>a:hover {
    color: #a4eac9;
}

/* .dark .nav-vertical-fly-out>li>a:hover,
.dark .nav>li.active>a,
.dark .nav>li>a.active,
.dark .nav>li>a:hover,
.nav-dark .nav>li.active>a,
.nav-dark .nav>li.current>a,
.nav-dark .nav>li>a.active,
.nav-dark .nav>li>a:hover,
.nav-dark a.plain:hover,
.nav-dropdown.dark .nav-column>li>a:hover,
.nav-dropdown.dark>li>a:hover {
        color: #1A5539;
}
 */
ul.header-nav.header-nav-main {
    display: flex
;
    justify-content: center;
    gap: 20px;
}


.slider-banner .slider-wrapper .banner {
    width: 100% !important;
    overflow: hidden;
    box-sizing: border-box;
}

.slider-banner .banner-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slider-banner .banner-bg img.bg {
    transition: transform 5s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-banner .banner.is-selected .banner-bg img.bg {
    transform: scale(1.1);
}

.row-text-ok p,
.text-inner .row.row-text-ok p {
    margin: 0;
    font-weight: 200;
    font-size: clamp(31px, 13vw, 108px);
    line-height: 1;
    letter-spacing: .02em;
    color: #bcbcbc00;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.28);
    transform: translateY(-140%);
    opacity: 0;
}

.banner-home-1.is-selected .row-text-ok p,
.banner-home-2.is-selected .row-text-ok p {
    animation: dropIn 1.4s cubic-bezier(.25, 1, .3, 1) forwards;
    animation-delay: calc(var(--i) * 120ms);
}

.row-text-ok>.col:nth-child(1) p {
    --i: 0;
}

.row-text-ok>.col:nth-child(2) p {
    --i: 1;
}

.row-text-ok>.col:nth-child(3) p {
    --i: 2;
}

.row-text-ok>.col:nth-child(4) p {
    --i: 3;
}

.row-text-ok>.col:nth-child(5) p {
    --i: 4;
}

.row-text-ok>.col:nth-child(6) p {
    --i: 5;
}

.row-text-ok>.col:nth-child(7) p {
    --i: 6;
}

.row-text-ok>.col:nth-child(8) p {
    --i: 7;
}

.row-text-ok>.col:nth-child(9) p {
    --i: 8;
}

.row-text-ok>.col:nth-child(10) p {
    --i: 9;
}

.row-text-ok>.col:nth-child(11) p {
    --i: 10;
}

.row-text-ok>.col:nth-child(12) p {
    --i: 11;
}

@keyframes dropIn {
    0% {
        transform: translateY(-140%);
        opacity: 0;
    }

    60% {
        transform: translateY(8%);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.row-text-ok {
    display: flex;
    align-items: center;
    justify-content: center;
}

.row-text-ok>.col {
    flex: 0 0 auto;
}

.banner-home-1 .button span {
    color: #1A5539;
    font-weight: 200;
    font-size: 16px;
}

.banner-home-1 h2 {
    font-weight: 700 !important;
}

.button span {
    color: #fff;
    font-size: 15px;
}


.row-4-icon-box .col>.col-inner {
    transition: background-color .3s ease, transform .2s ease, box-shadow .3s ease;
}

.row-4-icon-box .col>.col-inner:hover {
    background: #1A5539 !important;
    cursor: pointer;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
}

.row-4-icon-box .col>.col-inner:hover,
.row-4-icon-box .col>.col-inner:hover .text,
.row-4-icon-box .col>.col-inner:hover .text>*,
.row-4-icon-box .col>.col-inner:hover .icon-box-text,
.row-4-icon-box .col>.col-inner:hover .icon-box-text *,
.row-4-icon-box .col>.col-inner:hover a.button,
.row-4-icon-box .col>.col-inner:hover a.button span {
    color: #fff !important;
}

.nav-column li.active>a,
.nav-column li>a:hover,
.nav-dropdown li.active>a,
.nav-dropdown>li>a:hover,
.nav-vertical-fly-out>li.active>a,
.nav-vertical-fly-out>li>a:hover,
.nav>li.active>a,
.nav>li.current>a,
.nav>li>a.active,
.nav>li>a.current,
.nav>li>a:hover {
    color: #1e6a48;
}

.row-4-icon-box .col>.col-inner:hover .icon-box-img img {
    filter: brightness(0) invert(1);
    transition: filter .25s ease;
}


.row-4-icon-box .col>.col-inner a.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    transition: gap .3s ease;
}

.row-4-icon-box .col>.col-inner a.button span {
    display: inline-block;
    transition: transform .3s ease;
}

.row-4-icon-box .col>.col-inner:hover a.button span {
    transform: translateX(-4px);
}

.row-4-icon-box .col>.col-inner:hover a.button::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%3E%3C/svg%3E");
    transform: translateX(0);
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease;
}

.row-4-icon-box .col>.col-inner:hover a.button::after {
    opacity: 1;
    transform: translateX(4px);
}


.row-4-icon-box img {
    display: inline;
    padding: 15px;
    align-items: center;
    justify-content: center;
    background-color: #1a553929;
    border-radius: 10px;
    transition: all 300ms ease 0s;
}

.section-3-icon-box .col>.col-inner:hover>.is-border {
    border: unset;
    cursor: pointer;
}

.section-3-icon-box .col .is-border {
    transition: color 0.6s ease, border-color 0.6s ease;
}


.section-3-icon-box .row-collapse p {
    min-height: 180px;
}

.button.primary,
.button.secondary {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-radius: 99px;
}

.button.primary::after,
.button.secondary::after {
    content: "";
    position: absolute;
    top: -30%;
    left: -35%;
    width: 18%;
    height: 160%;
    background: linear-gradient(115deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, .75) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.button.primary:hover::after,
.button.secondary:hover::after {
    animation: btnStripeSweep .9s cubic-bezier(.23, 1, .32, 1) forwards;
    opacity: 1;
}

@keyframes btnStripeSweep {
    from {
        left: -40%;
    }

    to {
        left: 120%;
    }
}

.section-project .section-bg>img {
    opacity: .3;
}

.img-box-project {
    position: relative;
    overflow: hidden;
}

.img-box-project .box-image .overlay {
    background: linear-gradient(to top,
            rgba(26, 85, 57, 0.95) 0%,
            rgba(26, 85, 57, 0.92) 18%,
            rgba(26, 85, 57, 0.75) 29%,
            rgba(26, 85, 57, 0.0) 58%) !important;
    opacity: 0;
    transform: translateY(10%);
    transition: opacity .45s ease, transform .45s ease;
}

.img-box-project:hover .box-image .overlay {
    opacity: .95;
    transform: translateY(0);
}

.img-small {
    width: 44px !important;
    height: 44px;
    background: #1A5539;
    border-radius: 999px;
    display: grid;
    place-items: center;
    overflow: hidden;
    margin-top: 10px;
}

.img-small .img-inner {
    display: grid;
    place-items: center;
}

.img-small img {
    width: 18px !important;
    height: 18px !important;
    filter: brightness(0) invert(1);
}

.img-small:hover {
    background: #1e6a48;
}

.box-overlay.dark .box-text,
.box-shade.dark .box-text {
    text-shadow: unset;
}

.section-project .flickity-page-dots {
    bottom: -24px;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    border-radius: 50%;
    background: rgba(30, 106, 72, .25);
    box-sizing: content-box;
    transition: background-color .25s ease, outline-color .25s ease, transform .2s ease;
}

.flickity-page-dots .dot.is-selected {
    background: #1e6a48;
    padding: 0px;
    outline: 3px solid #1e6a48;
    outline-offset: 1px;
    border-radius: 50%;
}

.col-text-shadow .col-inner {
    box-shadow: 0 8px 40px 2px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all 300ms ease 0s;
    -khtml-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.col-text-shadow {
    position: relative;
}

.col-text-shadow::after {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 60px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: rotate(45deg) skew(5deg, 5deg) translateY(0);
    transition: transform .35s ease;
    display: block;
}

.col-text-shadow .col-inner {
    position: relative;
    transition: transform .35s ease;
}

.col-text-shadow:hover .col-inner {
    transform: translateY(-15px);
    cursor: pointer;
}

.col-text-shadow:hover::after {
    transform: rotate(45deg) skew(5deg, 5deg) translateY(-20px);
}

.img-quote .img {
    background: #1e6a48;
    border-radius: 8px;
    display: inline-grid;
    place-items: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;

}

.img-quote .img .img-inner {
    display: grid;
    place-items: center;
}

.img-quote .img img {
    filter: brightness(0) invert(1);
    object-fit: contain;
    transition: filter .25s ease, transform .25s ease;
    padding: 6px;
}


.slider-nav-light .flickity-page-dots .dot.is-selected,
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #1e6a48;
}

.prod-home .box-image {
    border-radius: 6px;
}

.prod-home a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 22px;
}

span.amount {
    color: #656565;
    font-weight: 400;
    white-space: nowrap;
    font-size: 16px;
}

.grid-tools a {

    font-size: 17px;
    font-weight: 700;

    padding: 16px;
}

.prod-home .box-text.box-text-products {
    text-align: left;
}

.blog-home a.plain {
    color: #000;
}

.blog-home a.plain:hover {
    color: #1e6a48;
}

.blog-home p.from_the_blog_excerpt {
    color: #000;
    font-size: 16px;
}

.blog-home .box-blog-post .is-divider {
    height: 1px;
    margin-bottom: .5em;
    margin-top: .5em;
    max-width: 200px !important;
    background-color: #cdcdcd;
}

.blog-home .box-blog-post .is-divider:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: auto;
    display: block;
    width: 103px;
    height: 1px;
    background-color: #1e6a48;
    z-index: 1;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    text-decoration: unset;
}


/* .blog-blog .box-blog-post .is-divider:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 187px;
    display: block;
    width: 103px;
    height: 1px;
    background-color: #1e6a48;
    z-index: 1;
} */

.entry-meta {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    font-family: emoji;
}

.entry-meta li {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-left: 0px !important;
}

.entry-meta li:last-child {
    margin-right: 0;
}

.entry-meta li svg {
    margin-right: 5px;
    vertical-align: middle;
}

.entry-meta li a {
    color: #666;
    text-decoration: none;
}

.entry-meta li a:hover {
    color: #000;
}

.entry-meta li+li:before {
    content: '-';
    margin-right: 10px;
    color: #666;
}


.blog-home .box-image {
    border-radius: 7px;
}


.product-short-description p,
.product_meta>span {
    color: #000;
}

nav.scg-breadcrumb a {
    transition: all 0.3s ease;
}

nav.scg-breadcrumb a:hover {
    color: #1e6a48 !important;
}

span.scg-sep {
    padding: 0px 15px;
}

.section-under-banner-truot {
    margin-top: -44px;
}

.row-4-img img {
    border-radius: 10px;

}

.row-4-img .col-inner {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.row-4-img .col-inner:hover {
    transform: translateY(-8px);
    cursor: pointer;
}

.btn-see-more span {
    color: #1e6a48;
}

.img-box-4-service .box-image {
    border-radius: 8px;
}


.flickity-page-dots {
    bottom: -20px;
}

ul.links li a {
    color: #000;
}


input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.09);
    margin-bottom: 1em;
    font-size: .97em;
    padding: 0 .75em;
    border-radius: 99px;
    height: 50px;
}

textarea {
    border-radius: 12px;
    padding-top: 10px;
}

.primary,
input[type=submit],
input[type=submit].button {
    background-color: var(--fs-color-primary);
    border-radius: 99px;
}

.nav-dropdown {

    min-width: 330px;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
    text-decoration: unset;
}

.breadcrumbs a:first-of-type,
nav.scg-breadcrumb a,
.breadcrumbs a,
.product_meta a,
a.plain,
a:where(:not(.wp-element-button)) {

    text-decoration: unset !important;
}

.category-list {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}

.category-item {
    padding: 14px 24px;
    border-bottom: 1px solid #ddd;
    color: #000;
    transition: all 0.3s ease;
}

.category-item:last-child {
    border-bottom: none;
}

.category-item .count {
    float: right;
    color: #666;
}

.category-item.selected {
    background: #4a90e2;
    color: white;
    font-weight: bold;
}

.category-item.selected .count {
    color: white;
}

.category-item:hover {
    background: #6cb5c6;
    cursor: pointer;
    color: #fff;
}

.category-item:hover .count {
    color: #fff;
}

.col-chuyen-muc .col-inner {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.col-under-chuyen-muc .is-border {
    border-radius: 0px 0px 6px 6px;
}

.section-acc span {
    font-weight: 500;
    color: rgb(26, 85, 57);
    font-size: 20px;
}

.woocommerce-product-gallery__image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: zoom-in;
}

.woocommerce-product-gallery__image.wc-zoom-active img {
    opacity: 0;
}

.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image img {
    transition: opacity .15s ease;
}

.searchform-wrapper input[type=email],
.searchform-wrapper input[type=number],
.searchform-wrapper input[type=search],
.searchform-wrapper input[type=tel],
.searchform-wrapper input[type=text],
.searchform-wrapper input[type=url],
.searchform-wrapper textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    font-size: .97em;
    padding: 0 .75em;
    border-radius: 99px 0px 0px 99px;
    height: 64px;
}


.header,
.header .header-bg-color,
.header .header-bg-image,
.header-bg-container .header-bg-color.fill,
.header-bg-container .header-bg-image.fill,
.header-main,
#masthead {
    background: transparent !important;
    box-shadow: none !important;
}

body.has-sticky .header,
body.has-sticky .header-main,
body.has-sticky #masthead,
.header.stuck,
.header.is-sticky {
    background-color: #000 !important;
    height: 90px !important;
    color: #fff !important;
}

body.has-sticky .header a,
body.has-sticky .header .icon,
.header.stuck a,
.header.is-sticky a,
.header.stuck .icon,
.header.is-sticky .icon {
    color: #fff !important;
    fill: #fff !important;
}

body:not(.has-sticky) .header,
.header:not(.stuck):not(.is-sticky) {
    background-color: transparent !important;
    box-shadow: none !important;
    color: inherit;
}

.header.stuck, .header.show-on-scroll, .header.stuck .header-main, .stuck .header-main, #masthead.stuck, .stuck #masthead {
    background: #000000 !important;
    height: 90px !important;
    box-shadow: none !important;
    color: #fff !important;
}


.stuck .header-main .nav > li > a {
    color: #ccc;
}


.single-product .header,
.single-post .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}


.page-wrapper {
    padding-bottom: 30px;
    padding-top: 0px;
}

.single-product .header .nav>li>a,
.single-product .header .icon,
.single-product .header .header-button a,
.single-product #top-bar .text,
.single-product #top-bar .text *,
.single-post .header .nav>li>a,
.single-post .header .icon,
.single-post .header .header-button a,
.single-post #top-bar .text,
.single-post #top-bar .text * {
    color: #fff !important;
}

.is-form,
button.is-form,
button[type=submit].is-form,
input[type=button].is-form,
input[type=reset].is-form,
input[type=submit].is-form {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #666;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    text-shadow: 1px 1px 1px #fff;
    text-transform: none;
    height: 50px;
}

.button.alt,
.button.checkout,
.checkout-button {
    background-color: var(--fs-color-secondary);
    height: 50px;
    width: 282px;
}

.product-short-description p,
.product_meta>span {
    color: #000;
    font-size: 16px;
}


.woocommerce-checkout .header,
.woocommerce-checkout .header .header-bg-color,
.woocommerce-checkout .header .header-bg-image,
.woocommerce-checkout .header-bg-container .header-bg-color.fill,
.woocommerce-checkout .header-bg-container .header-bg-image.fill,
.woocommerce-checkout #top-bar.header-top,
.woocommerce-checkout .header-main,
.woocommerce-checkout #masthead {
    background: #212121 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .header a.nav-top-link {
    color: #dedede;
}

h1.entry-title,
time.entry-date.published.updated,
a.url.fn.n {
    color: rgb(26, 85, 57);
}


.entry-header-text.text-center {
    padding-left: 0px;
    padding-right: 0px;
}

span.byline {
    margin-left: 10px;
}



.img-quote .img .img-inner {
    display: grid;
    place-items: center;
}

.img-quote .img img {
    filter: brightness(0) invert(1);
    object-fit: contain;
    transition: filter .25s ease, transform .25s ease;
    padding: 6px;
}


.slider-nav-light .flickity-page-dots .dot.is-selected,
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #1e6a48;
}

.prod-home .box-image {
    border-radius: 6px;
}

.prod-home a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 22px;
}

span.amount {
    color: #656565;
    font-weight: 400;
    white-space: nowrap;
    font-size: 16px;
}

.grid-tools a {

    font-size: 17px;
    font-weight: 700;

    padding: 16px;
}

.prod-home .box-text.box-text-products {
    text-align: left;
}

.blog-home a.plain {
    color: #000;
    text-decoration: unset !important;
}

.blog-home a.plain:hover {
    color: #1e6a48;
}

.blog-home p.from_the_blog_excerpt {
    color: #000;
    font-size: 16px;
}

.blog-home .box-blog-post .is-divider {
    height: 1px;
    margin-bottom: .5em;
    margin-top: .5em;
    max-width: 200px !important;
    background-color: #cdcdcd;
}

.blog-home .box-blog-post .is-divider:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: auto;
    display: block;
    width: 103px;
    height: 1px;
    background-color: #1e6a48;
    z-index: 1;
}


/* .blog-blog .box-blog-post .is-divider:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 187px;
    display: block;
    width: 103px;
    height: 1px;
    background-color: #1e6a48;
    z-index: 1;
} */

.entry-meta {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    font-family: emoji;
}

.entry-meta li {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-left: 0px !important;
}

.entry-meta li:last-child {
    margin-right: 0;
}

.entry-meta li svg {
    margin-right: 5px;
    vertical-align: middle;
}

.entry-meta li a {
    color: #666;
    text-decoration: none;
}

.entry-meta li a:hover {
    color: #000;
}

.entry-meta li+li:before {
    content: '-';
    margin-right: 10px;
    color: #666;
}


.blog-home .box-image {
    border-radius: 7px;
}


.product-short-description p,
.product_meta>span {
    color: #000;
}

nav.scg-breadcrumb a {
    transition: all 0.3s ease;
}

nav.scg-breadcrumb a:hover {
    color: #1e6a48 !important;
}

.section-under-banner-truot {
    margin-top: -44px;
}

.row-4-img img {
    border-radius: 10px;

}

.row-4-img .col-inner {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.row-4-img .col-inner:hover {
    transform: translateY(-8px);
    cursor: pointer;
}

.btn-see-more span {
    color: #1e6a48;
}

.img-box-4-service .box-image {
    border-radius: 8px;
}


.flickity-page-dots {
    bottom: -20px;
}

ul.links li a {
    color: #000;
}


input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.09);
    margin-bottom: 1em;
    font-size: .97em;
    padding: 0 .75em;
    border-radius: 99px;
    height: 50px;
}

textarea {
    border-radius: 12px;
    padding-top: 10px;
}

.primary,
input[type=submit],
input[type=submit].button {
    background-color: var(--fs-color-primary);
    border-radius: 99px;
}

.nav-dropdown {

    min-width: 330px;
}


.category-list {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}

.category-item {
    padding: 14px 24px;
    border-bottom: 1px solid #ddd;
    color: #000;
    transition: all 0.3s ease;
}

.category-item:last-child {
    border-bottom: none;
}

.category-item .count {
    float: right;
    color: #666;
}

.category-item.selected {
    background: #4a90e2;
    color: white;
    font-weight: bold;
}

.category-item.selected .count {
    color: white;
}

.category-item:hover {
    background: #6cb5c6;
    cursor: pointer;
    color: #fff;
}

.category-item:hover .count {
    color: #fff;
}

.col-chuyen-muc .col-inner {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.col-under-chuyen-muc .is-border {
    border-radius: 0px 0px 6px 6px;
}

.section-acc span {
    font-weight: 500;
    color: rgb(26, 85, 57);
    font-size: 20px;
}

.woocommerce-product-gallery__image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: zoom-in;
}

.woocommerce-product-gallery__image.wc-zoom-active img {
    opacity: 0;
}

.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image img {
    transition: opacity .15s ease;
}

.searchform-wrapper input[type=email],
.searchform-wrapper input[type=number],
.searchform-wrapper input[type=search],
.searchform-wrapper input[type=tel],
.searchform-wrapper input[type=text],
.searchform-wrapper input[type=url],
.searchform-wrapper textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    font-size: .97em;
    padding: 0 .75em;
    border-radius: 99px 0px 0px 99px;
    height: 64px;
}


.header,
.header .header-bg-color,
.header .header-bg-image,
.header-bg-container .header-bg-color.fill,
.header-bg-container .header-bg-image.fill,
.header-main,
#masthead {
    background: transparent !important;
    box-shadow: none !important;
}


.single-product .header,
.single-post .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}


.page-wrapper {
    padding-bottom: 30px;
    padding-top: 0px;
}

.single-product .header .nav>li>a,
.single-product .header .icon,
.single-product .header .header-button a,
.single-product #top-bar .text,
.single-product #top-bar .text *,
.single-post .header .nav>li>a,
.single-post .header .icon,
.single-post .header .header-button a,
.single-post #top-bar .text,
.single-post #top-bar .text * {
    color: #fff !important;
}

.is-form,
button.is-form,
button[type=submit].is-form,
input[type=button].is-form,
input[type=reset].is-form,
input[type=submit].is-form {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #666;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    text-shadow: 1px 1px 1px #fff;
    text-transform: none;
    height: 50px;
}

.button.alt,
.button.checkout,
.checkout-button {
    background-color: var(--fs-color-secondary);
    height: 50px;
    width: 282px;
}

.product-short-description p,
.product_meta>span {
    color: #000;
    font-size: 16px;
}


.woocommerce-checkout .header,
.woocommerce-checkout .header .header-bg-color,
.woocommerce-checkout .header .header-bg-image,
.woocommerce-checkout .header-bg-container .header-bg-color.fill,
.woocommerce-checkout .header-bg-container .header-bg-image.fill,
.woocommerce-checkout #top-bar.header-top,
.woocommerce-checkout .header-main,
.woocommerce-checkout #masthead {
    background: #212121 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .header a.nav-top-link {
    color: #dedede;
}

h1.entry-title,
time.entry-date.published.updated,
a.url.fn.n {
    color: rgb(26, 85, 57);
}


.entry-header-text.text-center {
    padding-left: 0px;
    padding-right: 0px;
}

span.byline {
    margin-left: 10px;
}


.banner-truot .banner-bg .bg{
  opacity: 0 !important;
  visibility: hidden !important;
}


.banner-truot .banner-bg{
  background-image: url('/wp-content/uploads/2025/09/silvercloudgarden.png-1.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  overflow: visible !important; /* đề phòng theme set overflow hidden */
}


.banner-truot,
.banner-truot *{
  transform: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
  perspective: none !important;
}


.banner-truot{ padding-top: 550px; }
.banner-truot .overlay{ background-color: rgba(5,23,0,0.52); }

.col-quy-trinh p {
    min-height: 104px;
}




@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
.transparent #logo img {
        max-height: 92px !important;
    }
	.header-block-block-1 *, .header-block-block-1 p {
    color: #1a5539 !important;
    /* font-size: 16px; */
}
	
	input#woocommerce-product-search-field-1 {
    height: 40px;
}
	
	.container.clearfix {
    padding-left: 0px !important;
}
	
	


}