/* === RESET === */

*,
*:before,
*:after {

    box-sizing: border-box;

}



#wrapper,
#main {

    background-color: #fff;

    position: relative;

}



article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,

div {

    display: block;

    unicode-bidi: isolate;

}



/* === BODY & GENERAL STYLES === */

body {

    color: #0a0a0a;

    font-family: "Roboto", sans-serif;

    line-height: 1.6;

    scroll-behavior: smooth;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



a {

    color: #317e50;

    color: #334862;

    text-decoration: none;

    background-color: transparent;

}



a,
button,
input {

    -ms-touch-action: manipulation;

    touch-action: manipulation;

}



/* === GENERAL LAYOUT === */

body,
.container,
.full-width .ubermenu-nav,
.container-width,
.row {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

}



.container-width,
.full-width .ubermenu-nav,
.container,
.row {

    max-width: 1210px;

}



.section {

    padding: 30px 0;

    position: relative;

    min-height: auto;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row;

    flex-flow: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



#section_9027615 {

    padding-top: 30px;

    padding-bottom: 30px;

}



.section-bg,
.section-content {

    width: 100%;

}



.section-bg {

    overflow: hidden;

}



.section-content {

    z-index: 1;

}



.relative {

    position: relative !important;

}



.mb {

    margin-bottom: 30px;

}



/* === FLEX GRID SYSTEM === */

.row,
.gallery {

    display: flex;

    flex-flow: row wrap;

    width: 100%;

}



.col,
.gallery-item,
.columns {

    position: relative;

    margin: 0;

    padding: 0 15px 30px;

    width: 100%;

}



.col-inner {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    background-position: 50% 50%;

    background-size: cover;

    background-repeat: no-repeat;

    flex: 1 0 auto;

}



.align-middle {

    align-items: center !important;

    align-self: center !important;

    vertical-align: middle !important;

}



.row-small {

    max-width: 1065px;

}



.row-small>.flickity-viewport>.flickity-slider>.col,

.row-small>.col {

    padding: 0 9.8px 19.6px;

    margin-bottom: 0;

}



.row-dashed,
.row-solid {

    overflow: hidden;

}



.row-dashed .col,
.row-solid .col {

    padding: 0;

    position: relative;

}



.row-dashed .col:before,
.row-solid .col:before {

    position: absolute;

    content: " ";

    height: 100%;

    top: 0;

    left: -1px;

    border-left: 1px dashed #ddd;

}



.row-dashed .col-inner,
.row-solid .col-inner {

    padding: 15px;

}



#row-1266224562>.col>.col-inner {

    border-radius: 5px;

}



.small-12 {

    max-width: 100%;

    flex-basis: 100%;

}



/* === TEXT ALIGNMENT & TYPOGRAPHY === */

.text-center {

    text-align: center;

}



.text-center>div,
.text-center>div>div,

.text-center .is-divider,
.text-center .star-rating,

.text-center .is-star-rating {

    margin-left: auto;

    margin-right: auto;

}



.text-right .button:last-of-type,
.text-center .button:last-of-type {

    margin-right: 0 !important;

}



.text-center .button:first-of-type {

    margin-left: 0 !important;

}



h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {

    font-family: "Roboto Condensed", sans-serif;

    font-weight: 700;

    color: #187c46;

    margin-top: 0;

    margin-bottom: .5em;

    text-rendering: optimizeSpeed;

    width: 100%;

}



h1,
.h1 {

    font-size: 1.7em;

    line-height: 1.3;

}



h2,
.h2 {

    font-size: 1.6em;

    line-height: 1.3;

}



p {

    margin-top: 0;

    margin-bottom: 1.3em;

    display: block;

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    unicode-bidi: isolate;

}



pre,
blockquote,
form,
figure,
p,
dl,
ul,
ol {

    margin-bottom: 1.3em;

}



em {

    font-style: italic;

}



strong {

    font-weight: bolder;

}



.last-reset *:last-child {

    margin-bottom: 0;

}



/* === BUTTONS & INPUTS === */

