/* Mixin
--------------------------------------------- */


/* Breakpoint
--------------------------------------------- */


/* Truncate
--------------------------------------------- */


/* Base
--------------------------------------------- */


/* Variables
--------------------------------------------- */


/** =============== Font ================= **/

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("../fonts/Inter-Regular.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("../fonts/Inter-Medium.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("../fonts/Inter-SemiBold.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Inter-Bold.woff2?v=3.19") format("woff2"), url("../fonts/Inter-Bold.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'RobotoC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("../fonts/RobotoCondensed-Regular.woff") format("woff");
}

@font-face {
    font-family: 'RobotoC';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("../fonts/RobotoCondensed-Bold.woff") format("woff");
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
}


/** =============== Color ================= **/

:root {
    --primary-color: #25A049;
    --primary-variant: #39B54A;
    --secondary-color: #FAA61A;
    --secondary-variant: #CBBB31;
    --blue: #3B3663;
    --red: #ff0000;
    --grey: #505565;
    --grey-2: #777981;
}


/* Reset
--------------------------------------------- */


/** Reset CSS **/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    line-height: 1.5;
    font-size: 1.6rem;
    font-family: Inter, sans-serif;
    font-weight: 400;
    color: #000;
}

@media screen and (max-width: 767px) {
    body {
        font-size: 1.5rem;
    }
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

svg,
img {
    max-width: 100%;
    vertical-align: middle;
}

select,
button {
    cursor: pointer;
    outline: none;
}

button.btn:focus {
    box-shadow: unset;
}

a:hover,
a {
    text-decoration: none;
}

svg,
svg path {
    -webkit-transition: fill .3s, stroke .3s;
    -o-transition: fill .3s, stroke .3s;
    transition: fill .3s, stroke .3s;
}

button,
a {
    transition: color .3s, background-color .3s;
}

input:focus {
    box-shadow: none;
    outline: none;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media only screen and (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1380px;
    }
}


/* General
--------------------------------------------- */


/** General **/

.section-title {
    font-size: 3.2rem;
}

.section-title span {
    color: var(--primary-color);
}

.section-title a {
    color: var(--blue);
}

.section-title a:hover {
    color: var(--primary-color);
}

.page-banner {
    height: 46rem;
}

@media screen and (max-width: 1023px) {
    .page-banner {
        height: 30rem;
    }
}

.page-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

.section-title-has-line:after {
    content: '';
    width: 25.2rem;
    height: 2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='252' height='20' viewBox='0 0 252 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='14.5' x2='78' y2='14.5' stroke='%2339B54A'/%3E%3Cline x1='174' y1='14.5' x2='252' y2='14.5' stroke='%2339B54A'/%3E%3Cpath d='M105.239 6.34154C105.479 5.60474 106.522 5.60474 106.761 6.34154L107.617 8.97514C107.669 9.13553 107.771 9.27528 107.907 9.37442C108.044 9.47356 108.208 9.52702 108.377 9.52714H111.146C111.922 9.52714 112.243 10.5191 111.617 10.9751L109.377 12.6023C109.24 12.7016 109.138 12.8415 109.086 13.0022C109.034 13.1629 109.033 13.336 109.086 13.4967L109.942 16.1303C110.182 16.8671 109.338 17.4807 108.71 17.0247L106.47 15.3975C106.333 15.2983 106.168 15.2449 106 15.2449C105.831 15.2449 105.666 15.2983 105.53 15.3975L103.29 17.0247C102.662 17.4807 101.819 16.8671 102.058 16.1303L102.914 13.4967C102.966 13.336 102.966 13.1629 102.914 13.0022C102.862 12.8415 102.76 12.7016 102.623 12.6023L100.384 10.9759C99.7576 10.5199 100.08 9.52794 100.854 9.52794H103.623C103.792 9.52799 103.957 9.47461 104.093 9.37546C104.23 9.27631 104.332 9.13646 104.384 8.97594L105.24 6.34234L105.239 6.34154Z' fill='%2339B54A'/%3E%3Cpath d='M125.049 2.92696C125.349 2.00596 126.652 2.00596 126.951 2.92696L128.021 6.21896C128.086 6.41944 128.213 6.59414 128.384 6.71806C128.555 6.84199 128.76 6.9088 128.971 6.90896H132.433C133.402 6.90896 133.804 8.14896 133.021 8.71896L130.221 10.753C130.05 10.877 129.923 11.052 129.857 11.2528C129.792 11.4537 129.792 11.67 129.857 11.871L130.927 15.163C131.227 16.084 130.172 16.851 129.387 16.281L126.587 14.247C126.416 14.123 126.211 14.0562 125.999 14.0562C125.788 14.0562 125.583 14.123 125.412 14.247L122.612 16.281C121.828 16.851 120.774 16.084 121.073 15.163L122.143 11.871C122.208 11.67 122.208 11.4537 122.143 11.2528C122.077 11.052 121.95 10.877 121.779 10.753L118.98 8.71996C118.197 8.14996 118.6 6.90996 119.568 6.90996H123.029C123.24 6.91001 123.446 6.84329 123.616 6.71935C123.787 6.59541 123.915 6.42061 123.98 6.21996L125.05 2.92796L125.049 2.92696Z' fill='%2339B54A'/%3E%3Cpath d='M145.239 6.34154C145.479 5.60474 146.522 5.60474 146.761 6.34154L147.617 8.97514C147.669 9.13553 147.771 9.27528 147.907 9.37442C148.044 9.47356 148.208 9.52702 148.377 9.52714H151.146C151.922 9.52714 152.243 10.5191 151.617 10.9751L149.377 12.6023C149.24 12.7016 149.138 12.8415 149.086 13.0022C149.034 13.1629 149.033 13.336 149.086 13.4967L149.942 16.1303C150.182 16.8671 149.338 17.4807 148.71 17.0247L146.47 15.3975C146.333 15.2983 146.168 15.2449 146 15.2449C145.831 15.2449 145.666 15.2983 145.53 15.3975L143.29 17.0247C142.662 17.4807 141.819 16.8671 142.058 16.1303L142.914 13.4967C142.966 13.336 142.966 13.1629 142.914 13.0022C142.862 12.8415 142.76 12.7016 142.623 12.6023L140.384 10.9759C139.758 10.5199 140.08 9.52794 140.854 9.52794H143.623C143.792 9.52799 143.957 9.47461 144.093 9.37546C144.23 9.27631 144.332 9.13646 144.384 8.97594L145.24 6.34234L145.239 6.34154Z' fill='%2339B54A'/%3E%3C/svg%3E%0A");
    display: block;
    margin: 0.8rem auto 0 auto;
}

.section-desc {
    font-size: 25px;
}

@media screen and (max-width: 1023px) {
    .section-title-has-line:after {
        width: 15.2rem;
        margin-top: 0.4rem;
    }
    .section-title {
        font-size: 3.2rem;
    }
    .section-desc {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 767px) {
    .section-title {
        font-size: 1.8rem;
    }
}

.swal2-container {
    z-index: 9999 !important;
}

.swal2-styled,
.swal2-content {
    font-size: 16px !important;
}

.swal2-content {
    padding: 0 10px !important;
}

input[aria-invalid="true"]::placeholder,
select[aria-invalid="true"]::placeholder {
    color: red !important;
}

.no-scrollbar {
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}


/** SCROLL SNAP **/

.scroll-snap-tab,
.scroll-snap-mb {
    scroll-snap-type: x mandatory;
    padding-bottom: 7px;
}

.home-gallery__image-item,
.scroll-snap-tab>[class*='col'],
.scroll-snap-mb>[class*='col'] {
    scroll-snap-align: start;
}

@media screen and (max-width: 1023px) {
    .scroll-snap-tab {
        flex-wrap: nowrap;
        overflow: auto;
    }
}

@media screen and (max-width: 767px) {
    .scroll-snap-mb {
        flex-wrap: nowrap;
        overflow: auto;
    }
}


/** Font **/

.font-semibold {
    font-weight: 600;
}

.font-medium {
    font-weight: 500;
}

.font-robotoC {
    font-family: RobotoC, Arial, Helvetica, sans-serif;
}

.font-roboto {
    font-family: Roboto, Arial, Helvetica, sans-serif;
}


/** Text **/

.text-primary {
    color: var(--primary-color) !important;
}

a.text-primary:hover {
    color: var(--secondary-color) !important;
}

.text-primary-variant {
    color: var(--primary-variant) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.text-secondary-variant {
    color: var(--secondary-variant) !important;
}

.text-grey {
    color: var(--grey);
}

.text-grey-2 {
    color: var(--grey-2);
}

.text-justify {
    text-align: justify;
}

.text-italic {
    font-style: italic;
}

.text-blue {
    color: var(--blue);
}

.text-xs {
    font-size: 1.2rem;
}

.text-s {
    font-size: 1.4rem;
}

.text-m {
    font-size: 1.6rem;
}

.text-l {
    font-size: 1.8rem;
}

.text-xl {
    font-size: 2.0rem;
}

.text-xxl {
    font-size: 2.2rem;
}

.text-xxxl {
    font-size: 2.4rem;
}

@media screen and (max-width: 1023px) {
    .text-m {
        font-size: 1.5rem;
    }
    .text-l {
        font-size: 1.6rem;
    }
    .text-xl {
        font-size: 1.8rem;
    }
    .text-xxl {
        font-size: 2rem;
    }
    .text-xxxl {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 767px) {
    .text-xl {
        font-size: 1.8rem;
    }
    .text-xxl {
        font-size: 1.9rem;
    }
    .text-xxxl {
        font-size: 2rem;
    }
}


/** Background **/

.bg-center {
    background-position: center !important;
}

.bg-no-repeat {
    background-repeat: no-repeat !important;
}

.bg-cover {
    background-size: cover !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

@media only screen and (min-width: 1200px) {
    .bg-fixed {
        background-attachment: fixed;
    }
}

.bgc-unset {
    background-color: unset;
}


/** SPACING **/

@media screen and (min-width: 992px) {
    .mb-lg-6 {
        margin-bottom: 3.5rem !important;
    }
    .mb-lg-7 {
        margin-bottom: 4rem !important;
    }
    .mb-lg-8 {
        margin-bottom: 4.5rem !important;
    }
    .mb-lg-9 {
        margin-bottom: 5rem !important;
    }
    .mb-lg-10 {
        margin-bottom: 5.5rem !important;
    }
    .mb-lg-11 {
        margin-bottom: 6rem !important;
    }
    .mb-lg-12 {
        margin-bottom: 6.5rem !important;
    }
    .mb-lg-13 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .mb-xl-6 {
        margin-bottom: 3.5rem !important;
    }
    .mb-xl-7 {
        margin-bottom: 4rem !important;
    }
    .mb-xl-8 {
        margin-bottom: 4.5rem !important;
    }
    .mb-xl-9 {
        margin-bottom: 5rem !important;
    }
    .mb-xl-10 {
        margin-bottom: 5.5rem !important;
    }
    .mb-xl-11 {
        margin-bottom: 6rem !important;
    }
    .mb-xl-12 {
        margin-bottom: 6.5rem !important;
    }
    .mb-xl-13 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (max-width: 374px) {
    .col-xs-12 {
        width: 100%;
        flex: 0 0 auto;
    }
}


/** Image **/

.img-block {
    position: relative;
    padding-bottom: 66.67%;
    display: block;
}

.img-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-contain img {
    object-fit: contain;
}

.img-1-1 {
    padding-bottom: 100%;
}

.img-center img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-hover img {
    -webkit-transition: transform .8s ease-in-out;
    -o-transition: transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

@media (hover) {
    .img-hover:hover img {
        transform: scale(1.1);
    }
}


/** FLICKITY **/

.carousel-g-5 {
    --gutter: 1.5rem;
    margin-left: calc(var(--gutter) * -1);
    margin-right: calc(var(--gutter) * -1);
}

.carousel-g-5 .carousel-cell {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
}

@media screen and (max-width: 1199px) {
    .carousel-g-5 {
        --gutter: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .carousel-g-5 {
        --gutter: 0.75rem;
    }
}

.flickity-preload {
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.flickity-preload.loaded {
    opacity: 1;
}

.hz-flickity-btn .flickity-button {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.4rem 4.3rem;
}

@media screen and (max-width: 1199px) {
    .hz-flickity-btn .flickity-button {
        background-size: 1.5rem 3rem;
    }
}

@media screen and (max-width: 767px) {
    .hz-flickity-btn .flickity-button {
        background-size: 1rem 2.5rem;
    }
}

.hz-flickity-btn .flickity-button svg {
    display: none;
}

.hz-flickity-btn .flickity-button.previous {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='44' viewBox='0 0 25 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7013 40.8509C24.7016 40.0949 24.4016 39.3698 23.8672 38.835L6.8812 21.8509L23.8672 4.86681C24.9805 3.75346 24.9805 1.94836 23.8672 0.835013C22.7538 -0.278338 20.9487 -0.278338 19.8354 0.835013L0.835396 19.835C0.300522 20.3695 5.72205e-06 21.0947 5.72205e-06 21.8509C5.72205e-06 22.6071 0.300522 23.3323 0.835396 23.8668L19.8354 42.8668C20.6505 43.6825 21.8768 43.9265 22.9421 43.4852C24.0074 43.0438 24.7018 42.004 24.7013 40.8509Z' fill='%23D3D4D8'/%3E%3C/svg%3E%0A");
}

.hz-flickity-btn .flickity-button.next {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='44' viewBox='0 0 26 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.601499 40.8509C0.601156 40.0949 0.901199 39.3698 1.4356 38.835L18.4216 21.8509L1.4356 4.86681C0.322248 3.75346 0.322248 1.94836 1.4356 0.835013C2.54895 -0.278338 4.35405 -0.278338 5.4674 0.835013L24.4674 19.835C25.0023 20.3695 25.3028 21.0947 25.3028 21.8509C25.3028 22.6071 25.0023 23.3323 24.4674 23.8668L5.4674 42.8668C4.65228 43.6825 3.42599 43.9265 2.36068 43.4852C1.29536 43.0438 0.600976 42.004 0.601499 40.8509Z' fill='%23D3D4D8'/%3E%3C/svg%3E%0A");
}


/** Infinite loader **/

.page-load-status {
    display: none;
    margin-top: 20px;
}

.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.see-more button:disabled,
.see-more button[disabled] {
    display: none;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: var(--primary-color);
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}


/** Back to top **/

.backToTop {
    z-index: 2222;
    bottom: 50px;
    right: -120%;
    background-color: var(--primary-color);
    width: 4rem;
    height: 4rem;
    text-align: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    border: 1px solid #8d9e8b8c;
}

@media screen and (max-width: 767px) {
    .backToTop {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.backToTop svg {
    width: 70%;
}

.backToTop svg path {
    stroke: #fff;
}

.backToTop:hover {
    background-color: var(--secondary-color);
}

.backToTop.show__backToTop {
    right: 10px;
}


/** Style for post **/

.ws-sgct blockquote {
    padding: 4px 0 4px 20px;
    border-left: 2px solid var(--primary-color);
    color: var(--grey-2);
    margin-bottom: 1.5rem;
    font-weight: 700;
}

.ws-sgct blockquote p {
    margin: 0 !important;
}

.ws-sgct code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    font-size: 0.85rem;
    color: #e83e8c;
}

.ws-sgct p,
.ws-sgct table {
    margin: 0 0 1.5rem;
}

.ws-sgct table {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.ws-sgct table>tbody>tr>td,
.ws-sgct table>tbody>tr>th,
.ws-sgct table>tfoot>tr>td,
.ws-sgct table>tfoot>tr>th,
.ws-sgct table>thead>tr>td,
.ws-sgct table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px;
}

.ws-sgct h6 {
    font-size: 1.7rem;
}

.ws-sgct h5 {
    font-size: 1.8rem;
}

.ws-sgct h4 {
    font-size: 2rem;
}

.ws-sgct h3 {
    font-size: 2.1rem;
}

.ws-sgct h2 {
    font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
    .ws-sgct h6 {
        font-size: 1.6rem;
    }
    .ws-sgct h5 {
        font-size: 1.7rem;
    }
    .ws-sgct h4 {
        font-size: 1.8rem;
    }
    .ws-sgct h3 {
        font-size: 2rem;
    }
    .ws-sgct h2 {
        font-size: 2.1rem;
    }
}

.ws-sgct ul,
.ws-sgct ol {
    margin: 0 0 15px;
    padding-left: 25px;
    list-style: disc;
}

.ws-sgct ul li,
.ws-sgct ol li {
    line-height: 1.5;
    margin-bottom: 8px;
}

.ws-sgct ol {
    list-style: decimal;
}

.ws-sgct iframe {
    margin: auto;
}

.ws-sgct img {
    display: block;
    margin: 1rem auto;
}

.ws-sgct .syntaxhighlighter {
    padding: 10px 0;
}

.ws-sgct h2,
.ws-sgct h3,
.ws-sgct h4,
.ws-sgct h5,
.ws-sgct h6 {
    margin: 5px 0 10px;
    font-weight: 500;
}


/** TAB **/

.hazo-tab__pane {
    display: none;
}

.hazo-tab__pane.active {
    display: block;
}

.hazo-tab__pane.show {
    animation: showTab 1s;
}

@keyframes showTab {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/** BUTTON CONTACT **/

.button-contact {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 2222;
}

.button-contact li {
    margin-bottom: 1.2rem;
}

.button-contact li a {
    width: 4.8rem;
    height: 4.8rem;
}

@media screen and (max-width: 767px) {
    .button-contact li a {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.button-contact li a img,
.button-contact li a svg {
    width: 100% !important;
    height: 100% !important;
}


/*Comment style*/

.comments-area {
    padding: 2rem 0 0 0;
}

span.title_comment {
    color: #606664;
    line-height: 1.3em;
    font-weight: 500;
    margin: 1.5rem 0;
    display: inline-block;
}

.comment-author.vcard {
    width: 3.5rem;
    border-radius: 50%;
}

.comment-author.vcard img {
    border-radius: 50%;
    object-fit: cover;
}

#formcmmaxweb {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

#formcmmaxweb .nameuser {
    text-align: left;
}

#formcmmaxweb .avatarmw img {
    float: left;
    margin: 5px 10px 0 0;
    border: 1px solid #ccc;
    padding: 5px;
}

.comments-title-maxweb {
    margin: 30px 0;
    font-weight: normal;
}

.commentlist {
    margin-top: 10px;
}

.comment-author.vcard {
    float: left;
    clear: both;
    z-index: 2;
    position: relative;
    text-align: center;
}

.commentlist li {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

.commentlist .children {
    margin-top: 10px;
}

.commentBody em {
    color: red;
}

.commentBody {
    position: relative;
    margin-left: 5.5rem;
    overflow: hidden;
}

.comment-meta.commentmetadata {
    position: relative;
    padding: 0;
    margin: 0 0 5px;
}

.noidungcomment {
    font-size: 16px;
    line-height: 24px;
}

.cancel-comment-reply a {
    font-size: 14px;
    text-decoration: none;
    color: #a9883f;
}

.nocomments {
    border-color: #D98D8D;
    background-color: #FFCECE;
    background-position: left -792px;
    color: #665252;
    padding: 10px;
}

.comment-meta.commentmetadata .ngaythang {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--primary-color);
    opacity: 0.3;
    font-size: 12px;
}

.commentBody:hover .comment-meta.commentmetadata .ngaythang {
    opacity: 1;
}

.commentBody .reply {
    float: right;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.comment-meta.commentmetadata .fn {
    margin: 0;
    text-transform: capitalize;
    margin-top: 2px;
}

.comment-meta.commentmetadata .fn a {
    color: #333;
}

.comment-meta.commentmetadata .fn a:hover {
    color: var(--primary-color);
}

ol.commentlist_mw,
ol.commentlist_mw ul.children {
    list-style: none;
}

ol.commentlist_mw li {
    margin-bottom: 10px;
}

ol.commentlist_mw>ul.children {
    margin: 10px 0 15px 35px;
    background: #f1f1f1;
    padding: 10px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
}

ol.commentlist_mw>ul.children:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 14px;
    width: 15px;
    height: 15px;
    background-color: #f1f1f1;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    transform: rotate(44deg);
}

div.error {
    color: red;
    font-size: 12px;
    text-align: left;
    line-height: 16px;
    margin: 3px 0 0;
}

.tools_comment a {
    color: var(--primary-color);
    font-size: 14px;
    position: relative;
    padding: 0 15px 0 0;
    margin: 0 7px 0 0;
    line-height: 14px;
}

.tools_comment a:after {
    content: "";
    width: 4px;
    height: 4px;
    top: 50%;
    margin-top: -2px;
    background: #999;
    position: absolute;
    right: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.tools_comment a:last-child:after {
    display: none;
}

.tools_comment a:last-child {
    padding: 0;
    margin: 0;
}

.noidungcomment p {
    margin: 0 0 5px;
}

#formcmmaxweb input[type="submit"],
#formcmmaxweb input[type="button"],
#formcmmaxweb input[type="reset"],
#formcmmaxweb article.post-password-required input[type=submit],
#formcmmaxweb li.bypostauthor cite span {
    padding: 6px 10px;
    padding: 0.428571429rem 0.714285714rem;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 1.428571429;
    font-weight: normal;
    color: #7c7c7c;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

#formcmmaxweb button,
#formcmmaxweb input,
#formcmmaxweb textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: inherit;
    padding: 6px;
    padding: 0.75rem 1rem;
}

#formcmmaxweb button,
#formcmmaxweb input[type="submit"],
#formcmmaxweb input[type="button"],
#formcmmaxweb input[type="reset"] {
    cursor: pointer;
}

.reply a.comment-reply-link {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
}

.reply a.comment-reply-link:hover {
    color: #c7a611;
}

#formcmmaxweb p,
#formcmmaxweb input,
#formcmmaxweb textarea {
    width: 100%;
    background: transparent;
    outline: none;
    font-size: 14px;
}

#formcmmaxweb input,
#formcmmaxweb textarea {
    border: 1px solid #d7d7d7;
    color: #2e2e2e;
    display: block;
}

#formcmmaxweb input:focus,
#formcmmaxweb textarea:focus {
    border-color: var(--primary-color);
}

#formcmmaxweb p {
    margin-bottom: 10px;
    text-align: center;
}

#formcmmaxweb #commentform p {
    overflow: hidden;
}

#formcmmaxweb #commentform p label {
    text-align: left;
    margin-top: 5px;
    display: block;
    color: red;
}

#formcmmaxweb .name-email p {
    width: 50%;
    float: left;
}

#formcmmaxweb .name-email p:first-child {
    padding-right: 5px;
}

#formcmmaxweb .name-email p:last-child {
    padding-left: 5px;
}

#formcmmaxweb input#submit {
    width: auto;
    color: #fff;
    background: var(--primary-color) !important;
    padding: 6px 20px;
    border: none;
    float: left;
    font-size: 16px;
    outline: none;
}

