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

@font-face{
 font-family: SVN-GilroyRegular;
 src: url(/wp-content/themes/flatsome-child/assets/fonts/SVN-GilroyRegular.otf);
}
@font-face{
 font-family: SVN-GilroyXBold;
 src: url(/wp-content/themes/flatsome-child/assets/fonts/SVN-GilroyXBold.otf);
}
@font-face{
 font-family: UTMAlpineKT;
 src: url(/wp-content/themes/flatsome-child/assets/fonts/UTMAlpineKT.otf);
}
@font-face{
 font-family: UTMAlpineKT;
 src: url(/wp-content/themes/flatsome-child/assets/fonts/UTMAlpineKT.ttf);
}
body{
 font-family: SVN-GilroyRegular, sans-serif;
}
h1, h2, h3, h4, h5 {
 font-family: SVN-GilroyXBold, sans-serif;
}
input, input:focus, textarea, textarea:focus{
	box-shadow: none !important;
}
ol ul, ul ul {
  margin: 0;
}
ul li p {
  margin-bottom: 0;
}
.breadcrumb__title {
 margin-bottom: 8px;
 text-transform: uppercase;
 font-size: 38px;
}
.section-title-normal, .section-title-normal span {
 border-bottom: 0;
}
.section-title-normal span {
 font-size: 26px;
 color: #2b963e;
}
.section-title-center span {
 font-size: 26px;
 padding-bottom: 10px;
}
.section-title-container .section-title-normal:before {
 content: '';
 position: absolute;
 left: 0;
 width: 50px;
 height: 4px;
 background: #2b963e;
 bottom: -3px;
}
.section-title-container .section-title-center:before {
 content: '';
 position: absolute;
 left: 50%;
 width: 50px;
 height: 4px;
 background: #fff;
 bottom: -3px;
 transform: translateX(-50%);
}
.list-info h4 {
 text-transform: uppercase;
 margin-bottom: 15px;
}
.list-info ul li p:last-child {
 font-family: SVN-GilroyXBold, sans-serif;
}
.list-info ul {
 margin-bottom: 0;
 list-style: none;
}
.list-info ul li {
 margin-left: 0;
 position: relative;
 padding-left: 25px;
}
.list-info ul li:before {
 font-family: FontAwesome;
 position: absolute;
 left: 0;
 color: #2b963e;
}
.list-info ul li:first-child:before, .list-info ul li:nth-child(2):before {
 content: '\f3c5';
}
.list-info ul li:nth-child(3):before {
 content: '\f0e0';
}
.list-info ul li:nth-child(4):before {
 content: '\f2a0';
}
.list-info ul li:nth-child(5):before {
 content: '\f017';
}
.bando iframe {
 border-radius: 20px;
}
.bando p {
 margin-bottom: 0;
}
form.wpcf7-form input {
 height: 50px;
 border-radius: 7px;
 background: #2b963e08;
 border: solid 1px #2b963e36;
}
form.wpcf7-form textarea {
 border-radius: 7px;
 background: #2b963e08;
 border: solid 1px #2b963e36;
}
form.wpcf7-form button, .btn {
 margin: 0;
 background: #2b963e;
 color: #fff;
 border-radius: 7px;
 padding: 6px 30px;
 font-family: SVN-GilroyXBold, sans-serif;
 font-size: 16px;
 border: solid 1px;
}
form.wpcf7-form button:hover, .btn:hover {
 background: transparent;
 color: #2b963e;
 box-shadow: none !important;
}
.wpcf7-response-output {
 margin: 10px 0 !important;
 border: 0 !important;
 padding: 0 !important;
 color: red;
 font-weight: bold;
 font-style: italic;
 font-size: 12px !important;
}
.img-br img{
 border-radius: 10px;
}
.infoAbout p {
  font-size: 18px;
  margin-bottom: 15px;
}
.sumenh {
  border-radius: 10px;
  background: #2b963e;
  padding: 15px;
  border: solid 3px;
}
.sumenh p:first-child {
  text-transform: uppercase;
  font-size: 20px;
  font-family: SVN-GilroyXBold, sans-serif;
  margin-bottom: 10px;
}
.sumenh p:not(p:first-child) {
  margin-bottom: 10px;
  font-size: 18px;
}
.section-title b {
  background: transparent;
}
.boxGiatri {
  border: solid 3px #2b963e;
  border-radius: 15px;
  padding: 20px;
}
.infoAbout h4 {
  text-transform: uppercase;
  color: #2b963e;
  font-size: 20px;
}
.entry-category {
 margin-bottom: 20px;
 opacity: 1;
}
.entry-category a {
 background: #2b963e;
 padding: 7px 10px;
 display: inline-block;
 color: #fff;
 border-radius: 6px;
}
.entry-title {
 color: #2b963e;
}
.time {
 font-size: 14px;
 color: #777;
 position: relative;
}
.entry-header-text-top {
 padding-bottom: 0;
}
.time:before {
 content: '\f007';
 font-family: FontAwesome;
 margin-right: 10px;
}
.blog-share .social-icons a {
 background: #2b963e;
 width: 37px;
 height: 37px;
 display: inline-flex;
 text-align: center;
 border-radius: 99px;
 justify-content: center;
 align-items: center;
 transition: all .2s;
 color: #fff;
}
.blog-share .social-icons a:hover {
 transform: translateY(-3px);
 color: #fff;
}
.is-divider {
 display: none;
}
.baivietlienquan {
 background: #2b963e14;
 border-radius: 10px;
 padding: 20px;
 border: solid 2px #2b963e29;
}
.tieudebaiviet {
 font-size: 24px;
 text-transform: capitalize;
 margin-bottom: 10px;
 font-family: SVN-GilroyXBold, sans-serif;
}
.relatedcat-text a {
 color: #000;
 font-size: 18px;
 transition: all .2s;
 position: relative;
 padding-left: 20px;
}
.relatedcat-x+.relatedcat-x {
 margin-top: 6px;
}
.relatedcat-text a:before {
 content: '\f101';
 font-family: FontAwesome;
 font-size: 12px;
 position: absolute;
 color: #2b963e;
 left: 0;
 top: 3px;
}
.relatedcat-text:hover a {
 color: #2b963e;
}
.blog-share {
 padding: 10px 0;
 border-top: dashed 1px #ccc;
 border-bottom: dashed 1px #ccc;
 margin-top: 30px;
}
.blog-share .social-icons:before {
 content: 'Share: ';
 color: #000;
 font-size: 18px;
}
.view-post-now {
 background: #2b963e;
 border-radius: 10px;
 padding: 10px 20px;
 margin-bottom: 25px;
 color: #fff;
 font-size: 18px;
}
.view-post-now span {
 font-family: SVN-GilroyXBold, sans-serif;
 text-transform: uppercase;
}
.entry-content.single-page ul {
 margin-left: 12px;
}
.blog-wg {
 margin-left: 0 !important;
 margin-right: 0 !important;
 padding-top: 10px;
 border: 1px dashed #2b963e;
}
.blog-wg .post-title a {
 font-size: 14px;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.blog-wg .time {
 display: none;
}
.blog-wg .box-text {
 padding: 0 10px;
}
.blog-wg .post-item {
 padding-bottom: 10px;
}
.blog-wg .post-item+.post-item .box {
 border-top: dashed 1px #2b963e;
 padding-top: 10px;
}
.post-title a:hover {
 color: #2b963e;
}
.widget-title {
 background: linear-gradient(0deg, rgb(42 151 60) 0%, rgba(152, 191, 62, 1) 100%);
 padding: 15px;
 color: #fff;
 text-transform: uppercase;
 text-align: center;
 font-family: SVN-GilroyXBold, sans-serif;
 display: block;
}
.archive-page-header .page-title {
 text-align: left;
 font-size: 26px;
}
.archive-page-header .page-title:before {
 content: '';
 position: absolute;
 left: 0;
 width: 50px;
 height: 4px;
 background: #2b963e;
 bottom: -13px;
}
.archive-page-header .page-title span {
 color: #2b963e;
}
#post-list .post-item .box {
 border-radius: 15px;
 border: solid 2px #2b963e29;
 background: #2b963e14;
}
#post-list .post-item .box-image {
 border-radius: 15px 0 0 15px;
}
#post-list .post-item .box .box-text {
 padding: 20px 30px;
 vertical-align: top;
}
#post-list .post-item .box .box-text .post-title a {
 font-size: 20px;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 margin-bottom: 10px;
 color: #2b963e;
}
#post-list .post-item .box .box-text p {
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 font-size: 15px;
 margin-bottom: 15px;
 color: #515151;
}
#post-list .post-item .box .image-cover {
 padding-top: 70% !important;
}
span.tacgia {
 margin-left: 10px;
}
.time2 {
 font-size: 12px;
 margin-bottom: 10px;
}
span.gio {
 background: #26993d;
 color: #fff;
 padding: 2px 10px;
 display: inline-block;
 border-radius: 99px;
}
.blog-wg .time2 {
 display: none;
}
#post-list .post-item:hover img {
 transform: scale(1.1);
}
.footer-info h4 {
 text-transform: uppercase;
 line-height: 1.3;
 margin-bottom: 20px;
}
.footer-info ul {
 list-style: none;
}
.footer-info ul li {
 margin-left: 0;
}
.footer-info ul li p:last-child {
 font-family: SVN-GilroyXBold, sans-serif;
}
.footer-info ul li {
 padding-left: 25px;
 position: relative;
}
.footer-info ul li:before {
 font-family: 'FontAwesome';
 left: 0;
 position: absolute;
}
.footer-info ul li:first-child:before, .footer-info ul li:nth-child(2):before {
 content: '\f3c5';
}
.footer-info ul li:nth-child(3):before {
 content: '\f0e0';
}
.footer-info ul li:nth-child(4):before {
 content: '\f2a0';
}
.footer-info ul li:nth-child(5):before {
 content: '\f017';
}
.absolute-footer {
 padding: 12px;
}
.copyright-footer p {
 margin-bottom: 0;
}
.section-footer .section-bg :is(img,picture,video) {
 top: 130px;
}
footer .section-title-main {
 font-size: 20px !important;
 background: #fff;
 display: inline-block;
 padding: 2px 20px;
 color: #2b963e !important;
 border-radius: 99px;
}
footer .section-title:before {
 display: none;
}
footer .ux-menu-link__link {
 font-size: 18px;
 color: #fff;
 min-height: auto;
}
footer .ux-menu-link__link:hover {
 text-decoration: underline;
}
#masthead .flex-left > ul > li > a {
  color: #000;
  font-size: 16px;
  font-weight: 100;
  font-family: SVN-GilroyXBold, sans-serif;
  padding: 3px 15px;
}
#masthead .flex-left > ul > li.active > a, #masthead .flex-left > ul > li > a:hover {
  background: #2b963e;
  border-radius: 99px;
  color: #fff;
}
.stuck .header-main {
  background: #fff;
}
#masthead:not(.home #masthead) {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
}
#masthead li.cart-item > a span:before {
  content: attr(data-icon-label);
  font-size: 9px;
  border-radius: 50%;
  padding: 0 5px;
  position: absolute;
  right: -10px;
  top: -1px;
  background: red;
  color: #fff;
  font-weight: 100;
}
#masthead .header-search-form-wrapper input {
  background: #efefef;
  border: 0;
  padding: 0 15px;
}
#masthead .header-search-form-wrapper button {
  background: linear-gradient(0deg, rgb(42 151 60) 0%, rgba(152, 191, 62, 1) 100%);
  color: #fff !important;
}
.woocommerce-product-gallery button.flickity-button {
 display: none;
}
.product-gallery-slider img, .product-thumbnails img {
 border-radius: 10px;
 margin-bottom: 0;
 opacity: 1;
}
.product-thumbnails .is-nav-selected a img, .product-thumbnails a:hover img {
 border-color: transparent;
 transform: none !important;
 margin: 0;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
 border: solid 1px #2b963e;
 border-radius: 8px;
}
.product-main .product-gallery .image-tools {
 display: none;
}
.breadcrumbs, .breadcrumbs a {
  color: #000;
  text-transform: inherit;
  font-size: 14px;
}
table.variations th.label {
  display: block;
  width: 100%;
}
table.variations .value {
  display: block;
}
table.variations label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 100;
  font-family: SVN-GilroyXBold, sans-serif;
}
.variations_form .ux-swatch.selected {
  background: var(--fs-color-secondary);
  color: #fff;
  box-shadow: none;
}
.variations_form .ux-swatch {
  color: #000;
  font-size: 15px;
}
.variations .reset_variations {
  display: none !important;
}
/*.woocommerce-variation-add-to-cart {
 display: none;
}*/
form.cart {
 margin-bottom: 0;
}
.infoPro > a {
 display: inline-block;
 background: linear-gradient(0deg, rgb(42 151 60) 0%, rgba(152, 191, 62, 1) 100%);
 width: 100%;
 text-align: center;
 color: #fff;
 padding: 8px 10px;
 border-radius: 8px;
 font-family: SVN-GilroyXBold, sans-serif;
 letter-spacing: 1px;
 transition: all .2s;
 border: solid 1px;
}
.infoPro > a:hover {
 background: transparent;
 color: #2b963e;
}
.notePro {
 background: #2b963e12;
 margin-top: 15px;
 border-radius: 8px;
 padding: 15px;
 border: solid 2px rgb(42 151 60 / 15%);
}
.notePro > div {
 text-transform: uppercase;
 margin-bottom: 10px;
 position: relative;
}
.notePro > p {
 margin-bottom: 5px;
 font-size: 14px;
 position: relative;
}
.notePro > div:before {
 content: '\f48b';
 font-family: 'FontAwesome';
 margin-right: 9px;
}
.notePro > p:before {
 content: '\f0da';
 font-family: 'FONTAWESOME';
 margin-right: 7px;
 font-size: 10px;
 position: relative;
 top: -1px;
 color: #e4b54d;
}
.product-main {
 padding-bottom: 0;
}
.product-footer .woocommerce-tabs {
 border-top: 0;
}
.product-footer .woocommerce-tabs > ul > li > a:before {
 opacity: 0;
}
.product-footer .woocommerce-tabs > ul {
 border-bottom: solid 1px #2b963e;
}
.product-footer .woocommerce-tabs > ul > li > a {
 font-weight: 100;
 font-size: 16px;
 background: #2b963e;
 padding: 6px 30px;
 color: #fff;
 text-transform: capitalize;
}
.proLoop .box-image {
 border-radius: 10px;
 border: solid #2b963e24;
}
.proLoop .name a {
 text-transform: uppercase;
 font-size: 18px;
 font-family: SVN-GilroyXBold, sans-serif;
 color: #2b963e;
}
.stuck .header-main .nav > li > a {
 line-height: 1.6 !important;
}
h1.shop-page-title {
 text-transform: uppercase;
}
.news .post-item .box {
 box-shadow: 0px 0px 15px -4px #00000052;
 border-radius: 10px;
 background: #fff;
}
.news .post-item .box .box-image > div {
 border-radius: 10px;
}
.news .post-item .box .box-image img {
 border-radius: 10px;
}
.news .post-item .box .box-image {
 padding: 10px;
}
.news .post-item .box .box-text {
 padding: 10px;
}
.news .post-item .box .box-text a {
 text-transform: uppercase;
 color: #2b963e;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 margin-bottom: 7px;
}
.news .post-item .box .box-text p{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news .post-item .box {
 transition: all .2s;
}
.news .post-item .box:hover {
 background: #2b963e;
 color: #fff;
}
.news .post-item .box:hover a {
 color: #fff;
}
.news .post-item .box:hover span.gio {
 background: #fff;
 color: #26993d;
}
.news .post-item .box .box-text a.button {
 text-align: right;
 text-transform: inherit;
 color: #000;
 font-size: 15px;
 position: relative;
}
.news .post-item .box .box-text a.button:before {
 content: '\f0a9';
 font-family: FontAwesome;
}
.news .post-item .box:hover .button{
 color: #fff !important;
}
.home-news:before, .home-about:before, .home-camket:before {
  content: '';
  background: url(/wp-content/uploads/2025/08/Leaf.1.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 400px;
  height: 320px;
  left: -40px;
  z-index: 1;
}
.home-news:after{
  content: '';
  background: url(/wp-content/uploads/2025/08/Leaf.3.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 600px;
  height: 100%;
  right: -40px;
}
.home-about:after {
  content: '';
  background: url(/wp-content/uploads/2025/08/Leaf.3.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 600px;
  height: 100%;
  right: -399px;
}
.colForm > .col-inner {
  background: #2b963e;
  border-radius: 99px;
  border: solid 10px #e5ecae;
  position: relative;
}
.colForm > .col-inner:before {
  content: '';
  border: solid 10px #f2f7e3;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 99px;
}
.titleForm {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 28px;
  font-family: SVN-GilroyXBold, sans-serif;
  padding-right: 50px;
}
.titleForm p {
  margin-bottom: 0;
  line-height: 1.2;
}
.formFooter input {
  background: #fff !important;
  border-radius: 99px !important;
  margin-bottom: 0;
  width: 92%;
}
form.wpcf7-form {
  margin-bottom: 0;
}
.formFooter button {
  border: 0 !important;
  background: #b8d137 !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  padding: 0px !important;
  position: absolute;
  top: 6px;
  right: 53px;
}
.formFooter .wpcf7-not-valid-tip {
  display: none;
}
.home-feedback {
  background: linear-gradient(0deg, rgb(42 151 60) 0%, rgba(152, 191, 62, 1) 100%);
}
.home-feedback .section-title-container .section-title-center:before {
  display: none;
}
.testimonials_content_wrap_img {
  width: 35%;
  margin: 0 auto 20px;
}
.testimonials_content_wrap_img img {
  border-radius: 50%;
  border: solid 5px #ffffff;
  box-shadow: 0px 0px 15px -4px #0000002e;
}
.home-feedback {
  background: linear-gradient(0deg, rgb(42 151 60) 0%, rgba(152, 191, 62, 1) 100%);
}
.home-feedback .section-title-container .section-title-center:before {
  display: none;
}
.testimonials_content_wrap_img {
}
.testimonials_content_wrap_star {
  margin: 0 auto 5px;
  width: 30%;
  position: relative;
}
.testimonials_name_wrap {
  text-align: center;
}
.testimonials_name {
  color: #2b963e;
  margin-bottom: 0;
}
.testimonials_position {
  font-size: 14px;
  font-style: italic;
  color: #777;
}
.testimonials_quote {
  position: relative;
}
.testimonials_quote:before {
 content: '\f10d';
 font-family: FontAwesome;
 font-size: 28px;
 position: absolute;
 left: 20px;
 top: -37px;
 color: #2b963e;
}
.slick-dots {
 text-align: center;
 padding: 0;
 margin: 0 15px 0 15px;
 line-height: 0;
 font-size: 0;
 list-style: none;
}
.slick-dots li {
 margin-left: 0;
}
.slick-dots li {
 display: inline-block;
 font-size: 0;
 line-height: 0;
 list-style: none;
 opacity: 1;
 cursor: pointer;
 margin: 0 5px;
 padding: 10px 0;
}
.slick-dots li button {
 position: relative;
 z-index: 1;
 display: inline-block;
 font-size: 0;
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 border: 0;
 vertical-align: bottom;
 width: 25px;
 height: 3px;
 background: transparent;
 opacity: 1;
}
.slick-dots li button:before {
 content: "";
 position: absolute;
 z-index: 1;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 1px;
 transition: all .3s;
 background: #2b963e;
}
.slick-dots li.slick-active button:before{
 height: 3px;
}
.home-feedback {
  padding-top: 50px !important;
  padding-bottom: 200px !important;
}
.row-FB {
  margin-top: -180px !important;
}
.testimonials_content_wrap {
  position: relative;
}
.testimonials_content_wrap:before {
  content: '';
  background: #fff;
  width: 100%;
  height: 80%;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0px 0px 15px -4px #0000002e;
  bottom: 0;
}
.testimonials_content_wrap_img {
  position: relative;
}
.testimonials_meta_wrap {
  position: relative;
}
.testimonials_quote {
  padding: 0 20px 20px;
}
.home-camket {
  margin-bottom: -60px;
}
.titleCamket {
  text-align: center;
  text-transform: uppercase;
  font-family: SVN-GilroyXBold, sans-serif;
  line-height: 1.2;
  font-size: 32px;
  color: #2b963e;
}
.boxCamket .icon-box-img img {
  background: #fff;
  border-radius: 99px;
  border: solid 3px #2b963e;
  padding: 10px;
}
.boxCamket .icon-box-img {width: 80px !important;}
.boxCamket {position: relative;}
.boxCamket:before {
  content: '';
  background: #2b963e;
  position: absolute;
  width: 100%;
  height: 80%;
  left: 0;
  bottom: 0;
  border-radius: 15px;
}
.boxCamket .icon-box-text {
  position: relative;
}
.boxCamket .icon-box-text p {
  color: #fff;
  line-height: 1.3;
  padding: 10px;
}
.boxVechungtoi {
  align-items: center;
}
.boxVechungtoi .icon-box-text p {
  font-size: 20px;
  line-height: 1.2;
}
.boxVechungtoi+.boxVechungtoi {
  margin-top: 10px;
}
.btn2 {
  background: #b8d137;
  border-radius: 99px;
  font-size: 14px;
  padding: 0px 30px;
  margin: 10px auto;
  display: block;
  width: 140px;
}
.content-h-about {
  text-align: center;
}
.content-h-about p:first-child {
  font-size: 24px;
  text-transform: uppercase;
  font-family: SVN-GilroyXBold, sans-serif;
  margin-bottom: 0;
  line-height: 1;
}
.content-h-about p:first-child span {
  font-family: UTMAlpineKT;
  font-size: 60px;
  text-transform: initial;
  color: rgba(152, 191, 62, 1);
}
.content-h-about p:nth-child(2) {
  font-family: UTMAlpineKT;
  font-size: 60px;
  text-transform: initial;
  color: #2b963e;
  margin-bottom: 0;
  line-height: 1.2;
}
.content-h-about p:nth-child(3) {
  font-family: UTMAlpineKT;
  font-size: 38px;
  text-transform: initial;
  color: rgba(152, 191, 62, 1);
  margin-bottom: 0;
  line-height: 1.2;
}
.home-about .section-content:before {
  content: '';
  background: url(/wp-content/uploads/2025/08/Mango.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 269px;
  height: 220px;
  left: -40px;
  bottom: -81px;
  z-index: 1;
}
.home-camket:before {
  top: 0;
}
.home-about .section-content:after {
  content: '';
  background: url(/wp-content/uploads/2025/08/Orange.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 251px;
  height: 254px;
  right: -110px;
  bottom: -177px;
  z-index: 1;
}
.home-about {
  padding-bottom: 0 !important;
}
/*.boxSP:before {
  content: '';
  position: absolute;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  background-size: cover !important;
  width: 100%;
  height: 55%;
  bottom: 75px;
}
.boxSP1:before {
  background: url(/wp-content/uploads/2025/08/Rectangle-5-3.png);
}
.boxSP2:before {
  background: url(/wp-content/uploads/2025/08/Rectangle-5-2.png);
}
.boxSP3:before {
  background: url(/wp-content/uploads/2025/08/Rectangle-5-1.png);
}
.boxSP4:before {
  background: url(/wp-content/uploads/2025/08/Rectangle-5.png);
}*/
.boxSP .box-text-inner h4 {
  color: #fff;
  font-size: 20px;
}
.boxSP .box-text-inner p {
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
}
.boxSP .box-text {
  padding: 12px 10px 0;
}
.boxSP:hover {
  transform: scale(1.1);
}
.home-dkb {
  margin-top: -311px;
  z-index: 0;
}
.rowSp {
  z-index: 1;
  position: relative;
}
.coldiemkhacbiet > .col-inner {
  background: #edf4cb;
  border-radius: 20px;
  padding: 30px;
}
.titleDiemkhacbiet h2 {
  text-align: center;
}
.titleDiemkhacbiet h2 span {
  text-align: center;
  background: #2b963e;
  color: #fff;
  border-radius: 99px;
  padding: 8px 30px;
  text-transform: uppercase;
}
.coldiemkhacbiet > .col-inner:before {
  content: '';
  background: url(/wp-content/uploads/2025/08/Coconut.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 291px;
  height: 249px;
  left: -200px;
  top: 0;
  z-index: 1;
}
.coldiemkhacbiet > .col-inner:after {
  content: '';
  background: url(/wp-content/uploads/2025/08/Guava.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 265px;
  height: 245px;
  right: -200px;
  bottom: 0;
  z-index: 1;
}
.home-dkb:before {
  content: '';
  background: url(/wp-content/uploads/2025/08/Leaf.1.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 400px;
  height: 320px;
  left: -40px;
  top: 0;
  z-index: 1;
}
.home-dkb:after {
  content: '';
  background: url(/wp-content/uploads/2025/08/Leaf.2.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 300px;
  height: 52%;
  right: -100px;
}
.home-dkb .section-content:before {
  content: '';
  background: url(/wp-content/uploads/2025/08/cloud.2.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 400px;
  height: 320px;
  left: -140px;
  top: 400px;
  z-index: 1;
}
.home-dkb .section-content:after {
  content: '';
  background: url(/wp-content/uploads/2025/08/cloud.2.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 522px;
  height: 320px;
  right: -250px;
  bottom: -40px;
}
#masthead .flex-left > ul > li > ul {
    padding: 0;
    min-width: 200px;
    border-radius: 10px;
}
#masthead .flex-left > ul > li > ul > li > a {
    color: #000;
    border-radius: 10px;
}
#masthead .flex-left > ul > li > ul > li > a:hover {
    color: #fff;
    background: linear-gradient(0deg, rgb(42 151 60) 0%, rgba(152, 191, 62, 1) 100%);
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul {
    margin-top: -40px;
    display: none;
    position: absolute;
    left: 100%;
    z-index: 9;
    background: white;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
    border: 1px solid #ddd;
    min-width: 200px;
    border-radius: 10px;
}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{
      padding: 10px;
    text-transform: none;
    color: black;
    border-radius: 10px;
}
.nav-dropdown .nav-dropdown-col>ul li a:hover {
    color: #fff;
    background: linear-gradient(0deg, rgb(42 151 60) 0%, rgba(152, 191, 62, 1) 100%);
}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.icon-box-img img, .icon-box-img svg {
    padding-top: 0;
}
.boxGiatri1 {
    align-items: center;
}
.boxGiatri1 .icon-inner {
    background: #b7d138;
    padding: 10px;
    border-radius: 99px;
}
.boxGiatri1 .icon-box-text p {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    color: #2b963e;
}
@media (min-width: 992px){
 .nopad{
  padding-bottom: 0 !important;
}
.section-footer {
  padding-top: 230px !important;
  margin-top: -130px;
}
#masthead .flex-right {
  width: 25%;
}
.product-info {
 border-right: 0;
 padding-right: 0;
}
.home-about {
  margin-top: -110px;
  padding-top: 155px !important;
}
}
@media (max-width: 849px){
 .mfp-ready .mfp-close {
  opacity: 1;
}
.nav-slide-header .toggle {
    opacity: 1;
    color: #fff;
}
.mfp-content {
  background: #2b963e !important;
  transition: transform .5s, opacity .3s !important;
}
.off-canvas .nav-vertical>li>a {
  color: #fff;
  font-size: 18px;
}
.section-footer .section-bg :is(img,picture,video) {
 top: 0;
}
.section-footer {
  padding-top: 150px !important;
  margin-top: -80px !important;
}
.home-about {
  margin-top: -65px;
}
.content-h-about p:first-child span {
  font-size: 44px;
}
.home-dkb {
  margin-top: -800px;
  padding-top: 500px !important;
}
.boxSP .box-text br {
  display: none;
}
.nav-vertical>li>ul li a {
    color: #fff !important;
    font-size: 16px !important;
    text-transform: inherit !important;
}
}
@media (max-width: 549px){
	.nopadm{
		padding-bottom: 0 !important;
	}
 .breadcrumb__title {
  font-size: 28px;
}
.boxGiatri {
  display: block;
}
.boxGiatri .icon-box-text {
  padding-left: 0 !important;
  margin-top: 20px;
}
.titleForm {
  padding: 0;
  margin-bottom: 10px;
}
.colForm > .col-inner:before {
  display: none;
}
.formFooter {
  text-align: center;
}
.colForm > .col-inner {
  border-radius: 35px;
  height: 281px;
}
.formFooter button {
  right: 20px;
}
.home-about .section-content:after {
  right: -190px;
}
.home-about .section-content:before {
  width: 133px;
  height: 110px;
  bottom: -26px;
}
.home-news:before, .home-about:before, .home-camket:before {
  left: -88px;
  width: 200px;
}
.home-about:after {
  display: none;
}
.coldiemkhacbiet > .col-inner:before {
  width: 128px;
  left: -92px;
  height: 109px;
}
.coldiemkhacbiet > .col-inner:after {
  width: 120px;
  right: -87px;
  height: 110px;
}
.home-dkb .section-content:after {
  width: 100px;
  right: 0;
  height: 100px;
}
.home-dkb .section-content:before {
  width: 120px;
  left: -39px;
  height: 97px;
}
.titleDiemkhacbiet h2 span {
  padding: 8px 10px;
}
.icon-box-img img, .icon-box-img svg {
  padding-top: 0;
}
.boxDKB .icon-inner img {
  object-fit: cover;
  width: 30px;
}
.boxDKB .icon-inner {padding: 10px;background: rgba(152, 191, 62, 1);border-radius: 99px;height: 60px;width: 60px;text-align: center;}
.boxDKB {
  margin-bottom: 15px;
  align-items: center;
}
.boxDKB p {
  color: #2b963e;
  font-family: SVN-GilroyXBold, sans-serif;
  line-height: 1.2;
  font-size: 17px;
}
.blog-wg .box-text {
  padding: 10px 0 0;
}
.blog-archive .widget{
  display: none;
}
.home-camket {
    height: auto;
    padding: 30px 0!important;
}
.boxGiatri1+.boxGiatri1 {
    margin-top: 15px;
}
}