/*
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.   ***************/
/* ẩn topbar quản trị */
#wp-admin-bar-root-default #wp-admin-bar-wp-logo {
  display: none;
}

#wp-admin-bar-root-default #wp-admin-bar-flatsome-activate {
  display: none;
}

#wp-admin-bar-root-default #wp-admin-bar-comments {
  display: none;
}

#wp-admin-bar-root-default #wp-admin-bar-new-content {
  display: none;
}

#wp-admin-bar-root-default #wp-admin-bar-customize {
  display: none;
}

#wp-admin-bar-root-default #wp-admin-bar-wpseo-menu {
  display: none;
}

/* thêm font */
@font-face {
  font-family: "Mulish-Bold";
  src: url(fonts/Mulish-Bold.ttf);
}

.shop-container ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}

.label-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  min-height: 29px;
  min-width: 51px;
  background-color: #00B120;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px 0 8px 0;
  z-index: 2;
}

.label-custom.mv {
  background-color: #FFA800;
}

.label-custom.md {
  background-color: #E64143;
}

.label-custom.mx {
  background-color: #00B120;
}

.badge-container {
  margin-top: 0;
}

.badge-container .badge-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 29px;
  min-width: 57px;
  padding: 0;
  background-color: #E64143;
  border-radius: 8px 0 8px 0;
}

.label-custom span,
.badge-container .badge-inner .onsale {
  font-size: 14px;
  font-weight: 600;
  line-height: 16.94px;
  text-align: center;
  color: white;
  text-transform: initial;
  padding: 0 10px;
}

.box-text .button {
  width: 100%;
  background: #24B721;
  border: unset;
  min-height: 48px;
  border-radius: 70px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}

.product-small.box img {
  width: 100%;
  height: 245px;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid #DFDFDF
}

.product-small.box .title-wrapper a {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  color: #424242;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-small.box .price-wrapper {
  margin-top: 10px;
  min-height: 45px;
}

.product-small.box .price-wrapper .price {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}

.product-small.box .price-wrapper .price del {
  display: block;
  width: 100%;
  order: 2;
  margin-top: 3px;
}

.product-small.box .price-wrapper .price del bdi {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: left;
  color: #878787;
}

.devvn_woocommerce_price_suffix,
.product-small.box .price-wrapper .price bdi,
.product-small.box .price-wrapper .price ins {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.2px;
  text-align: left;
  color: #000000;
}

.flickity-page-dots .dot {
  width: 8px;
  height: 8px;
}

.img {
  margin-bottom: 0 !important;
}

.absolute-footer {
  display: none;
}

.gtranslate_wrapper .gt_switcher {
  width: 140px !important;
}

.gtranslate_wrapper .gt_switcher .gt_selected {
  background: unset !important;
}

.gtranslate_wrapper .gt_switcher .gt_option a,
.gtranslate_wrapper .gt_switcher .gt_selected a {
  background-color: unset !important;
  font-size: 14px;
  font-weight: 600;
  color: white !important;
  border: none !important;
  width: 110px !important;
}

.gtranslate_wrapper .gt_switcher a img {
  border-radius: 50%;
  opacity: 1 !important;
  object-fit: cover;
  margin-right: 5px !important;
}

.gtranslate_wrapper .gt_switcher .gt_option {
  border: none !important;
  background-color: unset !important;
}

.gtranslate_wrapper .gt_selected a:after {
  background-image: url(images/arrd.svg) !important;
  background-size: 18px !important;
}

.header-top {
  background-color: unset !important;
}

.header {
  background: url(images/Header-min.jpg) no-repeat;
  background-size: cover;
}

.txt-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.txt-head-top a {
  font-size: 14px;
  font-weight: 600;
  line-height: 16.94px;
  text-align: left;
  color: #FFFFFF;
}

.txt-head-top .co1 {
  margin-right: 130px;
}

.txt-head-top .co2 a {
  position: relative;
  padding-right: 12px;
  margin-right: 8px;
}

.txt-head-top .co2 a::before {
  content: '';
  width: 2px;
  height: 18px;
  position: absolute;
  right: 0;
  background: white;
}

.txt-head-top .co2 a:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.txt-head-top .co2 a:last-child::before {
  display: none;
}

.header .header-nav.nav-left li:first-child .nav-top-link {
  background: white;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #575757;
  height: 52px;
  padding: 0 14px;
  border-radius: 70px;
}

.header .header-nav.nav-left li:first-child .nav-top-link .icon-angle-down {
  display: none;
}