#formcmmaxweb input#submit:hover {
    background: var(--secondary-color) !important;
}

#formcmmaxweb ::-webkit-input-placeholder {
    color: #999999;
}

#formcmmaxweb ::-moz-placeholder {
    /* Firefox 18- */
    color: #999999;
}

#formcmmaxweb ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
}

#formcmmaxweb ::-ms-input-placeholder {
    color: #999999;
}

@media screen and (max-width:767px) {
    #formcmmaxweb {
        margin-bottom: 0;
    }
}


/*#comment style*/

.modal-backdrop {
    z-index: 6666;
}

.modal {
    z-index: 7777;
    display: block !important;
}

.modal:not(.show) {
    visibility: hidden;
}

.quote-modal .modal-head {
    border-bottom: 1px solid #e9e9e9;
    padding: 1rem 2rem;
}

.quote-modal .modal-content {
    border: none;
    overflow: visible;
    border-radius: 10px;
}

.quote-modal .modal-body {
    padding: 1rem 2rem 2rem 2rem;
}

.promotion-modal .modal-body .form-group input,
.promotion-modal .modal-body .form-group textarea,
.quote-modal .modal-body .form-group input,
.quote-modal .modal-body .form-group textarea {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    outline: none;
}

.promotion-modal .modal-body .form-group input:focus,
.promotion-modal .modal-body .form-group textarea:focus,
.quote-modal .modal-body .form-group input:focus,
.quote-modal .modal-body .form-group textarea:focus {
    border-color: var(--primary-color);
}

.promotion-modal .modal-body .form-group textarea,
.quote-modal .modal-body .form-group textarea {
    height: 10rem;
}

.promotion-modal .modal-body .form-group label,
.quote-modal .modal-body .form-group label {
    font-size: 1.5rem;
    margin-bottom: 4px;
    display: inline-block;
}

.quote-modal .btn-close {
    z-index: 999;
    right: 0;
    top: -25px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9999 1L1 17M1.00005 1L17 17' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    opacity: 1;
}

.quote-modal .btn-close:active {
    box-shadow: unset;
}

.quote-modal form button {
    padding: 0.7rem;
    width: 18rem;
}

.quote-modal form .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Components
--------------------------------------------- */


/* Button
--------------------------------------------- */


/** BUTTON **/

.button {
    display: inline-block;
    position: relative;
}

.button--center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.button--gradient,
body.woocommerce .button--gradient {
    background-image: linear-gradient(to right, #25A049 0%, #CBBB31 51%, #25A049 100%) !important;
    background-size: 200% auto;
    border-radius: 32px;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 29.8rem;
    padding: 1.4rem 0;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .button--gradient {
        width: auto;
        padding: 0.7rem 5rem;
        font-size: 1.6rem;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) {
    .button--gradient {
        font-size: 1.4rem !important
    }
}

.button--gradient:hover {
    color: #fff;
}

@media (hover) {
    .button--gradient:hover {
        background-position: right center;
    }
}

.button--gradient:after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99998 14.4001C9.69736 14.4001 11.3252 13.7258 12.5255 12.5256C13.7257 11.3253 14.4 9.69748 14.4 8.0001C14.4 6.30271 13.7257 4.67485 12.5255 3.47461C11.3252 2.27438 9.69736 1.6001 7.99998 1.6001C6.30259 1.6001 4.67472 2.27438 3.47449 3.47461C2.27426 4.67485 1.59998 6.30271 1.59998 8.0001C1.59998 9.69748 2.27426 11.3253 3.47449 12.5256C4.67472 13.7258 6.30259 14.4001 7.99998 14.4001V14.4001ZM10.9656 7.4345L8.56557 5.0345C8.41469 4.88877 8.21261 4.80814 8.00285 4.80996C7.7931 4.81178 7.59245 4.89592 7.44412 5.04424C7.29579 5.19257 7.21166 5.39322 7.20984 5.60298C7.20801 5.81273 7.28865 6.01482 7.43438 6.1657L8.46878 7.2001H5.59998C5.3878 7.2001 5.18432 7.28438 5.03429 7.43441C4.88426 7.58444 4.79998 7.78792 4.79998 8.0001C4.79998 8.21227 4.88426 8.41575 5.03429 8.56578C5.18432 8.71581 5.3878 8.8001 5.59998 8.8001H8.46878L7.43438 9.8345C7.35797 9.90829 7.29702 9.99657 7.25509 10.0942C7.21317 10.1918 7.1911 10.2968 7.19017 10.403C7.18925 10.5092 7.20949 10.6145 7.24972 10.7129C7.28994 10.8112 7.34935 10.9005 7.42446 10.9756C7.49957 11.0507 7.58889 11.1101 7.68721 11.1504C7.78553 11.1906 7.89087 11.2108 7.9971 11.2099C8.10332 11.209 8.2083 11.1869 8.3059 11.145C8.4035 11.1031 8.49178 11.0421 8.56557 10.9657L10.9656 8.5657C11.1156 8.41567 11.1998 8.21223 11.1998 8.0001C11.1998 7.78797 11.1156 7.58452 10.9656 7.4345V7.4345Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    right: 3rem;
}

@media screen and (max-width: 1023px) {
    .button--gradient:after {
        right: 1rem;
    }
}

.view-more-button,
body.woocommerce .view-more-button {
    width: 21rem;
    padding: 0.7rem 1.5rem;
    font-weight: 500;
    font-size: 16px;
}

body.woocommerce .view-more-button {
    padding: 1.2rem 1.5rem;
}


/* Breadcrumb
--------------------------------------------- */


/** Breadcrumb **/

#breadcrumbs {
    font-family: Roboto;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1.35rem 0;
}

#breadcrumbs a {
    color: var(--blue);
}

#breadcrumbs a:hover {
    color: var(--primary-color);
}

#breadcrumbs .breadcrumb_last {
    color: var(--primary-color);
}

#breadcrumbs span span span:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: currentColor;
    display: inline-block;
    transform: translateY(-2px);
    margin: 0 5px;
}

.breadcrumb-separate {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: inline-block;
    transform: translateY(-2px);
    margin: 0 5px;
}


/* Menu mobile
--------------------------------------------- */


/* Pagination
--------------------------------------------- */


/** Pagination **/

.hazo-pagination {
    padding: 40px 0;
}

.hazo-pagination ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style: none;
}

.hazo-pagination ul li {
    margin: 0 3px;
    font-weight: 500;
    font-size: 1.8rem;
    border: 2px solid #e3e7ea;
    border-radius: 4px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hazo-pagination ul li:hover {
    border-color: var(--primary-color);
}

.hazo-pagination ul li a {
    color: #687188;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.hazo-pagination ul li a:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.hazo-pagination ul li svg {
    height: 15px;
}

.hazo-pagination ul li svg path {
    fill: #cdcecd;
}

.hazo-pagination ul li:hover svg path {
    fill: #fff;
}

.hazo-pagination ul .active {
    border: 2px solid var(--primary-color);
}

.hazo-pagination ul .active a {
    color: #fff;
    background-color: var(--primary-color);
}


/* Header
--------------------------------------------- */


/** HEADER **/

.header {
    z-index: 5555;
    box-shadow: 0 3px 5px 0 #0000000f;
}

.header ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.header__logo {
    width: 160px;
}

@media screen and (min-width: 1200px) {
    .header__logo {
        top: 0;
        left: 0;
        border-top: 4px solid #CBBB31;
        height: 108px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px -23px 20px 0px #00000069;
    }
    .header__logo-main {
        height: 62px;
        width: 90%;
        object-fit: contain;
    }
}

.header__top {
    font-size: 1.4rem;
}

.header__top-inner {
    flex: 1;
    padding: 0.65rem 0 0.65rem 4.1rem;
}

.header__top-info {
    color: #fff;
}

.header__top-info li:not(:last-child) {
    margin-right: 4.5rem;
}

.header__top-info li svg {
    margin-right: 0.8rem;
    flex: 0 0 auto;
}

.header__top-info li a {
    color: #fff;
    font-weight: 700;
}

.header__top-info li a:hover {
    color: var(--secondary-color);
}

@media screen and (max-width:1023px) {
    .header__top-inner {
        padding-left: 0;
        justify-content: space-between;
    }
    .header__top-info {
        width: 100%;
        justify-content: space-between;
    }
}

@media screen and (max-width:767px) {
    .header {
        position: static!important;
    }
    .header__top-inner {
        padding: 8px 0;
    }
    .header__top-info li svg {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.5rem;
    }
    .header__top-info li a {
        font-size: 1.2rem;
        font-weight: 500;
    }
}

@media screen and (max-width:374px) {
    .header__top-inner {
        padding: 3px 0;
    }
    .header__top-info li a {
        font-size: 1rem;
    }
}

.header__bottom {
    box-shadow: 0 3px 5px 0 #0000000f;
}

@media screen and (min-width: 1200px) {
    .header__bottom {
        padding: 2.4rem;
    }
}

.header__social li {
    margin-right: 2rem;
}

.header__social li a svg,
.header__social li a img {
    width: 2.4rem;
    height: 2.4rem;
}

@media screen and (max-width: 1199px) {
    .header__bottom {
        padding: 1rem 0;
    }
    .header__search {
        width: 90%;
    }
}

.header__search-mobile-form {
    right: 0;
    top: calc(100% + 1rem);
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 #0000000f;
    padding: 0.5rem 1rem;
    border: 1px solid #0000000f;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 30rem;
    max-width: 90vw;
    z-index: 1999;
}

.header__search-mobile-form.active {
    opacity: 1;
    visibility: visible;
}

.header__search-mobile-form input {
    border: none;
    outline: none;
}

.header__search-mobile-form button {
    width: 3rem;
    height: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}

.header__search input {
    flex: 0 0 auto;
    border-radius: 8px;
    border: none;
    outline: none;
    padding: 0.55rem 1.6rem;
    width: 24.7rem;
}

.header__search button {
    width: 1.9rem;
    height: 1.9rem;
    background-color: transparent;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header__search button:hover svg {
    color: var(--primary-color);
}

.header__search button svg {
    width: 100%;
    height: 100%;
    color: #777981;
}

@media screen and (min-width: 1200px) {
    .header__menu li {
        font-size: 1.6rem;
        position: relative;
    }
    .header__menu li:not(:last-child) {
        margin-right: 3.2rem;
    }
    .header__menu li a {
        font-weight: 600;
        color: var(--blue);
    }
    .header__menu li.current-menu-parent>a,
    .header__menu li.current-menu-item>a,
    .header__menu li:hover>a {
        color: var(--primary-color);
    }
    .header__menu li.current-menu-parent>a svg path,
    .header__menu li.current-menu-item>a svg path,
    .header__menu li:hover>a svg path {
        fill: var(--primary-color);
    }
    .header__menu li.menu-item-has-children>a {
        display: inline-flex;
        align-items: center;
    }
    .header__menu li.menu-item-has-children>a:after {
        margin-left: 0.5rem;
        content: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 0.75H1.25L5.75 5.25L10.25 0.75Z' fill='%23A1A4B1' stroke='%23A1A4B1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        display: inline-block;
        margin-top: -5px;
    }
    .header__menu li.menu-item-has-children.current-menu-parent>a:after,
    .header__menu li.menu-item-has-children.current-menu-item>a:after,
    .header__menu li.menu-item-has-children:hover>a:after {
        content: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 0.75H1.25L5.75 5.25L10.25 0.75Z' fill='%2325a049' stroke='%2325a049' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }
    .header__menu li ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: max-content;
        width: 200px;
        background-color: #fff;
        box-shadow: 0 0 5px 0 #0000000f;
        border-radius: 8px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        z-index: 999;
        border: 1px solid #0000000f;
    }
    .header__menu li ul li {
        margin-right: 0!important;
    }
    .header__menu li ul li:not(:last-child) {
        border-bottom: 1px solid #ededed;
    }
    .header__menu li ul li a {
        display: block;
        padding: 1rem 1.5rem;
    }
    .header__menu li:hover>ul {
        opacity: 1;
        visibility: visible;
    }
}

.header__menu-home-icon {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.logo-width {
    width: 16rem;
}


/** Menu Mobile **/

@media screen and (max-width: 1199px) {
    .header__logo {
        position: relative !important;
        width: 130px;
    }
    .header.menu-mobile-open .header__bottom,
    .header.menu-mobile-open {
        background-color: transparent !important;
    }
    .header.menu-mobile-open .header__top {
        opacity: 1;
        visibility: hidden;
    }
    .header.menu-mobile-open .header__logo,
    .header.menu-mobile-open .header__search-mobile {
        opacity: 0;
    }
    .header__menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        height: 100%;
        max-width: 320px;
        background-color: #f3f3f3;
        z-index: 5555;
        transform: translateX(-100%);
        transition: 0.5s;
        overflow-y: scroll;
        padding-bottom: 50px;
        display: none;
        padding-top: 40px;
    }
    .header__menu ul {
        list-style: none;
        flex-direction: column;
    }
    .header__menu ul li {
        position: relative;
        border-bottom: 1px solid #dfe3e8;
    }
    .header__menu ul li a {
        color: #333;
        font-size: 1.6rem;
        display: block;
        padding: 10px 20px;
        font-weight: 600;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    .header__menu ul li .li-plus {
        position: absolute;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        display: block;
        top: 0;
        right: 0;
        color: #333;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }
    .header__menu ul li .li-plus:before,
    .header__menu ul li .li-plus:after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-90deg);
        background-color: #333;
        transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -moz-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
        -o-transform: translate(-50%, -50%) rotate(-90deg);
    }
    .header__menu ul li .li-plus:before {
        width: 11px;
        height: 2px;
    }
    .header__menu ul li .li-plus:after {
        width: 2px;
        height: 11px;
    }
    .header__menu ul li .clicked {
        transform: rotate(180deg);
    }
    .header__menu ul li .clicked.li-plus:before {
        display: none;
    }
    .header__menu ul li>ul {
        margin-top: 0;
        display: none;
    }
    .header__menu ul li>ul li {
        border: none;
        margin-bottom: 5px;
    }
    .header__menu ul li>ul li a {
        padding: 5px 5px 5px 30px;
    }
    .header__menu ul .current-menu-item>a {
        color: var(--primary-color);
        font-weight: 600;
    }
    .header__menu ul .current-menu-parent ul {
        display: block;
    }
    .header__menu .menu-mobile-close {
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        top: 0;
        right: 10px;
    }
    .header__menu .menu-mobile-close svg path {
        stroke: #333;
    }
    .header__menu.active {
        transform: translate(0);
        display: block;
    }
}

body.menu-mobile-open {
    position: relative;
}

body.menu-mobile-open:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    z-index: 999;
}

.overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5554;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.overlay.overlay-active {
    opacity: 1;
    visibility: visible;
}


/* Home
--------------------------------------------- */


/** HOME BANNER **/

@media screen and (min-width: 1600px) {
    .home-banner {
        max-height: 75rem;
    }
}

@media screen and (max-width:767px) {
    .home-banner {
        max-height: 42.5rem;
    }
}

.home-banner .flickity-page-dots {
    bottom: 32px;
}

.home-banner .flickity-page-dots .dot {
    width: 1.6rem;
    height: 1.6rem;
    background-color: #D3D4D8;
    opacity: 0.5;
}

.home-banner .flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color);
    opacity: 1;
}