.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {

    display: inline-block;

    position: relative;

    background-color: transparent;

    text-transform: uppercase;

    font-size: .97em;

    letter-spacing: .03em;

    font-weight: bolder;

    color: currentColor;

    border: 1px solid transparent;

    border-radius: 0;

    text-align: center;

    line-height: 2.4em;

    min-height: 2.5em;

    padding: 0 1.2em;

    cursor: pointer;

    margin-top: 0;

    margin-right: 1em;

    margin-bottom: 1em;

    transition: all 0.3s;

    text-decoration: none;

    vertical-align: middle;

    text-shadow: none;

    max-width: 100%;

    -webkit-transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;

    transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;

    -o-transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;

    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;

    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;

    text-rendering: optimizeLegibility;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



button,
.button {

    text-transform: none;

}



.button,
button,
input,
textarea,
select,
fieldset {

    margin-bottom: 1em;

}



input[type='submit'],
input[type='button'],

.button:not(.icon),
button:not(.icon) {

    border-radius: 5px !important;

    background-color: #446084;

    color: #fff;

}



input[type='submit'],
input[type="button"],
button:not(.icon),
.button:not(.icon) {

    border-radius: 5px !important;

}



input[type=submit],
input[type=submit].button,
input[type=submit],
.primary {

    background-color: #446084;

}



.button,
input[type=submit],
input[type=submit].button,
input[type=reset].button,
input[type=button].button {

    color: #fff;

    background-color: #446084;

    background-color: var(--primary-color);

    border-color: rgba(0, 0, 0, .05);

}



.primary.is-underline,
.primary.is-link,
.primary.is-outline {

    color: #446084;

}



.button.is-underline,
.button.is-link {

    background-color: transparent !important;

    border-color: transparent !important;

    padding-left: .15em;

    padding-right: .15em;

}



.is-link,
.is-underline {

    color: #666;

}



.button.is-underline:before {

    content: "";

    height: 2px;

    background-color: currentColor;

    opacity: .3;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    position: absolute;

    bottom: 0;

    left: 20%;

    width: 60%;

}



.button span {

    display: inline-block;

    line-height: 1.6;

    color: white !important;

}



.button:not(.icon)>span+i {

    margin-right: -0.15em;

    margin-left: .4em;

}



.button:not(.icon)>i {

    margin-left: -0.15em;

    margin-right: .4em;

}



button i,
.button i {

    vertical-align: middle;

    top: -1.5px;

}



/* === ICONS === */

.links>li>a:before,
i[class^=icon-],
i[class*=" icon-"] {

    font-family: "fl-icons" !important;

    font-display: block;

    speak: none !important;

    margin: 0;

    padding: 0;

    display: inline-block;

    font-style: normal !important;

    font-weight: normal !important;

    font-variant: normal !important;

    text-transform: none !important;

    position: relative;

    line-height: 1.2;

}



i {

    font-style: italic;

}



/* === ICON BOXES === */

.icon-box-center .icon-box-img {

    margin: 0 auto 1em;

}



.icon-box .icon-box-img {

    margin-bottom: 1em;

    max-width: 100%;

    position: relative;

}



.icon-box-img svg,
.icon-box-img img {

    width: 100%;

    padding-top: 0.2em;

}



/* === BACKGROUND & IMAGES === */

.bg {

    opacity: 0;

    transition: opacity 1s;

    -webkit-transition: opacity 1s;

}



.bg-loaded {

    opacity: 1;

}



.bg-fill {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: 50% 50% !important;

}



.fill {

    position: absolute !important;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    margin: 0 !important;

    padding: 0 !important;

}



img {

    display: inline-block;

    vertical-align: middle;

    max-width: 100%;

    height: auto;

    border-style: none;

    transition: opacity 1s;

    opacity: 1;

}



.image-cover,
.has-format,
.video-fit {

    position: relative;

    height: auto;

    overflow: hidden;

    padding-top: 100%;

    background-position: 50% 50%;

    background-size: cover;

}



.video-fit {

    padding-top: 56.5%;

}



.video-fit video,
.video-fit iframe,

img.back-image,
.image-cover img,

.has-format img {

    object-fit: cover;

    object-position: 50% 50%;

    width: 100%;

    height: 100%;

    position: absolute;

    font-family: "object-fit: cover;";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



iframe,
embed,
object {

    max-width: 100%;

    border: none;

}



/* === COLORS === */

.scroll-to-bullets a,

.featured-title,

.button.primary:not(.is-outline),

input[type='submit'].primary {

    background-color: #187c46;

}



.nav-pagination>li>a:hover,

.nav-pagination>li>.current {

    background-color: #187c46;

}



.scroll-to-bullets a,
.featured-title,
.label-new.menu-item>a:after,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
button[type="submit"],
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold>li>a:hover,
.nav-dropdown-bold.dark .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold.dark>li>a:hover,
.header-vertical-menu__opener,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type='submit']:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box>li>a:hover,
.nav-box>li.active>a,
.nav-pills>li.active>a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary,
.badge-inner {

    background-color: #187c46;

}



.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline>li.active>a,
.nav-outline>li.active>a,
.cart-icon strong,
[data-color='primary'],
.is-outline.primary {

    color: #187c46;

}



/* === RESPONSIVE === */

@media screen and (min-width: 550px) {

    .medium-6,
    .medium-4 {

        max-width: 50%;

        flex-basis: 50%;

    }



    .medium-4 {

        max-width: 33.3333333333%;

        -ms-flex-preferred-size: 33.3333333333%;

        flex-basis: 33.3333333333%;

    }

}



@media screen and (min-width: 850px) {

    .large-6 {

        max-width: 50%;

        flex-basis: 50%;

    }



    .large-4 {

        max-width: 33.3333333333%;

        flex-basis: 33.3333333333%;

        -ms-flex-preferred-size: 33.3333333333%;

    }



    .col:first-child .col-inner {

        margin-left: auto;

        margin-right: 0;

    }



    .col+.col .col-inner {

        margin-right: auto;

        margin-left: 0;

    }

}







/*tôi code section 2-3*/

#section_1462947176 {

    padding-top: 30px;

    padding-bottom: 30px;

}

