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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-bold-webfont.ttf) format('truetype');font-weight:bold;font-style:normal}
@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-regular-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;}*/

/*body{font-family:  "Custom Font Name",  sans-serif}
.nav > li > a {font-family:  "Custom Font Name", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}
.alt-font{font-family: "Custom font name", sans-serif;}*/
/*
a,p,h1, h2, h3, h4, h5, h6,span.widget-title,li{font-family: "brandon_text" !important;}
.stars a{font-family:'fl-icons'!important}
body {
    overflow: hidden;
}


.header-main .nav > li.menu-item > a {
    font-size: 14px;
    color: #2b2b2b;
    padding: 15px 20px;
}
.header-main .nav > li.menu-item {
    margin: 0;
}
*/


/* githup: tn823 */
:root {
    --ff-1: Inter;
    --pd-ft: 76px;
    --pdb-ft: 40px;
    --mrb-ft: 40px;
    --wid-pa: 1016px;
    --mg-at: auto;
    --title-all: 48px;
    --color-text: #0D1F3D;
    --color-text-2: color-mix(in srgb, var(--fs-color-secondary) 100%, white 73%);
}
p {
    margin-bottom: 0;
}
@media(min-width: 768px) {
    .section.sec-footer,
    .section.sec-guide {
        width: 80%;
        margin: auto;
    }
}



#header .flex-col.hide-for-medium.flex-left.flex-grow a:hover {
    color: var(--fs-color-secondary);
}
#header .flex-col.hide-for-medium.flex-left.flex-grow a{
    
    font-family: var(--ff-1);
    font-size: 11px;
    padding: 15px;
    color: var(--color-text-2);
}
#header .flex-col.hide-for-medium.flex-left.flex-grow ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-search:before,
.icon-shopping-cart:before,
#footer .icon-facebook:before,
.icon-instagram:before,
.icon-tiktok:before,
.icon-youtube:before {
    color: var(--color-text-2);
}
.form-flat input:not([type=submit]) {
    border-color: #7A7A7A6B;
    padding: 22px;
}
#header .cart-item.has-icon a {
    padding: 12px;
    border-radius: 50%;
    background: #183870;
}
#footer {
    background-color: var(--fs-color-primary);
    padding-top: var(--pd-ft);
    padding-bottom: var(--pd-ft);
}
.ft-top-left p {
    margin-bottom: 0;
    color: var(--color-text-2);
    font-family: var(--ff-1);
}
.ft-top-left a {
    color: var(--color-text-2);
    font-family: var(--ff-1);
}
.row.ft-top {
    display: flex;
    justify-content: space-between;
}
.ft-top-left,
.ft-top-mid,
.ft-top-right {
    padding: 10px;
}
.ft-top-mid .img {
    margin: auto;
}
.ft-top-right .col-inner {
    display: flex;
    justify-content: end;
}
.ft-top-right .col-inner .social-icons {
    display: flex;
    gap: 15px;
}
.row.ft-top {
    padding-bottom: var(--pdb-ft);
    margin-bottom: var(--mrb-ft);
    border-bottom: 1px solid #183870;
}
.row.ft-mid {
    display: flex;
    flex-wrap: nowrap;
}
.row.ft-mid .ft-mid-left{
    padding: 48px 40px;
    background-color: #0D1F3D;
    border-radius: 10px;
    margin-right: 20px;
}
.row.ft-mid .ft-mid-right {
    padding: 48px 40px;
    background-color: #0D1F3D;
    border-radius: 10px;
}
.row.ft-mid h2,
.row.ft-mid p {
    color: var(--color-text-2);
}
.row:after {
    content: none;
}
.row.ft-mid2 {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #183870;
}
.row.ft-mid2 .col-inner{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    background-color: #0D1F3D;
    padding: 10px;
    border-radius: 10px;
}
.row.ft-mid2 .col-inner p {
    padding: 15px 24px;
}
.ft-mid2-wrapper {
    padding: 0;
}
.row.ft-mid2 a {
    font-size: 0.8vw;
    color: var(--fs-color-secondary);
    font-weight: 600;
    font-family: var(--ff-1);
    transition: all .2s linear;
}
.row.ft-mid2 a:hover {
    color: var(--color-text-2);
}
.row.ft-mid2 p {
    margin-bottom: 0;
}
.absolute-footer {
    display: none;
}
.row.ft-bottom p {
    margin-bottom: 0;
    color: #F6EEDA66;
    font-family: var(--ff-1);
}
.ft-bottom-left,
.ft-bottom-right {
    padding: 0;
}
.ft-bottom-right .col-inner {
    display: flex;
    justify-content: center;
}
.ft-bottom-left {
    display: flex;
    align-items: center;
}
.contact-title-wrapper {
    padding: 0;
}
.container .row:not(.row-collapse),
.lightbox-content .row:not(.row-collapse),
.row .gallery,
.row .row:not(.row-collapse) {
    margin: 0;
}
#main .section.sec-contact {
    padding: 70px 75px 80px;
}
#main .section.sec-contact .section-content.relative {
    width: var(--wid-pa);
    margin: var(--mg-at);
}
.text.contact-txt-1 h2 {
    color: var(--color-text);
    font-size: var(--title-all);
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
}
.contact-title-wrapper-2 .col-inner {
    display: flex;
    justify-content: center;
    gap: 16px 16px;
	align-items: center;
}
.contact-title-wrapper-2 .col-inner p,
.contact-title-wrapper-2 .col-inner a {
    color: var(--color-text);
    font-size: 20px;
    font-weight: 500;
}
.contact-title-wrapper-2 {
    padding: 0 0 57px 0;
}
.contact-img-2 img {
    border-radius: 8px;
}
.contact-img-2 {
    padding-bottom: 52px;
}
.ct-map-left h2 {
    color: var(--color-text);
    font-size: 20px;
    font-family: var(--ff-1);
    font-weight: 600;
	margin-bottom: 15px;
}
.ct-map-left p {
    color: #555D66;
    padding-bottom: 8px;
    position: relative;
}
.ct-map-left p a {color: #555D66;}
.ct-map-left p a:hover {
	color: var(--primary-color);
	font-weight: bold;
}


.ct-map-right p {
    padding-bottom: 24px;
    color: var(--color-text);
}
.button {
    margin: 0;
}
/* .ct-map-left .col-inner,
.ct-map-right .col-inner {
    text-align: center;
} */
.ct-map-left ,
.ct-map-right {
    padding-bottom: 0;
}
.contact-map a.button.primary.is-outline {
    border-radius: 4px !important;
	background: var(--primary-color) !important; 
    line-height: 1;
    font-size: 14px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0;
    border-color: #000;
	margin-top: 40px;
}
.contact-map a.button.primary.is-outline:hover   {
	background: #fff !important;
}
.contact-map a.button.primary.is-outline span {
	color: #fff !important;
    font-size: 14px;
    line-height: 1;
}
.contact-map a.button.primary.is-outline:hover span {
	color: var(--primary-color) !important;
}
.contact-map a.button.primary.is-outline:hover {
    background-color: #fff;
    border-color: var(--fs-color-primary);
}
.contact-map a.button.primary.is-outline span,
.contact-map a.button.primary.is-outline:hover span {
    color: var(--fs-color-primary);
    font-size: 12px;
    font-weight: 600;
    font-family: var(--ff-1);
}
#main .section.sec-guide {
    padding: 70px 0 110px 0;
}
.guide-wrapper {
    padding: 0;
}
.guide-wrapper h2 {
    color: var(--color-text);
    font-size: var(--title-all);
    margin: 0;
    font-weight: 500;
    margin-bottom: 5px;
}
.guide-wrapper p {
    font-size: 20px;
    color: var(--color-text);
    margin-bottom: 64px;
}
.guide-blog .image-cover{
    border-radius: 8px;
    overflow: hidden;
}
.guide-blog .image-cover a img {
    transition: transform 0.3s ease-in-out;

}
.guide-blog .image-cover a:hover img {
    transform: scale(1.1);
}
.is-divider {
    display: none;
}
.guide-blog p.cat-label {
    font-size: 12px;
    font-family: var(--ff-1);
    color: var(--color-text);
    font-weight: 700;
    margin-bottom: 5px;
    opacity: 1;
}
.guide-blog h5.post-title a {
    font-size: 24px;
    color: var(--color-text);
    font-weight: 500;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.guide-blog .post-meta {
    font-size: 15px;
    color: var(--fs-color-primary);
}
.blog-wrapper.blog-single.page-wrapper {
    background-color: #F0EAE1;
}
.blog-wrapper.blog-single.page-wrapper .row.align-center {
    margin: auto;
    padding-top: 100px;
    
}
.blog-wrapper.blog-single.page-wrapper {
    padding-bottom: 0;
}
.blog-wrapper.blog-single.page-wrapper #at_posts_related {
    margin-top: 100px;
    background-color: #fff;
    padding: 100px;
}
.blog-wrapper.blog-single.page-wrapper article {
    width: 80%;
    margin: auto;
}
.blog-wrapper.blog-single.page-wrapper .row.align-center {
    margin: 0;
    max-width: 100%;
}
.blog-wrapper.blog-single.page-wrapper .row.align-center .large-12.col {
    padding: 0;
}
.blog-wrapper.blog-single.page-wrapper h1 {
    font-size: var(--title-all);
    color: var(--color-text);
    width: 70%;
    margin: auto;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.2;
}
.blog-wrapper.blog-single.page-wrapper .posted-on,
.blog-wrapper.blog-single.page-wrapper .byline,
.blog-wrapper.blog-single.page-wrapper .byline a {
    color: var(--color-text);
    font-size: 20px;
}
.blog-wrapper.blog-single.page-wrapper .entry-header-text.entry-header-text-top.text-center {
    padding-bottom: 70px;
}
.blog-wrapper.blog-single.page-wrapper .entry-image .badge.absolute.top.post-date.badge-outline {
    display: none;
}
.blog-wrapper.blog-single.page-wrapper .entry-image img {
    border-radius: 8px;
    margin-bottom: 140px;
}
.blog-wrapper.blog-single.page-wrapper .entry-content.single-page {
    width: 60%;
    margin: auto;
    text-align: justify;
    padding-top: 0;
}
.blog-wrapper.blog-single.page-wrapper .entry-content.single-page p {
    font-size: 20px;
    color: var(--color-text);
    margin-bottom: 35px;
}
.blog-wrapper.blog-single.page-wrapper .entry-content.single-page h2 {
    font-size: 30px;
    color: var(--color-text);
    margin-bottom: 20px;
}
.blog-wrapper.blog-single.page-wrapper .entry-content.single-page h3 {
    font-size: 24px;
    color: var(--color-text);
}
.blog-wrapper.blog-single.page-wrapper .entry-content.single-page a {
    color: #046bd2;   
}
.blog-wrapper.blog-single.page-wrapper .entry-content.single-page h4 {
    color: var(--color-text);
    font-size: 20px;
}
.blog-wrapper.blog-single.page-wrapper .article-inner footer.entry-meta.text-center{
    display: none;
}
.blog-wrapper.blog-single.page-wrapper #comments {
    display: none;
}
.blog-wrapper.blog-single.page-wrapper .blog-share.text-center {
    padding-top: 35px;
    border-top: 1px solid #0D1F3D26;
}
.blog-wrapper.blog-single.page-wrapper .blog-share.text-center {
    text-align: left;
}
.blog-wrapper.blog-single.page-wrapper .blog-share.text-center::before {
    content: "Chia sẽ bài viết";
    font-size: 14px;
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 600;
    margin-right: 10px;
}
#at_posts_related h3 {
    font-size: 40px;
    color: var(--color-text);
    font-weight: 500;
}
#at_posts_related .badge.absolute.top.post-date.badge-outline {
    display: none;
}
#at_posts_related h5 a {
    color: var(--color-text);
    font-size: 20px;
    font-weight: 510;
}
#at_posts_related .box-text-inner {
    text-align: left;
}
#at_posts_related img {
    border-radius: 8px;
}