/** HOME CATEGORY PRODUCT **/

.home-category {
    padding: 5rem 0 1.5rem 0;
}

@media screen and (max-width: 767px) {
    .home-banner .flickity-page-dots {
        bottom: 10px;
    }
    .home-banner .flickity-page-dots .dot {
        width: 1rem;
        height: 1rem;
    }
    .home-category {
        padding: 3rem 0rem 0 0;
    }
    .home-category-tab__nav {
        --gutter: 1.5rem;
    }
}

@media screen and (max-width:424px) {
    .home-category-tab__nav {
        --gutter: 1rem;
    }
}

.home-category-tab__nav li a {
    color: var(--blue);
}

.home-category-tab__nav li a:hover {
    color: var(--primary-color);
}

.home-category-tab__nav li .home-category__nav-item {
    padding: 2.3rem 0.6rem 2.1rem 0.6rem;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 8px 8px 0 0;
}

.home-category-tab__nav li:hover .home-category__nav-item,
.home-category-tab__nav li.active .home-category__nav-item {
    background-color: #F0F1F3;
}

.home-category-tab__nav li.active .home-category__nav-item .item__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.home-category-tab__nav .flickity-button {
    top: 33%;
}

@media screen and (max-width: 1199px) {
    .home-category-tab__nav .flickity-button {
        display: none;
    }
}

.home-category-tab__nav .flickity-button.previous {
    left: -8%;
}

.home-category-tab__nav .flickity-button.next {
    right: -8%;
}

@media screen and (max-width: 1365px) {
    .home-category-tab__nav .flickity-button.previous {
        left: -4%;
    }
    .home-category-tab__nav .flickity-button.next {
        right: -4%;
    }
}

.home-category__nav-item .img-block {
    --width: 81.5%;
    width: var(--width);
    padding-bottom: var(--width);
    margin-bottom: 1.6rem;
}

.home-category__nav-item .item__title {
    line-height: 1.33;
    margin-bottom: 0.8rem;
}

.home-category__nav-item .item__desc {
    margin-bottom: 1.2rem;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-category__nav-item .item__arrow {
    height: 2.4rem;
    width: 2.4rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

@media screen and (max-width: 767px) {
    .home-category__nav-item .item__desc {
        margin-bottom: 0.6rem;
    }
    .home-category__nav-item .item__arrow {
        height: 1.2rem;
        width: 1.2rem;
    }
    .home-category__nav-item .item__arrow svg {
        height: 12px;
        width: 12px;
    }
    .home-category-tab__nav li .home-category__nav-item {
        padding: 1.3rem 0.4rem;
    }
    .home-category-tab__nav li {
        width: 44.5%;
    }
    .home-category__nav-item .img-block {
        --width: 81%;
        margin-bottom: 0.8rem;
    }
}

.home-category-tab__content-carousel .flickity-button.previous {
    left: -6%;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='44' viewBox='0 0 25 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7013 40.8509C24.7016 40.0949 24.4016 39.3698 23.8672 38.835L6.8812 21.8509L23.8672 4.86681C24.9805 3.75346 24.9805 1.94836 23.8672 0.835013C22.7538 -0.278338 20.9487 -0.278338 19.8354 0.835013L0.835396 19.835C0.300522 20.3695 5.72205e-06 21.0947 5.72205e-06 21.8509C5.72205e-06 22.6071 0.300522 23.3323 0.835396 23.8668L19.8354 42.8668C20.6505 43.6825 21.8768 43.9265 22.9421 43.4852C24.0074 43.0438 24.7018 42.004 24.7013 40.8509Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
    .home-category-tab__content-carousel .flickity-button {
        /* display: none; */
    }
}

.home-category-tab__content-carousel .flickity-button.next {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='44' viewBox='0 0 26 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.601499 40.8509C0.601156 40.0949 0.901199 39.3698 1.4356 38.835L18.4216 21.8509L1.4356 4.86681C0.322248 3.75346 0.322248 1.94836 1.4356 0.835013C2.54895 -0.278338 4.35405 -0.278338 5.4674 0.835013L24.4674 19.835C25.0023 20.3695 25.3028 21.0947 25.3028 21.8509C25.3028 22.6071 25.0023 23.3323 24.4674 23.8668L5.4674 42.8668C4.65228 43.6825 3.42599 43.9265 2.36068 43.4852C1.29536 43.0438 0.600976 42.004 0.601499 40.8509Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A");
    right: -6%;
}

@media screen and (max-width: 1199px) {
    .home-category-tab__content-carousel .flickity-button.previous {
        left: -3%;
    }
    .home-category-tab__content-carousel .flickity-button.next {
        right: -3%;
    }
}

@media screen and (max-width: 767px) {
    .home-category__nav-item .item__title {
        font-size: 1.3rem;
        margin-bottom: 0.5rem;
    }
    .home-category__nav-item .item__desc {
        font-size: 1rem;
    }
    .home-category-tab__content-carousel .flickity-button {
        top: calc(100% + 1rem);
        width: 3rem;
        height: 3rem;
    }
    .home-category-tab__content-carousel .flickity-button.previous {
        left: calc(50% - 4rem);
    }
    .home-category-tab__content-carousel .flickity-button.next {
        right: calc(50% - 4rem);
    }
}

.home-category-product-item {
    color: var(--blue);
    --wh: 7rem;
}

.home-category-product-item:not(:last-child) {
    margin-bottom: 2.7rem;
}

.home-category-product-item:hover {
    color: var(--primary-color);
}

.home-category-product-item .item__image {
    width: var(--wh);
    height: var(--wh);
    border-radius: 4px;
    flex: 0 0 auto;
}

.home-category-product-item .item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-category-product-item .item__title {
    width: calc(100% - var(--wh) - 2rem);
    flex: 0 0 auto;
    line-height: 1.7;
    padding-top: 7px;
}

.home-category-product-item .item__title span {
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width:767px) {
    .home-category-product-item {
        --wh: 4.3rem;
    }
    .home-category-product-item .item__title {
        font-size: 1.2rem;
    }
    .home-category-product-item:not(:last-child) {
        padding-bottom: 0.8rem;
    }
    .home-category-product-item:not(:last-child) {
        border-bottom: 1px solid #D3D4D8;
        margin-bottom: 0.8rem;
    }
}

.home-category-product-item:not(:last-child) .item__title span {
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 1024px) {
    .home-category-product-item:not(:last-child) .item__title {
        border-bottom: 1px solid #D3D4D8;
    }
}


/** HOME ABOUT **/

.home-about {
    padding: 3rem 0 5rem 0;
}

@media screen and (max-width: 767px) {
    .home-about {
        padding: 3rem 0rem 2.4rem 0;
        font-size: 1.2rem;
    }
    .home-about .section-title {
        margin-bottom: 2.4rem;
    }
    .home-about__content {
        /* font-size: 1.2rem; */
    }
}

.home-about .operations__list li {
    margin-bottom: 1.2rem;
}

.home-about .operations__list li:before {
    content: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.83438 8.76553C0.684403 8.6155 0.60015 8.41206 0.60015 8.19993C0.60015 7.9878 0.684403 7.78435 0.83438 7.63433L3.46878 4.99993L0.834379 2.36553C0.757971 2.29173 0.697025 2.20345 0.655098 2.10585C0.613171 2.00825 0.591102 1.90327 0.590179 1.79705C0.589256 1.69082 0.609497 1.58548 0.649722 1.48716C0.689946 1.38885 0.749349 1.29953 0.824463 1.22441C0.899577 1.1493 0.988899 1.08989 1.08722 1.04967C1.18553 1.00944 1.29088 0.989203 1.3971 0.990126C1.50332 0.991049 1.6083 1.01312 1.7059 1.05505C1.80351 1.09697 1.89178 1.15792 1.96558 1.23433L5.16558 4.43433C5.31556 4.58435 5.39981 4.7878 5.39981 4.99993C5.39981 5.21206 5.31556 5.4155 5.16558 5.56553L1.96558 8.76553C1.81556 8.9155 1.61211 8.99976 1.39998 8.99976C1.18785 8.99976 0.984402 8.9155 0.83438 8.76553V8.76553Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A");
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #F0F1F3;
    border-radius: 4px;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1.2rem;
    flex: 0 0 auto;
}

.home-about__image img {
    border-radius: 4px;
}


/** HOME STATISTIC **/

.home-statistic {
    padding: 4.5rem 0;
}

.home-statistic .container {
    z-index: 99;
}

.home-statistic:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    pointer-events: none;
}

.home-statistic .home-statistic__bg {
    filter: blur(10px);
    top: 0;
    left: 0;
    object-fit: cover;
}

.home-statistic-item {
    line-height: 1.3;
}

.home-statistic-item__icon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .home-statistic {
        padding: 3rem 0;
    }
    .home-statistic-item__icon {
        margin-bottom: 0.8rem;
    }
}

.home-statistic-item__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-statistic-item__content strong {
    font-size: 3.6rem;
    margin-bottom: 0.4rem;
}

@media screen and (max-width: 1023px) {
    .home-statistic-item {
        text-align: center;
    }
    .home-statistic-item__icon {
        margin-left: auto;
        margin-right: auto;
    }
    .home-statistic-item__content {
        font-size: 1.4rem;
    }
    .home-statistic-item__content strong {
        font-size: 2rem;
    }
}

@media screen and (max-width:767px) {
    .home-statistic-item__content {
        font-size: 1.2rem;
    }
}


/** HOME FEATURED PRODUCT **/

.home-featured-product {
    padding: 7.2rem 0 5.4rem 0;
}

.home-featured-product .product-item {
    border: none;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

.home-featured-product .product-item .item__image {
    padding-bottom: 82%;
}

@media screen and (max-width: 767px) {
    .home-featured-product .flickity-button {
        top: calc(100% + 1rem);
    }
}

.home-featured-product .flickity-button.previous {
    left: -6%;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='44' viewBox='0 0 25 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7013 40.8509C24.7016 40.0949 24.4016 39.3698 23.8672 38.835L6.8812 21.8509L23.8672 4.86681C24.9805 3.75346 24.9805 1.94836 23.8672 0.835013C22.7538 -0.278338 20.9487 -0.278338 19.8354 0.835013L0.835396 19.835C0.300522 20.3695 5.72205e-06 21.0947 5.72205e-06 21.8509C5.72205e-06 22.6071 0.300522 23.3323 0.835396 23.8668L19.8354 42.8668C20.6505 43.6825 21.8768 43.9265 22.9421 43.4852C24.0074 43.0438 24.7018 42.004 24.7013 40.8509Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1199px) {
    .home-featured-product .flickity-button.previous {
        left: -3%;
    }
}

@media screen and (max-width: 767px) {
    .home-featured-product .flickity-button.previous {
        left: calc(50% - 4rem);
    }
}

.home-featured-product .flickity-button.next {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='44' viewBox='0 0 26 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.601499 40.8509C0.601156 40.0949 0.901199 39.3698 1.4356 38.835L18.4216 21.8509L1.4356 4.86681C0.322248 3.75346 0.322248 1.94836 1.4356 0.835013C2.54895 -0.278338 4.35405 -0.278338 5.4674 0.835013L24.4674 19.835C25.0023 20.3695 25.3028 21.0947 25.3028 21.8509C25.3028 22.6071 25.0023 23.3323 24.4674 23.8668L5.4674 42.8668C4.65228 43.6825 3.42599 43.9265 2.36068 43.4852C1.29536 43.0438 0.600976 42.004 0.601499 40.8509Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A");
    right: -6%;
}

@media screen and (max-width: 1199px) {
    .home-featured-product .flickity-button.next {
        right: -3%;
    }
}

@media screen and (max-width: 767px) {
    .home-featured-product .flickity-button.next {
        right: calc(50% - 4rem);
    }
}

@media screen and (max-width: 767px) {
    .home-featured-product {
        padding: 4rem 0 5rem 0;
    }
}


/** HOME PROJECT **/

.home-project {
    padding: 8.3rem 0;
}

@media screen and (max-width: 1023px) {
    .home-project {
        padding: 5rem 0;
    }
}


/** HOME PARTNER **/

.home-partner {
    padding: 5.5rem 0;
}

.home-partner-item {
    width: 80%;
    padding-bottom: 80%;
}

.home-partner__carousel .carousel-cell:after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: block;
    right: 0;
    top: 0;
    position: absolute;
}

@media screen and (max-width:767px) {
    .home-partner__carousel .carousel-cell.is-next:after {
        /* opacity: 0; */
    }
}