.header .header-nav.nav-left li:first-child .nav-top-link .fa-solid.fa-bars {
  margin-right: 10px;
}

.header .header-nav.nav-left li:first-child .nav-top-link .fa-solid.fa-bars::before {
  content: url(images/bars.svg);
  display: block;
  height: 24px;
}

.nav-dropdown-default {
  padding: 15px !important;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px #00000040 !important;
  border: none !important;
  left: 0px !important;
  margin-top: 10px;
  min-width: 330px;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
  border-bottom: 0;
  min-height: 52px;
  display: flex;
  align-items: center;
  font-family: "Mulish-Bold";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #4A4A4A;
  margin: 0;
  padding: 10px 14px;
}

.nav-dropdown-default .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-default>li>a:hover {
  color: #24B721;
  background: #E0FBE5;
}

.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after,
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
  display: none;
}

.header .search-form input {
  background: white;
  border: unset;
  min-height: 52px;
  text-indent: 45px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  min-width: 715px;
}

.header .search-form input::placeholder {
  color: #BFBFBF;
}

.header .searchform .button.icon {
  left: 8px;
  position: absolute;
  top: 10px;
}

.header .searchform .button.icon i::before {
  content: url(images/search.svg);
}

.header .flex-right li {
  margin: 0 5px;
}

.header .flex-right .cart-item a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
  background: #00901A;
  border-radius: 70px;
  min-height: 52px;
  padding: 10px 15px 10px 45px;
}

.header .flex-right .cart-item a i {
  position: absolute;
  margin-left: 0;
  left: 15px;
}

.header .log {
  display: flex;
}

.header .log a:nth-child(1) {
  margin-right: 10px;
}

.header .log a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
  background: #00901A;
  border-radius: 70px;
  min-height: 52px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-bottom .tey p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
  color: white;
}




.footer-main-1 {
  min-height: 119px;
}

.footer-main-1 .row .col {
  padding-bottom: 0;
}

.footer-main-1 .row .col-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-main-1 .row .co2 .col-inner {
  justify-content: end;
}

.footer-main-1 .icon-box {
  align-items: center;
}

.footer-main-1 .icon-box h3 {
  font-size: 28px;
  font-weight: 800;
  line-height: 33.89px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 3px;
}

.footer-main-1 .icon-box p {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 0;
}


.footer-main-1 .ck-map {
  background: white;
  color: #15C635;
  box-shadow: 0px 4px 8px 0px #00000026;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 70px;
  width: 100%;
  max-width: 395px;
  position: relative;
  padding: 10px 10px 10px 45px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.footer-main-1 .ck-map::before {
  content: url(images/ck-map.svg);
  height: 24px;
  position: absolute;
  left: 15px;
  top: 14px;
}

.footer-main-2 .img {
  margin-bottom: 0 !important;
}

.footer-main-2 h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 21.78px;
  text-align: left;
  color: #000000;
}

.footer-main-2 .ux-menu a {
  min-height: 30px;
}

.footer-main-2 .ux-menu a span {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  color: #000000;
}

.footer-main-2 .ux-menu a span:hover {
  color: #15C635;
}

.footer-main-2 .co3 .row .col-inner {
  margin-top: 5px;
  display: flex;
  align-items: center;
}

.footer-main-2 .co3 .row .col-inner .img {
  max-width: 40px;
  margin-right: 20px;
}

.footer-main-2 .co3 .qr {
  max-width: 130px;
  margin-top: 15px;
}

.footer-main-2 .co4 .tel a {
  font-size: 24px;
  font-weight: 600;
  line-height: 29.05px;
  text-align: left;
  color: #15C635;
}

.footer-main-2 .co4 .row .col-inner {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.footer-main-2 .co4 .row .col-inner .img {
  max-width: 44px;
  margin-right: 12px;
}

.footer-main-2 .row {
  margin-top: 15px;
}

.footer-main-2 .co1 {
  flex-basis: 25%;
  max-width: 25%;
}

.footer-main-2 .co2 {
  flex-basis: 16%;
  max-width: 16%;
}

.footer-main-2 .co3 {
  flex-basis: 25%;
  max-width: 25%;
}

.footer-main-2 .co4 {
  flex-basis: 34%;
  max-width: 34%;
}

/* Trang chu */
.home01 {
  padding-top: 15px !important;
}

.home01 .ro {
  min-height: 458px;
  background: url(images/gh1-min.jpg) no-repeat;
  background-size: cover;
  border-radius: 6px;
  margin-top: 15px !important;
}

.home01 .ro .col {
  position: relative;
}

.home01 .ro .co2 .col-inner {
  min-height: 458px;
}

.home01 .ro .co2 .img {
  position: absolute;
  bottom: 0;
  left: -30px;
}

.home01 h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
  text-align: left;
  color: #FFFFFF;
}