.row.sp-policy-row-top h2 {
    color: var(--color-text-2);
    font-size: var(--title-all);
    margin-bottom: 15px;
    font-weight: 500;
}
.row.sp-policy-row-top p {
    color: var(--color-text-2);
    font-size: 20px;
}
.sp-policy-wrapper-top {
    padding: 120px 0 300px 0;
    max-width: 50%;
    margin: auto;
}
.row.row-full-width.sp-policy-row-top {
    background-color: var(--fs-color-primary);
}
.col.sp-policy-bottom {
    padding: 60px 100px 0 100px;
    max-width: 65%;
    margin: auto;
    transform: translateY(-15%);
    background: #fff;
}
.sp-policy-bottom h2 {
    font-size: 30px;
    color: var(--color-text);
    margin-bottom: 20px;
    font-weight: 500;
}
.sp-policy-bottom p {
    font-size: 20px;
    margin-bottom: 20px;
    color: var(--color-text);
}
.row.leader-row-top {
    width: 80%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.row.leader-row-top .leader-title,
.row.leader-row-top .leader-img {
    padding: 0;
}
.row.leader-row-top .leader-img .img {
    margin-left: auto;
}
.row.leader-row-top .leader-img .col-inner {
    height: 100%;
    display: flex;
    align-items: center;
}
.row.leader-row-top .leader-title p:first-child {
    font-size: 20px;
    font-family: var(--ff-1);
    color: var(--color-text);
    font-weight: 600;
}
.row.leader-row-top .leader-title p:last-child {
    font-size: var(--title-all);
    color: var(--color-text);
    font-weight: 500;
    line-height: 1.2;
    margin-top: 10px;
}
.row.leader-seo {
    width: 80%;
}
.row.leader-seo h4 {
    font-size: 16px;
    color: var(--color-text-2);
    font-family: var(--ff-1);
    font-weight: 600;
}
.row.leader-seo h3 {
    font-size: 36px;
    color: var(--color-text-2);
    font-weight: 400;
    margin-bottom: 15px;
}
.row.leader-seo p {
    font-size: 16px;
    color: var(--color-text-2);
}
.row.leader-seo .box {
    border-radius: 10px;
    overflow: hidden;
}
.row.leader-seo .leader-img-box .box-image img {
    background: linear-gradient(180deg, rgba(17, 38, 77, 0) 0%, #11264D 100%) !important;
}
.row.leader-seo {
    padding-bottom: 70px;
}
.row.leader-team {
    width: 80%;
}
.row.leader-team .box-image {
    background-color: #DCDFE4;
    border-radius: 10px;
}
.row.leader-team a div {
    display: block;
    overflow: hidden;
    padding-top: 70%;
}
.row.leader-team img {
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .2s ease-in-out;
    height: 100%;
}
.row.leader-team h4 {
    font-size: 20px;
    color: var(--color-text);
    font-weight: 500;
}
.row.leader-team p {
    font-size: 12px;
    font-family: var(--ff-1);
    font-weight: 500;
}
.leader-icon {
    width: 40%;
    margin: auto;
    padding-bottom: 100px;
    padding-top: 70px;
}
.leader-icon .icon-box-img {
    margin: auto;
    padding-bottom: 40px;
}
.leader-icon .icon-box-text p:first-child {
    font-size: 20px;
    color: var(--color-text);
    padding-bottom: 30px;
}
.leader-icon .icon-box-text p:last-child {
    font-size: 24px;
    color: var(--color-text);
}
.img-icon-info {
    width: 70%;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
}
.info-wrapper {
    padding: 0;
}
.img-icon-info .box-image {
    order: 2;
    background-color: #EFEFEF;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.img-icon-info .box-text {
    background-color: #EFEFEF;
    order: 1;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.img-icon-info .box-text-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.img-icon-info .box-text-inner h4 {
    font-size: var(--title-all);
    color: var(--color-text);
    font-weight: 500;
}
.img-icon-info .box-text-inner p {
    font-size: 14px;
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 700;
}
.row.info-row .text.info-txt {
    width: 40%;
    margin: auto;
    text-align: justify;
    padding-bottom: 100px;
}
.row.info-row .text.info-txt h2 { 
    font-size: 24px;
    color: var(--color-text);
    font-weight: 600;
}
.row.info-row .text.info-txt p {
    font-size: 18px;
    color: var(--color-text);
}
.text.leader-title p {
    text-align: left;
}
.story-wrapper, 
.home-wrapper{
    padding: 0;
}
#main .story1-wrapper p img {
    margin-bottom: 5px;
}
.story1-wrapper .col-inner {
    position: relative;
    height: 735px;
}
.story1-wrapper .col-inner .img {
    position: absolute;
}
#main .row.story1-text .col-inner {
    height: inherit;
}
#main .row.story1-text p {
    font-size: var(--title-all);
    font-weight: 400;
    line-height: 56px;
    color: color-mix(in srgb, var(--fs-color-secondary) 10%, #8F773F 98%);
    margin-bottom: 15px;
}
#main .row.story1-text {
    position: absolute;
    margin-left: 212px;
    margin-top: 140px;
    width: 16%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.row.story2 {
    background-color: #F0EAE1;
}
.row.story2 .story2-wrapper {
    max-width: 65%;
    margin: auto;
    padding-bottom: 120px;
}
.row.story2 h2 {
    padding-top: 120px;
    font-size: var(--title-all);
    width: 70%;
    margin: auto;
    font-weight: 500;
    color: var(--color-text);
    padding-bottom: 60px;
}
.row.story2 .story-img {
    padding-bottom: 60px;
}
.row.story2 .story-img img {
    border-radius: 10px;
}
.text.story2-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.text.story2-info p:first-child {
    font-size: 25px;
    color: var(--color-text);
}
.text.story2-info p:last-child {
    font-size: 20px;
    color: var(--color-text);
}
.story3-wrapper .col-inner {
    min-height: 740px;
    position: relative;
    margin-bottom: 140px
}
.story3-wrapper .img {
    position: absolute;
}
.text.story2-txt {
    position: absolute;
    padding-top: 187px;
    padding-left: 108px;
    max-width: 47%;
    background-color: transparent;
/*     background-image: linear-gradient(226deg, #8C847100 48%, #8C8471 100%); */
    height: 100%;
}
.text.story2-txt p:first-child {
    font-size: 36px;
    color: color-mix(in srgb, var(--fs-color-secondary) 45%, white 99%);
    font-weight: 400;
    line-height: 46.8px;
    padding-bottom: 40px;
}
.text.story2-txt p:nth-child(2) {
    color: color-mix(in srgb, var(--fs-color-secondary) 45%, white 99%);
    font-family: var(--ff-1);
    font-weight: 600;
}
.text.story2-txt p:last-child {
    color: color-mix(in srgb, var(--fs-color-secondary) 45%, white 99%);
    font-size: 24px;
}
.row.story4 {
    width: 80%;
    margin-bottom: 140px;
}
.story4-wrapper-right {
    padding:  40px 75px
}
.story4-wrapper-right h2 {
    font-size: var(--title-all);
    color: var(--color-text);
    font-weight: 500;
    line-height: 56px;
    margin-bottom: 40px;
}
.text.story4-txt-1 p {
    font-size: 20px;
    color: var(--color-text);
    font-weight: 400;
    text-align: justify;
    margin-bottom: 40px;
}

.text.story4-txt-2 h3 {
    font-size: 19px;
    color: var(--color-text);
    font-weight: 500;
    font-family: var(--ff-1);
}
.text.story4-txt-2 p {
    color: var(--color-text);
    margin-bottom: 20px;
}
.text.story4-txt-2 p:last-child {
    margin-bottom: 0;
 }
.story4-wrapper-left {
    overflow: hidden;
    border-radius: 10px;
}
.story4-wrapper-left h4 {
    color: color-mix(in srgb, var(--fs-color-secondary) 45%, white 99%);
    font-size: 18px;
    font-family: var(--ff-1);
}
.story4-wrapper-left p {
    font-size: 36px;
    color: color-mix(in srgb, var(--fs-color-secondary) 45%, white 99%);
    line-height: 42px;
    
}
.text.story4-txt-2 p {
    display: flex;
    align-items: center;
    gap: 10px;
}
.story4-txt-2 p img {
	margin: 0 !important;
}
.story5-title-left,
.story5-title-right { 
    padding: 0;
}
.sotry5-row {
    background-color: #F0EAE1;
}
.sotry5-wrapper {
    max-width: 80%;
    margin: auto;
}
.row.story5-title {
    padding-top: 120px;
    padding-bottom: 60px;
}
.row.story5-title h2 {
    font-size: var(--title-all);
    color: var(--color-text);
    font-weight: 500;
    line-height: 52px;
    margin-bottom: 20px;
}
.row.story5-title p {
    color: var(--color-text);
    font-size: 20px;
}
.story5-slider .box-image {
    overflow: hidden;
    border-radius: 10px;
}
.story5-slider-row h4 {
    color: var(--color-text);
    font-family: var(--ff-1);
    padding-bottom: 12px;
    font-weight: 700;
}
.story5-slider-row p {
    color: var(--color-text);
}
#main .row.story5-slider-row {
    padding-bottom: 90px;
}
 .flickity-button {
    opacity: 1;
   
}
 .flickity-button svg {
    background-color: #fff;
 }
#main .flickity-prev-next-button .arrow{
    fill: #D6AD4D;
 }
.slider-nav-circle .flickity-prev-next-button:hover svg {
    background-color: #D6AD4D;
    border-color: #D6AD4D;
 }