.home-partner__carousel .carousel-cell .img-block img {
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home-partner__carousel .flickity-button.previous {
    left: -6%;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='44' viewBox='0 0 25 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7013 40.8509C24.7016 40.0949 24.4016 39.3698 23.8672 38.835L6.8812 21.8509L23.8672 4.86681C24.9805 3.75346 24.9805 1.94836 23.8672 0.835013C22.7538 -0.278338 20.9487 -0.278338 19.8354 0.835013L0.835396 19.835C0.300522 20.3695 5.72205e-06 21.0947 5.72205e-06 21.8509C5.72205e-06 22.6071 0.300522 23.3323 0.835396 23.8668L19.8354 42.8668C20.6505 43.6825 21.8768 43.9265 22.9421 43.4852C24.0074 43.0438 24.7018 42.004 24.7013 40.8509Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1199px) {
    .home-partner__carousel .flickity-button.previous {
        left: -3%;
    }
}

@media screen and (max-width: 767px) {
    .home-partner__carousel .flickity-button.previous {
        left: calc(50% - 3rem);
    }
}

.home-partner__carousel .flickity-button.next {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='44' viewBox='0 0 26 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.601499 40.8509C0.601156 40.0949 0.901199 39.3698 1.4356 38.835L18.4216 21.8509L1.4356 4.86681C0.322248 3.75346 0.322248 1.94836 1.4356 0.835013C2.54895 -0.278338 4.35405 -0.278338 5.4674 0.835013L24.4674 19.835C25.0023 20.3695 25.3028 21.0947 25.3028 21.8509C25.3028 22.6071 25.0023 23.3323 24.4674 23.8668L5.4674 42.8668C4.65228 43.6825 3.42599 43.9265 2.36068 43.4852C1.29536 43.0438 0.600976 42.004 0.601499 40.8509Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A");
    right: -6%;
}

@media screen and (max-width: 1199px) {
    .home-partner__carousel .flickity-button.next {
        right: -3%;
    }
}

@media screen and (max-width: 767px) {
    .home-partner__carousel .flickity-button.next {
        right: calc(50% - 3rem);
    }
}

@media screen and (max-width: 1199px) {
    .home-partner__carousel .flickity-button.previous {
        left: -3%;
    }
    .home-partner__carousel .flickity-button.next {
        right: -3%;
    }
}

@media screen and (max-width: 767px) {
    .home-partner {
        padding: 4.5rem 0 6rem 0;
    }
    .home-partner__carousel .flickity-button {
        width: 3rem;
        height: 3rem;
        top: calc(100% + 2.5rem);
    }
    .home-partner__carousel .flickity-button.previous {
        left: calc(50% - 3rem);
    }
    .home-partner__carousel .flickity-button.next {
        right: calc(50% - 3rem);
    }
}


/** HOME NEWS **/

.home-news {
    padding: 7.5rem 0 5.5rem 0;
}

.home-news-list {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 8px 3rem;
}

.home-news-wrapper:nth-child(1) {
    grid-column: 1/8;
    grid-row: 1/3;
}

.home-news-wrapper:nth-child(1n+2) {
    grid-column: 8/13;
}

.home-news-wrapper:last-child {
    margin-bottom: 0!important;
}

@media screen and (min-width: 768px) {
    .home-news-wrapper:nth-child(1) .news-block-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
    }
}

.home-news-wrapper:nth-child(1) .news-block-inner .news-item:nth-child(1) {
    grid-column: 1/2;
}

.home-news-wrapper:nth-child(1) .news-block-inner .news-item:nth-child(2) {
    grid-column: 2/3;
}

.home-news-wrapper:nth-child(1n+2) .news-item {
    display: flex;
    margin-bottom: 1rem;
}

.home-news-wrapper:nth-child(1n+2) .news-item .news-item__image {
    padding-bottom: 0;
    width: 10.8rem;
    height: 8.1rem;
    flex: 0 0 auto;
    margin-bottom: 0;
}

.home-news-wrapper:nth-child(1n+2) .news-item .news-item__content {
    width: calc(100% - 12.3rem);
    margin-left: 1.5rem;
    flex: 0 0 auto;
}

.home-news-wrapper:nth-child(1n+2) .news-item .news-item__title {
    font-size: 1.6rem;
    line-height: calc(20 / 12);
    font-weight: 600;
}

.home-news-wrapper:nth-child(1n+2) .news-item:not(:last-child) .news-item__content {
    border-bottom: 1px solid #D3D4D8;
}

.home-news-wrapper:nth-child(1n+2) .news-item .news-item__time {
    margin-bottom: 1.5rem;
}

.home-news-wrapper:nth-child(1n+2) .news-item__desc,
.home-news-wrapper:nth-child(1n+2) .news-item__link {
    display: none!important;
}

@media screen and (max-width:1023px) {
    .home-news {
        padding: 4.5rem 0;
    }
    .home-news-list {
        grid-gap: 8px 2rem;
    }
    .home-news-wrapper:nth-child(1n+2) .news-item .news-item__image {
        width: 9.1rem;
        height: 6.8rem;
    }
    .home-news-wrapper:nth-child(1n+2) .news-item .news-item__content {
        width: calc(100% - 11.3rem);
        margin-left: 1.3rem;
    }
    .home-news-wrapper:nth-child(1n+2) .news-item .news-item__title {
        margin-bottom: 0.6rem!important;
    }
    .home-news-wrapper:nth-child(1n+2) .news-item .news-item__time {
        margin-bottom: 1rem;
    }
    .home-news-wrapper:nth-child(1n+2) .news-item .news-item__title,
    .home-news-wrapper:nth-child(1n+2) .news-item .news-item__time {
        font-size: 1.2rem;
    }
}

@media screen and (max-width:767px) {
    /* .home-news-wrapper:nth-child(1) .news-block-inner .news-item:nth-child(1) .news-item__image {
        width: 100%;
        height: auto;
        padding-bottom: 75%;
    }
    .home-news-wrapper:nth-child(1) .news-block-inner .news-item:nth-child(1) .news-item__title {
        font-size: 1.8rem!important;
        --lh: 2.4rem;
    }
    .home-news-wrapper:nth-child(1) .news-block-inner .news-item:nth-child(1) .news-item__desc {
        display: block!important;
        font-size: 1.2rem;
    } */
    /* .home-news-wrapper:nth-child(1) .news-block-inner .news-item {
        margin-top: 1.5rem;
    } */
    .home-news-wrapper:nth-child(1) .news-block-inner .news-item .news-item__image {
        width: 9.1rem;
        height: 6.8rem;
        margin-bottom: 0;
    }
    .home-news-wrapper:nth-child(1) .news-block-inner .news-item .news-item__content {
        width: calc(100% - 11.3rem);
        margin-left: 1.3rem;
    }
    .home-news-wrapper:nth-child(1) .news-block-inner .news-item:nth-child(1) .news-item__content {
        border-bottom: 1px solid #D3D4D8;
    }
    .home-news-wrapper:nth-child(1) .news-block-inner .news-item .news-item__title,
    .home-news-wrapper:nth-child(1) .news-block-inner .news-item .news-item__time {
        font-size: 1.2rem;
    }
}

.home-news-list .news-item__link {
    display: inline-block!important;
}


/** HOME GALLERY **/

.home-gallery {
    background: #F5F5F5;
    padding: 6.5rem 0;
}

@media screen and (max-width:767px) {
    .home-gallery__title:after {
        content: '';
        width: 25.2rem;
        height: 2rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='252' height='20' viewBox='0 0 252 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='14.5' x2='78' y2='14.5' stroke='%2339B54A'/%3E%3Cline x1='174' y1='14.5' x2='252' y2='14.5' stroke='%2339B54A'/%3E%3Cpath d='M105.239 6.34154C105.479 5.60474 106.522 5.60474 106.761 6.34154L107.617 8.97514C107.669 9.13553 107.771 9.27528 107.907 9.37442C108.044 9.47356 108.208 9.52702 108.377 9.52714H111.146C111.922 9.52714 112.243 10.5191 111.617 10.9751L109.377 12.6023C109.24 12.7016 109.138 12.8415 109.086 13.0022C109.034 13.1629 109.033 13.336 109.086 13.4967L109.942 16.1303C110.182 16.8671 109.338 17.4807 108.71 17.0247L106.47 15.3975C106.333 15.2983 106.168 15.2449 106 15.2449C105.831 15.2449 105.666 15.2983 105.53 15.3975L103.29 17.0247C102.662 17.4807 101.819 16.8671 102.058 16.1303L102.914 13.4967C102.966 13.336 102.966 13.1629 102.914 13.0022C102.862 12.8415 102.76 12.7016 102.623 12.6023L100.384 10.9759C99.7576 10.5199 100.08 9.52794 100.854 9.52794H103.623C103.792 9.52799 103.957 9.47461 104.093 9.37546C104.23 9.27631 104.332 9.13646 104.384 8.97594L105.24 6.34234L105.239 6.34154Z' fill='%2339B54A'/%3E%3Cpath d='M125.049 2.92696C125.349 2.00596 126.652 2.00596 126.951 2.92696L128.021 6.21896C128.086 6.41944 128.213 6.59414 128.384 6.71806C128.555 6.84199 128.76 6.9088 128.971 6.90896H132.433C133.402 6.90896 133.804 8.14896 133.021 8.71896L130.221 10.753C130.05 10.877 129.923 11.052 129.857 11.2528C129.792 11.4537 129.792 11.67 129.857 11.871L130.927 15.163C131.227 16.084 130.172 16.851 129.387 16.281L126.587 14.247C126.416 14.123 126.211 14.0562 125.999 14.0562C125.788 14.0562 125.583 14.123 125.412 14.247L122.612 16.281C121.828 16.851 120.774 16.084 121.073 15.163L122.143 11.871C122.208 11.67 122.208 11.4537 122.143 11.2528C122.077 11.052 121.95 10.877 121.779 10.753L118.98 8.71996C118.197 8.14996 118.6 6.90996 119.568 6.90996H123.029C123.24 6.91001 123.446 6.84329 123.616 6.71935C123.787 6.59541 123.915 6.42061 123.98 6.21996L125.05 2.92796L125.049 2.92696Z' fill='%2339B54A'/%3E%3Cpath d='M145.239 6.34154C145.479 5.60474 146.522 5.60474 146.761 6.34154L147.617 8.97514C147.669 9.13553 147.771 9.27528 147.907 9.37442C148.044 9.47356 148.208 9.52702 148.377 9.52714H151.146C151.922 9.52714 152.243 10.5191 151.617 10.9751L149.377 12.6023C149.24 12.7016 149.138 12.8415 149.086 13.0022C149.034 13.1629 149.033 13.336 149.086 13.4967L149.942 16.1303C150.182 16.8671 149.338 17.4807 148.71 17.0247L146.47 15.3975C146.333 15.2983 146.168 15.2449 146 15.2449C145.831 15.2449 145.666 15.2983 145.53 15.3975L143.29 17.0247C142.662 17.4807 141.819 16.8671 142.058 16.1303L142.914 13.4967C142.966 13.336 142.966 13.1629 142.914 13.0022C142.862 12.8415 142.76 12.7016 142.623 12.6023L140.384 10.9759C139.758 10.5199 140.08 9.52794 140.854 9.52794H143.623C143.792 9.52799 143.957 9.47461 144.093 9.37546C144.23 9.27631 144.332 9.13646 144.384 8.97594L145.24 6.34234L145.239 6.34154Z' fill='%2339B54A'/%3E%3C/svg%3E%0A");
        display: block;
        margin: 0.8rem auto 0 auto;
    }
}

@media screen and (max-width: 1023px) {
    .home-gallery {
        padding: 4.5rem 0;
    }
}

@media screen and (max-width: 767px) {
    .home-gallery {
        padding: 3.2rem 0;
    }
    .home-gallery .section-title {
        text-align: center;
    }
}

.home-gallery-tab__nav li:not(:last-child) {
    border-right: 1px solid #D3D4D8;
}

.home-gallery-tab__nav li a {
    color: var(--grey-2);
    padding: 0 1.6rem;
}

.home-gallery-tab__nav li:last-child a {
    padding-right: 0;
}

.home-gallery-tab__nav li.active a {
    font-weight: 700;
    color: var(--primary-color);
}

.home-gallery-tab__content {
    margin-top: 4rem;
}

@media screen and (max-width: 767px) {
    .home-gallery-tab__nav {
        margin-top: 2rem;
        font-size: 1.8rem;
    }
    .home-gallery-tab__content {
        margin-top: 1rem;
    }
}

.home-gallery__image {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 3rem;
}

.home-gallery__image-item {
    border-radius: 4px;
}

.home-gallery__image-item .img-block {
    padding-bottom: 75%;
}

.home-gallery__image-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
}

.home-gallery__image-item:nth-child(1) .img-block {
    height: 100%;
}

.home-gallery__image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .home-gallery__image {
        grid-gap: 0;
    }
    .home-gallery__image-item {
        width: 60%;
        flex: 0 0 auto;
        margin-right: 1.5rem;
    }
}


/** HOME REGISTER **/

.home-register {
    padding: 7rem 0;
}

@media screen and (max-width: 1023px) {
    .home-register {
        padding: 4.5rem 0;
    }
}

@media screen and (max-width: 767px) {
    .home-register {
        padding: 3rem 0;
    }
}

.home-register__form {
    margin-top: 2.3rem;
}

.home-register__form input {
    width: 100%;
    padding: 1.2rem 1.6rem;
    border-radius: 4px;
    border: 1px solid transparent;
    outline: none;
}

.home-register__form input::placeholder {
    color: #8B90A0;
}

.home-register__form-button .wcf7-spinner {
    position: absolute;
    right: 100%;
}

.home-register__form .row.g-5 {
    --bs-gutter-x: 2.4rem;
    --bs-gutter-y: 2.4rem;
}

.home-register__form-button button {
    background-image: linear-gradient(to right, #25A049 0%, #CBBB31 51%, #25A049 100%);
    border-radius: 32px;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    background-size: 200% auto;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 29.8rem;
    padding: 1.4rem 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home-register__form-button .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-register__form-button button:hover {
    background-position: right center;
}

.home-register__form-button button:after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99998 14.4001C9.69736 14.4001 11.3252 13.7258 12.5255 12.5256C13.7257 11.3253 14.4 9.69748 14.4 8.0001C14.4 6.30271 13.7257 4.67485 12.5255 3.47461C11.3252 2.27438 9.69736 1.6001 7.99998 1.6001C6.30259 1.6001 4.67472 2.27438 3.47449 3.47461C2.27426 4.67485 1.59998 6.30271 1.59998 8.0001C1.59998 9.69748 2.27426 11.3253 3.47449 12.5256C4.67472 13.7258 6.30259 14.4001 7.99998 14.4001V14.4001ZM10.9656 7.4345L8.56557 5.0345C8.41469 4.88877 8.21261 4.80814 8.00285 4.80996C7.7931 4.81178 7.59245 4.89592 7.44412 5.04424C7.29579 5.19257 7.21166 5.39322 7.20984 5.60298C7.20801 5.81273 7.28865 6.01482 7.43438 6.1657L8.46878 7.2001H5.59998C5.3878 7.2001 5.18432 7.28438 5.03429 7.43441C4.88426 7.58444 4.79998 7.78792 4.79998 8.0001C4.79998 8.21227 4.88426 8.41575 5.03429 8.56578C5.18432 8.71581 5.3878 8.8001 5.59998 8.8001H8.46878L7.43438 9.8345C7.35797 9.90829 7.29702 9.99657 7.25509 10.0942C7.21317 10.1918 7.1911 10.2968 7.19017 10.403C7.18925 10.5092 7.20949 10.6145 7.24972 10.7129C7.28994 10.8112 7.34935 10.9005 7.42446 10.9756C7.49957 11.0507 7.58889 11.1101 7.68721 11.1504C7.78553 11.1906 7.89087 11.2108 7.9971 11.2099C8.10332 11.209 8.2083 11.1869 8.3059 11.145C8.4035 11.1031 8.49178 11.0421 8.56557 10.9657L10.9656 8.5657C11.1156 8.41567 11.1998 8.21223 11.1998 8.0001C11.1998 7.78797 11.1156 7.58452 10.9656 7.4345V7.4345Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    right: 3rem;
}

@media screen and (max-width:767px) {
    .home-register__form-button {
        width: 100%;
    }
    .home-register__form-button button {
        font-size: 1.6rem;
    }
    .home-register__form input {
        border-radius: 8px;
    }
}


/* Contact */

.contact {
    padding: 30px 0 40px 0;
}

.contact__title {
    font-size: 23px;
    color: var(--primary-color);
    margin-bottom: 20px;
    font-weight: bold;
}

@media only screen and (max-width: 1023px) {
    .contact__title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .contact__info {
        margin-bottom: 30px;
    }
}

.contact__info .contact__text {
    font-size: 16px;
    color: #000;
    margin-bottom: 16px;
}

.contact__info .contact__text p {
    margin-bottom: 16px;
}

.contact__info .contact__text a {
    color: var(--bs-blue);
}

.contact__info .contact__text a:hover {
    color: var(--secondary-color);
}

.contact__form .form-group {
    margin-bottom: 15px;
}

.contact__form input,
.contact__form textarea {
    height: auto;
    padding: 7px 12px;
    font-size: 16px;
    box-shadow: none;
}

.contact__form input:focus,
.contact__form textarea:focus {
    border: 1px solid var(--primary-color);
    box-shadow: unset;
}

.contact__form button {
    padding: 9px 30px 7px 30px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 18px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.contact__form button:hover {
    background-color: var(--secondary-color);
    color: #fff;
}

.contact__map {
    margin-top: 35px;
}

.contact__map iframe {
    width: 100%;
}


/** ABOUT **/

.about {
    color: #5D5D5D;
    font-size: 1.5rem;
}

.about .home-about {
    padding-top: 8rem;
}

.about-banner {
    padding: 19rem 0 20rem 0;
}

.about-banner #breadcrumbs {
    padding-bottom: 0;
}

.about-banner__title {
    font-size: 3.2rem;
    line-height: 1.2;
}

.about-banner #breadcrumbs {
    padding-top: 0;
}