.home01 h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 38.73px;
  text-align: left;
  color: #FFFFFF;
}

.home01 p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  color: #FFFFFF;
}

.home01 .btn {
  margin: 0;
  background-color: white;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

.home01 .btn span {
  color: #0DC32E;
  font-size: 17px;
  font-weight: 700;
  line-height: 21.78px;
}

.home01 .ro .co1 .col-inner {
  max-width: 669px;
  margin-left: 90px;
}

.home01 .slider-nav-light .flickity-page-dots .dot {
  background: white;
}

.home04 .col {
  padding-bottom: 0;
}

.home04 .col .col-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  border-radius: 8px;
  padding: 12px;
}

.home04 .col .col-inner .text {
  max-width: 319px;
  margin-left: 40px;
}

.home04 .col .col-inner .text h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 38.73px;
  text-align: left;
  color: #000000;
  max-width: 270px;
}

.home04 .col .col-inner .text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  color: #424242;
}

.home04 .co1 .col-inner .text p:last-child,
.home04 .co2 .col-inner .text p:last-child {
  margin-bottom: 0;
}

.home04 .col .col-inner .text p a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: white;
  min-height: 48px;
  width: fit-content;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 70px;
  padding: 0 15px;
}

.home04 .co1 .col-inner .text p a {
  background: #15C635;
}

.home04 .co2 .col-inner .text p a {
  background: #FFC200;
}

.home04 .col .col-inner .img {
  width: 100%;
  max-width: 285px;
  height: 403px;
  border-radius: 8px;
  object-fit: cover;
}

.title h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  color: #000000;
  margin-bottom: 20px;
}

.home06 .nhathuoc-Orenda::before{
  display: none;
}

.home06 .row .col{
  padding-top: 30px;
}

.home07 .co2 .col-inner {
  display: flex;
  justify-content: space-between;
  background: #F8FAFC;
  border-radius: 8px;
  padding: 40px 50px;
  max-width: 1335px;
  width: 100%;
  margin: auto;
}

.home07 .co2::after {
  content: '';
  display: block;
  width: 1440px;
  height: 330px;
  background: #24B721;
  position: absolute;
  z-index: -1;
  top: 66%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}

.home07 .co2 .col-inner .img {
  width: 100%;
  max-width: 316px;
}

.home07 .co2 .col-inner img {
  width: 100%;
  ;
  height: 316px;
  object-fit: cover;
  border-radius: 8px;
}

.home07 .co2 .col-inner .text {
  max-width: 850px;
  width: 100%;
}

.home07 .co2 .col-inner .text::before {
  content: url(images/phay.svg);
  height: 39px;
  display: block;
  margin-bottom: 20px;
}

.home07 .co2 .col-inner .text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  color: #272727;
}

.home07 .co2 .col-inner .text>div {
  display: flex;
}

.home07 .co2 .col-inner .text>div h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: justify;
  color: #272727;
  margin-bottom: 0;
  width: fit-content;
}

.home07 .co2 .col-inner .text>div p {
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  font-style: italic;
  color: #272727;
  margin-bottom: 0;
  width: fit-content;
}

.home07 .co2 .col-inner .text>div p::before {
  font-family: 'FontAwesome';
  content: '\f111';
  font-style: normal;
  font-size: 5px;
  top: -5px;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}

.home07 {
  padding-bottom: 10px !important;
}

.home07 .ro2 .co2 {
  margin-bottom: 30px;
}

.home07 .slick-dots {
  text-align: center;
  margin: -45px 0 0 0;
}

.home07 .slick-dots li {
  display: inline-block;
  margin: 0;
}

.home07 .slick-dots li button {
  margin: 0 4px;
  border: none;
  padding: 0;
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  opacity: 0.7;
}

.home07 .slick-dots li.slick-active button {
  background: #F8FAFC;
  opacity: 1;
}

.home08 {
  min-height: 720px;
}

.home08 .co1 h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 43.57px;
  text-align: left;
  color: #000000;
  max-width: 470px;
}

.home08 .co1 p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  color: #272727;
  max-width: 666px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.home08 .co1 .row .col-inner {
  display: flex;
}

.home08 .co1 .row .col-inner .img {
  max-width: 174px;
  margin-right: 15px;
}

.home03 .pro-cate {
  margin-top: 10px;
}