.flickity-prev-next-button.previous {
left: -3%;
}
.flickity-prev-next-button.next {
    right: -3%;
}
.row.story6-row {
    width: 80%;
    padding-top: 140px;
    padding-bottom: 140px;
}
.story6-wrapper-left h3 {
    font-family: var(--ff-1);
    color: var(--color-text);
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}
.story6-wrapper-left p {
    color: var(--color-text);
    
}
.story6-wrapper-left p:nth-child(4) {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #0D1F3D29;
}
.story6-wrapper-left p:nth-child(2) {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #0D1F3D29;
}
.story6-wrapper-left {
    padding-right: 120px;
}
.story6-wrapper-right p {
    font-size: 32px;
    color: var(--color-text);
    line-height: 41px;
    padding-bottom: 60px;
}
.story6-wrapper-right img {
    border-radius: 10px;
}
.story7-row {
    background-color: #F0EAE1;
    padding-top: 100px;
    padding-bottom: 100px;
}
.story7-wrapper {
    max-width: 80%;
    margin: auto;
}
.story7-wrapper h2 {
    font-size: var(--title-all);
    color: var(--color-text);
    font-weight: 500;
    line-height: 56px;
    width: 55%;
    margin: auto;
    padding-bottom: 64px;
}
.story7-icon img {
    border-radius: 10px;
    margin-bottom: 24px;
}
.story7-icon .box-text {
    padding: 0;
}
.story7-icon .box-text h4 {
    color: var(--color-text);
    font-size: 24px;
    font-weight: 600;
    line-height: 31.2px;
    letter-spacing: -0.48px;
    padding-bottom: 14px;
}
.story7-icon .box-text p {
     color: var(--color-text);
     font-size: 16px;
     text-align: justify;
}
.row.story8-row {
    width: 70%;
    padding-top: 120px;
    padding-bottom: 160px;
}
.text.story7-title p {
    font-size: var(--title-all);
    color: var(--color-text);
    line-height: 56px;
    padding-bottom: 64px;
}
.story7-info-row img {
    border-radius: 10px;
}
.story7-info-row .box-text {
    padding-left: 60px;
}
.story7-info-row .box-text h4 {
    color: var(--color-text);
    font-family: var(--ff-1);
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.52px;
}
.story7-info-row .box-text h3 {
    font-size: 36px;
    color: var(--color-text);
    font-weight: 400;
    line-height: 42px;
    letter-spacing: -1.08px;
    padding-bottom: 24px;
}
.story7-info-row .box-text p {
    color: var(--color-text);
    font-size: 16px;
    text-align: justify;
}
.story7-info-icon:nth-child(1),
.story7-info-icon:nth-child(2) {
    padding-bottom: 64px;
    margin-bottom: 64px;
    border-bottom: 1px solid #0D1F3D29;
}
.sotry9-wrapper .col-inner {
    min-height: 600px;
    position: relative;
}
.sotry9-wrapper .img {
    position: absolute;
}
.sotry9-wrapper .text.story9-txt {
    position: absolute;
    top: 40%;
    left: 50%;
	transform: translate(-50%, -50%);
    background-image: url(/wp-content/uploads/2025/02/Vector-1-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 180px;
    min-width: 455px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.text.story9-txt p {
    font-size: 16px;
    color:  color-mix(in srgb, var(--fs-color-secondary) 10%, #8F773F 98%);
    font-family: var(--ff-1);
    font-weight: 600;
}
.text.story9-txt h3 {
    font-size: var(--title-all);
    color: color-mix(in srgb, var(--fs-color-secondary) 10%, #8F773F 98%);
    font-weight: 400;
    line-height: 56px;
    padding: 10px;
    margin: 0
}
.home1-wrapper .col-inner {
    position: relative;
    overflow: hidden;
    min-height: 770px;
}
.home1-wrapper .col-inner .img {
    position: absolute;
}
#main .row.home1-info{
    width: 90%;
}
.home1-info-left .col-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.text.home1-info-text {
    width: 70%;
}
.text.home1-info-text h3 {
	font-size: 1.3vw;
    color: var(--color-text-2);
    font-family: var(--ff-1);
    font-weight: 600;
}
.text.home1-info-text h2 {
    font-size: 4.5vw;
    color: var(--color-text-2);
    font-weight: 400;
    font-style: normal;
    line-height: 80px;
    letter-spacing: -3.2px;
    margin-top: 8px;
    margin-bottom: 24px;
    white-space: nowrap;
}
.text.home1-info-text p {
    font-size: 1.3vw;
    color: var(--color-text-2);
    text-align: justify;
}

.home1-info-left .col-inner {
    display: flex;
    justify-content: start;
}
.home1-wrapper .img.has-hover.home1-img {
    transform: translateY(-80px);
}
.home2-row .home2-wrapper1{
    padding-top: 100px;
}
.home2-row .home2-wrapper2 {
    padding-bottom: 100px;
}
.home2-wrapper1 p {
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 600;
    padding-bottom: 8px;
}
.home2-wrapper1 h2 {
    color: var(--color-text);
    font-size: var(--title-all);
    font-weight: 400;
    margin-bottom: 0;
}
.home2-stack {
    padding-top: 100px;
    padding-bottom: 100px;
    width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
}
.home2-row {
    background: color-mix(in srgb, var(--fs-color-secondary) 20%, white 30%);
}
.home2-stack .home2-img3 .img-inner img {
    width: 100%;
    max-width: 300px;
    height: 400px;
    object-fit: cover;
    object-position: center center;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F0EAE1;
    border-radius: 8px 8px 8px 8px;
}
.home2-stack .home2-img2 .img-inner img{
    width: 100%;
    max-width: 260px;
    height: 354px;
    object-fit: cover;
    object-position: center left;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    border-color: #F0EAE1;
    border-radius: 08px 0px 0px 08px;
}
.home2-stack .home2-img1 .img-inner img {
    width: 100%;
    max-width: 260px;
    height: 314px;
    object-fit: cover;
    object-position: center left;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    border-color: #F0EAE1;
    border-radius: 08px 0px 0px 08px;
}
.home2-stack .home2-img4 .img-inner img {
    width: 100%;
    max-width: 260px;
    height: 354px;
    object-fit: cover;
    object-position: center right;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-color: #F0EAE1;
    border-radius: 0px 08px 08px 0px;
}
.home2-stack .home2-img5 .img-inner img {
    width: 100%;
    max-width: 260px;
    height: 314px;
    object-fit: cover;
    object-position: center right;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-color: #F0EAE1;
    border-radius: 0px 08px 08px 0px;
}
.home2-wrapper2 {
    max-width: 60%;
    margin: auto;
}
.home2-wrapper2 p {
    color: var(--color-text);
    font-size: 20px;
    padding-bottom: 60px;
}
.home2-wrapper2 .col-inner {
    text-align: center;
}
.home2-wrapper2 a {
    padding: 5px 20px;
}
.home2-wrapper2 a span {
    font-size: 13px;
    font-family: var(--ff-1);

}
.home2-wrapper2 a.button {
    background-color: color-mix(in srgb, var(--fs-color-secondary) 100%, yellow 10%);
    border-color: color-mix(in srgb, var(--fs-color-secondary) 100%, yellow 10%);
    padding: 8px 40px;
}
/* Trạng thái ban đầu (chưa scroll tới) */
.home2-img1.move {
    transform: translateX(220%);
    opacity: 0;
}
.home2-img2.move {
    transform: translateX(110%);
    opacity: 0;
}
.home2-img4.move {
    transform: translateX(-110%);
    opacity: 0;
}
.home2-img5.move {
    transform: translateX(-220%);
    opacity: 0;
}
/* Khi scroll tới thì về vị trí */
.home2-img1,
.home2-img2,
.home2-img4,
.home2-img5 {
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.home2-img1.show,
.home2-img2.show,
.home2-img4.show,
.home2-img5.show {
    transform: translateX(0);
    opacity: 1;
}
.home3-row {
    width: 80%;
    padding-top: 100px;
}
.home3-protop-left h2 {
    font-size: var(--title-all);
    color: var(--color-text);
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -1.44px;
    margin: 0;
}
.home3-protop-right {
    display: flex;
    align-items: center;
    justify-content: center;
}
.home3-protop-right a.button.primary.is-outline {
    border-color: #0D1F3D29;
    padding: 12px 40px;
    line-height: 1.6;
}
.home3-protop-right a.button.primary.is-outline:hover {
    background-color: #fff;
    border-color: var(--fs-color-primary);
}
.home3-protop-right a.button.primary.is-outline span {
    font-size: 14px;
}
.home3-protop-right a.button.primary.is-outline span,
.home3-protop-right a.button.primary.is-outline:hover span {
    color: var(--fs-color-primary);
    font-size: 14px;
    font-weight: 600;
    font-family: var(--ff-1);
}
.home3-wrapper-1 {
    padding-bottom: 100px;
    margin-bottom: 100px;
    border-bottom: 1px solid #0D1F3D29;
}
.home3-wrapper {
    padding-bottom: 100px;
}
.home4-row {
    padding-top: 100px;
    padding-bottom: 100px;
    background: color-mix(in srgb, var(--fs-color-secondary) 20%, white 30%);
}
.home4-row .home4-wrapper {
    max-width: 80%;
    margin: auto;
}
.home4-row .home4-info-left .col-inner{
    width: 70%;
    margin: 0;
}
.home4-row .home4-info-left p {
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 600;
}
.home4-row .home4-info-left h2 {
    color: var(--color-text);
    font-size: var(--title-all);
    font-weight: 400;
    line-height: 56px;
    padding-top: 8px;
}
.row.home4-info-row {
    padding-bottom: 100px;
}
.home4-info-right p {
    color: var(--color-text);
    font-size: 20px;
    text-align: justify;
}
.home4-info-right {
    display: flex;
    align-items: center;
}
.home4-icon-img .box-text {
    padding: 30px 20px 0;
}
.home4-icon-img .box-text p:first-child {
    color: var(--color-text-2);
    font-size: 20px;
}
.home4-icon-img .box-text p:nth-child(2) {
    color: var(--color-text-2);
    font-size: 14px;
    font-family: var(--ff-1);
}
.home4-icon-img .box-image {
    border-radius: 10px;
    overflow: hidden;
}

.home4-icon-wrapper:nth-child(2),
.home4-icon-wrapper:nth-child(4) {
    transform: translateY(60px);
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.home4-icon-wrapper.show {
    transform: translateY(0);
}
.home5-row {
    width: 80%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.home5-row .home5-info-left .col-inner {
    width: 70%;
    margin: 0;
}
.home5-info-left {
    display: flex;
    flex-direction: column;
}
.home5-info-left .col-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home5-info-left h3 {
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 600;
}
.home5-info-left h2 {
    color: var(--color-text);
    font-size: var(--title-all);
    font-weight: 400;
    line-height: 56px;
}
.home5-info-left p {
    font-size: 20px;
    color: var(--color-text);
    padding-bottom: 40px;
}
.home5-info-left a {
    width: 60%;
}
.home5-info-left a.button.primary.is-outline {
    border-color: #0D1F3D29;
    padding: 10px 20px;
    line-height: 1.6;
}
.home5-info-left a.button.primary.is-outline:hover {
    background-color: #fff;
    border-color: var(--fs-color-primary);
}
.home5-info-left a.button.primary.is-outline span {
    font-size: 14px;
}
.home5-info-left a.button.primary.is-outline span,
.home5-info-left a.button.primary.is-outline:hover span {
    color: var(--fs-color-primary);
    font-size: 14px;
    font-weight: 600;
    font-family: var(--ff-1);
}
.home5-info-right .img-inner {
    border-radius: 100%;
    overflow: hidden;
}
.home5-info-right img {
    transition: transform 0.3s ease-in-out;
    
}
.home5-info-right img:hover {
    transform: scale(1.1);
}
.home6-row {
    background: color-mix(in srgb, var(--fs-color-secondary) 20%, white 30%);
    padding-top: 100px;
    padding-bottom: 100px;
}
.home6-row .home6-wrapper {
    max-width: 80%;
    margin: auto;
}
.home6-info-left p {
    font-size: var(--title-all);
    color: var(--color-text);
    font-weight: 300;
    line-height: 56px;
}
.home6-info-row {
    padding-bottom: 60px;
}
.home6-info-right a.button.primary.is-outline {
    border-color: #0D1F3D29;
    padding: 10px 20px;
    line-height: 1.6;
}
.home6-info-right a.button.primary.is-outline:hover {
    background: color-mix(in srgb, var(--fs-color-secondary) 20%, white 30%);
    border-color: var(--fs-color-primary);
}
.home6-info-right a.button.primary.is-outline span {
    font-size: 14px;
}
.home6-info-right a.button.primary.is-outline span,
.home6-info-right a.button.primary.is-outline:hover span {
    color: var(--fs-color-primary);
    font-size: 14px;
    font-weight: 600;
    font-family: var(--ff-1);
}
.row.home3-protop {
    padding-bottom: 32px;
}
.row.home3-prolist img.show-on-hover {
    display: none;
}
.row.home3-prolist .box-image {
    border-radius: 10px;
    overflow: hidden;
}
.row.home3-prolist img {
    transition: transform 0.3s ease-in-out;
    
}
.row.home3-prolist img:hover {
    transform: scale(1.1);
}
.row.home3-prolist .box-text .title-wrapper {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.price {
    font-size: 14px;
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 600;
    padding-top: 15px;
}
.product-small.box .product-thu-phap {
margin-bottom: 10px;
}
.product-small.box .product-thu-phap span {
    font-size: 9px;
    text-transform: uppercase;
    color: var(--color-text);
    background-color: rgba(230, 230, 230, 1);
    border-radius: 20px;
    padding: 6px 12px;
    font-family: var(--ff-1);
    font-weight: 600;
}
.product-small.box .product-dimensions {
    color: var(--color-text);
    font-size: 16px;
}
.breadcrumb-row {
    width: 82%;
    padding-top: 16px;
    padding-bottom: 32px;
}
.row.proct1-row {
    width: 82%;
}
.proct1-wrapper-left,
.large-2.large-col-first.vertical-thumbnails {
    padding-left: 0;
}
.proct1-wrapper-right {
    padding-left: 60px;
    padding-right: 0;
}
.proct1-wrapper-left  .flickity-slider .col a ,
.proct1-wrapper-left .large-10 .flickity-slider a img {
    border-radius: 10px;
    overflow: hidden;
}
.proct1-wrapper-left .flickity-button,
.proct1-wrapper-left .image-tools.absolute.bottom.left.z-3 {
    display: none;
}
.proct1-wrapper-right .product-title {
    font-size: var(--title-all);
    color: var(--color-text);
    font-weight: 500;
    text-align: center;
}
.proct1-wrapper-right .price.product-page-price {
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 20px;
}
.proct1-wrapper-right .text.proct-discount p {
    background-color: color-mix(in srgb, var(--fs-color-secondary) 40%, white 30%);;
    padding: 04px 012px 04px 012px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D6AD4D;
    border-radius: 32px 32px 32px 32px;
    color: var(--color-text);
    font-weight: 600;
    margin-bottom: 32px;
}
.breadcrumb-col a,
.breadcrumb-col .breadcrumb_last {
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 600;
    font-size: 12px;
}
.text.acf-dimensions-text p,
.text.acf-thu-phap-text p {
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 600;
    font-size: 13px;
}
.acf-dimensions-html,
.acf-thu-phap {
    color: var(--color-text);
    font-size: 16px;
}
.shop-container .row.acf-dimensions,
.shop-container .row.acf-thu-phap {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #0D1F3D29;
}
.acf-dimensions-wrapper,
.acf-thu-phap-wrapper {
    display: flex;
    align-items: center;
}
.add-to-cart-container {
    padding-top: 33px;
}
#main .ux-quantity__button {
    height: 40px;
    min-height: 0;
    text-shadow: none;
    line-height: 0;
    background-color: unset;
    border: 1px solid #ddd;
    color: #000;
    font-size: 20px;
    font-family: var(--ff-1);
}
#main .input-text.qty.text {
    height: 40px;
    min-height: 0;
    line-height: 0;
    border-left: none;
    border-right: none;
    box-shadow: none;
    background-color: #fff;
    font-family: var(--ff-1);
    border-top: 2px solid #D1D5DB;
    border-bottom: 2px solid #D1D5DB;
}
#main .ux-quantity__button.ux-quantity__button--minus {
    border-top-left-radius: 56px;
    border-bottom-left-radius: 56px;
    border: 2px solid #D1D5DB;
}
#main .ux-quantity__button.ux-quantity__button--plus {
    border-top-right-radius: 56px;
    border-bottom-right-radius: 56px;
    border: 2px solid #D1D5DB;
}
.ux-quantity.quantity.buttons_added {
    margin: 0;
}
.add-to-cart-container .cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.single_add_to_cart_button.button.alt,
#buy-now-button {
    border-radius: 56px;
    font-family: var(--ff-1);
    font-size: 12px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 4;
    margin-left: 10px;
    border: 2px solid #D1D5DB;
    background-color: #fff;
    color: var(--color-text);
}
.single_add_to_cart_button.button.alt:hover,
#buy-now-button:hover {
    background-color: #fff;
    box-shadow: none;
    border-color: var(--fs-color-primary);
}
.button.primary.is-outline.proct-hotline {
    width: 100%;
    background-color: var(--fs-color-secondary);
    padding: 5px;
    border: none;
    font-family: var(--ff-1);
    font-size: 14px;
    margin-bottom: 32px;
}
.button.primary.is-outline.proct-hotline:hover {
    color: var(--fs-color-primary);
}
#main .row.proct-policy {
    padding: 24px;
    border: 1px solid #0D1F3D29;
    border-radius: 10px;
}
#main .row.proct-policy p {
    font-size: 14px;
    color: var(--fs-color-primary);
    font-weight: 600;
}
.proct-policy-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.text.proct-txt-end {
    color: var(--color-text);
    padding-top: 5px;
    font-size: 14px;
    font-family: var(--ff-1);
    font-weight: 500;
}
.proct1-wrapper-left,
.proct1-wrapper-right,
.proct1-wrapper-left .col.large-10 {
    padding-bottom: 0;
}
.proct2-row {
    margin-top: 80px;
}
.row.row-full-width.proct2-row {
    background-color: #EFEFEF;
}
#main .row.proct2-all-row {
    width: 60%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    gap: 70px;
    flex-wrap: nowrap
}
#main .proct2-wrapper p {
    color: var(--color-text);
    font-family: var(--ff-1);
    font-weight: 600;
}
#main .proct2-wrapper p:hover {
    cursor: pointer;
}
.proct3-wrapper {
    max-width: 60%;
    margin: auto;
}
.proct-txt {
    color: var(--color-text);
    font-size: var(--title-all);
    font-weight: 400;
    line-height: 56px;
    padding-bottom: 20px;
}
.row.proct3 {
    padding-top: 80px;
    padding-bottom: 120px;
}
.row.proct3 h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--color-text);
}
.row.proct3 p {
    color: var(--color-text);
}
.proct-mtct,
.proct-tskt,
.proct-qtct {
    padding: 0 0 60px 0;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 60px;
}
.proct-tskt {
    padding-left: 0;
    padding-right: 0;
}
.proct-tskt .proct-tskt-acf {
    font-family: var(--ff-1);
    color: var(--color-text);
    font-size: 14px;
    font-weight: 600;
    width: 30%;
    border: 2px solid #0D1F3D29;
    border-radius: 32px;
    text-align: center;
    padding: 5px;
}
#main .video.video-fit.mb.proct3-video{
    margin-top: 50px;
}
.text.proct-chlq-txt.proct-txt {
    padding-bottom: 60px;
}
.proct-chlq {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.proct-chlq .accordion-title {
    border: 1px solid #D1D5DB;
    border-radius: 10px;
}
.proct-chlq .accordion-title:last-child {
    margin-bottom: 0;
}
.proct-chlq .accordion.proct3-accordion{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.proct-chlq .accordion.proct3-accordion span {
    font-size: 20px;
    color: var(--fs-color-primary);
    font-weight: 600;
}
.proct4-row {
    background-color: #EFEFEF;
    padding-top: 100px;
    padding-bottom: 100px;
}
.proct4-wrapper {
    max-width: 58%;
    margin: auto;
}
.text.proct4-info h2 {
    color: var(--color-text);
    font-size: var(--title-all);
    font-weight: 500;
    margin-bottom: 40px;
}
.text.proct4-info p {
    color: var(--color-text);
    padding-bottom: 30px;
}
.row.proct4-btn-row a {
    width: 100%;
    background-color: #fff;
    color: var(--fs-color-primary);
    font-family: var(--ff-1);
    padding: 5px 20px
}
.row.proct4-btn-row {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
}
.row.proct5-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.text.proct5-txt.proct-txt {
    padding-bottom: 40px;
}
.row.proct5-row {
    width: 80%;
}
img.show-on-hover {
    display: none;
}
.proct5-wrapper .product-title {
    font-size: 20px;
}
.proct5-wrapper .box-image {
    border-radius: 10px;
    overflow: hidden;
}
.proct5-wrapper img:hover {
    transform: scale(1.1);
}
.proct5-wrapper img {
    transition: transform 0.3s ease-in-out;
}
.has-transparent+.page-title:first-of-type {
    padding-top: 400px !important;
}
.shop-page-title.category-page-title .cate-title {
    display: none;
}
.row.category-page-row .col.large-9 p.text-center {
    display: none;
}
.row.category-page-row .large-3{
    flex-basis: 100%;
    max-width: 100%;
    padding-top: 100px;
    padding-bottom: 0;
}
.row.category-page-row .large-9 {
    flex-basis: 100%;
    max-width: 100%;
}
.row.category-page-row .large-9 .title-order h1{
    display: none;
}
.header.has-transparent.toggle-nav-dark.has-sticky.sticky-jump.transparent.nav-dark {
    background-color: var(--fs-color-primary);
}
.shop-page-title .title-overlay {
    background-color: transparent
}
.shop-page-title.featured-title .title-bg {
    height: initial !important
}
.shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center {
    background-image: url(/wp-content/uploads/2025/02/Vector.png);
	background-size: cover;
	left: 50%;
	transform: translate(-50%);
	z-index: 10;
}
.shop-page-title.category-page-title .page-title-inner {
    padding: 0;
}
.shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center {
    position: absolute;
    height: 100%;
    width: 35%;
    background-repeat: no-repeat;
/*     left: 35%; */
}
.shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center .woocommerce-breadcrumb {
    color: var(--color-text);
	right: 50%;
    transform: translate(50%);
    width: 100%;
    font-size: 2.5vw;
/*     font-size: 40px; */
    font-weight: 500;
    position: absolute;
    bottom: -27px;
    z-index: 100;
/*     right: 70px; */
}
.row.category-page-row {
    width: 80%;
}
 .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable {
    border: 2px solid #0D1F3D29;
    border-radius: 50px;
}
.yith-wcan-filters .filters-container form {
    display: flex;
    gap: 10px;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable.opened,
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable.opened+.filter-content {
    border: 2px solid #0D1F3D29;
    box-shadow: 0 0 7px 0 #0D1F3D29 !important;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable+.filter-content {
    min-width: 210px;
    padding: 5px 15px
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item>a:hover,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item>label>a:hover,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active>a,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active>label>a {
    color: var(--fs-color-secondary);
}
.yith-wcan-filters.horizontal.no-title.enhanced,
#custom_html-2 {
    margin: 0;
}
.woocommerce-ordering select {
    font-size: 18px;
    border: 2px solid #0D1F3D29;
    border-radius: 50px;
}
.woocommerce-ordering select option {
    font-size: 16px;
}
.row.category-page-row .large-9 .all-title-order {
    display: none;
}
.shop-container .product-small.box .box-image {
    border-radius: 10px;
    overflow: hidden;
}
.shop-container .product-small.box .box-image img {
    transition: transform 0.3 ease-in-out;
}
.shop-container .product-small.box .box-image img:hover {
    transform: scale(1.1)
}
.shop-container .product-small.box .quick-view.quick-view-added {
    display: none;
}
.shop-container .product-small.box .name.product-title {
    font-size: 20px;
}
.shop-container .product-small.box p.category {
    display: none;
}
.product-small.box .product-attribute span {
    font-size: 0.7vw;
    text-transform: uppercase;
    color: #0D1F3D;
    background-color: rgba(230, 230, 230, 1);
    border-radius: 20px;
    padding: 6px 12px;
    font-family: var(--ff-1);
    color: var(--color-text);
    font-weight: 600;
    
}
.product-small.box .product-attribute {
    margin-bottom: 8px;
}
.proct5-row h3 {
    text-align: center;
    font-size: var(--title-all);
    color: var(--color-text);
}
.proct5-row .product-section {
    border: none;
}

/* CART - CHECKOUT */
/* Trang giỏ hàng */
.cart-sidebar.col-inner {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th {
    border-left: 1px solid var(--fs-color-primary);
    border-right: 1px solid var(--fs-color-primary);
    border-bottom: 1px solid var(--fs-color-primary);
    text-align: center;
    color: black;
    font-size: 14px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th.product-subtotal {
    border-top-right-radius: 10px;
    border-right-width: 0px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th.product-name {
    border-top-left-radius: 10px;
    border-left-width: 0px;
}
.cart-collaterals .cart-sidebar table {
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 5px;
    margin-bottom: 5px;
}
.cart_totals th.product-name {
    color: black;
    text-align: center;
}
.cart-collaterals .cart-sidebar table th {
    color: white;
    font-size: 20px;
}
.cart-collaterals .cart-sidebar table.shop_table_responsive {
    background: unset;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
    padding-left: 10px;
    padding-right: 10px;
}
.cart-collaterals .cart-sidebar table.shop_table_responsive th {
    color: black !important;
    font-size: unset;
}
.order-total span.amount {
    color: red !important;
    font-size: 20px;
}
.cart_totals .wc-proceed-to-checkout {
    margin: 0.5em 0;
    padding: 0 10px;
}
a.button.wc-forward {
    width: 100%;
    background: var(--fs-color-secondary);
    color: #fff;
    padding: 0px 10px;
    border-radius: 4px;
    font-size: 12px;
    -webkit-transition: .3s;
    text-transform: uppercase;
    border: 1px solid var(--fs-color-secondary);
    height: 40px;
    line-height: 40px;
}
.cart-collaterals .cart-sidebar form.checkout_coupon {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.cart-collaterals .cart-sidebar form.checkout_coupon button {
    border-radius: 5px;
}
.checkout_coupon button.button.expand {
    background: var(--fs-color-secondary);
    border-radius: 5px;
    margin-bottom: 10px;
    color: white;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    overflow: hidden
}
.woocommerce-cart-form__cart-item.cart_item td {
    padding: 10px 10px;
}
.woocommerce-cart-form__cart-item del span.amount {
    color: #111 !important;
    font-weight: 700;
    white-space: nowrap;
}
.quantity .button.minus {
    border-radius: 0;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    line-height: 0px;
    border: solid 1px #e4e4e4;
    width: 40px;
    height: 41px;
    background-color: #fff;
    float: left;
    color: #333;
    text-align: center;
    padding: 0px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.quantity input[type=number] {
    display: block;
    color: black;
    text-align: center;
    background: #fff;
    margin: 0;
    height: 41px;
    line-height: 40px;
    box-shadow: none;
    font-size: 16px;
    width: 60px;
    padding: 0;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
}
.quantity .button.plus {
    border-radius: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    line-height: 0px;
    border: solid 1px #e4e4e4;
    width: 40px;
    height: 41px;
    background-color: #fff;
    float: left;
    color: #333;
    text-align: center;
    padding: 0px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.actions.clear {
    padding: 10px 10px;
}
.continue-shopping.pull-left.text-left {
    margin-right: 20px;
    margin-left: 20px !important;
}
#main .woocommerce.row.row-large.row-divided {
    background-color: #fff;
    border-radius: 1rem;
    padding: 30px 0;
    margin-bottom: 32px;
}
#main a.button-continue-shopping.button.primary.is-outline {
    border: 1px solid var(--fs-color-secondary);
    border-radius: 5px;
    width: 100%;
    text-align: center;
    padding-top: 1px;
}
button.button.primary.mt-0.pull-left.small {
    border: 1px solid var(--fs-color-secondary);
    border-radius: 5px;
    width: 57%;
    text-align: center;
    padding-top: 1px;
    background: var(--fs-color-secondary);
}
.woocommerce-billing-fields h3 {
    text-align: center;
    background: linear-gradient(to right, var(--fs-color-secondary), var(--fs-color-primary));
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px;
    color: white;
}
.woocommerce-billing-fields__field-wrapper {
    padding: 0 15px;
}
.woocommerce-billing-fields {
    border-top: unset;
    padding-top: unset;
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    margin-bottom: 25px;
}
/* Thanh toán thành công */
.woocommerce-order-details {
    border: 1px solid #efefef;
    border-radius: 10px;
}
h2.woocommerce-order-details__title {
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(to right, #8cc7a8, #b2d18f);
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    font-size: 20px;
}
table.woocommerce-table--order-details {
    padding-left: 10px;
    padding-right: 10px;
}
.woocommerce-order-details {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
}
h2.woocommerce-order-details__title {
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    font-size: 20px;
}
table.woocommerce-table--order-details {
    padding-left: 10px;
    padding-right: 10px;
}
.woocommerce-customer-details {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
}
h2.woocommerce-column__title {
    text-align: center;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
    padding: 10px;
    color: white;
    font-size: 20px;
}
.woocommerce-customer-details address {
    padding-left: 10px;
    padding-right: 10px;
    color: #777;
}
td.product-name a {
    color: #000;
    font-weight: 700;
    font-size: 14px;
}
.shop_table tfoot th {
    font-size: 85%;
    letter-spacing: 0;
    text-transform: inherit;
    color: #777;
}
.woocommerce-table__product-name.product-name,
.woocommerce-table__product-table.product-total {
    color: #777;
}
.woocommerce-customer-details--phone {
    margin-bottom: 1.3em;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
    font-style: normal;
    color: #000;
}
form.checkout h3 {
    font-size: 1.1em;
    font-weight: bolder;
    overflow: hidden;
    padding-top: 10px;
    text-transform: uppercase;
}
.woocommerce-additional-fields h3 {
    border: 1px solid #efefef;
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
h3#order_review_heading {
    text-align: center;
    color: black;
}
th,
td {
    border-bottom: 0;
}
.woocommerce-checkout .cart_item .product-name {
    display: flex;
}
.woocommerce-checkout .cart_item .product-name img {
    margin-right: 15px;
    border-radius: 5px;
}
.tpspicp_cart_image {
    border-radius: 0px;
    height: 40px;
}
.woocommerce-checkout .cart_item .product-name strong.product-quantity {
    padding-left: 10px;
    align-items: center;
    display: flex;
}
.woocommerce-checkout ins span.amount {
    color: var(--fs-color-secondary) !important;
    font-weight: 700;
    white-space: nowrap;
}
.woocommerce-checkout span.amount {
    font-weight: 700;
    white-space: nowrap;
}
.order-total span.amount {
    color: red !important;
    font-size: 20px;
}
.order-total .woocommerce-Price-currencySymbol {
    color: red !important;
}
input {
    box-shadow: unset;
}
.checkout-sidebar button {
    border-radius: 5px;
}
.woocommerce-billing-fields {
    border-top: unset;
    padding-top: unset;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-bottom: 25px;
}
.woocommerce-checkout .content-area.page-wrapper {
    h3 {
        text-align: center;
    }
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
    padding: 5px 10px;
}
.woocommerce-checkout .content-area.page-wrapper {
    .input-text {
        box-shadow: unset;
    }
}
.woocommerce-billing-fields h3 {
    text-align: center;
    background: linear-gradient(to right, var(--fs-color-secondary), var(--fs-color-primary));
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px;
    color: white;
}
.woocommerce-billing-fields {
    border-top: unset;
    padding-top: unset;
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    margin-bottom: 25px;
}
a.showcoupon {
    color: var(--fs-color-secondary) !important;
    font-size: 0.9rem;
    padding: 5px 10px;
    font-weight: 700;
    border: 1px solid var(--fs-color-secondary);
    border-radius: 5px;
    margin-left: 10px;
}
a.showcoupon:hover {
    color: white !important;
    background: var(--fs-color-secondary);
}
.cart-container thead th.product-name {
    border-left-width: 0px;
    font-weight: 700;
}
.cart-container thead th.product-subtotal {
    border-left-width: 0px;
}
.woocommerce-cart-form__cart-item.cart_item .product-thumbnail a {
    width: 77px;
    height: 77px;
    border-radius: 0.6rem;
    overflow: hidden;
    display: block;
}
.woocommerce-cart-form__cart-item.cart_item .product-thumbnail a img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.woocommerce-checkout .cart_item .product-name img {
    height: 100px;
    width: 75px;
}
.shop_table dl.variation {
    display: none;
}
@media screen and (max-width: 1024px) {
    /* responsive 1024 cart */
    button.button.primary.mt-0.pull-left.small {
        width: 45%;
    }
    .cart-container .woocommerce .large-7 {
        padding: 0 15px 0 15px;
    }
    #main .cart-container .woocommerce .large-5 {
        padding: 0 15px 0 15px;
        border-left: 0;
    }
    .message-container.container.medium-text-center {
        padding-left: 15px;
    }
}
.story7-info-row .box-text h4 {
    font-weight: 700;
}
.story4-icon .box-text {
    background-image: linear-gradient(180deg, #8F773F00 0%, #8F773FB3 100%);
}
.story4-wrapper-left h4 {
    font-weight: 600;
}
.proct-vid {
	margin-top: 40px;
}
.ct-map-left .r-top .col {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #a7a7a7;
}
.contact-map .c-right h2 {
	color: var(--color-text);
    font-size: 20px;
    font-family: var(--ff-1);
    font-weight: 600;
    margin-bottom: 15px;
}
.contact-map .c-right .col-inner {
	padding: 20px;
	border-radius: 20px;
	background: #f3f3f3;
}
.wpcf7-form .contact_form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 12px;
}
.wpcf7-form .contact_form p:nth-child(3),
.wpcf7-form .contact_form p:nth-child(4),
.wpcf7-form .contact_form p:nth-child(5) {
	grid-column: 1 / -1;
}
.wpcf7-form .contact_form .wpcf7-submit {
	margin: 0;
	border-radius: 20px;
	    background: var(--primary-color) !important;
    line-height: 1;
    font-size: 14px;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto;
    border-color: #000;
}
.wpcf7-form {
	margin-bottom: 0;
}
.wpcf7-spinner {
	display: none;
}
.wpcf7-form input {
	border-radius: 20px;
	box-shadow: none;
	height: 40px;
	margin-top: 3px
}
.wpcf7-form textarea {
	margin-top: 3px;
}
.wpcf7-form  p label span.note {
	color: red;
	padding-left: 5px;
}
.wpcf7-form  textarea {
	border-radius: 20px;
}
.contact-img-1 {
	margin-bottom: 0 !important
}
.related-products-wrapper .flickity-button {
	box-shadow: none !important;
	background: transparent
}
.related-products-wrapper .flickity-prev-next-button svg {
	padding: 0;
	background: transparent
}
.sec-home.sec-home-top {
	height: calc(100vh - 100px);
	overflow: hidden;
}
.sec-home.sec-home-top .section-content.relative {
	height: 100%;
    display: flex;
    align-items: end;
}
a#top-link:hover {
  transform: scale(1.1);
}

a#top-link {
 background-color: #fff !important;
 border-color: #fff !important;
 color: #fff !important;
 mix-blend-mode: difference;
 transition: .3s all;
}
a#top-link i {
    mix-blend-mode: difference;
}
.story1-text-wrapper .box-label .box-text {
	background: transparent !important;
	box-shadow: none !important;
	bottom: 4.5px;
}
.c-logo-dvvc .col-inner {
	display: flex;
	gap: 10px;
}
.c-logo-dvvc .col-inner .img {
	margin-bottom: 0;
	width: 10% !important;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	padding: 2px 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

label[for="payment_method_momo"] img {
	    width: 30px;
}
label[for="payment_method_vnpay"] img {
	width: 100px;
}
.ft-top-right .col-inner {
	flex-direction: column
}
.ft-top-right .c-logo-dvvc .col-inner {
	    flex-direction: row;
	justify-content: start
}
.ft-top-right .c-logo-dvvc .col-inner .img {
	width: 14% !important
}
.ft-top-right .c-logo-dvvc {
	margin-top: 15px;
}








/* RESPONSIVE */

/* r15 */
@media screen and (max-width: 1500px) and (min-width: 1390px) and (orientation: landscape) {
	#main .row.story1-text p {
		line-height: 50px;
	}
}
/* r12 */
@media screen and (max-width: 1389px) and (min-width: 1200px) and (orientation: landscape) {
	#main .row.story1-text p {
		font-size: 40px;
		line-height: 43px;
	}
}

/* r10 */
@media screen and (max-width: 1024px) {
	.story1-text-wrapper .box-text .box-text-inner p:nth-child(3) {
		margin-top: 20px;
	}
	.story1-text-wrapper .box-label .box-text {
		bottom: 20%;
	}
	.story1-text-wrapper .box-label .box-image {
		transform: rotate(90deg);
	}
	.story1-text-wrapper .box-label {
		overflow: visible !important;
	}
	.text.home1-info-text p {
		font-size: 1.8vw;
	}
	.text.home1-info-text h2 {
		font-size: 4vw;
	}
	.sec-home.sec-home-top {
		height: calc(35vh - 85px);
	}
	#main .sec-banner-last .section-bg {
		background-position: 54% 0% !important;
	}
	#main .sec-banner-last { 
		min-height: 50vh !important;
		height: initial !important;
	}
	#main .row.story1-text p br:nth-child(1),
	#main .row.story1-text p br:nth-child(3){
display: none;}
	#main .sec-story {
		min-height: 50vh !important;
    	height: initial !important;
	}
    #main .proct2-wrapper p {
        font-size: 14px;
    }
    .row.proct5-row .product-small.col {
        flex-basis: 50%;
        max-width: 50%;
    }
    .row.proct5-row {
        width: 90%;
    }
    .proct3-wrapper,
    .proct4-wrapper {
        max-width: 90%;
    }
    .text.proct-txt-end p {
        text-align: center;
    }
    #main .row.proct2-all-row {
        width: 90%;
    }
    .proct1-wrapper-right .product-title {
        text-align: left;
        padding-top: 40px;
    }
    .proct1-wrapper-right {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
    }
    .proct1-wrapper-left {
        flex-basis: 100%;
        max-width: 100%;
        padding-right: 15%;
    }
    .row.proct1-row,
    .breadcrumb-row {
        width: 90%;
    }
    .category-page-row .large-9 .product-small.col {
        flex-basis: 50%;
        max-width: 50%;
    }
    .row.category-page-row {
        width: 95%;
    }
    .shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center .woocommerce-breadcrumb {
        right: 50%;
		font-size: 3.5vw;
    }
	.shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center {
		left: 50%;
		width: 50%;
    }
    .home4-icon-wrapper:nth-child(2),
    .home4-icon-wrapper:nth-child(4) {
        transform: translateY(0);
    }
    .home4-row .home4-info-left .col-inner {
        width: 100%;
    }
    .home2-stack {
        width: 93%;
    }
    .guide-blog .col .box-text {
        padding: 20px;
        vertical-align: middle;
    }

    .guide-blog .col {
        flex-basis: 100%;
        max-width: 100%;
    }
    .home6-row .home6-wrapper {
        max-width: 95%;
    }
    #main .home5-info-right .col-inner .img {
        width: 90%;
    }
    .home5-info-right .col-inner {
        display: flex;
        justify-content: end;
    }
    .home5-row .home5-info-left .col-inner {
        width: 90%;
    }
    .home5-info-left h2 {
        font-size: 44px;
    }
    .home5-row {
        width: 95%;
    }
    .home4-icon-row .home4-icon-wrapper {
        flex-basis: 50%;
        max-width: 50%;
    }
    .row.home4-info-row .home4-info-left,
    .row.home4-info-row .home4-info-right {
        flex-basis: 100%;
        max-width: 100%;
    }
    .home4-row .home4-wrapper {
        max-width: 95%;
    }
    .home3-wrapper-1 {
        padding-bottom: 80px;
        margin-bottom: 80px;
    }
    .home3-prolist .col {
        flex-basis: 50%;
        max-width: 50%;
    }
    .home3-row {
        width: 95%;
    }
    .home1-wrapper .img.has-hover.home1-img {
        transform: translateY(0);
    }
    .home1-wrapper .home1-img .img-inner,
    .home1-wrapper .home1-img .img-inner img {
        height: 100%;
    }
    .home1-wrapper .home1-img {
        transform: translateY(0);
        margin: 0;
        height: 100%;
    }
    #main .home1-wrapper .home1-info .home1-info-left {
        max-width: 80%;
    }
    .home1-wrapper .home1-info {
        display: flex;
        align-items: center;
        justify-content: center !important;
    }

    #main .home1-info-left .col-inner {
        min-height: initial;
    }
    #main .home1-info-right .col-inner .img {
        width: 60%;
    }
    .home1-info-right .col-inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .home1-wrapper .col-inner {
        min-height: 570px;
    }
    .text.home1-info-text {
        width: 100%;
    }
    .home1-wrapper .row.align-right.home1-info .home1-info-left,
    .home1-wrapper .row.align-right.home1-info .home1-info-right {
        flex-basis: 100%;
        max-width: 100%;
    }
    #main .row.home1-info {
        width: 100%;
    }
    .sotry9-img .img-inner {
        position: relative;
        padding-top: 59%;
    }
    .sotry9-img .img-inner img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.3s ease-in-out;
        object-position: top;
        object-position: top;
    }

    #main .story7-info-icon .box-image {
        width: 28% !important;
    }
    .row.story8-row {
        width: 90%;
    }
    .story7-wrapper .story7-info-wrapper {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .story7-wrapper h2 {
        width: 80%;
    }
    .story7-wrapper {
        max-width: 90%;
    }
    #main .story6-wrapper-right .img {
        width: 65%;
    }
    .story6-wrapper-right p {
        padding-bottom: 20px;
    }
    .story6-wrapper-left {
        padding-right: 20px;
    }
    .row.story6-row {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .row.story6-row {
        width: 90%;
    }
    #main .story5-title-right .img {
        width: 44%;
    }
    .row.story5-title p {
        font-size: 17px;
    }
    .row.story5-title h2 {
        font-size: 38px;
    }
    .sotry5-wrapper {
        max-width: 90%;
    }
    #main .story4-wrapper-right {
        padding-bottom: 0;
    }
    .story4-wrapper-right {
        padding: 40px 0px;
    }
    .story4-wrapper-left,
    .story4-wrapper-right {
        flex-basis: 100%;
        max-width: 100%;
    }
    .row.story4 {
        width: 90%;
        margin-bottom: 110px;
    }
    .text.story2-txt p:first-child {
        width: 90%;
    }
    .story3-wrapper .col-inner {
        min-height: 600px;
        margin-bottom: 0;
    }
    .text.story2-txt {
        padding-top: 12%;
        padding-left: 108px;
        max-width: 100%;
        background-image: linear-gradient(226deg, #8C847100 25%, #8C8471 100%);
        height: 83.2%;
    }
    .text.story2-info p:first-child {
        font-size: 32px;
    }
    .row.story2 .story2-wrapper {
        max-width: 93%;
    }
    .story1-wrapper .col-inner {
        position: relative;
        height: 495px;
    }
    #main .story1-wrapper p img {
        margin-bottom: 0;
    }
    #main .row.story1-text .col-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #main .row.story1-text {
		margin: 0;
		left: 50%;
		transform: translate(-50%);
		top: 45%;
        width: 25%;
    }
    #main .row.story1-text p {
        position: relative;
        z-index: 1;
        font-size: 48px;
        margin-bottom: 5px;
    }
    #main .row.story1-text {
        background-image: none;
    }
    .row.info-row .text.info-txt {
        width: 60%;
    }
    .img-icon-info {
        width: 90%;
    }
    .leader-icon {
        width: 60%;
    }
    .row.leader-team .leader-team-wrapper {
        flex-basis: 50%;
        max-width: 50%;
    }
    .row.leader-seo .seo-left,
    .row.leader-seo .seo-right {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .row.leader-row-top,
    .row.leader-seo,
    .row.leader-team {
        width: 90%;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-content.single-page p,
    .blog-wrapper.blog-single.page-wrapper .entry-content.single-page a,
    .blog-wrapper.blog-single.page-wrapper .entry-content.single-page strong  {
        font-size: 14px;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-content.single-page h2 a {
        font-size: 30px;
    }
    #at_posts_related .col.post-item .box-text {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #at_posts_related .col.post-item {
            flex-basis: 50%;
            max-width: 50%;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-content.single-page {
        width: 80%;
        padding-bottom: 0;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-image img {
        margin-bottom: 100px;
    }
    .blog-wrapper.blog-single.page-wrapper article {
        width: 85%;
    }
    .blog-wrapper.blog-single.page-wrapper {
        padding-top: 0;
    }
    .blog-wrapper.blog-single.page-wrapper .posted-on,
    .blog-wrapper.blog-single.page-wrapper .byline,
    .blog-wrapper.blog-single.page-wrapper .byline a {
        font-size: 16px;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-header-text.entry-header-text-top.text-center h1 {
        width: 100%;
        font-size: 45px
    }
    .blog-wrapper.blog-single.page-wrapper .entry-header-text.entry-header-text-top.text-center {
        padding-left: 0;
        padding-right: 0;
    }
    #main .section.sec-guide .col.post-item {
        flex-basis: 50%;
        max-width: 50%;
    }
    .sp-policy-wrapper-top {
        padding: 130px 0 300px 0;
    }
    .col.sp-policy-bottom {
        padding: 60px 30px 0 30px;
        max-width: 90%;
        transform: translateY(-17%);
    }
    .sp-policy-wrapper-top {
        max-width: 90%;
    }
    .row.ft-mid h2 {
        margin-bottom: 24px;
    }
    #header #logo {
        width: 150px;
    }
    #header .flex-col.hide-for-medium.flex-left.flex-grow a {
        font-size: 10px;
        padding: 12px;
    }
    #header .flex-col.hide-for-medium.flex-right {
        display: flex;
        justify-content: end;
    }
    #header .flex-col.hide-for-medium.flex-right .header-nav.header-nav-main.nav.nav-right {
        width: 85%;
        display: flex;
        flex-wrap: nowrap;
    }
    #header .cart-item.has-icon a i.icon-shopping-cart {
        font-size: 18px;
    }
    #main .section.sec-contact {
        padding: 70px 40px 80px;
    }
    .section.sec-footer,
    .section.sec-guide {
        width: 95%;
        margin: auto;
    }
    :root {
        --pd-ft: 50px;
    }
    .row.ft-mid {
        flex-wrap: wrap;
    }
    .row.ft-mid .ft-mid-left,
    .ft-mid-right {
        margin-right: 0;
        margin-bottom: 20px;
        flex-basis: 100%;
        max-width: 100%;
    }
    .row.ft-mid h2,
    .row.ft-mid p {
        text-align: left !important;
    }
    .row.ft-mid2 .col-inner {
        margin-top: 0;
        display: flex;
        flex-direction: column;
    }
    .row.ft-mid2 .col-inner p {
        padding: 5px 24px;
    }
    .story4-icon .box-image {
        max-height: 700px;
    }
    .home4-icon-img .box-image {
        max-height: 570px;
    }




}
/* r932 */
@media screen and (max-width: 992px) and (min-width: 768px) and (orientation: landscape) {
	    .story1-text-wrapper .box-label .box-text {
        bottom: 17.5%;
    }
	.sec-home.sec-home-top {
		height: calc(100vh - 85px);
	}
	.text.story2-txt {
		background-image: none;
	}
	#main .row.story1-text p {
		line-height: 1;
		font-size: 16px;
	}
	#main .row.story1-text p:nth-child(2) {
		line-height: 45px;
		font-size: 35px;
	}
	#main .row.story1-text {
		margin-top: -10%;
	}
	.yith-wcan-filters .filters-container form {
		flex-direction: column;
	}
	.off-canvas-left.mfp-ready .mfp-content {
		background: #fff;
	}
	.row.category-page-row {
		padding-top: 120px;
	}
	.category-filtering.category-filter-row.show-for-medium {
		position: absolute;
		bottom: -90px;
		color: var(--fs-color-primary);
		z-index: 100;
		left: 28%;
		border: 1px solid var(--fs-color-primary);
		border-radius: 10px;
		padding: 10px 55px;
	}