.about-banner #breadcrumbs a {
    color: #fff;
}

.about-banner #breadcrumbs a:hover {
    color: #FCC412;
}

.about-banner #breadcrumbs .breadcrumb_last {
    color: #FCC412;
}

.about-banner #breadcrumbs .breadcrumb-separate {
    background-color: #FCC412;
}

.open-letter {
    background-color: #E5E5E5;
    padding: 4rem 0 9rem 0;
}

.open-letter-inner {
    padding: 12.1rem 0 20rem 0;
    background-image: url(../images/open-letter-bg.png);
}

.open-letter-inner .ws-sgct {
    width: 59.83%;
    line-height: 1.8;
}

@media screen and (max-width: 1023px) {
    .open-letter-inner .ws-sgct {
        width: 90%;
    }
    .about-banner {
        padding: 10rem 0 8rem 0;
    }
    .open-letter {
        padding: 3rem 0;
    }
    .open-letter-inner {
        padding: 5rem 2rem;
    }
    .about .home-about {
        padding-top: 5rem;
    }
}

.about-menu ul li {
    width: 23.4rem;
}

.about-menu ul li a {
    color: #5D5D5D;
    padding: 1.8rem;
    display: block;
    font-size: 1.5rem;
    border-bottom: 1px solid transparent;
}

.about-menu ul li a:hover {
    color: var(--primary-color);
}

.about-menu ul li.active a {
    color: var(--primary-color);
    border-color: var(--primary-color);
}


/** VISION MISION **/

.vision-mission {
    padding: 6rem 0;
}

@media screen and (min-width: 1024px) {
    .vision-mission:before {
        content: '';
        width: 90.5rem;
        height: 90.5rem;
        border-radius: 50%;
        background: rgba(36, 160, 73, 0.05);
        display: block;
        position: absolute;
        top: -15%;
        left: -15%;
        pointer-events: none;
    }
}

.vision-mission-item {
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    padding: 3.2rem 2rem;
}

.vision-mission-item:not(:last-child) {
    margin-bottom: 6rem;
}

.vision-mission-item__head {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #C4C4C4;
}

.vision-mission-item__head:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: var(--primary-color);
    height: 1px;
    width: 8rem;
}

.vision-mission-item__icon {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    width: 7.7rem;
    height: 7.3rem;
}

.vision-mission-item__icon img {
    width: 62%;
    height: 62%;
}

.vision-mission-item__content {
    font-size: 1.4rem;
}

@media screen and (max-width: 1023px) {
    .vision-mission {
        padding: 4rem 0;
    }
    .vision-mission-item:not(:last-child) {
        margin-bottom: 2rem;
    }
    .vision-mission-item__icon-mb {
        width: 3rem;
        height: 3rem;
    }
}


/* @media screen and (max-width:767px) {
    .vision-mission-item__content {
        display: none;
    }
    .vision-mission-item__title {
        padding-bottom: 1rem;
        border-bottom: 1px solid #efeeee;
    }
    .vision-mission-item__title:after {
        margin-left: auto;
        content: '';
        width: 1rem;
        height: 1rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.44532 0.5L8.36719 0.5C8.84648 0.5 9.08651 1.13865 8.7476 1.51215L5.28667 5.32635C5.07658 5.55788 4.73593 5.55788 4.52584 5.32635L1.06491 1.51215C0.725978 1.13865 0.966028 0.5 1.44532 0.5Z' fill='%23333'/%3E%3C/svg%3E%0A");
    }
    .vision-mission-item__title.clicked:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
} */


/** DEPARTMENT **/

.department {
    background-image: url(../images/department-bg.png);
    background-size: 100% 100%;
    padding: 10rem 0 8rem 0;
    font-size: 1.5rem;
}

@media screen and (max-width: 1023px) {
    .department {
        background: #f8fff2;
    }
}

.department__image {
    margin-bottom: 10.7rem;
    box-shadow: 10px 8px 0px var(--primary-color);
}

.department__image img {
    width: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 1199px) {
    .department__image {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 1023px) {
    .department {
        padding: 4.5rem 0;
    }
    .department__image {
        margin-bottom: 0;
    }
}


/** STRUCTURE **/

.structure {
    padding: 6rem 0 8rem 0;
}

@media screen and (max-width: 1023px) {
    .structure {
        padding: 4.5rem 0;
    }
}

@media screen and (max-width: 1023px) {
    .structure__title {
        font-size: 1.8rem;
    }
}

.structure__title:after {
    content: '';
    width: 50rem;
    height: 2px;
    background-color: var(--primary-color);
    display: block;
    margin: 10px auto 0 auto;
}

.structure__content {
    padding-top: 4.5rem;
    font-size: 1.5rem;
}

.project-item__image {
    padding-bottom: 56.21%;
    border-radius: 4px;
    margin-bottom: 2.4rem;
}

@media screen and (max-width:1023px) {
    .project-item__image {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .structure__title:after {
        width: 50%;
    }
    .project-item__image {
        margin-bottom: 1.2rem;
    }
    .project-item__title {
        margin-bottom: 0.6rem;
        font-size: 1.4rem;
    }
}

.project-item__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.2rem;
    line-height: 1.3;
}

.project-item__title a {
    color: var(--blue);
}

.project-item__title:hover a {
    color: var(--primary-color);
}

.project-item__desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}


/** NEWS **/

.news-cat__title {
    border-bottom: 1px solid #D3D4D8;
    padding-bottom: 0.8rem;
    margin-bottom: 2.4rem;
    line-height: calc(24 / 18);
}

.news-cat__title a {
    color: currentColor;
}


/** NEWS ITEM **/

.news-item__image {
    padding-bottom: 74.4%;
    border-radius: 4px;
    margin-bottom: 1.6rem;
}

.news-item__title {
    --lh: 2.4rem;
    line-height: var(--lh);
    max-height: calc(var(--lh) * 2);
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-item__title a {
    color: var(--blue);
}

.news-item__title:hover a {
    color: var(--primary-color);
}

.news-item__desc {
    --lh: 2.4rem;
    line-height: var(--lh);
    max-height: calc(var(--lh) * 2);
    margin-bottom: 0.8rem;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-item__time {
    margin-bottom: 1.2rem;
    color: #777981;
}

.news-item__time:before {
    content: '';
    margin-right: 0.7rem;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99998 14.6668C11.6819 14.6668 14.6666 11.6821 14.6666 8.00016C14.6666 4.31826 11.6819 1.3335 7.99998 1.3335C4.31808 1.3335 1.33331 4.31826 1.33331 8.00016C1.33331 11.6821 4.31808 14.6668 7.99998 14.6668Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 4V8L10.6667 9.33333' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.news-item__link {
    color: var(--primary-color);
    display: none!important;
}

.news-item__link:hover {
    color: var(--secondary-color);
}

@media screen and (max-width: 767px) {
    .project-item__desc,
    .news-item__desc {
        font-size: 1.4rem;
    }
    .news-cat__title {
        margin-bottom: 2rem;
        font-size: 1.8rem;
    }
    .news-item__title {
        --lh: 2rem;
        font-weight: 600!important;
        margin-bottom: 0.5rem!important;
    }
    .news .news-item__title {
        font-size: 1.5rem!important;
    }
    .news-item__time:before {
        width: 1.4rem;
        height: 1.4rem;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .news-item__image {
        margin-bottom: 1rem;
    }
}

.news-item--small .news-item__image--small {
    width: 10.8rem;
    height: 8.1rem;
    border-radius: 3px;
    flex: 0 0 auto;
}

.news-item--small .news-item__image--small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-item--small .news-item__content--small {
    margin-left: 1.5rem;
    width: calc(100% - 12.3rem);
    padding-bottom: 1.1rem;
}

.news-item--small .news-item__content--small .news-item__title {
    line-height: var(--lh);
}

@media screen and (min-width: 768px) {
    .news-item--small:not(:last-child) .news-item__content--small {
        border-bottom: 1px solid #E0E0E0;
    }
}

.news-item--small .item__type {
    width: 2rem;
    height: 2rem;
}


/** NEWS PAGE **/

.news-block {
    padding: 4rem 0 2rem 0;
}

.news-block__link {
    margin-top: 4rem;
    width: 21rem;
    font-weight: 400;
    padding: 0.6rem 0;
}

.news-block__link:after {
    -webkit-transform: translateY(-43%);
    -ms-transform: translateY(-43%);
    transform: translateY(-43%);
}

.news-block-inner {
    grid-template-columns: repeat(17, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-gap: 1rem 3rem;
}

.news-block-inner .news-item:nth-child(1) {
    grid-column: 1/6;
    grid-row: 1/-1;
}

.news-block-inner .news-item:nth-child(2) {
    grid-column: 6/11;
    grid-row: 1/-1;
}

.news-block-inner .news-item:nth-child(1n+3) {
    grid-column: 11/18;
}

@media screen and (max-width:1023px) {
    .news-block {
        padding: 2rem 0;
    }
    .news-block__link {
        margin-top: 2rem;
    }
    .news-block-inner {
        grid-gap: 2rem;
    }
    .news-block-inner .news-item:nth-child(1) {
        grid-column: 1/7;
    }
    .news-block-inner .news-item:nth-child(2) {
        grid-column: 7/13;
    }
    .news-block-inner .news-item:nth-child(1n+3) {
        grid-column: 1/-1;
    }
}

@media screen and (max-width:767px) {
    .news-block-inner .news-item {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        --width: 10.8rem;
    }
    .news-block-inner .news-item:nth-child(2) {
        margin-bottom: 0;
    }
    .news-block-inner .news-item__image {
        width: var(--width);
        height: 8.1rem;
        padding-bottom: 0;
        flex: 0 0 auto;
    }
    .news-block-inner .news-item .news-item__content {
        width: calc(100% - var(--width) - 1.5rem);
        margin-left: 1.5rem;
    }
    .news-block-inner .news-item__link,
    .news-block-inner .news-item__desc {
        display: none!important;
    }
}


/** TABLE OF CONTENT **/

#ez-toc-container {
    width: 100% !important;
    border: none;
    background-color: #f3f3f3;
    padding: 10px 20px 0 20px;
}

#ez-toc-container a.ez-toc-toggle {
    opacity: 0;
    visibility: hidden;
}

div#ez-toc-container p.ez-toc-title {
    display: flex;
    align-items: center;
    color: var(--blue);
}

div#ez-toc-container p.ez-toc-title:before {
    content: url("data:image/svg+xml,%3Csvg width='34' height='25' viewBox='0 0 34 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.22 1.50598H8.13599V6.60598H33.22V1.50598Z' fill='%23030104'/%3E%3Cpath d='M33.22 9.72198H8.13599V14.82H33.22V9.72198Z' fill='%23030104'/%3E%3Cpath d='M33.22 18.506H8.13599V23.604H33.22V18.506Z' fill='%23030104'/%3E%3Cpath d='M1.519 2.11899H1.539V7.36899H3.038V0.73999H1.765L0 1.55799L0.255 2.71999L1.519 2.11899Z' fill='%23030104'/%3E%3Cpath d='M4.61 14.328H2.15V14.307L2.75 13.807C3.699 12.969 4.48 12.1 4.48 11.008C4.48 9.82599 3.68 8.96899 2.201 8.96899C1.329 8.96899 0.561 9.26799 0.08 9.63699L0.511 10.719C0.85 10.469 1.342 10.188 1.9 10.188C2.651 10.188 2.961 10.61 2.961 11.137C2.951 11.899 2.261 12.627 0.832 13.907L0 14.656V15.58H4.61V14.328Z' fill='%23030104'/%3E%3Cpath d='M3.30499 20.842V20.822C4.12099 20.545 4.51799 19.984 4.51799 19.281C4.51799 18.373 3.73299 17.633 2.32599 17.633C1.45899 17.633 0.674988 17.875 0.276988 18.129L0.593988 19.252C0.858988 19.088 1.42899 18.856 1.96899 18.856C2.63299 18.856 2.94999 19.149 2.94999 19.547C2.94999 20.109 2.29599 20.311 1.77599 20.311H1.17599V21.422H1.80699C2.47999 21.422 3.13399 21.719 3.13399 22.381C3.13399 22.871 2.72499 23.258 1.91999 23.258C1.28799 23.258 0.654988 23.004 0.379988 22.85L0.0629883 24.024C0.451988 24.256 1.17599 24.481 2.03199 24.481C3.71399 24.481 4.74499 23.626 4.74499 22.465C4.74499 21.586 4.10299 20.982 3.30499 20.842Z' fill='%23030104'/%3E%3C/svg%3E%0A");
    margin-right: 10px;
    transform: translateY(3px);
}

.ez-toc-title {
    cursor: pointer;
}

.ez-toc-title-toggle {
    position: relative;
}

.ez-toc-title-toggle.clicked:after {
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
}

.ez-toc-title-toggle:after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1703_4)'%3E%3Cpath d='M13 7L7 1L1 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1703_4'%3E%3Crect width='14' height='8' fill='white' transform='translate(14 8) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#ez-toc-container nav {
    padding-bottom: 10px;
}

div#ez-toc-container ul li {
    margin-top: 5px;
}


/** SINGLE NEWS **/

.news-detail {
    padding: 8rem 0 9rem 0;
}

@media screen and (max-width: 1023px) {
    .news-detail {
        padding: 5rem 0;
    }
}

.news-detail__info {
    margin-bottom: 2.4rem;
    color: #333;
}

.news-detail__share {
    margin-top: 2.4rem;
}

.news-detail__share li {
    margin-right: 0.6rem;
}

.news-detail__share li:nth-child(1n+2):not(.zalo-share-button-wrapper) {
    width: 2.5rem;
}

.news-detail__share li:nth-child(1n+2):not(.zalo-share-button-wrapper) svg {
    width: 100%;
}

.news-detail__share li.download-wrapper {
    width: auto!important;
}

.news-detail__share li .zalo-share-button {
    height: 3.4rem !important;
}

.news-detail__share .hide {
    opacity: 0;
}


/** NEWS COMMENT **/

.news-detail__comment {
    padding: 4rem 0rem 1rem 0;
}


/** NEWS RELATED **/

.news-detail__related {
    padding: 2rem 0 0 0;
}

.news-detail__related-title {
    border-bottom: 1px solid #D3D4D8;
}

.news-detail__related .news-item .news-item__image {
    padding-bottom: 88.2%;
}


/** DOCUMENT **/