.has-parallax {

    overflow: hidden;

}

#section_1462947176 .section-bg.bg-loaded {

    background-image: url(https://trunghieploi.com.vn/wp-content/uploads/2022/08/Ho-so-nang-luc-theme.jpg);

}



#section_1462947176 .section-bg-overlay {

    background-color: rgba(255, 255, 255, 0.581);

}



.absolute {

    position: absolute !important;

}

.relative {

    position: relative !important;

}

.section-content {

    z-index: 1;

}

.section-bg,
.section-content {

    width: 100%;

}





.container-width,
.full-width .ubermenu-nav,
.container,
.row {

    max-width: 1210px;

}


#col-1244769656 .col-inner p span,
#col-932973824 .col-inner p span {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    ;
}

#col-1244769656 .col-inner p span img,
#col-932973824 .col-inner p span img {
    width: 48%;
    height: 100%;
}

/*tôi code tiếp*/



[data-parallax-container] {

    overflow: hidden;

}

[data-parallax] {

    will-change: transform !important;

}

@media (min-width: 550px) {

    #section_970202484 {

        display: none !important;

    }

}

@media (max-width: 786px) {
    .sidebar-two {
        display: none !important;
    }

    .show-for-medium {
        display: none !important;
    }

    .product-footer .woocommerce-tabs {
        padding: 60px 0 !important;
    }
}

[data-parallax-container],

.has-parallax {

    overflow: hidden;

}



[data-parallax],

.rellax {

    will-change: transform !important;

}



.section-bg {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 0;

    background-size: cover;

    background-position: center;

}



.section-bg-overlay.absolute.fill {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.3);
    /* Hoặc tùy chỉnh màu overlay */

    top: 0;

    left: 0;

    z-index: 1;

}



.section-content.relative {

    /*position: relative;*/

    /*z-index: 2;*/

    /*padding: 80px 0; !* tùy chỉnh nếu cần *!*/

}



/*tôi code tiếp section 5*/

.col,
.gallery-item,
.columns {

    position: relative;

    margin: 0;

    padding: 0 15px 30px;

    width: 100%;

}

.box {

    width: 100%;

    position: relative;

    margin: 0 auto;

}

.box-text {

    padding-top: .7em;

    padding-bottom: 1.4em;

    position: relative;

    width: 100%;

    font-size: .9em;

}

.box-image {

    position: relative;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

}

#col-1309181177 {
    display: none;
}

@media screen and (min-width: 550px) {

    .medium-columns-1>.col,
    .medium-columns-1 .flickity-slider>.col {

        max-width: 100%;

        flex-basis: 100%;

    }

}

