@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//ecosuccess.vnsite.vn/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #777777;
	--wd-text-font-size: 17px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 17px;
	--wd-primary-color: rgb(13,146,57);
	--wd-alternative-color: rgb(0,82,155);
	--wd-link-color: rgb(17,17,17);
	--wd-link-color-hover: rgb(0,82,155);
	--btn-default-font-weight: 600;
	--btn-default-bgcolor: rgb(0,82,155);
	--btn-default-bgcolor-hover: rgba(0,82,155,0.9);
	--btn-accented-font-weight: 600;
	--btn-accented-bgcolor: rgb(0,82,155);
	--btn-accented-bgcolor-hover: rgba(0,82,155,0.9);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(17,17,17);
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-image: none;
	background-size: cover;
	background-position: center center;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(17,17,17);
	--wd-form-placeholder-color: rgb(96,96,96);
	--wd-form-brd-color: rgb(213,214,222);
	--wd-form-bg: rgba(255,255,255,0.85);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "poppins";
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "poppins";
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "poppins";
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "manrope";
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "manrope";
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "manrope";
	font-weight: 700;
	font-style: normal;
}

:root {
    --wd-form-brd-radius: 8px;
	--btn-accented-brd-radius: 8px;
}
select {
  height: 48px;
}
.center {text-align:center;}
.wd-logo img {
    min-width: 32px;
}
.btn.btn-color-primary {
    background-image: linear-gradient(245deg, #eaec43 0%, #0d9239 100%);
}
.whb-general-header.whb-color-light .wd-nav[class*="wd-style-"] > li:is(.current-menu-item, .wd-active, .active) > a, .whb-general-header.whb-color-light .wd-nav[class*="wd-style-"] > li:is(.current-menu-item, .wd-active, .active) > a::after, .text-gradient {
    background: -webkit-linear-gradient(245deg, #eaec43 0%, #0d9239 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.radius-bottom .wd-image img {
    border-radius: 0 0 var(--wd-brd-radius) var(--wd-brd-radius);
}
.radius-top .wd-image img {
    border-radius: var(--wd-brd-radius) var(--wd-brd-radius) 0 0;
}
.radius-left .wd-image img {
    border-radius: var(--wd-brd-radius) 0 0 var(--wd-brd-radius);
}
.radius-right .wd-image img {
    border-radius: 0 var(--wd-brd-radius) var(--wd-brd-radius) 0;
}
.btn.btn-shape-semi-round, .btn.btn-style-semi-round {--btn-brd-radius: 8px;}
.elementor-icon-list-text {text-shadow: none !important;}
.elementor-col-50 p {width: 100%;}
div.wd-timeline-wrapper {padding-block: 0;}
div.woodmart-timeline-line .line-dot {
    background: transparent !important;
    box-shadow:none;
}
div.wd-timeline-item {
    margin-bottom: -40px;
}
div.wd-item-position-left .timeline-col-primary {
    text-align: right;
    padding-top: 0;
    margin-bottom: -20px;
    margin-top: -10px;
}
div.woodmart-timeline-dot {
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    width: 16px;
    height: 16px;
}
.box-about {position:relative;}
.logo-spin {
    width: 220px !important;
    filter: brightness(67%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
    animation: 10s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s infinite alternate none running spin;
    top: 30%;
    position: absolute;
    left: 0;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select {
    font-size: 16px;
}
.ah-words-wrapper {
    position: relative;
    margin-bottom: 20px;
    height: 60px;
    color: var(--wd-primary-color);
}

.ah-words-wrapper b {
  position: absolute;
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  border-right: 2px solid #000;
  font-family: monospace;
}

.ah-words-wrapper b.is-visible {
  opacity: 1;
  animation: blink-caret 0.7s step-end infinite;
}

@keyframes blink-caret {
  0%, 100% { border-color: transparent; }
  50% { border-color: black; }
}
.animated-headline {
    font-family: "Poppins", Sans-serif;
    font-weight: 700;
    line-height: 1.1em;
}
.striped-box {
      width: 150px;
      height: 150px;
      border-radius: 20px;
			display: inline-block;
      background: repeating-linear-gradient(
              45deg,             /* Góc nghiêng 45 độ */
              var(--wd-alternative-color),             /* Màu bắt đầu */
              var(--wd-alternative-color) 2px,         /* Độ rộng của sọc đen */
              white 3px,         /* Ngay sau sọc đen */
              white 10px          /* Tổng chu kỳ 6px: 3px đen + 3px trắng */
      );
    }@media (min-width: 1025px) {
	.blog-list-image .wd-post-desc, .blog-list-image .wd-post-date.wd-style-with-bg {display: none;}
.footer-column.footer-column-1 {--wd-col-lg: 4 !important;}
.footer-column.footer-column-2 {--wd-col-lg: 2 !important;}
.footer-column.footer-column-3, .footer-column.footer-column-4 {--wd-col-lg: 3 !important;}
.whb-col-right .wd-nav-secondary>li>.wd-dropdown::before {left: auto; right: 16px;}
.whb-top-bar div.wd-header-text { font-size: 14px;}
.whb-sticked .whb-color-light:not(.whb-with-bg) {background-color: rgba(255, 255, 255, 0.95);}
.whb-sticked .wd-nav[class*="wd-style-"]>li>a { color: #111;}
.box-btn-hover:hover .info-btn-wrapper {padding-top:0;}
.animated-headline {font-size: 52px;}
}

@media (max-width: 576px) {
	.order1 {order:1;}
.order2 {order:2;}
.animated-headline {font-size: 30px;}
}