/*     .shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center {
        width: 54%;
        left: 26%;
    } */
    .sotry9-img .img-inner {
        position: relative;
        padding-top: 64.4%;
    }

    #main .story6-wrapper-right .img {
        width: 75%;
    }
    .story6-wrapper-right p {
        font-size: 27px;
    }
    .story6-wrapper-left h3 {
        font-size: 18px;
    }
    #main .story5-title-right .img {
        width: 55%;
    }
    .text.story2-txt {
        padding-top: 10%;
        padding-left: 90px;
    }
    .text.story2-txt {
        height: 75.2%;
    }
    .story1-wrapper .col-inner {
        height: 450px;
    }
    #main .section.sec-contact {
        padding: 70px 30px 80px;
    }
    #header #logo {
        width: 140px;
    }
    #header .flex-col.hide-for-medium.flex-left.flex-grow {
        flex: 3;
    }
    #header .flex-col.hide-for-medium.flex-right {
        flex: 1;
    }
    #header .flex-col.hide-for-medium.flex-right .header-search-form.search-form.html.relative.has-icon {
        margin: 0;
    }
    #header .cart-item.has-icon a {
        padding: 10px;
    }
    #header .cart-item.has-icon a i.icon-shopping-cart {
        font-size: 18px;
    }
    .form-flat input:not([type=submit]) {
        padding: 17px;
        min-height: 40px;
    }
    

}
/* r768 */
@media screen and (max-width: 768px) {
	.story1-text-wrapper .box-label .box-text {
        bottom: 17%;
    }
	#main .row.story1-text {
		width: 30%;
		top: 35%;
	}
	.sec-home.sec-home-top {
		height: calc(40vh - 85px);
	}
	.text.home1-info-text h2 {
		font-size: 5vw;
		line-height: 1.5;
		margin: 0;
	}
	.proct-tskt .proct-tskt-acf {
		width: fit-content;
		padding: 7px 10px;
	}
	.text.story2-txt {
		background-image: none;
	}
    .row.proct4-btn-row a {
        font-size: 12px;
    }
    #main .row.proct2-all-row {
        width: 95%;
        gap: 20px;
    }
    .proct1-wrapper-left .col.large-10 {
        padding-bottom:20px;
        padding-left: 0;
        padding-right: 0;
    }
    .proct1-wrapper-left {
        padding-right: 0;
    }
    .off-canvas-left.mfp-ready .mfp-content {
        background: #fff;
    }
    .yith-wcan-filters .filters-container form {
        flex-direction: column;
    }
    .row.category-page-row {
        padding-top: 120px;
    }
    .category-filtering.category-filter-row.show-for-medium {
        position: absolute;
        bottom: -90px;
        color: var(--fs-color-primary);
        z-index: 100;
        left: 28%;
        border: 1px solid var(--fs-color-primary);
        border-radius: 10px;
        padding: 10px 55px;
    }