.home03 .pro-cate img {
  width: 100%;
  height: 227px;
  object-fit: cover;
  border-radius: 8px;
}

.home03 .pro-cate .box-text {
  padding: 0;
  padding-top: 10px;
}

.home03 .pro-cate h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
  text-align: left;
  color: #3A3A3A;
  text-transform: initial;
}

.home03 .col {
  padding-bottom: 10px;
}

.home05 .row .col {
  padding-bottom: 0;
}

.home02 {
  padding-bottom: 0 !important;
}

.home02 .ro .col {
  padding-bottom: 0;
}

.home02 .products.row .col {
  padding: 0 10px 0;
}

.home02 .row .col-inner .woocommerce .products.row .slick-arrow {
  width: 40px !important;
}

.home02 .slick-arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white;
  background: #24B721;
  position: absolute;
  top: 24%;
  z-index: 2;
  cursor: pointer;
}

.home02 .slick-prev.slick-arrow {
  left: -15px;
}

.home02 .slick-next.slick-arrow {
  right: -15px;
}

.breadcrumbs {
  color: #14C133;
}

.archive.search #main,
.archive.tax-product_cat #main {
  background: #f9f9f9;
}

.banner-cmsp {
  padding-bottom: 0 !important;
}

.banner-cmsp .row .col {
  padding-bottom: 0;
}

.banner-cmsp img {
  width: 100%;
  height: 310px;
  border-radius: 8px;
  object-fit: cover;
}

.breadcrumb-container {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #BABABA;
  margin-bottom: 20px;
}

.breadcrumbs {
  font-family: "Mulish-Bold";
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.breadcrumbs a {
  color: #2D2D2D;
}

.child-categories-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.child-categories-main a {
  border: 1px solid #BABABA;
  border-radius: 8px;
}

.child-categories-main .child-category-item {
  display: flex;
  align-items: center;
  padding: 10px;
  min-height: 64px;
}

.child-categories-main .child-category-item img {
  width: 100%;
  max-width: 44px;
  height: 44px;
  object-fit: contain;
  margin-right: 18px;
}

.child-categories-main .child-category-item span {
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  text-align: left;
  color: #292929;
}

.block-settx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.block-settx .co2 {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 0 10px 0 20px;
  border-radius: 30px;
}

.block-settx h3,
.block-settx p {
  margin-bottom: 0;
}

.block-settx h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 21.78px;
  text-align: left;
  color: #1A1A1A;
}

.block-settx p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #000000;
  padding-left: 30px;
  position: relative;
}

.block-settx p::before {
  content: url(images/sx.svg);
  height: 24px;
  position: absolute;
  left: 0;
}

.block-settx .orderby {
  box-shadow: none;
  border: none;
  cursor: pointer;
}

.load-more-container {
  text-align: center;
}

.load-more-container button {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #039D1F;
}

.load-more-container button::after {
  font-family: 'FontAwesome';
  margin-left: 10px;
}

.load-more-container #load-all-products::after {
  content: '\f078';
}

.load-more-container #hide-products::after {
  content: '\f077';
}

.widget_price_filter .price_slider_amount .button,
.widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #24B721;
}

.widget_price_filter .price_slider {
  background: #aeffac;
}

#shop-sidebar {
  background: #fff;
}

#shop-sidebar .is-divider {
  display: none;
}

#shop-sidebar .devvn_wcfa_widget_layered_nav .widget-title {
  display: block;
  border-bottom: 1px solid #E4E8ED;
  padding: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.78px;
  text-align: left;
  text-transform: initial;
  color: #1A1A1A;
}

#shop-sidebar .devvn_wcfa_widget_layered_nav .wafc-widget-layered-nav-list {
  padding: 10px;
}

#shop-sidebar .widget_price_filter {
  border-top: 1px solid #E4E8ED;
  padding: 30px 10px 10px 10px;
}

.widget.woocommerce.widget_price_filter .widget-title.shop-sidebar {
  font-size: 18px;
  font-weight: 700;
  line-height: 21.78px;
  text-align: left;
  color: #1A1A1A;
}

.widget.woocommerce.widget_price_filter form {
  margin-top: 20px;
}

.product-footer .slider-nav-reveal .flickity-prev-next-button,
.product-footer .slider-nav-reveal .flickity-prev-next-button:hover {
  opacity: 1;
  background-color: #24B721;
  height: 30px;
  top: 33%;
  border-radius: 50%;
  width: 39px;
  box-shadow: none;
}