.document__item {
    border-radius: 10px;
    padding: 1.9rem;
    border: 1px solid #DCDCDC;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

@media screen and (max-width: 767px) {
    .news-detail__comment {
        padding-top: 1rem;
    }
    .document__item {
        padding: 1rem;
    }
}

.document__item .item__image .img-block {
    padding-bottom: 72.5%;
}

.document__item .hz-download-document {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

.document__item .item__info-desc {
    line-height: 1.7rem;
    max-height: 3.4rem;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hz-download-document-mb,
.hz-download-document {
    padding: 0.75rem 1.5rem;
    background-image: linear-gradient(to right, #25A049 0%, #CBBB31 51%, #25A049 100%) !important;
    background-size: 200% auto;
    border-radius: 32px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff;
}

.hz-download-document-mb:hover,
.hz-download-document:hover {
    color: #fff;
}

@media (hover) {
    .document__item:hover .item__image img {
        filter: brightness(0.5);
    }
    .document__item:hover {
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    }
    .document__item:hover .hz-download-document {
        opacity: 1;
        visibility: visible;
    }
    .document__item .hz-download-document:hover {
        background-position: right center;
    }
}

.document__item .item__image img {
    transition: .3s;
}

@media screen and (max-width: 767px) {
    .document__item .item__title {
        font-size: 1.3rem;
    }
}

.document__item .item__title a {
    color: #000;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document__item .item__title .item__type {
    display: block;
    width: 23px;
    height: 23px;
    flex-shrink: 0;
    margin-right: 11px;
}

.document__item .item__title .item__type img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.document__item:hover .item__title a {
    color: var(--primary-color);
}

.document__item .item__info {
    color: #7B7875;
}

.document__item .item__info-time:before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.38845 0.467529C3.17607 0.467529 3.00391 0.63969 3.00391 0.85207V1.62113H3.77296V0.85207C3.77296 0.63969 3.6008 0.467529 3.38845 0.467529Z' fill='%237B7875'/%3E%3Cpath d='M8.77321 0.467529C8.56083 0.467529 8.38867 0.63969 8.38867 0.85207V1.62113H9.15773V0.85207C9.15775 0.63969 8.98559 0.467529 8.77321 0.467529Z' fill='%237B7875'/%3E%3Cpath d='M10.3106 1.62134H9.157V3.15948C9.157 3.37186 8.98484 3.54402 8.77246 3.54402C8.56008 3.54402 8.38792 3.37186 8.38792 3.15948V1.62134H3.77352V3.15948C3.77352 3.37186 3.60136 3.54402 3.38898 3.54402C3.1766 3.54402 3.00444 3.37186 3.00444 3.15948V1.62134H1.85086C1.21375 1.62134 0.697266 2.13782 0.697266 2.77494V10.0811C0.697266 10.7182 1.21375 11.2347 1.85086 11.2347H10.3106C10.9477 11.2347 11.4642 10.7182 11.4642 10.0811V2.77494C11.4642 2.13782 10.9477 1.62134 10.3106 1.62134ZM10.6951 10.0811C10.6951 10.2934 10.523 10.4656 10.3106 10.4656H1.85086C1.63849 10.4656 1.46632 10.2934 1.46632 10.0811V5.08213H10.6951V10.0811Z' fill='%237B7875'/%3E%3Cpath d='M3.77469 5.85059H3.00563C2.79325 5.85059 2.62109 6.02275 2.62109 6.23513C2.62109 6.44751 2.79325 6.61967 3.00563 6.61967H3.77469C3.98707 6.61967 4.15923 6.44751 4.15923 6.23513C4.15923 6.02275 3.98707 5.85059 3.77469 5.85059Z' fill='%237B7875'/%3E%3Cpath d='M6.4661 5.85083H5.69704C5.48466 5.85083 5.3125 6.02299 5.3125 6.23537C5.3125 6.44775 5.48466 6.61991 5.69704 6.61991H6.4661C6.67848 6.61991 6.85064 6.44775 6.85064 6.23537C6.85064 6.02299 6.67848 5.85083 6.4661 5.85083Z' fill='%237B7875'/%3E%3Cpath d='M9.15555 5.85083H8.38649C8.17411 5.85083 8.00195 6.02299 8.00195 6.23537C8.00195 6.44775 8.17411 6.61991 8.38649 6.61991H9.15555C9.36793 6.61991 9.54009 6.44775 9.54009 6.23537C9.54009 6.02299 9.36791 5.85083 9.15555 5.85083Z' fill='%237B7875'/%3E%3Cpath d='M3.77469 7.38916H3.00563C2.79325 7.38916 2.62109 7.56132 2.62109 7.7737C2.62109 7.98608 2.79325 8.15824 3.00563 8.15824H3.77469C3.98707 8.15824 4.15923 7.98608 4.15923 7.7737C4.15923 7.56132 3.98707 7.38916 3.77469 7.38916Z' fill='%237B7875'/%3E%3Cpath d='M6.4661 7.38916H5.69704C5.48466 7.38916 5.3125 7.56132 5.3125 7.7737C5.3125 7.98608 5.48466 8.15824 5.69704 8.15824H6.4661C6.67848 8.15824 6.85064 7.98608 6.85064 7.7737C6.85064 7.56132 6.67848 7.38916 6.4661 7.38916Z' fill='%237B7875'/%3E%3Cpath d='M9.15555 7.38916H8.38649C8.17411 7.38916 8.00195 7.56132 8.00195 7.7737C8.00195 7.98608 8.17411 8.15824 8.38649 8.15824H9.15555C9.36793 8.15824 9.54009 7.98608 9.54009 7.7737C9.54007 7.56132 9.36791 7.38916 9.15555 7.38916Z' fill='%237B7875'/%3E%3Cpath d='M3.77469 8.92725H3.00563C2.79325 8.92725 2.62109 9.09941 2.62109 9.31179C2.62109 9.52417 2.79325 9.6963 3.00563 9.6963H3.77469C3.98707 9.6963 4.15923 9.52414 4.15923 9.31176C4.15923 9.09938 3.98707 8.92725 3.77469 8.92725Z' fill='%237B7875'/%3E%3Cpath d='M6.4661 8.92725H5.69704C5.48466 8.92725 5.3125 9.09941 5.3125 9.31179C5.3125 9.52417 5.48466 9.69633 5.69704 9.69633H6.4661C6.67848 9.69633 6.85064 9.52417 6.85064 9.31179C6.85064 9.09941 6.67848 8.92725 6.4661 8.92725Z' fill='%237B7875'/%3E%3Cpath d='M9.15555 8.92725H8.38649C8.17411 8.92725 8.00195 9.09941 8.00195 9.31179C8.00195 9.52417 8.17411 9.69633 8.38649 9.69633H9.15555C9.36793 9.69633 9.54009 9.52417 9.54009 9.31179C9.54009 9.09941 9.36791 8.92725 9.15555 8.92725Z' fill='%237B7875'/%3E%3C/svg%3E%0A");
}

.document__item .item__info-download {
    margin-left: 15px;
}

.document-download:before,
.document__item .item__info-download:before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6241 7.84202C11.4933 7.71121 11.3343 7.64575 11.1475 7.64575H7.8949L6.9416 8.59903C6.67055 8.86068 6.3528 8.99157 5.9883 8.99157C5.62387 8.99157 5.30602 8.86085 5.03499 8.59903L4.08869 7.64575H0.82917C0.642281 7.64575 0.483405 7.71128 0.352518 7.84202C0.221656 7.97283 0.15625 8.13173 0.15625 8.31875V10.5618C0.15625 10.7487 0.221656 10.9076 0.352518 11.0384C0.48338 11.1692 0.642256 11.2346 0.82917 11.2346H11.1475C11.3344 11.2346 11.4934 11.1692 11.6241 11.0384C11.755 10.9076 11.8203 10.7487 11.8203 10.5618V8.31875C11.8203 8.13173 11.755 7.97283 11.6241 7.84202ZM8.99557 10.2043C8.90666 10.2931 8.80148 10.3374 8.67998 10.3374C8.55847 10.3374 8.45344 10.2931 8.36456 10.2043C8.27583 10.1155 8.23146 10.0104 8.23146 9.88892C8.23146 9.76743 8.27583 9.66216 8.36456 9.5735C8.45344 9.48462 8.55847 9.44016 8.67998 9.44016C8.80148 9.44016 8.90664 9.48462 8.99557 9.5735C9.08427 9.66213 9.12866 9.76741 9.12866 9.88892C9.12866 10.0103 9.08427 10.1155 8.99557 10.2043ZM10.7899 10.2043C10.7012 10.2931 10.596 10.3374 10.4745 10.3374C10.353 10.3374 10.2479 10.2931 10.1591 10.2043C10.0704 10.1155 10.026 10.0104 10.026 9.88892C10.026 9.76743 10.0704 9.66216 10.1591 9.5735C10.2479 9.48462 10.353 9.44016 10.4745 9.44016C10.596 9.44016 10.7012 9.48462 10.7899 9.5735C10.8787 9.66213 10.9232 9.76741 10.9232 9.88892C10.9232 10.0103 10.8788 10.1155 10.7899 10.2043Z' fill='%237B7875'/%3E%3Cpath d='M5.67138 7.96101C5.75555 8.04971 5.86068 8.0941 5.9868 8.0941C6.11302 8.0941 6.21803 8.04971 6.30222 7.96101L9.44259 4.82062C9.58742 4.68511 9.6202 4.52152 9.54072 4.32992C9.46142 4.14772 9.32351 4.05661 9.12717 4.05651H7.33264V0.916167C7.33264 0.794684 7.28818 0.689528 7.19954 0.600748C7.11067 0.511944 7.00556 0.467529 6.88413 0.467529H5.08948C4.96804 0.467529 4.86288 0.511944 4.77406 0.600748C4.6853 0.689528 4.64089 0.79466 4.64089 0.916167V4.05653H2.84641C2.65004 4.05653 2.51226 4.14774 2.43281 4.32994C2.35341 4.52147 2.38608 4.68514 2.53099 4.82064L5.67138 7.96101Z' fill='%237B7875'/%3E%3C/svg%3E%0A");
}

.document-download:before,
.document__item .item__info-time:before,
.document__item .item__info-download:before {
    margin-right: 7px;
    height: 10px;
    display: inline-block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.document-detail__content {
    padding-bottom: 90%;
}

.document-detail__content iframe {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.gallery-main {
    padding: 6.1rem 0 9rem 0;
}

@media screen and (max-width: 1023px) {
    .gallery-main {
        padding: 4.5rem 0;
    }
}

@media screen and (max-width: 767px) {
    .gallery-main {
        padding: 2.5rem 0 3rem 0;
    }
}

.gallery-menu {
    margin-top: 2.4rem;
}

.gallery-menu li {
    margin: 0 8px;
}

.gallery-menu li a {
    display: block;
    min-width: 18.8rem;
    color: #777981;
    border: 1px solid var(--grey);
    border-radius: 9999px;
    text-align: center;
    padding: 0.625rem 1.1rem;
    font-size: 1.7rem;
}

.gallery-menu li:hover a,
.gallery-menu li.current-menu-item a {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

@media screen and (max-width: 1023px) {
    .gallery-menu li {
        margin-bottom: 5px;
    }
    .gallery-menu li a {
        min-width: 15rem;
        padding: 0.7rem 1rem;
    }
}

@media screen and (max-width: 767px) {
    .gallery-menu li {
        margin: 0 5px;
    }
    .gallery-menu li a {
        min-width: unset;
        padding: 0.4rem 2rem;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 424px) {
    .gallery-menu li a {
        padding: 0.4rem 1rem;
        font-size: 1.2rem;
    }
}

.gallery-list {
    padding-top: 6rem;
}

@media screen and (max-width: 1023px) {
    .gallery-list {
        padding-top: 3rem;
    }
}


/** VIDEO ITEM **/

.video-item {
    border-radius: 4px;
}

.home-about__video:before,
.video-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0.79deg, #000000 0.92%, rgba(0, 0, 0, 0) 99.57%);
    z-index: 1;
}

.home-about__video:after,
.video-item:after {
    content: '';
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19.5' cy='19.5' r='19.5' fill='white' fill-opacity='0.7'/%3E%3Cpath d='M15.2397 13.8615C15.2263 13.0918 16.0511 12.5962 16.7244 12.9695L26.122 18.1786C26.7953 18.5518 26.8121 19.5139 26.1522 19.9104L16.9422 25.4444C16.2823 25.8409 15.4407 25.3744 15.4273 24.6047L15.2397 13.8615Z' fill='%2324A049'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    z-index: 5;
}

.home-about__video {
    border-radius: 4px;
}

.home-about__video:before {
    background: #00000054;
}

.home-about__video:after {
    width: 5.5rem;
    height: 5.5rem;
}

@media screen and (max-width: 767px) {
    .video-item:after {
        width: 3rem;
        height: 3rem;
    }
}

.video-item__link {
    z-index: 99;
    top: 0;
    left: 0;
}

.video-item__title {
    z-index: 9;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    font-size: 1.5rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

@media(hover) {
    .video-item:hover .video-item__title {
        color: #ffc107!important;
    }
}

@media screen and (max-width: 767px) {
    .video-item__title {
        font-size: 1.2rem;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
    }
}


/** GALLERY IMAGE **/

.gallery-image-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 2.2rem 2.8rem;
}

@media screen and (max-width: 1023px) {
    .gallery-image-list {
        grid-gap: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .gallery-image-list {
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
    }
}

.gallery-image-list-item {
    border-radius: 4px;
}

.gallery-image-list-item .img-block {
    padding-bottom: 75%;
}

.gallery-image-list-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
}

.gallery-image-list-item:nth-child(1) .img-block {
    height: 100%;
}

.gallery-image-list-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-item {
    padding: 1.2rem 1.2rem 2.4rem 1.2rem;
    border-radius: 4px;
    color: var(--grey);
    border: 1px solid #E5E5E5;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.product-item .item__title span {
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-item .item__image {
    padding-bottom: 82.67%;
}

.product .product-item {
    height: 100%;
}

.related-product .product-item .item__title,
.product .product-item .item__title {
    font-weight: 500!important;
}

.product-item img {
    border-radius: 4px;
}

.product-item:hover {
    color: var(--primary-color);
    border-color: transparent;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .product-item {
        padding: 1rem;
    }
    .product-item .item__title {
        font-size: 1.2rem;
    }
}


/** PRODUCT PAGE **/

.product-inner {
    padding: 8rem 0 5rem 0;
}

@media screen and (max-width: 1199px) {
    .product-inner {
        padding: 3.5rem 0;
    }
}

.product-page__title {
    margin-bottom: 2.4rem;
}

.product-menu {
    margin-bottom: 2rem;
}

.product-menu-btn-mobile {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.75rem 2rem;
}

.product-menu li {
    margin: 0 8px 8px 8px;
}

.product-menu li a {
    display: block;
    min-width: 19rem;
    color: #777981;
    border: 1px solid var(--grey);
    border-radius: 9999px;
    text-align: center;
    padding: 0.65rem 1.1rem;
}

@media screen and (min-width: 1200px) {
    .product-menu li a {
        font-size: 1.5rem;
    }
}

@media(hover) {
    .product-menu li:hover a {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
}

.product-menu li.current-cat a {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

@media screen and (max-width: 1199px) {
    .product-menu li a {
        padding: 0.7rem 1rem;
    }
}

@media screen and (max-width: 767px) {
    .product-menu {
        border: 1px solid #ccc;
        border-radius: 5px;
        position: absolute;
        top: calc(100% + 1rem);
        width: 100%;
        z-index: 1999;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .product-menu li {
        margin-bottom: 0;
    }
    .product-menu li a {
        border: none;
        text-align: left;
        padding: 0.75rem 1.5rem;
        width: 100%;
        font-weight: 500;
    }
    .product-menu li.current-cat a {
        color: var(--primary-color);
        background-color: transparent;
    }
}

#toggle-menu:checked~ul {
    opacity: 1;
    visibility: visible;
}

#toggle-menu:checked~.product-menu-btn-mobile .toggle-menu-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.product-block {
    margin: 4.5rem 0 2rem 0;
}

.product-block__head {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #D3D4D8;
}

.product-block__head-title {
    max-width: 80%;
}

.product-block__link {
    color: var(--primary-color);
}

.product-block__link:hover {
    color: var(--secondary-color);
}

.product-block__list .flickity-button {
    padding: 0;
    top: 40%;
    width: 40px;
    height: 40px;
    padding: 10px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    background-color: #fff;
}
.product-block__list .flickity-button.previous {
    transform: rotate(180deg);
    background-size: 25px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M69.844 43.388 33.842 13.386a6.003 6.003 0 0 0-7.688 9.223L56.624 48l-30.47 25.39a6.003 6.003 0 0 0 7.688 9.223l36.002-30.001a6.01 6.01 0 0 0 0-9.223Z' fill='%2325a049' class='fill-000000'%3E%3C/path%3E%3C/svg%3E");
}
.product-block__list .flickity-button.next {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M69.844 43.388 33.842 13.386a6.003 6.003 0 0 0-7.688 9.223L56.624 48l-30.47 25.39a6.003 6.003 0 0 0 7.688 9.223l36.002-30.001a6.01 6.01 0 0 0 0-9.223Z' fill='%2325a049' class='fill-000000'%3E%3C/path%3E%3C/svg%3E");
    background-size: 25px;
}

@media screen and (min-width: 767px) {
    /*.product-block__list .flickity-button {
        display: none;
    }*/
}

@media screen and (max-width: 1199px) {
    .product-block {
        margin: 3rem 0 2rem 0;
    }
}

@media screen and (max-width: 1023px) {
    .product-block__head-title {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 767px) {
    .product-block__head-title {
        font-size: 1.7rem;
        max-width: 90%;
    }
    .product-block__link {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .product-block__list .flickity-button {
        top: -15%;
    }
    .product-block__list .flickity-button.previous {
        left: calc(100% - 6rem);
    }
}


/** SINGLE PRODUCT **/

.single-product-wrapper {
    padding-bottom: 7rem;
}

@media screen and (max-width: 767px) {
    .single-product-wrapper {
        padding-bottom: 4rem;
    }
}

.single-product__head {
    padding: 4rem 0 3rem 0;
    font-size: 1.5rem;
    color: #505565;
}

.single-product__head-category a {
    color: currentColor;
}

.single-product__head-category a:hover {
    color: var(--primary-color);
}

.single-product__head hr {
    border-bottom: 1px dashed var(--primary-color);
    color: #fff;
}

.grey-breadcrumb,
.single-product__breadcrumb {
    background-color: #E5E5E5;
}

.product-detail__carousel {
    position: relative;
    --carousel-nav-width: 150px;
}

@media screen and (max-width: 1199px) {
    .product-detail__carousel {
        --carousel-nav-width: 80px;
    }
}

.product-detail__carousel-nav {
    width: var(--carousel-nav-width);
    flex: 0 0 auto;
    position: relative;
    padding-right: 15px;
    height: 100%;
}

@media screen and (max-width: 1199px) {
    .product-detail__carousel-nav {
        padding-right: 10px;
    }
}

.product-detail__carousel-nav-button {
    width: 100%;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
}

.product-detail__carousel-nav-button:focus {
    box-shadow: unset;
}

.product-detail__carousel-nav-button:hover svg path {
    stroke: var(--primary-color);
}

.product-detail__carousel-nav {
    overflow: auto;
    max-height: 35rem;
}

@media screen and (max-width: 1199px) {
    .product-detail__carousel-nav {
        max-height: 415px;
    }
}

.product-detail__carousel-nav .carousel-cell {
    cursor: pointer;
}

.product-detail__carousel-nav .carousel-cell:not(:last-child) {
    margin-bottom: 1.6rem;
}

.product-detail__carousel-nav .carousel-cell .img-block {
    border: 1px solid #e6e6e6;
    padding-bottom: 78%;
    border-radius: 5px;
}

.product-detail__carousel-nav .carousel-cell.is-nav-selected .img-block {
    border-color: var(--primary-color);
}

.product-detail__carousel-nav .carousel-cell img {
    object-fit: contain;
}

.product-detail__carousel-nav-mb {
    margin-left: -5px;
    margin-right: -5px;
    height: 95px;
    overflow: hidden;
}

.product-detail__carousel-nav-mb .carousel-cell .img-block {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}

.product-detail__carousel-nav-mb .carousel-cell.is-nav-selected .img-block {
    border-color: var(--primary-color);
}

.product-detail__carousel-nav-mb .carousel-cell img {
    object-fit: contain;
}

.product-detail__carousel-right {
    width: 100%;
    flex: 0 0 auto;
}

@media screen and (min-width: 1024px) {
    .product-detail__carousel-right {
        width: calc(100% - var(--carousel-nav-width));
    }
}

.product-detail__carousel-right-inner {
    padding-bottom: 67%;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
}

.product-detail__carousel-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-detail__carousel-main .img-block {
    padding-bottom: 67%;
}

.product-detail__carousel-main img {
    object-fit: contain;
}

.single-product__action li {
    margin-right: 2rem;
}

.single-product__action li a {
    border-radius: 33px;
    color: #fff;
    font-size: 1.4rem;
    padding: 0.7rem 1.5rem;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.single-product__action li a:before {
    margin-right: 1rem;
    display: inline-block;
}

.woocommerce #review_form #respond p.form-submit input#submit,
.woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit,
#comments a.btn-reviews-now,
.single-product__action-popup a {
    background-image: linear-gradient(to right, #25A049 0%, #CBBB31 51%, #25A049 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-product__action-popup a:before {
    content: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5385 2.85408V8.88462C13.5385 9.44565 13.3156 9.98371 12.9189 10.3804C12.5222 10.7771 11.9841 11 11.4231 11H2.11538C1.55435 11 1.01629 10.7771 0.619582 10.3804C0.22287 9.98371 0 9.44565 0 8.88462V2.85408L6.55431 6.71085C6.61942 6.74925 6.69364 6.7695 6.76923 6.7695C6.84483 6.7695 6.91904 6.74925 6.98415 6.71085L13.5385 2.85408ZM11.4231 2.61907e-08C11.9436 -8.18366e-05 12.4459 0.191744 12.8338 0.53878C13.2217 0.885816 13.4681 1.3637 13.5258 1.881L6.76923 5.85538L0.0126924 1.881C0.0703647 1.3637 0.316736 0.885816 0.704673 0.53878C1.09261 0.191744 1.59488 -8.18366e-05 2.11538 2.61907e-08H11.4231Z' fill='white'/%3E%3C/svg%3E%0A");
}

.woocommerce #review_form #respond p.form-submit input#submit:hover,
.woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit:hover,
#comments a.btn-reviews-now:hover,
.single-product__action-popup a:hover {
    color: #fff;
}

@media (hover) {
    .woocommerce #review_form #respond p.form-submit input#submit:hover,
    .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit:hover,
    #comments a.btn-reviews-now:hover,
    .single-product__action-popup a:hover {
        background-position: right center;
    }
}

.single-product__action-call a {
    background: #FF0000;
}

.single-product__action-call a:hover {
    background-color: var(--secondary-color);
}

.single-product__action-call a:before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.34268 7.82394L8.29103 6.87558C8.41877 6.74944 8.58037 6.66308 8.75623 6.62701C8.93209 6.59094 9.11465 6.60669 9.28172 6.67236L10.4375 7.13384C10.6064 7.20237 10.7512 7.31936 10.8536 7.47004C10.9561 7.62073 11.0117 7.79837 11.0133 7.98058V10.0974C11.0123 10.2214 10.9863 10.3439 10.9367 10.4575C10.8872 10.5711 10.8151 10.6735 10.7249 10.7586C10.6347 10.8436 10.5283 10.9095 10.4119 10.9523C10.2956 10.9952 10.1718 11.014 10.048 11.0077C1.94892 10.5039 0.3147 3.64525 0.00563825 1.02034C-0.00870861 0.891443 0.00439973 0.760965 0.0441009 0.637493C0.083802 0.514021 0.149196 0.400355 0.235981 0.303972C0.322766 0.207588 0.428976 0.130672 0.547621 0.0782835C0.666267 0.025895 0.794661 -0.000778649 0.924356 1.73028e-05H2.96924C3.15172 0.000557435 3.32986 0.055677 3.48076 0.158286C3.63166 0.260896 3.7484 0.406302 3.81599 0.575804L4.27746 1.73161C4.34531 1.89802 4.36262 2.08074 4.32723 2.25694C4.29184 2.43313 4.20532 2.59499 4.07848 2.7223L3.13013 3.67066C3.13013 3.67066 3.67628 7.36669 7.34268 7.82394Z' fill='%23F7F7F7'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 767px) {
    .single-product__action li {
        margin-right: 0;
        width: 100%;
    }
    .single-product__action li a {
        text-align: center;
    }
    .single-product__action-popup {
        margin-bottom: 1.5rem;
    }
}

.single-product__quantity-inner .quantity {
    margin-right: 4rem;
    border: 1px solid #C4C4C4;
    font-size: 1.5rem;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
}

.single-product__quantity-inner .quantity button,
.single-product__quantity-inner .quantity .qty {
    width: 3.3rem;
    height: 3.3rem;
}

.single-product__quantity-inner .quantity button {
    border: none;
    outline: none;
    background-color: transparent;
    color: #C4C4C4;
    font-size: 2rem;
}

.single-product__quantity-inner .quantity button:hover {
    color: var(--primary-color);
}

.single-product__quantity-inner .quantity button.minus {
    border-right: 1px solid #C4C4C4;
}

.single-product__quantity-inner .quantity button.plus {
    border-left: 1px solid #C4C4C4;
}

.single-product__quantity-inner .quantity input {
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
    color: var(--blue);
}

.single-product__quantity-inner .quantity input::-webkit-outer-spin-button,
.single-product__quantity-inner .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.single-product__quantity-inner .quantity input[type=number] {
    -moz-appearance: textfield;
}

.single-product__quantity a {
    color: #FF0000;
}

.single-product__quantity a:hover {
    color: var(--primary-color);
}

.single-product-block__title {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
    .single-product-block__title {
        margin-bottom: 2rem;
    }
}

.single-product-block__title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4rem;
    height: 2px;
    background-color: var(--primary-color);
}

.single-product__body {
    padding: 3rem 0;
    color: #505565;
    font-size: 1.5rem;
}


/* Sidebar
--------------------------------------------- */


/** Sidebar **/

.news-sidebar__title {
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 2rem;
}

@media screen and (max-width: 1023px) {
    .news-sidebar__title {
        font-weight: 500 !important;
    }
}

.news-sidebar .news-item--small .news-item__image--small {
    width: 7rem;
    height: 7rem;
}

.news-sidebar .news-item--small .news-item__content--small {
    width: calc(100% - 8.5rem);
}


/** PRODUCT SIDEBAR **/

.product-sidebar__item:not(:last-child) {
    margin-bottom: 2rem;
}

.product-sidebar__item-image {
    width: 7rem;
    height: 7rem;
}

.product-sidebar__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.product-sidebar__item-title {
    width: calc(100% - 8.5rem);
    margin-left: 1.5rem;
}

.product-sidebar__item-title a {
    line-height: 2.4rem;
    max-height: 4.8rem;
    color: var(--blue);
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-sidebar__item-title a:hover {
    color: var(--primary-color);
}


/* Footer
--------------------------------------------- */


/** FOOTER **/

.footer {
    padding: 8rem 0 2.4rem 0;
    background-color: #000;
}

.footer__top {
    padding-bottom: 9rem;
}

.footer__logo img {
    max-width: 156rem;
}

.footer__bottom {
    border-top: 1px solid #A1A4B1;
    padding-top: 2rem;
}

@media screen and (max-width: 1023px) {
    .footer__top {
        padding-bottom: 3rem;
    }
    .footer {
        padding: 5rem 0 0.8rem 0;
    }
    .footer__bottom {
        padding-top: 0.8rem;
        font-size: 1.2rem;
    }
}

.footer-info__content {
    color: #d3d4d8;
}

.footer-info__content h1,
.footer-info__content h2,
.footer-info__content h3,
.footer-info__content h4,
.footer-info__content h5,
.footer-info__content h6 {
    font-weight: 600;
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    color: #fff;
}

.footer-info__content p {
    margin-bottom: 1.5rem;
}

.footer-menu__list li {
    margin-bottom: 1rem;
}

.footer-menu__list li a {
    color: #A1A4B1;
}

.footer-menu__list li a:hover {
    color: var(--secondary-color);
}

@media screen and (max-width: 767px) {
    .footer-menu__list li a,
    .footer-menu__title,
    .footer-info__content,
    .footer-info__content h4 {
        font-size: 1.2rem;
    }
    .footer__logo {
        margin: 0 auto;
    }
    .footer-info__title {
        text-align: center;
        font-size: 1.8rem!important;
    }
    .footer-menu__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer-menu__title:after {
        content: '';
        width: 1.4rem;
        height: 1.4rem;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    }
    .footer-menu__title.clicked:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .footer-menu__list {
        display: none;
    }
}

.moreless {
    display: block;
    text-align: center;
    color: var(--primary-color);
    margin-top: 1.5rem;
    font-weight: 600;
}

.moreless:after {
    margin-left: 5px;
}

.moreless.more:after {
    content: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40625 1L6.40625 6L11.4062 1' stroke='%2325A049' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.moreless.less:after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9063 6.5L5.90625 1.5L0.90625 6.5' stroke='%2325A049' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

button#devvn_cmt_submit,
button#devvn_cmt_replysubmit {
    background-color: var(--primary-color);
    color: #fff;
}

@media(hover) {
    button#devvn_cmt_submit:hover,
    button#devvn_cmt_replysubmit:hover {
        background-color: var(--secondary-color);
    }
}

span.devvn_num_reviews {
    color: var(--primary-color);
}

.woocommerce #review_form #respond p.form-submit input#submit,
.woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit,
#comments a.btn-reviews-now {
    border-radius: 9999px;
    height: auto;
    line-height: 1.5;
}

.woocommerce #review_form #respond p {
    display: flex;
}

.comment-form-cookies-consent #wp-comment-cookies-consent {
    height: 25px!important;
    margin-right: 1rem;
}

span.btn-attach {
    color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 20C16.433 20 18 18.433 18 16.5C18 14.567 16.433 13 14.5 13C12.567 13 11 14.567 11 16.5C11 18.433 12.567 20 14.5 20Z' fill='%2325A049'/%3E%3Cpath d='M25 8H21.721C21.511 8.00005 21.3064 7.93401 21.136 7.81124C20.9657 7.68847 20.8383 7.51521 20.772 7.316L20.456 6.367C20.3231 5.96878 20.0683 5.62246 19.7277 5.37711C19.387 5.13176 18.9778 4.99983 18.558 5H10.441C10.0212 5.00011 9.61216 5.13229 9.27169 5.37781C8.93123 5.62333 8.67664 5.96975 8.544 6.368L8.228 7.316C8.16165 7.51521 8.03428 7.68847 7.86395 7.81124C7.69362 7.93401 7.48896 8.00005 7.279 8H4C3.46957 8 2.96086 8.21071 2.58579 8.58579C2.21071 8.96086 2 9.46957 2 10V22C2 22.5304 2.21071 23.0391 2.58579 23.4142C2.96086 23.7893 3.46957 24 4 24H25C25.5304 24 26.0391 23.7893 26.4142 23.4142C26.7893 23.0391 27 22.5304 27 22V10C27 9.46957 26.7893 8.96086 26.4142 8.58579C26.0391 8.21071 25.5304 8 25 8V8ZM14.5 22C11.468 22 9 19.532 9 16.5C9 13.468 11.468 11 14.5 11C17.532 11 20 13.468 20 16.5C20 19.532 17.532 22 14.5 22ZM20.5 12C20.2348 12 19.9804 11.8946 19.7929 11.7071C19.6054 11.5196 19.5 11.2652 19.5 11C19.5 10.7348 19.6054 10.4804 19.7929 10.2929C19.9804 10.1054 20.2348 10 20.5 10C20.7652 10 21.0196 10.1054 21.2071 10.2929C21.3946 10.4804 21.5 10.7348 21.5 11C21.5 11.2652 21.3946 11.5196 21.2071 11.7071C21.0196 11.8946 20.7652 12 20.5 12Z' fill='%2325A049'/%3E%3Cpath d='M5.5 7H3.5C3.36739 7 3.24021 6.94732 3.14645 6.85355C3.05268 6.75979 3 6.63261 3 6.5C3 6.36739 3.05268 6.24021 3.14645 6.14645C3.24021 6.05268 3.36739 6 3.5 6H5.5C5.63261 6 5.75979 6.05268 5.85355 6.14645C5.94732 6.24021 6 6.36739 6 6.5C6 6.63261 5.94732 6.75979 5.85355 6.85355C5.75979 6.94732 5.63261 7 5.5 7Z' fill='%2325A049'/%3E%3C/svg%3E%0A");
}

.devvn_cmt_radio label input:checked~span:after {
    background-color: var(--primary-color);
}

.devvn_cmt_radio label input:checked~span:before,
.devvn_cmt_radio label input:checked~span:after {
    border-color: var(--primary-color);
}

.home-category-tab__pane {
    top: 0;
    left: 0;
    width: 100%;
    background-color: #F0F1F3;
}

.home-category-tab__pane .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.home-category-tab__pane:hover,
.home-category-tab__pane.active {
    opacity: 1;
    visibility: visible;
    display: block;
    animation: showTab2 1.5s ease-in-out;
    overflow: hidden;
}

@keyframes showTab2 {
    0% {
        max-height: 0;
    }
    40% {
        max-height: 300px;
    }
    60% {
        max-height: 400px;
    }
    100% {
        max-height: 500px;
    }
}

@media screen and (max-width:767px) {
    .home-category-tab__pane .container {
        padding-top: 1.6rem;
    }
    .news-banner {
        height: 30rem;
    }
    .news-banner img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

.about-info {
    padding: 7rem 0rem 2.5rem 0;
}

.about-info-tab__nav {
    width: 91%;
}

.about-info-tab__nav li {
    margin-bottom: 2.5rem;
}

.about-info-tab__nav li a {
    padding: 1rem;
    border: 1px solid #777981;
    border-radius: 4px;
    color: #777981;
}

.about-info-tab__nav li a:hover,
.about-info-tab__nav li.active a {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.about-history__head,
.about-info__head {
    border-bottom: 1px solid #C4C4C4;
}

.about-history__head:after,
.about-info__head:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: var(--primary-color);
    height: 1px;
    width: 8rem;
}

.about-history {
    padding: 2.5rem 0 8rem 0;
}

.about-history__head:before {
    display: block;
    width: 7rem;
    height: 7rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M69.9834 8.62623C69.6247 9.2924 69.6418 10.044 69.4539 10.7614C68.8219 13.3066 67.8482 15.715 66.5842 18.0211C66.2084 18.7043 65.696 18.9264 65.1494 18.6531C64.5857 18.3798 64.4148 17.7819 64.7906 17.0816C66.1401 14.5193 67.2333 11.8546 67.7116 8.98494C67.7287 8.91661 67.7287 8.84828 67.7457 8.71163C66.55 8.8312 65.4227 9.15575 64.3124 9.51446C60.1616 10.8639 56.5232 13.1016 53.2265 15.92C49.0757 19.4559 45.6594 23.5896 43.2509 28.5091C42.4993 30.0635 41.9356 31.6692 41.4744 33.3602C41.7989 33.3602 41.9014 33.104 42.0722 32.9332C47.7945 27.228 53.5169 21.5057 59.2221 15.7834C60.0249 14.9805 60.5715 14.8781 61.084 15.4076C61.5622 15.92 61.4597 16.4496 60.6911 17.2182C54.815 23.0601 48.9561 28.919 43.0459 34.8292C43.6608 34.9147 44.1562 34.6584 44.6345 34.4876C49.1098 33.0015 52.9702 30.4735 56.472 27.3817C58.6925 25.4173 60.674 23.2138 62.4163 20.8053C62.8775 20.1562 63.4925 20.0196 63.9878 20.3612C64.5003 20.7199 64.5344 21.369 64.0391 22.0523C62.3651 24.3583 60.4861 26.4935 58.368 28.4237C58.0605 28.7141 57.9239 28.9874 57.9239 29.4144C57.941 34.7268 57.9068 40.022 57.958 45.3344C57.9751 48.6653 58.1459 51.9791 58.4876 55.2929C58.5559 55.942 58.7267 56.1982 59.4441 56.1811C61.9551 56.1299 64.449 56.164 66.96 56.164C67.8824 56.164 68.1557 56.3861 68.3436 57.3085C68.6852 59.0167 68.7023 60.6906 68.1045 62.3475C67.37 64.3802 65.8668 65.4393 63.7828 65.7126C63.0825 65.798 62.3822 65.8151 61.6647 65.8151C47.2992 65.8151 32.9166 65.798 18.551 65.8493C16.1425 65.8493 14.5881 64.7902 13.5803 62.7233C12.4871 60.4857 12.06 58.0601 11.7526 55.6345C11.5818 54.3192 11.4963 53.004 11.3768 51.6887C11.3597 51.552 11.3426 51.4154 11.3597 51.2787C11.3939 50.6638 11.8209 50.2026 12.3675 50.1855C12.897 50.1684 13.3241 50.5784 13.3924 51.1762C13.5461 52.5769 13.6315 53.9947 13.8024 55.3954C14.0586 57.5476 14.4173 59.6658 15.3226 61.6643C16.0913 63.3724 17.0991 63.9532 18.8072 63.697C20.4812 63.4408 21.5061 62.3646 21.7282 60.6565C21.8477 59.6999 21.7965 58.7433 21.6257 57.8039C21.4036 56.6082 21.7794 56.164 23.0264 56.164C33.9414 56.164 44.8394 56.164 55.7545 56.1811C56.4036 56.1811 56.5574 56.0957 56.489 55.3954C55.9083 50.5101 55.8912 45.5735 55.8912 40.654C55.8912 37.5623 55.9083 34.4535 55.9083 31.3617C55.9083 31.1396 55.9083 30.9176 55.9083 30.576C54.5076 31.6179 53.1752 32.5916 51.7575 33.4286C48.3412 35.4442 44.7711 36.9986 40.7911 37.4769C40.4495 37.511 40.2104 37.6819 39.9712 37.921C39.1171 38.7922 38.246 39.6633 37.3577 40.5345C36.777 41.1152 36.1962 41.1665 35.735 40.7224C35.2738 40.2612 35.308 39.6975 35.8887 39.0996C36.7428 38.2285 37.5969 37.3231 38.5022 36.5032C39.0317 36.025 38.8951 35.4271 39.0488 34.8805C39.1001 34.6926 38.9292 34.6584 38.7926 34.6584C38.6047 34.6584 38.4339 34.6584 38.246 34.6584C31.6696 34.6584 25.0761 34.6584 18.4998 34.6584C18.2094 34.6584 17.9019 34.6584 17.6115 34.5901C17.1162 34.4876 16.877 34.1118 16.877 33.6506C16.8599 33.1894 17.0991 32.7965 17.5774 32.6941C17.8848 32.6257 18.2094 32.6086 18.5168 32.6086C25.2811 32.6086 32.0454 32.5916 38.8097 32.6257C39.3563 32.6257 39.6125 32.472 39.7492 31.9425C40.0054 31.003 40.347 30.0977 40.6886 29.1069C40.4153 29.1069 40.1762 29.1069 39.9371 29.1069C32.7799 29.1069 25.6398 29.1069 18.4827 29.1069C18.1581 29.1069 17.8507 29.124 17.5432 29.0215C17.082 28.8507 16.8429 28.492 16.877 28.0308C16.9112 27.5354 17.1845 27.1767 17.714 27.0913C17.9873 27.0572 18.2606 27.0572 18.5339 27.0572C25.9985 27.0572 33.4802 27.0572 40.9449 27.0742C41.4744 27.0742 41.7989 26.9547 42.0552 26.4422C42.5334 25.4857 43.0971 24.5803 43.6267 23.6238C43.4046 23.453 43.1484 23.5384 42.9263 23.5384C34.7784 23.5384 26.6135 23.5384 18.4656 23.5384C18.1752 23.5384 17.8678 23.5384 17.5944 23.47C17.0991 23.3334 16.8429 22.9405 16.8941 22.4452C16.9283 21.9327 17.2357 21.6082 17.7482 21.5228C17.9873 21.4886 18.2435 21.5057 18.4998 21.5057C27.1772 21.5057 35.8546 21.5057 44.532 21.5228C44.9761 21.5228 45.2665 21.4032 45.5569 21.0445C48.0679 17.7648 50.9888 14.9122 54.3197 12.4866C54.5076 12.35 54.7638 12.2475 54.6955 11.9059C54.3368 10.3685 53.9268 8.86537 52.9873 7.56717C52.3211 6.64477 51.4158 6.26898 50.2884 6.26898C45.5569 6.28606 40.8082 6.26898 36.0766 6.26898C27.6555 6.26898 19.2172 6.26898 10.796 6.26898C10.5398 6.26898 10.2665 6.20065 9.99318 6.3373C12.4188 10.5052 12.7262 15.1684 12.9824 19.8146C13.4949 28.7995 13.0849 37.8014 13.2557 46.8034C13.2728 47.6575 12.88 48.1357 12.2309 48.1357C11.5818 48.1357 11.223 47.6575 11.206 46.8034C11.0351 39.0142 11.3255 31.225 11.0693 23.4359C10.9668 20.4125 10.8473 17.389 10.4202 14.3827C10.3519 13.9215 10.1982 13.8361 9.7882 13.8532C7.19181 13.8702 4.59542 13.8532 1.99903 13.8532C0.581268 13.8361 0.49586 13.7507 0.171312 12.3671C0.137149 12.2475 0.205475 12.0767 0.0175781 12.0425C0.0175781 11.0347 0.0175781 10.044 0.0175781 9.03618C0.273801 8.88245 0.188393 8.59206 0.256719 8.37C0.820409 6.11524 2.23817 4.73164 4.5271 4.32169C5.21036 4.20212 5.92778 4.18504 6.62812 4.18504C13.2899 4.16795 19.9688 4.18504 26.6306 4.18504C34.5051 4.18504 42.3797 4.20212 50.2543 4.16795C52.4066 4.15087 53.9439 5.09035 55.02 6.90099C55.635 7.94297 56.0962 9.05326 56.3695 10.2319C56.5061 10.8127 56.6598 10.881 57.1894 10.5735C60.674 8.48957 64.3636 6.9864 68.4461 6.50812C69.1806 6.42271 69.6589 6.61061 69.9834 7.2597C69.9834 7.70382 69.9834 8.16502 69.9834 8.62623ZM22.6677 63.7653C23.0434 63.7653 23.2826 63.7653 23.5217 63.7653C36.1791 63.7653 48.8365 63.7653 61.4768 63.7653C62.0918 63.7653 62.7067 63.7482 63.3216 63.697C64.8931 63.5945 65.9351 62.7404 66.3451 61.2202C66.5671 60.4173 66.5671 59.5974 66.5159 58.7775C66.4817 58.3163 66.328 58.1967 65.8668 58.1967C52.0478 58.2138 38.2289 58.2138 24.427 58.1967C23.9146 58.1967 23.778 58.2992 23.8292 58.8288C23.9488 60.5369 23.7438 62.1938 22.6677 63.7653ZM6.08151 11.7863C7.22597 11.7863 8.35335 11.7692 9.49781 11.7863C9.82236 11.7863 9.9761 11.718 9.85653 11.3763C9.44657 10.0611 9.12202 8.69455 8.28503 7.56717C7.08932 5.96151 4.5271 5.77361 3.14349 7.22554C2.0332 8.38708 2.01611 9.83901 2.13568 11.3251C2.16985 11.7009 2.3065 11.8034 2.68229 11.8034C3.79259 11.7692 4.93705 11.7863 6.08151 11.7863Z' fill='%2324A049'/%3E%3Cpath d='M24.8886 17.372C22.6509 17.372 20.4303 17.372 18.1927 17.372C17.3386 17.372 16.8603 16.9792 16.8774 16.3301C16.8945 15.6981 17.3557 15.3223 18.1756 15.3223C22.7022 15.3223 27.2288 15.3223 31.7554 15.3223C32.5924 15.3223 33.0877 15.7322 33.0707 16.3642C33.0536 16.9963 32.5753 17.372 31.7041 17.372C29.4323 17.372 27.1605 17.372 24.8886 17.372Z' fill='%2324A049'/%3E%3Cpath d='M47.5718 51.8424C46.359 51.8424 45.1633 51.8424 43.9505 51.8424C43.1477 51.8424 42.6865 51.4324 42.7036 50.8004C42.7207 50.2026 43.1648 49.7926 43.9335 49.7926C46.3249 49.7755 48.7163 49.7755 51.1077 49.7926C51.8593 49.7926 52.3205 50.2026 52.3205 50.8175C52.3205 51.4324 51.8422 51.8424 51.0565 51.8424C49.8949 51.8595 48.7334 51.8424 47.5718 51.8424Z' fill='%2324A049'/%3E%3C/svg%3E%0A");
}

.about-history__content {
    font-size: 1.5rem;
}

.about-history__carousel {
    margin-top: 6rem;
}

.about-history-item {
    z-index: 999;
}

.about-history-item__number {
    border: 1px dashed #45C2E2;
    padding: 8px;
    margin-bottom: 1.6rem;
    width: 12.9rem;
    font-size: 3.2rem;
    height: 12.9rem;
}

.about-history-item__number:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 1.6rem);
    height: calc(100% - 1.6rem);
    border-radius: 50%;
    z-index: -1;
    background: linear-gradient(180deg, #25A049 17.44%, #C6BA31 117.44%);
}

.about-history__carousel:before {
    content: '';
    height: 0;
    border: 2px dashed #35A246;
    top: 6.2rem;
    left: 1.5rem;
    right: 0;
    position: absolute;
}

.about-history__carousel .carousel-cell:after {
    content: '';
    position: absolute;
    top: 5.3rem;
    right: 0;
    width: 1.1rem;
    height: 2.3rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 24L12.5 12.5L1 1' stroke='%2335A246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width:767px) {
    .about-history-item__number {
        width: 10.9rem;
        font-size: 2.2rem;
        height: 10.9rem;
    }
    .about-history__carousel:before {
        top: 5.2rem;
    }
    .about-history__carousel .carousel-cell:after {
        top: 4.3rem;
    }
    .about-info-tab__content .hazo-tab__pane {
        display: block;
    }
    .about-history__head {
        display: flex;
        align-items: center;
    }
    .about-history__head:before {
        content: '';
        margin-right: 1rem;
        width: 4rem;
        height: 4rem;
    }
    .about-info__head {
        flex-direction: row-reverse;
    }
    .about-info__head:before {
        content: '';
        width: 1rem;
        height: 1rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        right: 0;
        top: 50%;
        background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.44532 0.5L8.36719 0.5C8.84648 0.5 9.08651 1.13865 8.7476 1.51215L5.28667 5.32635C5.07658 5.55788 4.73593 5.55788 4.52584 5.32635L1.06491 1.51215C0.725978 1.13865 0.966028 0.5 1.44532 0.5Z' fill='%23333'/%3E%3C/svg%3E%0A");
    }
    .about-info__head.clicked:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .about-info-tab__content .hazo-tab__pane:not(:first-child) .about-info__content {
        display: none;
    }
    .about-history {
        padding-bottom: 5rem;
    }
}

.ripple,
.ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 5.5rem;
    width: 5.5rem;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    top: 50%;
    left: 50%;
    height: 5.5rem;
    width: 5.5rem;
    -webkit-transform-origin: center;
    transform-origin: center center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 0 0 0 0 #ffffff67;
    -moz-box-shadow: 0 0 0 0 0 0 0 0 #ffffff67;
    -ms-box-shadow: 0 0 0 0 #ffffff67;
    -o-box-shadow: 0 0 0 0 #ffffff67;
    box-shadow: 0 0 0 0 #ffffff67;
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.ripple:before {
    content: "";
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.90.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px #ffffff00;
    }
    100% {
        box-shadow: 0 0 0 0 #ffffff00;
    }
}

@media screen and (min-width: 576px) {
    .promotion-modal .modal-dialog {
        max-width: 750px;
    }
}

@media screen and (min-width:768px) {
    .promotion-modal .modal-dialog {
        max-width: 800px;
    }
}

.promotion-modal .modal-body {
    padding: 0 3rem 1rem 3rem;
}

@media screen and (max-width:767px) {
    .promotion-modal .modal-body {
        padding: 0 2.5rem 2.5rem 2.5rem;
    }
}

.promotion-modal .btn-close {
    right: 0;
    top: -2.5rem;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9999 1L1 17M1.00005 1L17 17' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.promotion-modal .modal-content {
    border: none;
}

.promotion-modal .modal-dialog-scrollable .modal-content {
    overflow: visible;
    border-radius: 1rem;
}

.promotion-modal__image {
    transform: translateX(1px);
}

.promotion-modal__image img {
    width: 100%;
    height: 100%;
    border-radius: 0 1rem 1rem 0;
    margin-right: -1px;
    object-fit: cover;
}

.promotion-modal form .wpcf7-spinner {
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-about__link {
    width: auto;
    padding: 0.7rem 6rem 0.7rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
}


@media (max-width: 991px) {
  .product-categories li.cat-parent .children {
    padding-left: 2rem;
    display: none;
  }
}
.product-categories li.cat-parent:hover > .children {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.product-categories li a {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 2rem;
  padding: 7px 20px 7px 10px;
  color: #3B3663;
}
@media (min-width: 992px) {
  .product-categories li:hover > a {
    color: var(--primary-color);
  }
}

.cate-title {
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  background: var(--primary-color);
  color: #fff;
  padding: 5px 0;
  font-weight: 500;
}
.product-categories {
  border: 1px solid #ebebeb;
  background: #fff;
  margin-bottom: 20px;
  padding-left: 0;
}
@media (max-width: 991px) {
  .product-categories {
    padding: 2rem 0;
  }
}
.product-categories li {
  position: relative;
  list-style: none;
    border-bottom: 1px solid #eee;
    padding: 12px;

}
.product-categories li.cat-parent.active > a {
  color: var(--primary-color);
  
}
.product-categories li.cat-parent.active > .icon, .product-categories li.current-cat > .icon,
.product-categories li.current-cat-parent > .icon {
    transform: rotate(180deg);
}
.product-categories li.current-cat-parent.active > .icon,
.product-categories li.current-cat.active > .icon {
    transform: rotate(0deg);
}
.product-categories li.cat-parent > .icon {
  top: 12px;
  height: 3.5rem;
  width: 40px;
  right: 5px;
  position: absolute;
  background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M10.5 1.75L6 6.25L1.5 1.75' stroke='%233B3663' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.product-categories li.cat-parent .children  .icon {
    top: 0;
    right: -6px;
}
@media (max-width: 991px) {
  
}
.product-categories li .children li.current-cat a{
    color: var(--primary-color);
}
h2.widget-title {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
        text-align: center;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}
.product-categories li .children {
    display: none;
}
.product-categories li.current-cat .children, .product-categories li.current-cat-parent .children {
    display: block;
    padding-left: 15px;
}
.product-categories li.current-cat-parent .children .children {
}
.product-categories li .children > li {
    position: relative;
    font-size: 15px;
    padding: 0;
}
.product-categories li:last-child {
    border:none;
}
.product-categories li .children > li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 0;
    position: absolute;
    background: var(--primary-color);
    top: 15px;
    
}
.product-categories li .children > li > a {
    color: #777981;
    text-transform: initial;
}
.product-categories li .children > li > a:hover, .product-categories li.current-cat a {
    color: var(--primary-color);
}

.wpc-filters-widget-content {
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 20px;
    padding-left: 0;
    padding: 15px;
}

.wpc-filter-title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
    color: var(--primary-color);
    text-transform: uppercase;
}
.widget-area .widget li.wpc-term-item a, .wpc-filters-widget-main-wrapper li.wpc-term-item a {
    font-weight: 500;
    font-size: 15px;
    font-family: 'Inter';
    color: #777981;
}
.widget-area li.wpc-term-item, body .wpc-filters-widget-main-wrapper li.wpc-term-item {
    margin-bottom: 5px !important;
}
/*# sourceMappingURL=style.css.map */