/*     .shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center {
        width: 65%;
        left: 20%;
    } */
    .home6-info-left p {
        font-size: 44px;
    }
    .home5-info-right {
        display: flex;
        align-items: center;
    }
    .home5-info-left p {
        font-size: 19px;
    }
    .home5-row .home5-info-left .col-inner {
        width: 100%;
    }
    .home3-wrapper-1 {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    #main .home2-stack .home2-img3 {
        width: 130%;
    }
    .home2-wrapper2 {
        max-width: 75%;
    }
    .sotry9-img .img-inner {
        position: relative;
        padding-top: 78.4%;
    }

    .story2-img img {
        min-height: 450px;
    }
    .text.story2-info {
        text-align: center;
    }
    .row.story2 h2 {
        width: 90%;
    }
    #main .row.story1-text .col-inner::before {
        top: -3px;
    }
	#main .row.story1-text p {
		line-height: 1;
        font-size: 16px;
	}
    #main .row.story1-text p:nth-child(2) {
        line-height: 55px;
        font-size: 45px;
    }
    .story-1-img img {
        min-height: 450px;
    }
    .img-icon-info .box-text-inner h4 {
        font-size: 35px;
    }
    .img-icon-info .box-text-inner p {
        font-size: 12px;
    }
    .blog-wrapper.blog-single.page-wrapper #at_posts_related {
        padding: 100px 60px;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-content.single-page {
        width: 100%;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-image img {
        margin-bottom: 80px;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-header-text.entry-header-text-top.text-center h1 {
        font-size: 40px;
    }
    .sp-policy-bottom p {
        font-size: 15px;
    }
    .sp-policy-bottom h2 {
        font-size: 25px;
    }
    #header .cart-item.has-icon a i.icon-shopping-cart {
        font-size: 16px;
    }
    #header .cart-item.has-icon a {
        padding: 12px;
    }
    .icon-menu:before {
        color: var(--color-text-2);
    }
    #main-menu .sidebar-menu.no-scrollbar .header-search-form.search-form.html.relative,
    #main-menu .sidebar-menu.no-scrollbar .account-item.has-icon.menu-item,
    #main-menu .sidebar-menu.no-scrollbar .header-newsletter-item,
    #main-menu .sidebar-menu.no-scrollbar .html.header-social-icons  { 
        display: none !important;
    }
	.wpcf7-form .contact_form {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
	}



}
/* r390 */
@media screen and (max-width: 549px) {
	.ft-bottom .ft-bottom-left {
		order: 1;
	}
	.ft-bottom .ft-bottom-right {
		order: 2;
	}
	.c-logo-dvvc .col-inner .img {
		width: 100% !important;
	}
    .story1-text-wrapper .box-label .box-text {
        bottom: 18%;
    }
	.story1-text-wrapper .box-text .box-text-inner p:nth-child(3) {
        margin-top: 12px;
    }
	#main .row.story1-text p:nth-child(2) {
		line-height: 47px;
		font-size: 39px;
	}
	#main .row.story1-text {
		width: 55%;
		top: -7%;
	}
	.row.story8-row {
		padding-bottom: 0;
	}
	#main .sec-banner-last .section-bg {
		background-position: bottom !important;
		background-size: contain !important;
	}
	.row.ft-mid2 a {
		font-size: 3.5vw;
	}
	.product-small.box .product-attribute span {
		font-size: 3vw;
	}
	.text.home1-info-text h3 {
		font-size: 5.3vw;
		margin-bottom: 0;
	}
	.sec-home.sec-home-top {
        height: 100%;
        padding: 50px 15px 0 !important;
    }
	.sec-story .section-bg {
		background-position: 78% 50% !important;
	}
	.blog-wrapper.blog-single.page-wrapper .entry-content.single-page {
		text-align: left;
	}
	.contact-map .c-right .col-inner {
		padding: 15px;
	}
	.contact-map a.button.primary.is-outline {
		margin-top: 0px;
	}
    button.button.primary.mt-0.pull-left.small {
        width: 100%;
    }
    .continue-shopping.pull-left.text-left {
        margin-right: 0;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }
    .cart-container .woocommerce .large-7,
    #main .cart-container .woocommerce .large-5 {
        padding: 0;
    }
    .row.proct5-row .product-small.col {
        flex-basis: 100%;
        max-width: 100%;
    }
    .row.proct5-row {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .proct5-row h3 {
        font-size: 28px;
    }
    .row.proct4-btn-row {
        display: flex;
        flex-direction: column;
    }
    .row.proct4-btn-row .proct4-btn {
            flex-basis: 100%;
                max-width: 100%;
    }
    .proct-tskt .proct-tskt-acf {
        width: 100%;
    }
    #main .proct2-wrapper  .text.proct2-txt1 p {
        font-size: 15px;
    }
    #main .row.proct-policy {
        padding: 10px;
    }
    #main .row.proct-policy p {
        font-size: 12px;
    }
    .row.proct-policy .policy-wrapper {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
    .row.proct1-row,
        .breadcrumb-row {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }
    .single_add_to_cart_button.button.alt,
        #buy-now-button {
            grid-column: span 1;
            margin: 0;
        }
    .ux-quantity.quantity.buttons_added {
        grid-column: span 2;
    }
    .add-to-cart-container .cart {
        display: grid;
        grid-template-rows: auto auto;
        gap: 15px;
        width: 100%;
        justify-content: initial;
    }
    .acf-dimensions-html,
        .acf-thu-phap {
            font-size: 14px;
        }
    .text.acf-dimensions-text p,
        .text.acf-thu-phap-text p {
            font-size: 12px;
        }
    .proct1-wrapper-right .text.proct-discount p {
        font-size: 14px;
    }
    .proct1-wrapper-left .large-2 .flickity-viewport {
        max-height: 100px;
    }
    .category-filtering.category-filter-row.show-for-medium {
        bottom: -30px;
    }
    .shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center .woocommerce-breadcrumb {
        bottom: 44px;
    }
    .shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center {
/*         background-size: contain; */
        min-height: 123px;
    }
    .category-page-row .large-9 .product-small.col {
        flex-basis: 100%;
        max-width: 100%;
    }
    .row.category-page-row .large-9 {
        padding-left: 0;
        padding-right: 0;
    }
    .row.category-page-row {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .category-filtering.category-filter-row.show-for-medium {
        left: 50%;
        transform: translate(-50%);
    }
    .shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center {
		width: 100%;
		left: 50%;
    }
    .shop-page-title.category-page-title .page-title-inner .flex-col.flex-center.text-center .woocommerce-breadcrumb {
        font-size: 8vw;
        
    }
    #footer .sec-footer .section-content.relative {
        padding-left: 10px;
        padding-right: 10px;
    }
    #main .home6-info-right .col-inner.text-right {
        text-align: left;
    }
    .guide-blog .col { 
        padding-bottom: 80px;
    }
    .guide-blog .col .box-text {
        padding-left: 0;
        padding-top: 20px;
    }
    .home6-info-left p {
        font-size: 40px;
        text-align: center;
    }
    .home6-row .home6-wrapper {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .home6-info-right {
        position: absolute;
        bottom: 0;    
    }
    .home5-info-right {
        padding-top: 60px;
    }
    #main .home5-info-right .col-inner .img {
        width: 100%;
    }
    .home5-row {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .home4-row .home4-wrapper {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .home4-icon-row .home4-icon-wrapper {
        flex-basis: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .home4-row .home4-info-left h2 {
        font-size: 40px;
    }
    .home3-row {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .home3-protop-left h2 {
        font-size: 40px;
    }
    #main .home3-protop-right .col-inner.text-right {
        text-align: left;
    }
    .home3-protop-right {
        position: absolute;
        bottom: -40px;
        left: 0;
    }
    .home3-wrapper-1 {
        padding-bottom: 70px;
    }
    .home3-prolist .col {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .home2-wrapper1 h2 {
        font-size: 30px;
    }
    .home2-stack {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .home2-wrapper1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home2-stack .home2-img3 .img-inner img {
        height: 130px;
    }
    .home2-stack .home2-img2 .img-inner img,
    .home2-stack .home2-img4 .img-inner img{
        height: 115px;
    }
    .home2-stack .home2-img1 .img-inner img,
    .home2-stack .home2-img5 .img-inner img {
        height: 100px;
    }
    #main .home1-info-right .col-inner .img {
        width: 80%;
    }
    .text.home1-info-text p {
        font-size: 16px;
		margin-bottom: 24px;
    }
    .home1-wrapper .home1-info-right .col-inner {
        min-height: 300px;
    }
    .text.home1-info-text h2 {
        font-size: 50px;
    }
    #main .home1-wrapper .home1-info .home1-info-left {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .sotry9-img .img-inner {
        padding-top: 100%;
    }
    .sotry9-wrapper .text.story9-txt {
		left: -8%;
		transform: scale(0.8);
		margin-top: -150px;
    }
    .sotry9-wrapper .col-inner {
        min-height: initial;
    }
    .text.story9-txt h3 {
        font-size: 40px;
        line-height: 38px;
    }
    .text.story9-txt p {
        font-size: 16px;
    }
    .story7-info-row .box-text h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .story7-info-row .box-text h4 {
         font-size: 12px;
    }
    .story7-info-row .box-text {
        padding-left: 0; 
        padding-top: 60px;
        padding-bottom: 0;
    }
    #main .story7-info-icon .box-image {
        width: 100% !important;
    }
    .text.story7-title p {
        font-size: 30px;
        line-height: 40px;
    }
    .story7-wrapper h2 {
        width: 100%;
        line-height: 40px;
        font-size: 26px;
    }
    #main .story6-wrapper-right .img {
        width: 100%;
    }
    .story6-wrapper-right {
        padding-top: 50px;
    }
    .story6-wrapper-right p {
        font-size: 17px;
        line-height: 30px;
    }
    .story6-wrapper-left {
        padding-right: 0;
    }
    .slider-wrapper .flickity-prev-next-button {
        display: unset;
        opacity: 1;
    }
    .story5-slider-row .story5-slider-wrapper-left,
    .story5-slider-wrapper-right,
    .story5-slider-wrapper-left .box-text,
    .story5-slider-wrapper-right .box-text {
        padding-left: 0;
        padding-right: 0;
    }
    .sotry5-wrapper {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row.story5-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .text.story4-txt-2 p::before {
        width: 32px;
        height: 16px;
        background-repeat: no-repeat;
    }
    .text.story4-txt-1 p {
        font-size: 16px;
    }
    #main .story4-wrapper-right {
        padding-top: 50px;
    }
    .story4-wrapper-right h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .story4-wrapper-left p {
        font-size: 26px;
    }
    .story4-wrapper-left h4 {
        font-size: 16px;
    }
    .story3-wrapper .img-inner {
        position: relative;
        padding-top: 100%;
    }
    .story3-wrapper .img-inner img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;

    }
    .text.story2-txt p:nth-child(2) {
        font-size: 16px;
    }
    .text.story2-txt p:nth-child(2) {
        font-size: 12px;
    }
    .text.story2-txt p:first-child {
        width: 100%;
        font-size: 16px;
    }
    #main .text.story2-txt {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 15px;
        padding-right: 15px;
        height: 83.2%;
    }
    .story3-wrapper .col-inner {
        min-height: 470px;
        margin-bottom: 0;
    }
    .row.story2 .story2-wrapper {
        padding-bottom: 100px;
    }
    .text.story2-info {
        gap: 5px;
    }
    .text.story2-info p:first-child {
        font-size: 17px;
    }
    .row.story2 .story-img {
        padding-bottom: 50px;
        margin-bottom: 0;
    }
    .row.story2 h2 {
        width: 100%;
        font-size: 30px;
        padding-bottom: 50px;
    }
    .row.story2 .story2-wrapper {
        max-width: 100%;
    }
    .story1-wrapper .col-inner {
        position: relative;
        height: 188px;
    }
    #main .row.story1-text {
        margin-top: 0;
    }
    #main .row.story1-text .col-inner::before {
        top: -28px;
    }
    #main .row.story1-text .col-inner::before {
        transform: scale(0.8);
    }
    #main .row.story1-text p {
        font-size: 24px;
        line-height: 30px;
		margin-bottom: 1px;
    }
    .story-1-img img {
            min-height: initial;
        }
    .row.info-row .text.info-txt h2 {
        padding-bottom: 15px;
    }

    .row.info-row .text.info-txt {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .img-icon-info .box-image {
        border-top-right-radius: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .img-icon-info {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        flex-direction: column;
    }

    .img-icon-info .box-text {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
    }
    #at_posts_related h3 {
        font-size: 25px;
        font-weight: 600;
    }
    #at_posts_related .col.post-item {
        flex-basis: 100%;
        max-width: 100%;
    }
    .blog-wrapper.blog-single.page-wrapper #at_posts_related {
        padding: 100px 15px;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-content.single-page h2,
    .blog-wrapper.blog-single.page-wrapper .entry-content.single-page h2 a {
        font-size: 25px;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-image img {
        margin-bottom: 50px;
    }
    .blog-wrapper.blog-single.page-wrapper .posted-on,
    .blog-wrapper.blog-single.page-wrapper .byline,
    .blog-wrapper.blog-single.page-wrapper .byline a {
        font-size: 14px;
    }
    .blog-wrapper.blog-single.page-wrapper .entry-header-text.entry-header-text-top.text-center h1 {
        font-size: 28px;
    }
    .blog-wrapper.blog-single.page-wrapper article {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col.sp-policy-bottom {
        transform: translateY(0);
        padding: 80px 0 80px 0;
    }
    .row.sp-policy-row-top p {
        font-size: 15px;
    }
    .sp-policy-wrapper-top {
        padding: 80px 0 80px 0;
    }
    #header .cart-item.has-icon a i.icon-shopping-cart {
        font-size: 19px;
    }
    #header .cart-item.has-icon a {
        background: transparent;
    }
    #main .section.sec-contact {
        padding: 50px 0px 20px;
    }
    :root {
        --title-all: 34px;
    }
    .contact-title-wrapper-2 .col-inner {
        flex-direction: column;
        text-align: center;
        gap: 0;
        align-items: center;
    }
    .contact-title-wrapper-2 .col-inner p,
    .contact-title-wrapper-2 .col-inner a {
        font-size: 16px;
    }
    #main .img.has-hover.contact-img-1 {
        width: 0%;
    }
    .contact-title-wrapper-2 .img.has-hover.show-for-small {
        margin: 0;
    }
    .ct-map-left p,
    .ct-map-right p {
        min-height: initial;
    }
    .ct-map-left,
    .ct-map-right {
        padding-left: 0;
        padding-right: 0;
    }
    .ct-map-left p,
    .ct-map-right p {
        padding-bottom: 15px;
    }
    .ct-map-left {
        padding-bottom: 50px;
    }
    .ft-top-left,
    .ft-top-mid,
    .ft-top-right {
        text-align: center;
    }
    .ft-top-left {
        order: 2;
    }
    .ft-top-mid {
        order: 1;
    }
    .ft-top-right {
        order: 3;
    }
    .ft-top-right .col-inner {
        justify-content: center;
    }
    .ft-bottom-left {
        text-align: center;
    }
    .ft-bottom-left .col-inner p {
        font-size: 14px;
    }
    .ft-bottom-right .col-inner {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }
    #main .section.sec-guide .col.post-item {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .section.sec-footer,
    .section.sec-guide {
        width: 100%;
    }
    .row.leader-team .leader-team-wrapper {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .leader-icon .icon-box-text p:first-child {
        font-size: 14px;    
    }
    .leader-icon .icon-box-text p:last-child {
        font-size: 18px;
    }
    .leader-icon {
        width: 83%;
    }
	.related.related-products-wrapper .flickity-prev-next-button svg {
        border: 0 !important;
        padding: 0px !important;
    }
    




}