.product-footer .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
  margin-top: 0;
  color: white;
  padding: 30%;
}

.product-footer .slider .flickity-prev-next-button:hover .arrow,
.product-footer .slider .flickity-prev-next-button:hover svg {
  fill: white;
}

.product-footer .slider-nav-reveal .flickity-prev-next-button.next {
  right: 4px !important;
}

.product-footer .slider-nav-reveal .flickity-prev-next-button.previous {
  left: 4px !important;
}

.woocommerce-product-gallery {
  border-radius: 8px;
  overflow: hidden;
}

.product-summary .woocommerce-Price-currencySymbol {
  vertical-align: baseline;
}

.product .product-footer .woocommerce-tabs {
  width: 100%;
}

.product-footer .tab-panels .flx {
  display: flex;
  margin-bottom: 15px;
}

.product-footer .tab-panels h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  text-align: left;
  margin-bottom: 20px;
}

.product-footer .tab-panels .flx h5 {
  width: fit-content;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #424245;
  margin-right: 10px;
  margin-bottom: 0;
}

.product-footer .tab-panels .flx ul {
  margin-bottom: 0;
}

.product-footer .tab-panels .flx p {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  margin-bottom: 0;
}

form.cart :where(.ux-quantity, .single_add_to_cart_button, .ux-buy-now-button) {
  background-color: #FFA800;
}

.product-info .product-title.product_title.entry-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 38.73px;
  text-align: left;
  color: #000000;
}

.product-footer .product-section h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  text-align: center;
  color: #000000;
  text-transform: initial;
}

.most-viewed-products-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 800px;
  margin-left: -20px;
}

.most-viewed-products-wrapper h3 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
  color: white;
  margin-right: 10px;
}

.most-viewed-products-wrapper>div {
  overflow: hidden;
  position: relative;
  max-width: 550px;
}

.most-viewed-products {
  display: flex;
  flex-wrap: nowrap;
  animation: scroll-left 20s linear infinite;
  padding: 0;
  margin: 0;
  list-style: none;
}

.most-viewed-products li {
  flex: 0 0 auto;
  margin-right: 20px;
  white-space: nowrap;
  margin-bottom: 0;
}

.most-viewed-products a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: left;
}

.most-viewed-products p {
  margin: 0;
}

.most-viewed-products p:hover{
  color: #FFA800;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.nav-pagination>li>a,
.nav-pagination>li>span {
  border-radius: 4px;
}


.cm-tintuc {
  overflow: hidden;
  margin-top: 45px;
  margin-bottom: 45px;
}

.cm-tintuc .list_noibat {
  margin-bottom: 20px;
}

.cm-tintuc .list_noibat h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 21.78px;
  text-align: left;
  color: #FFB500;
  text-transform: uppercase;
}

