.slick-track {
  margin-left: 0; }

.sanphamtheodslider .sanphamtheodoituongboxgr:not(.slick-initialized) {
  display: flex; }
  .sanphamtheodslider .sanphamtheodoituongboxgr:not(.slick-initialized) > div {
    width: calc(100%/6); }
    .sanphamtheodslider .sanphamtheodoituongboxgr:not(.slick-initialized) > div:nth-child(n+7) {
      display: none !important; }

#buy-now.disabled {
  display: none !important; }

.tab-pane.fade.active {
  opacity: 1; }

@media (min-width: 375px) and (max-width: 767px) {
  .container {
    max-width: 100%; } }

@media (max-width: 767px) {
  .productDetail-page .col-12, #blog .col-12, #article .col-12, #collection-body .col-12 {
    padding: 0; }
  #owl-spdx .product-item .product-img img, .list-productRelated .product-item .product-img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover; } }

h2, .h3, h4, h5, h1 {
  font-weight: bold; }

.sliderhomeslick:not(.slick-initialized) > div:nth-child(n+2) {
  display: none; }

.sliderhomeslick .slider-index.next {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .sliderhomeslick .slider-index.next svg {
    width: 24px; }
    .sliderhomeslick .slider-index.next svg path {
      stroke: #067655; }

.sliderhomeslick .slider-index.prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .sliderhomeslick .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .sliderhomeslick .slider-index.prev svg path {
      stroke: #067655; }

.sliderhomeslick:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.sliderhomeslick .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%); }
  .sliderhomeslick .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none;
    width: 8px;
    height: 8px; }
  .sliderhomeslick .slick-dots .slick-active button {
    background: #657384; }

.slideronmain .slider-index.next {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .slideronmain .slider-index.next svg {
    width: 24px; }
    .slideronmain .slider-index.next svg path {
      stroke: #067655; }

.slideronmain .slider-index.prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .slideronmain .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .slideronmain .slider-index.prev svg path {
      stroke: #067655; }

.slideronmain:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.slideronmain .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%); }
  .slideronmain .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none;
    width: 8px;
    height: 8px; }
  .slideronmain .slick-dots .slick-active button {
    background: #657384; }

.slideronmain .slider-index.next {
  right: -20px; }

.slideronmain .slider-index.prev {
  left: 10px; }

.flexslidernewss8 .slider-index.next {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .flexslidernewss8 .slider-index.next svg {
    width: 24px; }
    .flexslidernewss8 .slider-index.next svg path {
      stroke: #067655; }

.flexslidernewss8 .slider-index.prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .flexslidernewss8 .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .flexslidernewss8 .slider-index.prev svg path {
      stroke: #067655; }

.flexslidernewss8:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.flexslidernewss8 .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%); }
  .flexslidernewss8 .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none;
    width: 8px;
    height: 8px; }
  .flexslidernewss8 .slick-dots .slick-active button {
    background: #657384; }

@media (min-width: 768px) {
  .flexslidernewss8 .slick-slide {
    margin: 0 7px; }
  .flexslidernewss8 .slick-list {
    margin: 0 -7px; } }

@media (max-width: 767px) {
  .flexslidernewss8 {
    padding: 0 10px; } }

.flexproductslider .slider-index.next {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .flexproductslider .slider-index.next svg {
    width: 24px; }
    .flexproductslider .slider-index.next svg path {
      stroke: #067655; }

.flexproductslider .slider-index.prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .flexproductslider .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .flexproductslider .slider-index.prev svg path {
      stroke: #067655; }

.flexproductslider:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.flexproductslider .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%); }
  .flexproductslider .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none;
    width: 8px;
    height: 8px; }
  .flexproductslider .slick-dots .slick-active button {
    background: #657384; }

@media (min-width: 768px) {
  .flexproductslider .slick-slide {
    margin: 0 7px; }
  .flexproductslider .slick-list {
    margin: 0 -7px; } }

@media (max-width: 767px) {
  .flexproductslider .slick-slide {
    margin: 0 7px; }
  .flexproductslider .slick-list {
    margin: 0 -7px; }
  .flexproductslider .styles_embla__slide__JiX50 {
    padding-right: 0px; } }

.flexdlideronhand .slider-index.next {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .flexdlideronhand .slider-index.next svg {
    width: 24px; }
    .flexdlideronhand .slider-index.next svg path {
      stroke: #067655; }

.flexdlideronhand .slider-index.prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: #fff;
  z-index: 9;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
  border: 1px solid #ccc; }
  .flexdlideronhand .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .flexdlideronhand .slider-index.prev svg path {
      stroke: #067655; }

.flexdlideronhand:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.flexdlideronhand .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%); }
  .flexdlideronhand .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none;
    width: 8px;
    height: 8px; }
  .flexdlideronhand .slick-dots .slick-active button {
    background: #657384; }

.flexdlideronhand .slick-slide img {
  display: block;
  height: 100%;
  margin: 0 auto; }

@media (min-width: 768px) {
  .flexdlideronhand .slick-slide {
    margin: 0 7px; }
  .flexdlideronhand .slick-list {
    margin: 0 -7px; } }

@media (max-width: 767px) {
  .flexdlideronhand {
    padding-left: 10px; }
    .flexdlideronhand .styles_embla__slide__JiX50 {
      padding-right: 0; } }

.estore-btn.estore-btn-bg {
  background-color: var(--blue-100);
  border-color: var(--blue-100);
  color: var(--blue-500);
  padding: 12px 24px;
  height: 48px;
  line-height: 1.5rem;
  font-weight: 500;
  font-size: 1rem !important;
  min-width: 48px !important;
  border-radius: 50px !important; }

.image a {
  overflow: hidden;
  display: block; }

.intabblob:not(.active) {
  display: none !important; }

.nomonsticky .icon-sticky {
  display: none; }

.nomonsticky .css-1vsajuy .icon-sticky {
  display: block; }

.home_lc-main__h2Y2Q {
  padding-bottom: 0 !important; }

@media (max-width: 991px) {
  .hiddensm {
    display: none !important; } }

@media (max-width: 1199px) {
  footer .mx-\[34px\] {
    margin-left: 0;
    margin-right: 0;
    margin: 10px 0; }
  footer .css-nbsn7p {
    display: block; }
  footer .css-6b5jl {
    display: block; }
  footer .css-onbp4n {
    display: block; }
  .css-1q68zow {
    min-width: initial; }
  .hiddden991 {
    display: none; }
  .main_body__1UtKl, .css-33afvg {
    min-width: initial !important; }
  .md\:w-\[680px\] {
    width: initial; }
  .vtollsliderr .md\:max-w-\[805px\] {
    max-width: 100%; }
  .vtollsliderr .md\:w-\[680px\] {
    width: initial !important; }
  .vtollsliderr .md\:flex {
    display: flex;
    flex-wrap: wrap; }
  .css-1zrptk {
    --screens-lg: 100%;
    --screens-sm: 100%; } }

.search-section button.shrink-0.rounded-full.bg-layer-blue-1\,5.text-text-focus.w-\[40px\].h-\[40px\].p-\[10px\].ml-3 svg {
  color: #fff; }

.class-gidrbit {
  padding-bottom: 44px !important; }

.main_body__1UtKl {
  padding-bottom: 0; }

@media (max-width: 767px) {
  #search_header {
    height: 29px !important; }
  .siuheader {
    padding: 0; }
  .login.flex.totalall {
    display: none; } }

@media (min-width: 769px) {
  .md\:mb-\[16px\] {
    margin-bottom: 16px !important; } }

.health-check_lc-heath-check__inner__wPc5d .health-check_heath-title__TRSbo .health-check_desc__b8dSe {
  color: #fff; }

.searchtag {
  position: absolute;
  width: 100%; }

:where(.css-10ed4xt).ant-btn > span {
  color: #fff !important; }

:where(.css-10ed4xt).ant-btn-primary {
  color: #fff;
  background-color: #067655; }

.cta-desktop__button-group button:nth-child(2) {
  background: #b2bdd6 !important; }

.filldata .text-text-focus, .filldata .text-text-link {
  color: #fff; }

.card-collapse p.\!text-text-focus.text-label2.font-medium {
  color: #fff !important; }

.sidebar .alert * {
  color: #fff; }

body:not(.activeseach) .searchtag {
  display: none; }

body:not(.activeseach) #overlay-menu {
  display: none; }

body:not(.activeseach) .noneclear {
  display: none; }

.product-card .image img {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 1 / 1; }

@media (max-width: 767px) {
  .search-section {
    margin-top: 20px; }
  .class-gidrbit {
    padding-bottom: 15px !important; }
  .cs-search-wrapper span.relative {
    padding: 0; }
  .class-gidrbit img {
    width: 100% !important;
    height: 40px !important; }
  .health-check_lc-heath-check__inner__wPc5d .health-check_heath-title__TRSbo .health-check_desc__b8dSe {
    max-width: 100%;
    text-align: center;
    font-size: 11px; }
  .health-check_lc-heath-check__inner__wPc5d .health-check_heath-title__TRSbo .health-check_heading__b1JYQ {
    text-align: center; }
  .styles_embla__slide__JiX50 {
    padding-left: 10px;
    padding-right: 10px; }
  .slider-index.next, .slider-index.prev {
    display: none; }
  .slideronmain .slider-index.next {
    right: 0px; }
  .mobile-padding-0 {
    padding: 0; }
  footer li.link-item a {
    line-height: 20px;
    margin: 0 !important;
    padding: 0 !important; }
  .css-1q68zow .title {
    margin-bottom: 8px;
    margin-top: 20px; }
  .btn-special a:after {
    background: #fff; } }

.fullbaner {
  margin-top: 30px; }

.listaddedfirt {
  margin-bottom: 12px; }

.product-item .product-img picture img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover; }

/*CUSNEW*/
header {
  background-color: #03524e !important; }
  header .bg-section-banner {
    opacity: 0; }
  header .flexlogin a {
    display: flex;
    gap: 3px; }
  header .name-cart.css-14c0258 {
    display: flex;
    align-items: center;
    gap: 3px; }
    header .name-cart.css-14c0258 path {
      fill: #fff; }
  header .searchclass {
    height: 44px;
    border-radius: 8px; }
  header .buttonsrachhay {
    border-radius: 4px;
    width: 36px;
    height: 36px;
    background: #03524e; }
  header .cartminiinhcao {
    background: #ffffff;
    border-radius: 8px; }
    header .cartminiinhcao .name-cart.css-14c0258 {
      color: #03524e;
      font-weight: bold; }
      header .cartminiinhcao .name-cart.css-14c0258 path {
        fill: #03524e; }

.flexcustomerforfig .service {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 10px;
  margin: 30px 0; }
  @media (max-width: 992px) {
    .flexcustomerforfig .service {
      grid-template-columns: repeat(5, 1fr); } }
  @media (max-width: 767px) {
    .flexcustomerforfig .service {
      display: block; } }
  .flexcustomerforfig .service > div {
    min-width: 0; }

.flexcustomerforfig .service2 {
  background: #ffffff;
  border-radius: 8px;
  padding: 10px;
  text-align: center; }
  .flexcustomerforfig .service2 img {
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 10px;
    height: 48px;
    object-fit: contain;
    width: 100%; }

.massanphamso1 .fullproductadd1title {
  color: #03524e;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  line-height: 36px;
  margin-bottom: 15px; }

.massanphamso1 .fullproductaddboxgrid {
  background: #f1f7f7;
  padding-top: 25px; }
  @media (max-width: 767px) {
    .massanphamso1 .fullproductaddboxgrid {
      background: transparent;
      padding-top: 0px; } }
  .massanphamso1 .fullproductaddboxgrid .fullproductaddboxgridbz {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    border-radius: 8px;
    padding: 36px;
    padding-top: 0; }
    @media (max-width: 992px) {
      .massanphamso1 .fullproductaddboxgrid .fullproductaddboxgridbz {
        grid-template-columns: repeat(4, 1fr);
        padding: 0px; } }
    .massanphamso1 .fullproductaddboxgrid .fullproductaddboxgridbz > div {
      min-width: 0; }
    @media (max-width: 767px) {
      .massanphamso1 .fullproductaddboxgrid .fullproductaddboxgridbz {
        grid-template-columns: repeat(2, 1fr);
        padding: 0px; } }

.rectangle-55sale {
  background: url("//theme.hstatic.net/200000851307/1001229135/14/backgrounsal.png?v=1158");
  background-size: 100% 100%;
  width: 56px;
  padding: 36px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  padding: 4px 5px;
  padding-bottom: 10px; }

.css-16lguhs .product-card {
  overflow: hidden; }

.looptexta {
  background: #e5f8fe;
  border-radius: 4px;
  margin-bottom: 5px; }
  .looptexta .w-fit.text-caption {
    color: #00b6f3;
    font-size: 11px; }

.mua1tang1 {
  margin: 7px 0; }

.price .new {
  color: #03524e;
  font-weight: bold;
  font-size: 16px; }

.price .old.text-caption {
  color: #767b92;
  font-size: 12px;
  font-weight: 400; }

footer {
  background: #03524e; }

footer .title {
  font-size: 15px !important;
  color: #fff !important; }

footer .text-text-focus, footer .text-text-link {
  color: #fff;
  opacity: 0.9; }

.gridtemplateon {
  display: grid;
  grid-template-columns: 0.7fr 0.3fr;
  gap: 5px;
  align-items: center;
  margin: 30px 0; }
  @media (max-width: 767px) {
    .gridtemplateon {
      grid-template-columns: repeat(1, 1fr); }
      .gridtemplateon > div {
        min-width: 0; } }
  .gridtemplateon .gridtemplaitlgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px; }
  .gridtemplateon .gridtemplaitlgrid1 {
    display: flex;
    align-items: center;
    gap: 10px; }
  .gridtemplateon .gridtemplaitl {
    color: var(--green-brand-primary, #03524e);
    text-align: left;
    font-family: var(--h5-700-bold-font-family, "Roboto-Bold", sans-serif);
    font-size: var(--h5-700-bold-font-size, 30px);
    line-height: var(--h5-700-bold-line-height, 36px);
    font-weight: var(--h5-700-bold-font-weight, 700);
    position: relative;
    margin-bottom: 24px; }
  .gridtemplateon .imageboxtitle {
    color: #0b0f22;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600; }
  .gridtemplateon .imageboxtitle2 {
    color: #03524e; }

.titleglobal {
  color: var(--green-brand-primary, #03524e);
  text-align: left;
  font-family: var(--h5-700-bold-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--h5-700-bold-font-size, 30px);
  line-height: var(--h5-700-bold-line-height, 36px);
  font-weight: var(--h5-700-bold-font-weight, 700);
  position: relative; }

.gaflowmenu {
  display: flex;
  gap: 10px;
  margin: 20px 0;
  overflow: auto; }
  .gaflowmenu::-webkit-scrollbar {
    width: 0px;
    background-color: #F5F5F5;
    display: none; }
  .gaflowmenu a {
    flex: 0 0 auto;
    background: var(--colors-white, #ffffff);
    border-radius: 99px;
    border-style: solid;
    border-color: var(--greys-grey-400, #d2d5df);
    border-width: 1px;
    padding: 8px 17px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold; }
    .gaflowmenu a.active {
      background: url("//theme.hstatic.net/200000851307/1001229135/14/checkzx.png?v=1158") right top no-repeat #e2eaea;
      background-size: 29px 29px;
      border-color: #03524e; }

.sanphamtheodoituong .sanphamtheodoituongboxgr {
  background: linear-gradient(90deg, #283c86 0%, #45a247 100%);
  padding: 20px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px; }
  @media (max-width: 992px) {
    .sanphamtheodoituong .sanphamtheodoituongboxgr {
      grid-template-columns: repeat(4, 1fr); } }
  @media (max-width: 767px) {
    .sanphamtheodoituong .sanphamtheodoituongboxgr {
      grid-template-columns: repeat(2, 1fr);
      padding: 5px;
      gap: 6px; } }
  .sanphamtheodoituong .sanphamtheodoituongboxgr > div {
    min-width: 0; }
  .sanphamtheodoituong .sanphamtheodoituongboxgr > div:nth-child(n+7) {
    display: none !important; }

.sanphamtheodoituongboxgr {
  /* the slides */
  /* the parent */ }
  .sanphamtheodoituongboxgr .slider-index.next {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: #f4f4f4;
    z-index: 9;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center; }
  .sanphamtheodoituongboxgr .slider-index.prev {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: #f4f4f4;
    z-index: 9;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center; }
  .sanphamtheodoituongboxgr:hover .slick-arrow {
    transition: 0.4s all ease;
    opacity: 1; }
  .sanphamtheodoituongboxgr .slick-dots {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    position: relative;
    top: 10px;
    z-index: 1; }
    .sanphamtheodoituongboxgr .slick-dots button {
      background: #D9D9D9;
      border: none;
      font-size: 0;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin-right: 10px;
      outline: none; }
  .sanphamtheodoituongboxgr .slick-slide {
    margin: 0 7px; }
  .sanphamtheodoituongboxgr .slick-list {
    margin: 0 -7px; }

.css-16lguhs .product-card {
  padding: 10px; }

.forlider3item {
  /* the parent */ }
  .forlider3item .slider-index.next {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: #f4f4f4;
    z-index: 9;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center; }
  .forlider3item .slider-index.prev {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: #f4f4f4;
    z-index: 9;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center; }
  .forlider3item:hover .slick-arrow {
    transition: 0.4s all ease;
    opacity: 1; }
  .forlider3item .slick-dots {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    position: relative;
    top: 10px;
    z-index: 1; }
    .forlider3item .slick-dots button {
      background: #D9D9D9;
      border: none;
      font-size: 0;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin-right: 10px;
      outline: none; }
  .forlider3item .slick-slide {
    margin: 0 10px; }
  .forlider3item .slick-list {
    margin: 0 -10px; }

.sanphamsilderblogsuckhoe {
  background: #fff;
  background: url("//theme.hstatic.net/200000851307/1001229135/14/tintucz.png?v=1158") left bottom no-repeat #fff;
  background-size: 100% 80%;
  padding-bottom: 36px;
  padding-top: 50px; }

.wraparticle {
  background: #fafafa;
  border-radius: 12px;
  border-style: solid;
  border-color: var(--greys-grey-200, #eff1f8);
  border-width: 1px;
  overflow: hidden; }
  .wraparticle .boxwrao {
    padding: 15px; }
  .wraparticle .image img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover; }
  .wraparticle .title a {
    color: #333333;
    text-align: left;
    margin-top: 10px;
    font-size: var(--h6-500-medium-font-size, 24px);
    line-height: var(--h6-500-medium-line-height, 32px);
    font-weight: var(--h6-500-medium-font-weight, 500);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .wraparticle .des {
    color: var(--greys-grey-700, #767b92);
    text-align: left;
    font-size: var(--body-2-400-regular-font-size, 16px);
    line-height: var(--body-2-400-regular-line-height, 24px);
    font-weight: var(--body-2-400-regular-font-weight, 400);
    position: relative;
    align-self: stretch;
    height: 48px;
    text-overflow: ellipsis;
    overflow: hidden; }
  .wraparticle .seemorenow a {
    color: var(--green-brand-primary, #03524e);
    text-align: left;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--caption-1-500-medium-font-size, 14px);
    line-height: var(--caption-1-500-medium-line-height, 20px);
    font-weight: var(--caption-1-500-medium-font-weight, 500);
    position: relative;
    margin-top: 10px; }

footer {
  padding: 30px 0;
  padding-bottom: 0; }
  footer .gridtemplatefooter {
    display: flex;
    gap: 15px;
    padding-bottom: 25px; }
    @media (max-width: 992px) {
      footer .gridtemplatefooter {
        flex-wrap: wrap; } }
    footer .gridtemplatefooter > div {
      width: 15%;
      flex-grow: 1; }
      @media (max-width: 767px) {
        footer .gridtemplatefooter > div {
          width: 100% !important; } }
      footer .gridtemplatefooter > div:nth-child(1) {
        width: calc(20%); }
    footer .gridtemplatefooter .templatefootertitle {
      font-size: 15px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 15px; }
    footer .gridtemplatefooter .listmenuall a {
      display: block;
      color: #fff;
      font-size: 13px;
      margin-bottom: 10px;
      opacity: 0.8; }
    footer .gridtemplatefooter .motacontact {
      display: flex;
      align-items: center;
      font-size: 13px;
      color: #fff;
      gap: 6px; }
      footer .gridtemplatefooter .motacontact span {
        opacity: 0.8; }

.socialistffoter .gridsayhande {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  gap: 5px; }

.socialistffoter img {
  width: 24px;
  height: 24px; }

.socialistffoter a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 13px;
  margin-bottom: 10px; }
  .socialistffoter a span {
    opacity: 0.8; }

.gridmonm {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  gap: 40px; }
  @media (max-width: 767px) {
    .gridmonm {
      grid-template-columns: repeat(1, 1fr);
      gap: 20px; } }
  .gridmonm .gridsayhande {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    gap: 5px; }
    @media (max-width: 767px) {
      .gridmonm .gridsayhande {
        grid-template-columns: repeat(6, 1fr); } }

.footer1 {
  padding-left: 100px;
  font-size: 14px; }

.name-footer {
  font-weight: bold;
  text-transform: uppercase;
  color: #0b0f22;
  font-size: 16px; }

.bavkgroundooommm {
  background: #f5f5f5;
  padding: 20px 0; }
  .bavkgroundooommm .titlez {
    color: #0b0f22;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase; }

.flexgronom {
  border: 1px solid #e3e5ed;
  padding: 5px;
  border-radius: 5px;
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content: center;
  text-align: center;
  height: 50%;
  align-items: center;
  background: #fff; }
  .flexgronom .itemhead1 span img {
    width: 80%;
    margin: 0  auto;
    height: 40px;
    object-fit: contain; }
  .flexgronom .itemhead2 span img {
    width: 80%;
    margin: 0  auto;
    height: 40px;
    object-fit: contain; }

.fullfflexjumbu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px; }

.sanphamsilder {
  margin-top: 30px; }
  .sanphamsilder .titleglobal {
    margin-bottom: 15px; }

.sanphamsilderblogsuckhoe {
  margin-top: 30px; }

.css-f2oaoj.css-f2oaoj.css-f2oaoj .text-category {
  text-transform: uppercase; }

.sidebar-block {
  margin-bottom: 0; }
  .sidebar-block .box_sidebar {
    background: #fff; }

.grildcolltem {
  display: grid;
  grid-template-columns: 0.25fr 0.75fr;
  gap: 10px; }
  @media (max-width: 992px) {
    .grildcolltem {
      grid-template-columns: repeat(1, 1fr); } }
  .grildcolltem .sanphamtheodcollecgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px; }
    @media (max-width: 992px) {
      .grildcolltem .sanphamtheodcollecgrid {
        grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 767px) {
      .grildcolltem .sanphamtheodcollecgrid {
        grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 992px) {
    .grildcolltem .grildcolltem2 {
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      bottom: 0;
      max-width: 90%;
      max-height: 100vh;
      overflow: auto;
      padding-bottom: 50px;
      background: #fff;
      z-index: 999;
      display: none; } }

.filternewall .filternewalltext1 {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #38383d;
  font-size: 20px;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 2px; }

.filternewall .filternewalltext2 {
  background: #fff;
  padding: 15px;
  margin-bottom: 2px; }

.filternewall .filternewalltext2text1 {
  font-size: 16px;
  font-weight: bold; }

.filternewall .filternewalltext2text2 {
  font-size: 14px;
  text-decoration: underline; }

.headercolltitke {
  color: #03524e;
  font-size: 20px;
  font-weight: bold;
  background: #fff;
  padding: 15px;
  margin-bottom: 2px; }

.headercollhein {
  background: #fff;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  overflow: auto; }
  .headercollhein > div {
    flex: 0 0 auto; }
  .headercollhein a {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #ccc;
    padding: 4px 15px;
    border-radius: 21px;
    font-weight: bold;
    font-size: 14px; }
    .headercollhein a.active {
      background: rgba(3, 82, 78, 0.1);
      border-radius: 99px;
      border-style: solid;
      border-color: var(--green-brand-primary, #03524e); }

.breadcrumb-shop .breadcrumb > li + li:before {
  padding: 0 3px;
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
  margin-left: 6px;
  font-size: 14px; }

.fullffilteralljacked {
  background: #fff;
  margin-bottom: 2px; }

.filterdoituong {
  padding: 15px;
  padding-top: 0; }

.filterdogia {
  padding: 15px; }

.fullffilteralljackedhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 15px;
  padding-bottom: 0;
  cursor: pointer; }

.classxemthem, .classxemthem:hover {
  color: #71b842 !important;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px; }

.filterdogia .boxgia {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px; }

.filterdogia .boxgiaitem {
  background: #f5f5fa;
  padding: 10px;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  border: 2px solid transparent; }
  .filterdogia .boxgiaitem.active {
    color: #03524e !important;
    border: 2px solid #03524e; }

.sortpagibar.pagi {
  grid-column: -1 / 1; }
  .sortpagibar.pagi #pagination .prev {
    transform: none; }
  .sortpagibar.pagi #pagination .prev {
    margin-right: 0; }
  .sortpagibar.pagi #pagination .next {
    margin-left: 0; }
  .sortpagibar.pagi #pagination .page-node, .sortpagibar.pagi #pagination .next, .sortpagibar.pagi #pagination .prev {
    border-radius: 4px;
    background: transparent;
    color: #000; }
  .sortpagibar.pagi .page-node.current {
    background: #03524e !important;
    border-radius: 4px;
    color: #fff !important; }
  .sortpagibar.pagi #pagination {
    display: flex;
    justify-content: flex-end; }

@media (min-width: 769px) {
  .css-1azp7v2 {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 2px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    margin: auto;
    margin-top: 2px; }
  .css-1azp7v2 .flex {
    gap: 16px;
    -webkit-box-pack: initial;
    -ms-flex-pack: center;
    -webkit-justify-content: left;
    justify-content: left; } }

.sliderhomeslick .slider-index.next {
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  border-radius: 0;
  height: 50px;
  width: 30px;
  border: 1px solid transparent; }
  @media (max-width: 767px) {
    .sliderhomeslick .slider-index.next {
      height: 35px;
      width: 24px; } }

.sliderhomeslick .slider-index.prev {
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  border-radius: 0;
  height: 50px;
  width: 30px;
  border: 1px solid transparent; }
  @media (max-width: 767px) {
    .sliderhomeslick .slider-index.prev {
      height: 35px;
      width: 24px; } }

.sliderhomeslick .slider-index.next svg,
.sliderhomeslick .slider-index.prev svg {
  width: 40px; }

.sliderhomeslick .slider-index.next svg path,
.sliderhomeslick .slider-index.prev svg path {
  stroke: #fff; }

@media (max-width: 767px) {
  .footer1 {
    padding-left: 0; }
  .service:not(.slick-initialized) > div {
    width: calc(100%/3); }
  .service:not(.slick-initialized) > div:nth-child(n+2) {
    display: none !important; }
  .flexcustomerforfig {
    /* the parent */ }
    .flexcustomerforfig .slider-index.next {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      background: #fff;
      z-index: 9;
      border-radius: 100%;
      height: 2.5rem;
      width: 2.5rem;
      display: flex !important;
      align-items: center;
      justify-content: center;
      box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
      border: 1px solid #ccc; }
      .flexcustomerforfig .slider-index.next svg {
        width: 24px; }
        .flexcustomerforfig .slider-index.next svg path {
          stroke: #067655; }
    .flexcustomerforfig .slider-index.prev {
      position: absolute;
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      background: #fff;
      z-index: 9;
      border-radius: 100%;
      height: 2.5rem;
      width: 2.5rem;
      display: flex !important;
      align-items: center;
      justify-content: center;
      box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px;
      border: 1px solid #ccc; }
      .flexcustomerforfig .slider-index.prev svg {
        transform: rotate(180deg);
        width: 24px; }
        .flexcustomerforfig .slider-index.prev svg path {
          stroke: #067655; }
    .flexcustomerforfig:hover .slick-arrow {
      transition: 0.4s all ease;
      opacity: 1; }
    .flexcustomerforfig .slick-dots {
      padding: 0;
      list-style: none;
      display: flex;
      justify-content: center;
      position: absolute;
      bottom: 10px;
      z-index: 1;
      left: 50%;
      transform: translateX(-50%); }
      .flexcustomerforfig .slick-dots button {
        background: #D9D9D9;
        border: none;
        font-size: 0;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-right: 10px;
        outline: none;
        width: 8px;
        height: 8px; }
      .flexcustomerforfig .slick-dots .slick-active button {
        background: #657384; }
    .flexcustomerforfig .slick-slide {
      margin: 0 5px; }
    .flexcustomerforfig .slick-list {
      margin: 0 -5px; }
    .flexcustomerforfig .slider-index.next {
      right: 0;
      height: 25px;
      width: 25px; }
      .flexcustomerforfig .slider-index.next svg {
        width: 18px; }
    .flexcustomerforfig .slider-index.prev {
      height: 25px;
      width: 25px; }
      .flexcustomerforfig .slider-index.prev svg {
        width: 18px; }
  header .cartminiinhcao .name-cart.css-14c0258 {
    font-size: 0; }
  .cs-search-wrapper span.relative {
    padding-right: 10px; } }

.nonactive .filterdoituong {
  display: none; }

.nonactive .fullffilteralljackedhead {
  margin-bottom: 0;
  padding-bottom: 15px; }

.nonactive .icon {
  transform: rotate(180deg); }

.filterdoituong li:nth-child(n+7) {
  display: none; }

.activeholde li:nth-child(n+7) {
  display: block; }

.activeholde svg {
  transform: rotate(180deg); }

.sortproduct path {
  fill: #252731; }

.sortproduct .active {
  color: #03524e !important; }
  .sortproduct .active path {
    fill: #03524E; }

.overflowhi {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none; }
  .overflowhi span {
    display: block;
    text-align: right;
    position: fixed;
    z-index: 9;
    right: 0; }
    .overflowhi span svg {
      fill: #fff;
      background: #03524e;
      width: 36px;
      height: 36px;
      padding: 10px; }
      .overflowhi span svg path {
        fill: #fff; }

.locsanphamr {
  background: #03524e;
  position: fixed;
  z-index: 999;
  bottom: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold; }
  @media (min-width: 993px) {
    .locsanphamr {
      display: none; } }

.activeloc .overflowhi, .activeloc .grildcolltem2 {
  display: block; }

.flexhanganxxx {
  display: flex;
  gap: 8px;
  flex-wrap: wrap; }

.menu3hgandlz {
  border: 1px solid #d2d5df;
  background: #fff;
  border-radius: 30px;
  padding: 4px 11px;
  color: #000;
  font-weight: bold;
  font-size: 14px; }

.forproductgrid6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px; }

.placeholder-shown\:text-ellipsis:placeholder-shown::placeholder {
  color: #999dae !important; }

.flexgronom span {
  margin-bottom: 10px;
  display: block; }

.bannerrbox {
  background: #f8fff3;
  padding: 20px 0; }

.sanphamtheodoituong {
  margin-top: 30px; }

.gridmonm .gridsayhande img {
  height: 16px;
  width: 39px;
  object-fit: contain; }

.bcngthuong img {
  width: 140px;
  height: auto;
  object-fit: contain; }

.cuimb {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 0 5px; }

.cuimb a {
  padding: 0 5px; }

@media (max-width: 767px) {
  .flexcustomerforfig .service2 img {
    width: 100%; }
  .flexcustomerforfig .service {
    margin: 10px 0; }
  .massanphamso1 .fullproductaddboxgrid .fullproductaddboxgridbz {
    gap: 5px; }
  .gridtemplateon .gridtemplaitl {
    font-size: var(--h5-700-bold-font-size, 20px);
    line-height: var(--h5-700-bold-line-height, 26px); }
  .titleglobal {
    font-size: var(--h5-700-bold-font-size, 26px);
    line-height: var(--h5-700-bold-line-height, 30px); } }