@media screen and (min-width: 850px) {

    .gallery-columns-1 .gallery-item,
    .large-columns-1>.col,
    .large-columns-1 .flickity-slider>.col {

        max-width: 100%;

        flex-basis: 100%;

    }

    .col:first-child .col-inner {

        margin-left: auto;

        margin-right: 0;

    }

}

.row .gallery,

.row .row:not(.row-collapse),

.container .row:not(.row-collapse),

.lightbox-content .row:not(.row-collapse) {

    padding-left: 0;

    padding-right: 0;

    margin-left: -15px;

    margin-right: -15px;

    width: auto;

}



.has-shadow>.col>.col-inner {

    background-color: #fff;

}

@media screen and (min-width: 850px) {

    .col:first-child .col-inner {

        margin-left: auto;

        margin-right: 0;

    }

}

.box-shadow,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner:hover,
.box-shadow-2,
.box-shadow-2-hover:hover {

    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);

    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);

}

.row-box-shadow-1 .col-inner,
.row-box-shadow-2 .col-inner,
.row-box-shadow-3 .col-inner,
.row-box-shadow-4 .col-inner,
.row-box-shadow-5 .col-inner,
.row-box-shadow-1-hover .col-inner,
.row-box-shadow-2-hover .col-inner,
.row-box-shadow-3-hover .col-inner,
.row-box-shadow-4-hover .col-inner,
.row-box-shadow-5-hover .col-inner,
.box-shadow-1,
.box-shadow-2,
.box-shadow-3,
.box-shadow-4,
.box-shadow-5,
.box-shadow-1-hover,
.box-shadow-2-hover,
.box-shadow-3-hover,
.box-shadow-4-hover,
.box-shadow-5-hover {

    -webkit-transition: background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s;

    transition: background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s;

    -o-transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s;

    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s;

    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s;

}



.row-full-width {

    max-width: 100% !important;

}







/*tôi code tiếp*/

.row-collapse>.flickity-viewport>.flickity-slider>.col,
.row-collapse>.col {

    padding: 0 !important;

}

.align-equal>.col {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

@media screen and (min-width: 550px) {

    .medium-4 {

        max-width: 33.3333333333%;

        -ms-flex-preferred-size: 33.3333333333%;

        flex-basis: 33.3333333333%;

    }

}

@media screen and (min-width: 850px) {

    .large-4 {

        max-width: 33.3333333333%;

        -ms-flex-preferred-size: 33.3333333333%;

        flex-basis: 33.3333333333%;

    }

}





.dark,
.dark p,
.dark td {

    color: #f1f1f1;

}

.text-center {

    text-align: center;

}

.icon-box-center .icon-box-img {

    margin: 0 auto 1em;

}

.icon-box .icon-box-img {

    margin-bottom: 1em;

    max-width: 100%;

    position: relative;

}

.text-center>div,
.text-center>div>div,
.text-center .is-divider,
.text-center .star-rating,
.text-center .is-star-rating {

    margin-left: auto;

    margin-right: auto;

}

.text-center>div,
.text-center>div>div,
.text-center .is-divider,
.text-center .star-rating,
.text-center .is-star-rating {

    margin-left: auto;

    margin-right: auto;

}

.icon-box-img svg,
.icon-box-img img {

    padding-top: .2em;

    width: 100%;

}

.text-center>div,
.text-center>div>div,
.text-center .is-divider,
.text-center .star-rating,
.text-center .is-star-rating {

    margin-left: auto;

    margin-right: auto;

}

.dark a.lead,
.dark label,
.dark .heading-font,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.hover-dark:hover p,
.hover-dark:hover h1,
.hover-dark:hover h2,
.hover-dark:hover h3,
.hover-dark:hover h4,
.hover-dark:hover h5,
.hover-dark:hover h6,
.hover-dark:hover a {

    color: #fff;

}

.last-reset *:last-child {

    margin-bottom: 0;

}



.home .button.is-underline,

.button.is-link {

    background-color: transparent !important;

    border-color: transparent !important;

    padding-left: .15em;

    padding-right: .15em;

}



.entry-content .wp-block-file {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

#wp-block-file--media-a390801e-a957-4e52-b445-cefb27c43966 {
    font-size: 18px;
}