.cm-tintuc .list_noibat .box_list {
  overflow: hidden;
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .nb {
  background-color: #FFB500;
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 100%;
  max-width: 90px;
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 1;
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .nb p {
  font-size: 14px;
  font-weight: 600;
  line-height: 16.94px;
  text-align: center;
  color: white;
  margin-bottom: 0;
}


.cm-tintuc .list_noibat .box_list .new-list-post-one {
  width: 100%;
  max-width: 63%;
  float: left;
  position: relative;
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .post-image {
  width: 100%;
  height: 440px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #00901A;
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .post-image:hover img {
  transform: scale(1.2);
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .post-image img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 5px;
  transition: transform 0.5s ease;
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .post-content h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 29.05px;
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .post-content h3 a {
  color: black;
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .post-content h3 a:hover {
  color: #FFB500;
  transform: 0.3s;
}

.cm-tintuc .list_noibat .post-content .nor {
  display: flex;
}

.cm-tintuc .list_noibat .post-content .nor p {
  margin-right: 20px;
  margin-bottom: 12px;
}

.cm-tintuc .list_noibat .box_list .time {
  font-size: 15px;
  line-height: 22px;
  color: #596579;
  background: url(images/cal.svg) 0px 2px no-repeat;
  padding-left: 24px;
}

.cm-tintuc .list_noibat .box_list .eyes {
  font-size: 15px;
  line-height: 22px;
  color: #596579;
  background: url(images/eye.svg) 0px 2px no-repeat;
  padding-left: 24px;
}

.cm-tintuc .list_noibat .box_list .new-list-post-one .post-content .cnt p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  color: #212121;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right {
  width: 100%;
  max-width: 35%;
  float: right;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .post-content .nor p {
  margin-bottom: 6px;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .new-list-post {
  overflow: hidden;
  margin-bottom: 18px;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .new-list-post .post-image {
  width: 100%;
  height: 220px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  border: 1px solid #00901A;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .new-list-post .post-image:hover img {
  transform: scale(1.2);
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .new-list-post .post-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 5px;
  transition: transform 0.5s ease;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .new-list-post .post-content {
  width: 100%;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .new-list-post .post-content h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  text-align: left;
  margin-bottom: 5px;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .new-list-post .post-content .title:hover {
  color: #FFB500;
  transform: 0.3s;
}

.cm-tintuc .list_noibat .box_list .new-list-post-right .post-content .nor {
  margin-top: 8px;
}

.cm-tintuc .list_noibat2 {
  background: #fff;
  padding: 0;
  position: relative;
}

.cm-tintuc .list_noibat2 .view {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  color: #397FDC;
}

.cm-tintuc .box_list_new .left {
  overflow: hidden;
  margin-bottom: 30px !important;
}

.cm-tintuc .box_list_new .left {
  margin: 0 -15px;
}

.cm-tintuc .box_list_new .left .new-list-post {
  width: 100%;
  float: left;
  padding: 0 15px;
}

.cm-tintuc .box_list_new .left .new-list-post>div {
  display: flex;
  align-items: center;
}

.cm-tintuc .box_list_new .left .new-list-post .post-image {
  width: 100%;
  min-width: 484px;
  height: 312px;
  overflow: hidden;
  border-radius: 4px;
  padding-right: 10px;
  border-radius: 5px;
}

.cm-tintuc .box_list_new .left .new-list-post .post-content {
  padding-left: 10px;
}

.cm-tintuc .box_list_new .left .new-list-post .post-image img {
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.cm-tintuc .box_list_new .right .new-list-post {
  overflow: hidden;
  margin-bottom: 30px;
}

.cm-tintuc .box_list_new .right .new-list-post .post-image {
  width: 263px;
  float: left;
  height: 160px;
}

.cm-tintuc .box_list_new .right .new-list-post .post-image img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.cm-tintuc .box_list_new .right .new-list-post .post-content {
  width: calc(100% - 283px);
  float: right;
}

.cm-tintuc .box_list_new .left .new-list-post .post-content>div,
.cm-tintuc .box_list_new .right .new-list-post .post-content>div {
  display: flex;
}

.cm-tintuc .box_list_new .left .new-list-post .post-content p,
.cm-tintuc .box_list_new .right .new-list-post .post-content p {
  margin-right: 20px;
}

.cm-tintuc .box_list_new .post-content .time {
  font-size: 15px;
  line-height: 22px;
  color: #596579;
  background: url(img/cal.svg) 0px 2px no-repeat;
  padding-left: 24px;
}

.cm-tintuc .box_list_new .post-content .eyes {
  font-size: 15px;
  line-height: 22px;
  color: #596579;
  background: url(img/eye.svg) 0px 2px no-repeat;
  padding-left: 24px;
}

.cm-tintuc .box_list_new .post-content .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #2F4858;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cm-tintuc .box_list_new .post-content .title:hover {
  color: #FFB500;
  transform: 0.3s;
}

.cm-tintuc .box_list_new .post-content .cnt p {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #596579;
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}

.cm-tintuc .box_list_new .post-content .view {
  font-size: 16px;
  line-height: 24px;
  color: #FFB500;
  font-weight: 600;
}


.cm-tintuc .list_noibat.list_noibat2 .new-list-post-one {
  width: 100%;
  max-width: 49%;
  float: left;
  position: relative;
}

.cm-tintuc .list_noibat.list_noibat2 .new-list-post-right {
  width: 100%;
  max-width: 49%;
  float: right;
}

.cm-tintuc .list_noibat.list_noibat2 .box_list .new-list-post-right .new-list-post .post-image {
  width: 148px;
  height: 148px;
  border-radius: 4px;
  overflow: hidden;
  float: left;
}

.cm-tintuc .list_noibat.list_noibat2 .box_list .new-list-post-right .new-list-post .post-image img {
  height: 148px;
}

.cm-tintuc .list_noibat.list_noibat2 .box_list .new-list-post-right .new-list-post .post-content {
  width: calc(100% - 166px);
  float: right;
}

.cm-tintuc .list_noibat.list_noibat2 .box_list .new-list-post-right .new-list-post .post-content .cnt {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  color: #212121;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cm-tintuc .list_noibat.list_noibat2 .new-list-post-one .post-image {
  height: 330px;
}

.cm-tintuc .list_noibat.list_noibat2 .new-list-post-one .post-image img {
  height: 330px;
}

.cm-tintuc .list_noibat.list_noibat2 .new-list-post-one .post-content h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
  text-align: justify;
  color: #000000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cm-tintuc .list_noibat.list_noibat2 .line {
  background-color: #CDCDCD;
  height: 1px;
  margin-bottom: 20px;
  position: relative;
}

.cm-tintuc .list_noibat.list_noibat2 .line>div {
  background-color: #FFB500;
  height: 5px;
  width: 100%;
  max-width: 171px;
  border-radius: 17px;
  position: relative;
  top: -2px;
}

.chitiet-tintuc {
  margin-top: 25px;
}

.chitiet-tintuc>div .contennt h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  color: #2C353C;
}

.chitiet-tintuc>div .contennt p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #677987;
  position: relative;
  margin-left: 25px;
  height: 36px;
  display: flex;
  align-items: center;
}

.chitiet-tintuc>div .contennt p::before {
  content: url(images/eye.svg);
  position: absolute;
  margin-left: -25px;
  height: 17px;
}

.chitiet-tintuc>div .excerpt p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #677987;
}

.chitiet-tintuc>div .tukhoa {
  padding: 10px 0;
  min-height: 50px;
  border-top: 1px solid #EFF1F4;
  border-bottom: 1px solid #EFF1F4;
  display: flex;
  align-items: center;
  margin: 35px auto;
}

.chitiet-tintuc>div .tukhoa p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #B4BACA;
  margin-bottom: 0;
}

.chitiet-tintuc>div .tukhoa p span {
  color: #FF9700;
}

.chitiet-tintuc>div .related_news {
  margin-top: 30px;
}

.chitiet-tintuc>div .related_news .widget-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  color: #52606B;
  margin-bottom: 35px;
}

.chitiet-tintuc>div .related_news .new-list-related .post {
  position: relative;
  border-radius: 12px;
  border: 1px solid #EFF1F4;
  margin: 0 10px 20px 10px;
}

.chitiet-tintuc>div .related_news .new-list-related .post:hover {
  box-shadow: 0px 12px 20px 0px #0000000D;
}

.chitiet-tintuc>div .related_news .new-list-related .post .post-time {
  background-color: #FFB500;
  border-radius: 8px;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}

.chitiet-tintuc>div .related_news .new-list-related .post .post-time>div h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  color: white;
  margin-bottom: 0;
}

.chitiet-tintuc>div .related_news .new-list-related .post .post-time>div p {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: white;
  margin-bottom: 0;
  text-transform: uppercase;
}


.chitiet-tintuc>div .related_news .new-list-related .post .hinhanh {
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}

.chitiet-tintuc>div .related_news .new-list-related .post:hover img {
  transform: scale(1.2);
}

.chitiet-tintuc>div .related_news .new-list-related .post .hinhanh img {
  height: 240px;
  width: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  border-radius: 12px;
}

.chitiet-tintuc>div .related_news .new-list-related .post .content {
  padding: 20px;
}

.chitiet-tintuc>div .related_news .new-list-related .post .content p {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
  color: #677987;
}

.chitiet-tintuc>div .related_news .new-list-related .post .content h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #2F4858;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.chitiet-tintuc>div .related_news .new-list-related .post .content .connect a {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  color: #FFB500;
}

.chitiet-tintuc>div .related_news .new-list-related .post .content .connect a i {
  margin-left: 8px;
}

.chitiet-tintuc>div .related_news .new-list-related .slick-next.slick-arrow {
  right: 0px;
}

.chitiet-tintuc>div .related_news .new-list-related .slick-prev.slick-arrow {
  left: 0px;
}

.chitiet-tintuc>div .related_news .new-list-related .slick-arrow {
  border: 1px solid;
  width: 27.75px;
  height: 27.75px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #B4BFC8;
  position: absolute;
  top: -16%;
  z-index: 1;
}

.chitiet-tintuc>div .related_news .new-list-related .slick-prev.slick-arrow i,
.chitiet-tintuc>div .related_news .new-list-related .slick-next.slick-arrow i {
  font-size: x-small;
}

.chitiet-tintuc>div .related_news .new-list-related .slick-prev.slick-arrow i::before {
  content: "\f104";
}

.chitiet-tintuc>div .related_news .new-list-related .slick-next.slick-arrow i::before {
  content: "\f054";
}

.chitiet-tintuc>div .related_news .new-list-related .slick-arrow:hover {
  color: #FF9700;
}

.entry-header-chuyenmuctin {
  background: #DBF3DB;
  min-height: 55px;
  display: flex;
  align-items: center;
  padding: 10px;
}

.entry-header-chuyenmuctin p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}

.entry-header-chuyenmuctin p i {
  margin-left: 8px;
  margin-right: 8px;
}

.entry-header-chuyenmuctin p a {
  color: #000000;
}

.entry-header-chuyenmuctin .breadcrumb_last {
  color: #34b94c;
}












/* Hệ thống nhà thuốc */
.nhathuoc-Orenda {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.nhathuoc-Orenda::before {
  content: '';
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5600px;
  height: 439px;
  background: #DBF3DB;
  z-index: -1;
}

.nhathuoc-Orenda .block-2,
.nhathuoc-Orenda .block-1 {
  width: 100%;
  max-width: 49%;
  box-shadow: 0px 4px 8px 0px #00000026;
  border-radius: 8px;
  background: white;
  padding: 30px;
}

.nhathuoc-Orenda .block-2 .bo-suu-tap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 20px;
}

.nhathuoc-Orenda .block-2 .bo-suu-tap img {
  width: 100%;
  height: 138px;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0px 1px 20px 0px #00000014;
}

.srcnhathuoc h2 {
  font-size: 32px;
  font-weight: 900;
  line-height: 38.73px;
  text-align: left;
  color: #1C1C1C;
  margin-bottom: 40px;
  margin-top: 10px;
}

.nhathuoc-Orenda .block-1 .block-form h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.2px;
  text-align: left;
  color: #000000;
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 15px;
  padding-bottom: 10px;
  position: relative;
}

.nhathuoc-Orenda .block-1 .block-form h3::before {
  content: '';
  width: 190px;
  height: 2px;
  background: #17C637;
  position: absolute;
  bottom: -1.5px;
}

.nhathuoc-Orenda .block-1 .block-form #search_city {
  width: 100%;
}

.nhathuoc-Orenda .block-1 .block-form #search_district {
  width: 100%;
  max-width: 49%;
  float: left;
}

.nhathuoc-Orenda .block-1 .block-form #search_village {
  width: 100%;
  max-width: 49%;
  float: right;
}

.nhathuoc-Orenda .block-1 .block-form select {
  border: 1px solid #DFDFDF;
  box-shadow: none;
  border-radius: 26px;
  min-height: 52px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-indent: 10px;
}

.nhathuoc-Orenda .block-1 .block-form button {
  background-color: #24B721;
  margin: 0;
  border-radius: 70px;
  width: 100%;
  min-height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: white;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('images/ards.svg') no-repeat right center;
  background-size: 24px;
  padding-right: 3em;
  background-position: calc(100% - 15px) center;
}


.nhathuoc-Orenda .block-1 .pharmacy-list-container {
  border: 2px solid #E0E0E0;
  border-radius: 8px;
  padding: 20px;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container h4 {
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #000000;
  font-style: italic;
  margin-bottom: 20px;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container .pharmacy .pharmacy-item.nor p{
  color: #08B227;
  font-weight: 600;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  min-width: 770px;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container .pharmacy-item.nor p{
  font-weight: 600;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container p a{
  color: #000000;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container .pharmacy-item.nor p a,
.nhathuoc-Orenda .block-1 .pharmacy-list-container p a:hover {
  color: #08B227;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container p::before {
  content: url(images/potr.svg);
  position: absolute;
  height: 24px;
  left: 0;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container .pharmacy .pharmacy-item:last-child p {
  margin-bottom: 0;
}

.nhathuoc-Orenda .block-1 .pharmacy-list-container .pharmacy {
  overflow: auto;
  height: 335px;
}

.pharmacy::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.pharmacy::-webkit-scrollbar-thumb {
  background: #23b72193;
  border-radius: 6px;
}

.pharmacy::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}

.pharmacy::-webkit-scrollbar-thumb:hover {
  background: #24B721;
}

.nhathuoc-Orenda .block-2 .pharmacy-item-details h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.2px;
  text-align: left;
  color: #000000;
  margin-bottom: 20px;
}

.nhathuoc-Orenda .block-2 .pharmacy-item-details p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #000000;
  margin-bottom: 10px;
}

.nhathuoc-Orenda .block-2 .pharmacy-item-details p i {
  color: #ABABAB;
  margin-right: 5px;
}

.nhathuoc-Orenda .block-2 .pharmacy-item-details iframe {
  width: 100%;
  margin-top: 15px;
  height: 300px;
  border-radius: 8px;
}